/* ══════════════════════════════════════════════════════════════
   COINCRAFT — "The Drafting Room" · Website 4 production system
   July 11, 2026 · R-8 ruled direction, GPT-verified, launch build.
   Ground: deep green-black. Text: Bone. Linework: pale sage.
   Gold law unchanged: certification + CTA only.
   Color law: green is the ground being surveyed; gold is the seal
   on what is finished.
   Named exception (Austin ruling July 13, R-15/F-07): the Home hero
   headline word "discovered" is gold. It is the one rhetorical gold
   on the site — the thesis of the practice, sealed. No other
   decorative gold may cite this exception.
   Named exception 2 (Austin ruling July 13, R-17 / GPT R16-M-02
   declined): Method artifact-name accents (.phase-block .artifact b)
   are gold — the deliverable is the point of each phase; the muted
   "Produces —" carries the grammar, the gold carries the object.
   These two are the only non-certification, non-CTA golds.
   Contrast rule (QA July 11): --sage passes AA for small labels;
   --sage-dim is decorative linework ONLY — never text.
   ══════════════════════════════════════════════════════════════ */
:root{
  --ground:#1A211C;        /* drafting-room green-black */
  --ground-deep:#141A16;   /* footer / recessed strips */
  --panel:#202B24;         /* raised bands (the "oxygen" tone) */
  --bone:#F5F0E6;
  --bone-muted:#C9C7BC;    /* body copy on dark */
  --sage:#8AA294;          /* readable labels + primary linework */
  --sage-line:#7A9285;     /* survey/mesh linework mid-tone — strokes only, never text */
  --sage-dim:#5A6E62;      /* decorative linework only */
  --hairline:#2E3A33;
  --gold:#C5A44E;
  --gold-deep:#A87F3D;
  --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
[id]{scroll-margin-top:96px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:var(--ground)}
body{background:var(--ground);color:var(--bone);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,72px)}
.col{max-width:760px}
h1,h2,h3,.display{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.01em;color:var(--bone)}
a{color:inherit}
p{color:var(--bone-muted)}
p b{color:var(--bone);font-weight:500}
.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);display:block;margin-bottom:2rem}
.mono{font-family:var(--mono)}
.btn-gold{display:inline-block;background:var(--gold);color:var(--ground);text-decoration:none;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 30px;transition:background .2s}
.btn-gold:hover{background:#D4B462}
.link-quiet{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);text-decoration:none;border-bottom:1px solid var(--hairline);padding:14px 0 8px}
.link-quiet:hover{color:var(--bone);border-color:var(--gold)}

/* ── nav ── */
nav{border-bottom:1px solid var(--hairline);background:var(--ground);position:sticky;top:0;z-index:50}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Fraunces,Georgia,serif;font-size:19px;letter-spacing:.02em;color:var(--bone)}
.brand svg{width:26px;height:26px;color:var(--bone)}
.nav-links{display:flex;gap:2.2rem}
.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);text-decoration:none;padding:20px 4px;display:inline-flex;align-items:center;min-height:44px}
.nav-links a:hover,.nav-links a.active{color:var(--bone)}
.nav-links a.active{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:7px}
@media(max-width:720px){nav{position:static}nav .wrap{flex-wrap:wrap;height:auto;min-height:64px;padding-top:4px;padding-bottom:4px;row-gap:0}.nav-links{gap:1rem}.nav-links a{font-size:10.5px;padding:12px 4px}}
main[tabindex="-1"]:focus{outline:none}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gold);color:var(--ground);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;text-decoration:none}
.skip-link:focus{left:12px;top:12px}

/* ── hero ── */
.hero{padding:clamp(4rem,9vh,6.5rem) 0 clamp(4rem,9vh,6rem);border-bottom:1px solid var(--hairline);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem);max-width:17ch}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero-grid h1{font-size:clamp(2.6rem,5.6vw,4.6rem);max-width:14ch}
.hero .lede{font-size:clamp(1.02rem,1.4vw,1.22rem);line-height:1.7;margin-top:2.4rem;max-width:56ch}
.hero .qualifier{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-top:1.6rem}
.hero-ctas{display:flex;align-items:center;gap:2.4rem;margin-top:3rem;flex-wrap:wrap}
.survey-fig{position:relative}
.survey-fig svg{width:100%;max-width:640px;display:block;margin:0 auto}
.survey-cap{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);text-align:center;margin-top:1.4rem;line-height:2}
@media(max-width:1020px){.hero-grid{grid-template-columns:1fr}.survey-fig{max-width:520px;margin:1rem auto 0;opacity:.92}}
.spin{transform-origin:400px 400px;animation:spin 120s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.spin{animation:none}}

/* ── hero right-column index (title-block counterweight) ──
   Decorative drafting notation; hidden when the hero stacks. */
.hero-index{border-left:1px solid var(--hairline);padding:1.2rem 0 1.2rem clamp(1.8rem,3vw,3.2rem);font-family:var(--mono);justify-self:end;min-width:280px;align-self:center}
.hero-index .hi-title{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);padding-bottom:1rem;border-bottom:1px solid var(--hairline);margin-bottom:1.2rem}
.hero-index .hi-row{display:flex;gap:1.6rem;padding:.5rem 0;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.hero-index .hi-row .n{min-width:2ch}
.hero-index .hi-row .t{color:var(--bone-muted)}
.hero-index .hi-chap{margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--hairline);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);line-height:2.1}
@media(max-width:1020px){.hero-index{display:none}}

/* ── sections ── */
section{padding:clamp(4.5rem,10vh,7rem) 0}
/* mobile vertical rhythm: default sections tighten, tonal breaks keep air */
@media(max-width:720px){
  section{padding:4rem 0}
  .band,.surface-deep,.surface-raised{padding:5.5rem 0}
  .contact{padding:5.5rem 0}
}
section h2{font-size:clamp(1.9rem,3.6vw,3rem);max-width:26ch;margin-bottom:2rem}
h2.display{margin-bottom:0}
section h3{font-size:clamp(1.5rem,2.2vw,1.9rem)}
.body-copy p{margin-top:1.15rem;max-width:62ch}
.body-copy p:first-of-type{margin-top:0}
.rule-after{border-bottom:1px solid var(--hairline)}
.pull{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.35;max-width:30ch;color:var(--bone)}
.pull em{font-style:normal;color:var(--gold)}
.emph{font-family:Fraunces,Georgia,serif;font-size:1.5rem;line-height:1.4;color:var(--bone);margin-top:1.8rem}

/* ── raised band (oxygen tone) ── */
.band{background:var(--panel);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:clamp(4.5rem,10vh,7rem) 0}
.band.deep{background:var(--ground-deep)}
.band .display{font-size:clamp(1.9rem,4.2vw,3.4rem);max-width:22ch}
.band p{margin-top:2rem;max-width:56ch}

/* ── stats ── */
.stats{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--ground-deep);padding:3.2rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stats-grid.five{grid-template-columns:repeat(5,1fr)}
.stat .n{font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:500;color:var(--bone)}
.stat .l{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:.5rem;line-height:1.7}
.stats-cap{font-size:.9rem;color:var(--sage);margin-top:2.4rem;max-width:72ch}
@media(max-width:1020px){.stats-grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.stats-grid,.stats-grid.five{grid-template-columns:repeat(2,1fr)}}

/* ── terminal ── */
.term{background:var(--ground-deep);border:1px solid var(--hairline);color:var(--bone-muted);font-family:var(--mono);font-size:12.5px;line-height:1.9;padding:2rem 2.2rem;margin-top:2.8rem;overflow-x:auto;white-space:pre;scrollbar-gutter:stable}
.term .pass{color:var(--gold)}
.term-wrap{margin-top:2.8rem}
.term-wrap .term{margin-top:0}
.term-cue{display:none}
@media(max-width:720px){
  .term-cue{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:.7rem}
}
.plate-cap{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--sage);margin-top:1rem;line-height:1.8;max-width:88ch}

/* ── framed plate (static, home tease) ── */
.plate-frame{border:1px solid var(--hairline);padding:10px;margin-top:2.8rem;background:#121714}
.plate-frame img{width:100%;height:auto;display:block}
.plate-title{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--hairline);border-top:none;padding:.7rem 1rem;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}

/* ── plate rows (GG architecture) ── */
.plate-sec{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:clamp(2rem,4vw,4rem);padding:3.4rem 0;border-top:1px solid var(--hairline);align-items:start}
.plate-sec:first-of-type{border-top:none}
.plate-sec .pnum{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);display:block;margin-bottom:1.2rem}
.plate-sec h3{margin-bottom:1rem}
.plate-sec .txt p{margin-top:1rem;font-size:.98rem}
.aplate{border:1px solid var(--hairline);padding:10px;background:#121714}
.aplate img{width:100%;height:auto;display:block}
@media(max-width:900px){.plate-sec{grid-template-columns:1fr}}

/* ── stepper (method) ── */
.stepper{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);margin-top:3rem}
.step{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:2.4rem 2.4rem 2.6rem}
.step .num{font-family:var(--mono);font-size:13px;letter-spacing:.16em;color:var(--sage)}
.step h3{font-size:1.5rem;margin:1rem 0 .9rem}
.step p{font-size:.97rem}
@media(max-width:820px){.stepper{grid-template-columns:1fr}}

/* ── ledger log ── */
.log{border-top:1px solid var(--hairline);margin-top:2.8rem;max-width:820px}
.log-row{display:grid;grid-template-columns:120px 1fr;gap:1.6rem;padding:1.15rem 0;border-bottom:1px solid var(--hairline);align-items:baseline}
.log-row .d{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--sage)}
.log-row .e{font-size:.98rem;color:var(--bone-muted)}
.log-row .e b{color:var(--bone);font-weight:500}
@media(max-width:600px){.log-row{grid-template-columns:1fr;gap:.2rem}}
.log-note{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--sage);margin-top:1.6rem;line-height:1.9}

/* ── layer grids ── */
.layers{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);margin-top:2.6rem}
.layers.three-up{grid-template-columns:1fr 1fr 1fr}
.layer{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:2rem 2.2rem}
.layer .ll{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-bottom:.9rem}
.layer p{font-size:.95rem}
@media(max-width:900px){.layers,.layers.three-up{grid-template-columns:1fr}}

/* ── commissions (start) ── */
.rooms{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);margin-top:3rem}
.room{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:2.6rem 2.6rem 2.8rem}
.room .rn{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}
.room .situation{font-family:Fraunces,Georgia,serif;font-size:1.5rem;line-height:1.35;color:var(--bone);margin:1.1rem 0 1rem}
.room p{font-size:.97rem;margin-top:.8rem}
.room .walk{color:var(--bone)}
@media(max-width:860px){.rooms{grid-template-columns:1fr}}

/* ── send list (start) ── */
.send-list{list-style:none;counter-reset:send;margin-top:2.6rem;border-top:1px solid var(--hairline);max-width:820px}
.send-list li{counter-increment:send;display:grid;grid-template-columns:64px 220px 1fr;gap:1.6rem;padding:1.5rem 0;border-bottom:1px solid var(--hairline);align-items:baseline}
.send-list li::before{content:"0" counter(send);font-family:var(--mono);font-size:13px;letter-spacing:.16em;color:var(--sage)}
.send-list .sn{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.05rem;color:var(--bone)}
.send-list .sd{font-size:.92rem;color:var(--bone-muted)}
@media(max-width:720px){.send-list li{grid-template-columns:48px 1fr}.send-list .sd{grid-column:2}}

/* ── findings table (GG) ── */
.ledger{margin-top:2.4rem;max-width:560px}
.ledger table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}
.ledger th{text-align:left;font-weight:500;color:var(--sage);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;padding:.7rem .9rem;border-bottom:1px solid var(--hairline)}
.ledger td{padding:.65rem .9rem;border-bottom:1px solid var(--hairline);color:var(--bone-muted)}
.ledger .closed{color:var(--gold)}

/* ── claim boundary / fit lists ── */
.boundary{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline);margin-top:2.6rem;max-width:900px}
.boundary .is{padding:2.2rem 2.4rem;border-right:1px solid var(--hairline)}
.boundary .not{padding:2.2rem 2.4rem;background:var(--ground-deep)}
.boundary .bl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-bottom:1.2rem}
.boundary ul{list-style:none}
.boundary li{padding:.45rem 0 .45rem 1.6rem;position:relative;color:var(--bone-muted);font-size:.97rem}
.boundary .is li::before{content:"—";position:absolute;left:0;color:var(--gold)}
.boundary .not li::before{content:"—";position:absolute;left:0;color:var(--sage-dim)}
@media(max-width:820px){.boundary{grid-template-columns:1fr}.boundary .is{border-right:none;border-bottom:1px solid var(--hairline)}}

/* ── plate grid (diligence) ── */
.plate-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;margin-top:3rem}
@media(max-width:860px){.plate-grid{grid-template-columns:1fr}}

/* ── build record rows (diligence) ── */
.record{border-top:1px solid var(--hairline);margin-top:2.4rem;max-width:820px}
.record > div{padding:1rem 0;border-bottom:1px solid var(--hairline);font-size:.97rem;color:var(--bone-muted)}
.record b{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:500;margin-right:1.2rem}

/* ── dossier plate (diligence) ── */
.dossier-plate{border:1px solid var(--hairline);background:var(--ground-deep);padding:2.6rem 2.8rem;margin-top:2.4rem;max-width:640px}
.dossier-plate .dl{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-bottom:1.1rem}
.dossier-plate h3{margin-bottom:1rem}
.dossier-plate p{font-size:.95rem}
.dossier-plate .btn-gold{margin-top:1.8rem}

/* ── pull band (H-4: system equation — indexed, offset, bone only) ── */
.pull-band{border-top:1px solid var(--hairline);padding:clamp(4rem,9vh,6rem) 0}
.pull-equation{display:grid;grid-template-columns:128px minmax(0,900px);gap:32px}
.pull-equation aside{font-family:var(--mono);font-size:11px;line-height:1.9;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.pull-equation aside b{display:block;color:var(--sage-line);font-weight:500;margin-bottom:.6rem}
.pull-equation aside span{display:block}
.pull-equation .display{font-size:clamp(1.9rem,3.2vw,46px);line-height:1.16;max-width:900px}
.pull-equation .conclusion{display:block;margin-top:.4em;color:var(--bone)}
@media(min-width:1900px){
  .pull-equation{grid-template-columns:160px minmax(0,1120px);gap:48px}
  .pull-equation .display{font-size:58px;line-height:1.14;max-width:1120px}
}
@media(max-width:720px){
  .pull-equation{grid-template-columns:1fr;gap:20px}
  .pull-equation aside{display:none}
}

/* ── prose registers (H-1: wide-pass counterweights, ≥1500px only) ── */
.prose-register{display:none}
.wrap.quiet-col{max-width:760px;margin-inline:auto}
/* F-05: wide-pass-only quiet centering + centered boundary unit */
@media(min-width:1500px){
  .wrap.quiet-col-wide{max-width:760px;margin-inline:auto}
  .wrap.boundary-unit{max-width:900px}
}
/* R-17: judgment record — two entries; stacked with hairline, two-up wide */
.judgment-entries{display:grid;gap:3.4rem}
.judgment-entries .judgment-entry + .judgment-entry{border-top:1px solid var(--line);padding-top:3.4rem}
@media(min-width:1500px){
  #judgment .wrap.quiet-col{max-width:1240px}
  .judgment-entries{grid-template-columns:1fr 1fr;gap:0 5rem;align-items:start}
  .judgment-entries .judgment-entry + .judgment-entry{border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:5rem}
  .judgment-entries .judgment-entry h2{font-size:clamp(1.8rem,2.2vw,2.6rem)!important}
}

/* F-05: terminal + findings ledger as one evidence row on wide screens */
.evidence-row{display:grid;gap:2.5rem}
.evidence-row .ev-cell{min-width:0}
.evidence-row .ev-cell h3{margin-top:3.5rem}
@media(min-width:1500px){
  .evidence-row{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,4vw,4.5rem);align-items:start}
  .evidence-row .ev-cell h3{margin-top:0}
}
@media(min-width:1500px){
  .prose-register-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(280px,340px);justify-content:space-between;gap:clamp(64px,8vw,140px);align-items:start}
  .prose-register{display:block;border-left:1px solid var(--hairline);padding-left:32px;font-family:var(--mono);font-size:11px;line-height:1.9;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
  .prose-register b{display:block;color:var(--bone-muted);font-weight:500;margin-bottom:.9rem}
  .prose-register .rr{display:block;margin-top:.55rem}
  .prose-register .rk{color:var(--sage-line);margin-right:.6ch}
}

/* ── method chapter folios (H-5: Method-only) ── */
.method-chapter-head{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:clamp(20px,3vw,38px);border-top:1px solid var(--hairline);padding-top:32px;padding-bottom:3.2rem}
.chapter-folio{grid-column:1;grid-row:1/4;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:88px;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--sage-line)}
@supports not (-webkit-text-stroke:1px black){.chapter-folio{color:rgba(122,146,133,.28)}}
.method-chapter-head> :not(.chapter-folio){grid-column:2}
.method-chapter-head .kicker{margin-bottom:14px}
@media(min-width:1900px){.chapter-folio{font-size:104px}}
/* F-15: evidence-bearing mono labels stay readable at wide widths */
@media(min-width:1900px){
  .plate-cap,.rs-grid .l,.record-strip .rs-label,.status-plate,.phase-block .artifact,.plate-title,.plate-gallery figcaption{font-size:12px}
}
.method-chapter-head .k-short{display:none}
@media(max-width:720px){
  .method-chapter-head .k-full{display:none}
  .method-chapter-head .k-short{display:inline}
  .method-chapter-head{grid-template-columns:auto 1fr;column-gap:14px;padding-top:22px;padding-bottom:2.2rem}
  .chapter-folio{grid-row:1;font-size:44px}
  .method-chapter-head .kicker{grid-column:2;align-self:center;margin:0}
  .method-chapter-head h2,.method-chapter-head p{grid-column:1/-1}
  .method-chapter-head h2{margin-top:14px}
}

/* ── review path list (diligence, F-12) ── */
.path-list{list-style:none;counter-reset:path;margin-top:2.6rem;border-top:1px solid var(--hairline);max-width:820px;padding:0}
.path-list li{counter-increment:path;padding:1.15rem 0;border-bottom:1px solid var(--hairline);color:var(--bone-muted);display:grid;grid-template-columns:44px 1fr;gap:1rem;font-size:1rem;line-height:1.75}
.path-list li::before{content:counter(path,decimal-leading-zero);font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--sage);padding-top:.2rem}
.path-list b{color:var(--bone);font-weight:500}

/* ── contact / founder / footer ── */
.contact{padding:clamp(5rem,12vh,8rem) 0}
.email{display:inline-block;font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,2.8vw,2.3rem);color:var(--bone);text-decoration:none;border-bottom:2px solid var(--gold);margin:2.2rem 0 1.4rem;padding-bottom:4px;min-height:44px}
.contact .scope{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--sage);line-height:2.1;margin-top:1.6rem}
.founder .sig{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,2.4vw,1.9rem);color:var(--bone);margin-top:2.6rem}
footer{background:var(--ground-deep);border-top:1px solid var(--hairline);color:var(--bone);padding:4.5rem 0;text-align:center}
footer .mark svg{width:44px;height:63px;color:var(--gold)}
footer p{font-family:var(--mono);font-size:11px;letter-spacing:.16em;margin-top:1.6rem;color:var(--sage)}
footer a{color:var(--sage);text-decoration:none}

/* ── scroll reveals ── */
/* Reveals only hide content once drafting.js has loaded (html.js) —
   if the script fails to load, everything stays visible. */
html.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
html.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}}

/* ── animated-plate lightbox (dark-ground restyle) ── */
/* works as <a> (JS-off fallback: opens the plate source) or enhanced to lightbox */
.plate-live{display:block;width:100%;border:none;background:none;padding:0;cursor:zoom-in;position:relative;text-align:left;text-decoration:none;color:inherit}
.plate-live img{transition:opacity .45s ease}
.plate-live:hover img,.plate-live:focus-visible img{opacity:.92}
.plate-live .live-chip{position:absolute;right:22px;bottom:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);background:rgba(20,26,22,.88);border:1px solid rgba(197,164,78,.4);padding:8px 14px;opacity:0;transition:opacity .3s ease,border-color .3s ease;pointer-events:none}
.plate-live:hover .live-chip,.plate-live:focus-visible .live-chip{opacity:1;border-color:rgba(197,164,78,.75)}
@media(hover:none){.plate-live .live-chip{opacity:1}}
.plate-lb{display:none;position:fixed;inset:0;z-index:100;background:rgba(10,13,11,.94);flex-direction:column;align-items:center;justify-content:center;gap:18px;opacity:0;transition:opacity .3s ease;padding:0 12px}
.plate-lb.open{opacity:1}
.plate-lb-bar{display:flex;align-items:center;justify-content:space-between;gap:26px;width:min(94vw,1240px)}
.plate-lb-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}
.plate-lb-actions{display:flex;align-items:center;gap:26px}
.plate-lb-actions a,.plate-lb-actions button{position:relative;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);background:none;border:none;border-bottom:1px solid rgba(197,164,78,.45);padding:6px 0 4px;cursor:pointer;text-decoration:none}
.plate-lb-actions a::after,.plate-lb-actions button::after{content:"";position:absolute;inset:-14px -12px}
.plate-lb-actions a:hover,.plate-lb-actions button:hover{border-color:var(--gold)}
@media(max-width:600px){.plate-lb-bar{flex-direction:column;align-items:flex-start;gap:10px}}

/* ═══════════════════════════════════════════════════════════════
   THE WIDE SYSTEM — July 13 framework (GPT-ruled, R-10)
   Wider canvas above 1500px; the extra width carries simultaneous
   evidence (copy + artifact), never wider prose.
   ═══════════════════════════════════════════════════════════════ */
.plate-bleed{max-width:1600px;margin:3rem auto 0;padding:0 clamp(24px,5vw,72px)}
.plate-bleed .plate-frame{margin-top:0}
@media(min-width:1500px){.wrap{max-width:1400px}}
@media(min-width:1900px){
  .wrap{max-width:min(86vw,1680px)}
  .plate-bleed{max-width:min(86vw,1720px)}
  .hero h1,.hero-grid h1{font-size:clamp(2.6rem,4.8vw,5.2rem)}
  section h2{font-size:clamp(2rem,3.2vw,3.5rem)}
  .kicker{font-size:12.5px}
  .plate-cap{font-size:12px}
  .nav-links a{font-size:13px}
  .survey-cap{font-size:11px}
  .plate-title{font-size:11px}
}
@media(min-width:1240px){
  .hero{min-height:88vh;display:flex;align-items:center}
  .hero>.wrap{width:100%}
  .survey-fig svg{max-width:760px}
  .vh-chapter{min-height:76vh;display:flex;align-items:center}
  .vh-chapter>.wrap{width:100%}
  .band .display{font-size:clamp(1.9rem,4vw,4rem);max-width:22ch}
  .band p{font-size:1.08rem;max-width:58ch}
}

/* ── chapter: copy + visual counterweight ── */
.chapter{display:grid;grid-template-columns:minmax(320px,540px) 1fr;gap:clamp(2.5rem,5vw,6rem);align-items:start}
.chapter>.media{min-width:0}
.chapter>.media .plate-frame,.chapter>.media .aplate{margin-top:0}
.chapter.media-left{grid-template-columns:1fr minmax(320px,540px)}
@media(max-width:1020px){.chapter,.chapter.media-left{grid-template-columns:1fr}.chapter.media-left>.media{order:2}}

/* ── tonal surfaces ── */
.surface-deep{background:var(--ground-deep);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.surface-raised{background:var(--panel);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}

/* ── record strip (title-block register: every number carries scope) ── */
.record-strip{border:1px solid var(--hairline);background:var(--ground-deep);margin-top:3.2rem;padding:2rem clamp(1.4rem,2.5vw,2.8rem) 2.2rem}
.surface-deep .record-strip{background:var(--ground)}
.record-strip .rs-label{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:1.8rem;padding-bottom:1.1rem;border-bottom:1px solid var(--hairline)}
.rs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}
.rs-grid>div{min-width:0}
.rs-grid.six{grid-template-columns:repeat(6,1fr)}
@media(max-width:1280px){.rs-grid.six{grid-template-columns:repeat(3,1fr)}}
.rs-grid .n{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:500;color:var(--bone);line-height:1.1}
.rs-grid .l{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--sage);margin-top:.55rem;line-height:1.75}
@media(max-width:1020px){.rs-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.rs-grid,.rs-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── phase path (home: compressed eight phases) ── */
.phase-path{border-top:1px solid var(--hairline);margin-top:3rem}
.phase-row{display:grid;grid-template-columns:56px minmax(180px,250px) 1fr minmax(150px,210px);gap:1.6rem;padding:1.35rem 0;border-bottom:1px solid var(--hairline);align-items:baseline}
.phase-row .pn{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--sage)}
.phase-row .pt{font-family:Fraunces,Georgia,serif;font-size:1.12rem;color:var(--bone)}
.phase-row .ps{font-size:.94rem;color:var(--bone-muted)}
.phase-row .pa{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);text-align:right}
@media(max-width:900px){.phase-row{grid-template-columns:44px 1fr}.phase-row .ps{grid-column:2}.phase-row .pa{grid-column:2;text-align:left}}

/* ── phase blocks (method page: full account) ── */
.phase-block{border-top:1px solid var(--hairline);padding:3rem 0;display:grid;grid-template-columns:96px 1fr;gap:clamp(1.2rem,3vw,2.4rem)}
.phase-block.has-media{grid-template-columns:96px minmax(320px,520px) minmax(0,1fr);align-items:start;column-gap:clamp(1.6rem,3.5vw,4rem)}
.phase-block .pmedia{min-width:0}
.phase-block .pmedia .plate-frame{margin-top:0}
@media(max-width:1020px){.phase-block.has-media{grid-template-columns:96px 1fr}.phase-block .pmedia{grid-column:2;margin-top:2rem}}
@media(max-width:720px){.phase-block.has-media{grid-template-columns:44px minmax(0,1fr)}}
.phase-block .pn{font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:var(--sage)}
.phase-block h3{font-size:clamp(1.4rem,2vw,1.7rem);margin-bottom:.4rem}
.phase-block p{max-width:62ch;margin-top:1rem;font-size:1rem}
.phase-block .artifact{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:1.5rem}
.phase-block .artifact b{color:var(--gold);font-weight:500}
@media(max-width:720px){.phase-block{grid-template-columns:44px minmax(0,1fr);gap:1rem;padding:2.4rem 0}}
@media(max-width:420px){.phase-block h3{font-size:1.3rem;line-height:1.2}}

/* ── status plate (case-record hero) ── */
.status-plate{display:flex;flex-wrap:wrap;border:1px solid var(--hairline);margin-top:2.6rem;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);max-width:max-content}
.status-plate span{padding:.75rem 1.15rem;border-right:1px solid var(--hairline)}
.status-plate span:last-child{border-right:none}
.status-plate .neg{color:var(--bone-muted)}
@media(max-width:640px){
  .status-plate{display:grid;grid-template-columns:repeat(2,1fr);max-width:none}
  .status-plate span{border-right:none;border-bottom:1px solid var(--hairline);padding:.7rem .9rem}
  .status-plate span:nth-child(odd){border-right:1px solid var(--hairline)}
  .status-plate span:last-child,.status-plate span:nth-last-child(2):nth-child(odd){border-bottom:none}
}

/* ── applied-method rail (GG chronology) ── */
.applied{border-top:1px solid var(--hairline);margin-top:3rem}
.applied-row{display:grid;grid-template-columns:56px minmax(180px,250px) 1fr;gap:1.6rem;padding:1.6rem 0;border-bottom:1px solid var(--hairline)}
.applied-row .an{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--sage)}
.applied-row .at{font-family:Fraunces,Georgia,serif;font-size:1.12rem;color:var(--bone);line-height:1.35}
.applied-row .ad{font-size:.98rem;color:var(--bone-muted);max-width:66ch}
.applied-row .ad b{color:var(--bone);font-weight:500}
@media(max-width:900px){.applied-row{grid-template-columns:44px 1fr}.applied-row .ad{grid-column:2}}

/* ── compact plate gallery (GG: full drawing series index) ── */
.plate-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:2.8rem}
.plate-gallery .aplate{margin:0}
.plate-gallery figure{margin:0}
.plate-gallery figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin-top:.8rem;line-height:1.8}
@media(max-width:1020px){.plate-gallery{grid-template-columns:repeat(2,1fr)}}
.rail-cue{display:none}
@media(max-width:640px){
  /* horizontal snap rail: six plates become one interaction band */
  .plate-gallery{display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.2rem;padding-bottom:1.2rem;scrollbar-width:thin}
  .plate-gallery figure{scroll-snap-align:start;min-width:0}
  .rail-cue{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:2rem;margin-bottom:-1.4rem}
  /* F-08: swiping and opening are different interactions — say so */
  .plate-gallery .plate-live::after{content:"Open plate \2192";display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:.7rem}
  .plate-gallery .plate-live .live-chip{display:none}
}

/* ── copy-email chip (shared) ── */
.copy-email{margin-left:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);background:transparent;border:1px solid var(--hairline);padding:10px 16px;min-height:44px;cursor:pointer;vertical-align:middle}
.copy-email:hover{color:var(--bone);border-color:var(--gold)}
.plate-lb-stage{border:1px solid rgba(197,164,78,.35);background:#000;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.plate-lb-stage iframe{display:block;border:none;transform-origin:0 0;background:#000}
body.plate-lb-open{overflow:hidden}
/* Reduced motion: no modal, no chip; the plate still opens in a new tab (see drafting.js) */
@media(prefers-reduced-motion:reduce){.plate-lb{display:none !important}.plate-live .live-chip{display:none}.plate-live{cursor:pointer}}