/* ECG v6 how-we-work pages (24 Sep 2026): /how-we-find-the-moment and /what-an-engagement-looks-like.
   Loaded after v6-industries.css, which supplies the letterpress base (cotton, navy ink, Newsreader, kicker, btn, h2s, ind-sec).
   Every rule is scoped under .v6 so main.css keeps the header and footer. */

/* Hero: text left, a drawn instrument right */
.v6 .pg-hero{padding-top:clamp(128px,14vw,184px);padding-bottom:clamp(56px,7vw,96px)}
.v6 .pg-hero .grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.v6 .pg-h1{font-size:clamp(2.9rem,6.6vw,6rem);line-height:.95;letter-spacing:-.025em;max-width:12ch}
.v6 .pg-hero .lp-hook{max-width:28rem}
.v6 .pg-hero .answer{margin-top:18px;max-width:36rem;color:var(--ink-soft)}
.v6 .pg-hero .actions{margin-top:30px}
.v6 .pg-hero .chips{margin-top:24px}
@media (max-width:899px){.v6 .pg-hero .grid{grid-template-columns:1fr}.v6 .pg-hero{padding-top:calc(var(--head) + 40px)}}

/* The drawn instruments (inline SVG, ink on cotton) */
.v6 .instrument{margin:0;padding:clamp(18px,2.4vw,28px);background-color:var(--card);background-image:var(--grain);border:1px solid var(--rule);box-shadow:0 1px 0 rgba(10,27,51,.04),0 14px 34px rgba(10,27,51,.07);position:relative}
.v6 .instrument:after{content:"";position:absolute;inset:8px;border:1px solid var(--rule);pointer-events:none}
.v6 .instrument svg{display:block;width:100%;height:auto}
.v6 .instrument figcaption{margin-top:12px;text-align:center;color:var(--ink-soft)}
.v6 .instrument .ink{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.v6 .instrument .ink-soft{fill:none;stroke:rgba(10,27,51,.28);stroke-width:1}
.v6 .instrument .grid-line{stroke:rgba(10,27,51,.08);stroke-width:1}
.v6 .instrument .dot{fill:var(--cotton);stroke:var(--ink);stroke-width:2}
.v6 .instrument .dot-hot{fill:var(--ink);stroke:var(--ink);stroke-width:2}
.v6 .instrument text{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;fill:var(--ink-soft)}
.v6 .instrument text.hot{fill:var(--ink)}
.v6 .instrument text.big{font-family:var(--serif);font-size:30px;font-weight:500;letter-spacing:-.01em;fill:var(--ink)}

/* The direct answer, set as a pressed statement */
.v6 .answer-sec .answer-line{margin-top:6px;max-width:34ch;font-family:var(--serif);font-size:clamp(1.45rem,2.7vw,2.2rem);line-height:1.3;letter-spacing:-.01em}
.v6 .answer-sec .para{max-width:44rem}

/* Signal plates */
.v6 .sig-grid{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.v6 .sig{position:relative;display:flex;flex-direction:column;padding:clamp(22px,2.6vw,32px);background-color:var(--card);background-image:var(--grain);border:1px solid var(--rule)}
.v6 .sig .tag{display:flex;align-items:center;gap:10px;color:var(--ink-soft)}
.v6 .sig .tag b{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--rule-strong);font-family:var(--mono);font-size:.7rem;color:var(--ink)}
.v6 .sig h3{margin-top:14px;font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.12}
.v6 .sig p{margin-top:10px;color:var(--ink-soft)}
.v6 .sig .line{margin-top:auto;padding-top:18px}
.v6 .sig .line span{display:block;margin-bottom:8px;color:var(--ink-soft)}
.v6 .sig .line q{display:block;padding:14px 16px;border-left:2px solid var(--ink);background:rgba(10,27,51,.035);font-family:var(--serif);font-size:1.08rem;line-height:1.45;quotes:none}
.v6 .sig .line q.hold{border-left-style:dashed;color:var(--ink-soft)}
@media (max-width:760px){.v6 .sig-grid{grid-template-columns:1fr}}

/* Numbered steps in the parts-table idiom */
.v6 .steps{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;border-top:1px solid var(--rule-strong);counter-reset:step}
.v6 .steps li{display:grid;grid-template-columns:72px minmax(150px,.6fr) 2fr;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule);counter-increment:step}
.v6 .steps li:before{content:"0" counter(step);font-family:var(--serif);font-size:2rem;line-height:1;color:var(--ink)}
.v6 .steps h3{font-family:var(--mono);font-size:.78rem;font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
.v6 .steps p{color:var(--ink-soft)}
@media (max-width:760px){.v6 .steps li{grid-template-columns:52px 1fr;gap:6px 14px}.v6 .steps li p{grid-column:2}.v6 .steps li:before{font-size:1.6rem}}
.v6 .test-line{margin-top:28px;padding:20px 24px;border:1px solid var(--rule-strong);max-width:46rem;font-family:var(--serif);font-size:1.2rem;line-height:1.45}

/* Ruled "never" list */
.v6 .never{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--rule-strong);max-width:52rem}
.v6 .never li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid var(--rule);color:var(--ink-soft)}
.v6 .never li:before{content:"";position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink);transform:rotate(45deg)}
.v6 .never li:after{content:"";position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink);transform:rotate(-45deg)}
.v6 .never li b{color:var(--ink)}

/* Three-part model rows (Build, Run, Own) */
.v6 .bro-rows{margin-top:clamp(30px,4vw,48px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}
.v6 .bro-rows div{padding:22px 22px 24px 0}
.v6 .bro-rows div+div{padding-left:22px;border-left:1px solid var(--rule)}
.v6 .bro-rows h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.v6 .bro-rows p{margin-top:10px;color:var(--ink-soft)}
@media (max-width:899px){.v6 .bro-rows{grid-template-columns:1fr}.v6 .bro-rows div,.v6 .bro-rows div+div{padding:18px 0;border-left:0}.v6 .bro-rows div+div{border-top:1px solid var(--rule)}}

/* Month sheets */
.v6 .months{margin-top:clamp(36px,5vw,56px);display:grid;gap:clamp(16px,2.4vw,26px)}
.v6 .month{position:relative;display:grid;grid-template-columns:minmax(150px,.55fr) 2fr;gap:clamp(20px,3vw,48px);padding:clamp(24px,3vw,38px);background-color:var(--card);background-image:var(--grain);border:1px solid var(--rule);box-shadow:0 1px 0 rgba(10,27,51,.04),0 14px 34px rgba(10,27,51,.06)}
.v6 .month:after{content:"";position:absolute;inset:8px;border:1px solid var(--rule);pointer-events:none}
.v6 .month .no{font-family:var(--serif);font-size:clamp(3.4rem,6vw,5rem);line-height:.9;color:var(--ink)}
.v6 .month .no-k{margin-top:10px;color:var(--ink-soft)}
.v6 .month h3{margin-top:8px;font-size:clamp(1.7rem,2.8vw,2.3rem)}
.v6 .month dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule-strong)}
.v6 .month dl div{padding:16px 18px 4px 0}
.v6 .month dl div+div{padding-left:18px;border-left:1px solid var(--rule)}
.v6 .month dt{font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.v6 .month dd{margin:8px 0 0;color:var(--ink-soft);font-size:.98rem;line-height:1.6}
.v6 .month.after{background:transparent;box-shadow:none;border-style:dashed}
.v6 .month.after:after{display:none}
@media (max-width:1000px){.v6 .month{grid-template-columns:1fr}.v6 .month dl{grid-template-columns:1fr}.v6 .month dl div,.v6 .month dl div+div{padding:14px 0 6px;border-left:0}.v6 .month dl div+div{border-top:1px solid var(--rule)}}

/* What you own */
.v6 .own-grid{list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-strong)}
.v6 .own-grid li{padding:20px 22px 22px 0;border-bottom:1px solid var(--rule)}
.v6 .own-grid li:nth-child(3n+2),.v6 .own-grid li:nth-child(3n){padding-left:22px;border-left:1px solid var(--rule)}
.v6 .own-grid b{display:block;font-family:var(--serif);font-weight:500;font-size:1.35rem;line-height:1.2;color:var(--ink)}
.v6 .own-grid span{display:block;margin-top:8px;color:var(--ink-soft);font-size:.96rem}
@media (max-width:899px){.v6 .own-grid{grid-template-columns:1fr}.v6 .own-grid li,.v6 .own-grid li:nth-child(3n+2),.v6 .own-grid li:nth-child(3n){padding:16px 0;border-left:0}}

/* FAQ, every answer visible (the markup matches the text) */
.v6 .faq-list{margin:clamp(30px,4vw,48px) 0 0;border-top:1px solid var(--rule-strong);max-width:56rem}
.v6 .faq-list div{padding:22px 0;border-bottom:1px solid var(--rule)}
.v6 .faq-list dt{font-family:var(--serif);font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.3;color:var(--ink)}
.v6 .faq-list dd{margin:10px 0 0;color:var(--ink-soft)}
.v6 .faq-list a,.v6 .para a,.v6 .close-copy a,.v6 .month dd a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Keep reading */
.v6 .next-grid{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.v6 .next-grid a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 22px;border:1px solid var(--rule);background:rgba(255,255,255,.4);text-decoration:none;transition:background-color .2s,transform .2s}
.v6 .next-grid a:hover{background:rgba(255,255,255,.75);transform:translateY(-2px)}
.v6 .next-grid b{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.2}
.v6 .next-grid span{color:var(--ink-soft);font-size:.94rem}
@media (max-width:899px){.v6 .next-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.v6 .next-grid a{transition:none}.v6 .next-grid a:hover{transform:none}}

/* Hero instrument 1: the signal log (an illustration, real text so it reads at any width) */
.v6 .log-trace{display:block;width:100%;height:auto;margin-bottom:14px}
.v6 .log{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-strong)}
.v6 .log li{display:grid;grid-template-columns:44px 118px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rule);font-size:.92rem;line-height:1.45}
.v6 .log .d,.v6 .log .k{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.v6 .log .d{color:var(--ink-soft)}
.v6 .log .k{color:var(--ink)}
.v6 .log .t{color:var(--ink-soft)}
.v6 .log-out{margin-top:16px;padding:14px 16px;border-left:2px solid var(--ink);background:rgba(10,27,51,.04)}
.v6 .log-out span{display:block;margin-bottom:6px;color:var(--ink-soft)}
.v6 .log-out p{font-family:var(--serif);font-size:1.12rem;line-height:1.45}
@media (max-width:480px){.v6 .log li{grid-template-columns:36px 1fr;gap:2px 10px}.v6 .log .t{grid-column:2}}

/* Hero instrument 2: the schedule (four months, then yours) */
.v6 .sched{display:grid;grid-template-columns:minmax(92px,.9fr) repeat(4,minmax(0,1fr)) minmax(40px,.5fr);align-items:center;row-gap:10px;border-top:1px solid var(--rule-strong);padding-top:14px}
.v6 .sched .h{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:center;padding-bottom:6px;border-bottom:1px solid var(--rule)}
.v6 .sched .h.l{text-align:left}
.v6 .sched .r{grid-column:1;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.v6 .sched .bar{height:14px;background:var(--ink);border-radius:1px}
.v6 .sched .bar.soft{background:rgba(10,27,51,.35)}
.v6 .sched .bar.out{background:transparent;border:1px dashed var(--rule-strong)}
.v6 .sched .c2{grid-column:2/3}.v6 .sched .c23{grid-column:2/4}.v6 .sched .c35{grid-column:3/6}.v6 .sched .c5{grid-column:5/6}.v6 .sched .c6{grid-column:6/7}
.v6 .sched-note{margin-top:16px;padding-top:12px;border-top:1px solid var(--rule);color:var(--ink-soft);font-size:.92rem}