/* ════════════════════════════════════════════════
   MvE Strategy Atelier — "Italiana" concept system
   Ivory-led · big whitespace · alternating dark/light
   Display: Italiana (large only) · Body: Hanken Grotesk
   ════════════════════════════════════════════════ */
/* Self-hosted fonts (no CDN dependency) */
@font-face{font-family:'Cormorant';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/cormorant-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/cormorant-latin-300-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cormorant-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/cormorant-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/cormorant-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/hanken-grotesk-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/allura-latin-400-normal.woff2') format('woff2')}
/* Alternate display faces — swap --display to test */
@font-face{font-family:'Spectral';font-style:normal;font-weight:200;font-display:swap;src:url('fonts/spectral-latin-200-normal.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:200;font-display:swap;src:url('fonts/spectral-latin-200-italic.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/spectral-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/cormorant-garamond-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/cormorant-garamond-latin-300-italic.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/jost-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jost-latin-400-normal.woff2') format('woff2')}

:root{
  /* NEUTRAL EDITORIAL palette (locked 2026-07-14) — fully black-and-white + warm neutral, NO colour accent. Matches flagship mve-home / mve-work. */
  --cream:#F4F3EF; --paper:#FBFAF7; --ink:#15140F;
  --espresso:#121210;      /* main dark band = near-black */
  --plum:#171613; --navy:#1B1A17;   /* dark neutrals */
  --char:#3A3833;          /* neutral charcoal */
  --silver:#B4B0A6;        /* warm-grey */
  --line:#E4E2DB; --hair:#ECEAE3;
  --olive:#15140F;         /* accent = ink (monochrome, no colour) */
  --lime:#CFCCC4;          /* light neutral on dark */
  --shell:#CFCCC4;         /* light neutral on dark */
  --on-dark:#CFCCC4;
  --muted:#6E685E;
  /* DISPLAY — swap this one line to test faces:
     'Spectral' (ExtraLight, truly thin, default) · 'Cormorant' (delicate but high-contrast)
     · 'Cormorant Garamond' (soft classical) · 'Jost' (light modern sans) */
  --display:'Spectral',serif;
  --sans:'Hanken Grotesk',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.display{font-family:var(--display);font-weight:200;letter-spacing:.01em;line-height:1.05}
/* big headlines render extra-light (degrades to the face's lightest weight if 200 absent) */
.hero h1,.phead h1,.statement p,.head-row h2,.row .rt,.cell h3,.mcard h3,.shell-band q,.center-narrow h2,.quote q,.tier .names,.intake .it,.prose .pull{font-weight:200}
.label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;font-size:.66rem;font-weight:500;color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(24px,6vw,90px)}
.hl{font-style:italic}            /* emphasis = italic serif (aphoristic), not colour */
.dark .hl,.on-dark .hl{font-style:italic}

/* section rhythm — generous whitespace */
.sec{padding:clamp(104px,16vh,200px) 0}
.sec.tight{padding:clamp(70px,10vh,120px) 0}
.dark{background-color:var(--espresso);color:var(--on-dark)}
.dark .label{color:rgba(236,232,221,.5)}
.plum{background:var(--plum);color:var(--on-dark)}
.plum .label{color:var(--shell)}

/* ───── NAV (injected) ───── */
.nav{position:sticky;top:0;z-index:60;background:rgba(247,246,242,.85);backdrop-filter:blur(9px);border-bottom:1px solid var(--hair)}
.nav.on-dark{background:rgba(23,35,31,.82);border-color:rgba(236,232,221,.14)}
.nav-in{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.nav .mono{font-family:var(--display);font-weight:500;font-size:1.8rem;letter-spacing:.08em}
.nav.on-dark .mono,.nav.on-dark a{color:var(--on-dark)}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;opacity:.82;transition:.2s}
.nav-links a:hover{opacity:1}
.nav-links a.active{opacity:1;border-bottom:1px solid var(--olive);padding-bottom:3px}
.nav .menu-btn{display:none;background:none;border:0;font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:inherit}

/* ───── PAGE HEADER (inner pages) ───── */
.phead{padding:clamp(120px,18vh,220px) 0 clamp(60px,9vh,110px)}
.phead .label{margin-bottom:26px;display:block}
.phead h1{font-family:var(--display);font-size:clamp(3rem,7.5vw,6.6rem);line-height:1.0;letter-spacing:-.005em}
.phead .lede{max-width:52ch;margin-top:28px;font-size:1.1rem;color:#3a382f}
.dark .phead .lede{color:rgba(236,232,221,.75)}

/* ───── HERO (home) ───── */
.hero{background:var(--cream);min-height:92vh;display:flex;align-items:center;padding:120px 0}
.hero .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;width:100%}
.hero h1{font-family:var(--display);font-size:clamp(2.9rem,6.4vw,6rem);line-height:1.02}
.hero .deck{max-width:40ch;margin-top:34px;font-size:1.08rem;color:#3a382f}
.hero .what{max-width:46ch;margin-top:18px;font-size:.86rem;color:var(--muted)}
.portrait{aspect-ratio:4/5;border-radius:2px;position:relative;filter:grayscale(1) contrast(1.04);
  background:radial-gradient(120% 95% at 64% 22%,#d9d6cc 0%,#9a978d 40%,#4b4942 82%);box-shadow:0 30px 70px rgba(0,0,0,.12)}
.portrait[data-tall]{aspect-ratio:3/4}
.portrait::after{content:attr(data-cap);position:absolute;bottom:14px;left:14px;font-size:.54rem;letter-spacing:.2em;color:rgba(255,255,255,.6);text-transform:uppercase}

/* ───── BUTTONS ───── */
.cta-row{display:flex;gap:16px;margin-top:42px;flex-wrap:wrap}
.btn{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:16px 30px;border:1px solid var(--ink);border-radius:1px;transition:.25s;display:inline-block}
.btn:hover{background:var(--ink);color:var(--cream)}
.btn.primary{background:var(--espresso);border-color:var(--espresso);color:var(--on-dark)}
.btn.primary:hover{background:transparent;color:var(--espresso)}
.dark .btn,.on-dark .btn{border-color:var(--on-dark);color:var(--on-dark)}
.dark .btn:hover,.on-dark .btn:hover{background:var(--on-dark);color:var(--espresso)}
.dark .btn.primary{background:var(--lime);border-color:var(--lime);color:var(--espresso)}

.avail{text-align:center;padding:24px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--paper)}
.avail span{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* ── Structure Mark in nav ── */
.nav .brandmark{display:inline-flex;align-items:center}
.nav .brandmark .box{font-family:var(--display);font-weight:300;font-size:1.05rem;letter-spacing:.18em;border:1px solid var(--silver);padding:7px 12px 6px;line-height:1}
.nav .brandmark .box i{font-style:italic;color:var(--olive)}

/* ── Strong full-bleed hero (home) ── */
.vhero{position:relative;background:var(--espresso);color:var(--on-dark);min-height:94vh;display:flex;align-items:flex-end;overflow:hidden}
.vhero .grid-motif{position:absolute;inset:0;pointer-events:none;opacity:.55}
.vhero .grid-motif svg{width:100%;height:100%}
.vhero .portrait-bleed{position:absolute;top:0;right:0;width:46%;height:100%;
  background:url('img/hero.jpg') center 16%/cover;filter:grayscale(1) contrast(1.03)}
.vhero .portrait-bleed::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--espresso),rgba(20,18,16,0) 32%),linear-gradient(0deg,rgba(20,18,16,.45),transparent 38%)}
.vhero .vinner{position:relative;width:100%;padding:150px 0 clamp(50px,8vh,96px)}
.vhero h1{font-family:var(--display);font-weight:200;font-size:clamp(3.2rem,8.5vw,8rem);line-height:.98;letter-spacing:-.006em;max-width:15ch}
.vhero .sub{margin-top:28px;max-width:42ch;font-size:1.06rem;color:rgba(236,232,221,.8)}
.vhero .scaleline{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(236,232,221,.5)}
@media(max-width:860px){.vhero .portrait-bleed{width:100%;opacity:.4}}

/* ── Advisory icon cards (4-up) ── */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(236,231,221,.18)}
.iconcard{padding:42px 26px 46px;border-right:1px solid rgba(236,231,221,.16)}
.iconcard:last-child{border-right:0}
.iconcard .ic{width:44px;height:44px;margin-bottom:26px;display:block}
.iconcard .ic *{stroke:var(--lime)}
.iconcard h3{font-family:var(--display);font-weight:300;font-size:1.45rem;line-height:1.14;margin-bottom:12px}
.iconcard p{font-size:.85rem;color:rgba(236,231,221,.6);min-height:88px}
.iconcard .go{margin-top:16px;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lime);display:inline-block}
.iconcard .go::after{content:" →"}
/* ── Named-framework grid (4-up, light) ── */
.fwk{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;border-top:1px solid var(--line);padding-top:40px}
.fwk .f .n{font-family:var(--display);font-size:1.5rem;color:var(--muted)}
.fwk .f h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem;line-height:1.12;margin:16px 0 12px}
.fwk .f p{font-size:.85rem;color:var(--muted)}
@media(max-width:860px){.grid-4,.fwk{grid-template-columns:1fr 1fr}.iconcard{border-bottom:1px solid rgba(236,231,221,.16)}}

/* ── Lead-magnet band ── */
.leadmag{display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch;border:1px solid var(--line);background:var(--paper)}
.leadmag .vis{min-height:360px;filter:grayscale(1) contrast(1.04);position:relative;background:radial-gradient(120% 90% at 55% 25%,#cfc9bd,#8d8a84 45%,#3e3e3d 92%)}
.leadmag .vis::after{content:attr(data-cap);position:absolute;bottom:14px;left:14px;font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.leadmag .body{padding:clamp(34px,5vw,64px)}
.leadmag .body h2{font-family:var(--display);font-weight:200;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;margin:14px 0 14px}
.leadmag .cap{font-size:.9rem;color:var(--muted);max-width:46ch}
@media(max-width:860px){.leadmag{grid-template-columns:1fr}.leadmag .vis{min-height:240px}}

/* ── MvE monogram lockup (typographic stand-in for the final mark) ── */
.mvemark{font-family:'Cormorant',serif;font-weight:300;display:inline-flex;align-items:baseline;line-height:.82;letter-spacing:0;color:inherit}
.mvemark .l{font-size:1em}
.mvemark .v{font-size:1.5em;margin:0 -.24em;transform:translateY(.02em)}
.nav .brandmark{display:inline-flex;align-items:center;font-size:1.5rem;color:var(--ink)}
.hero-mark{font-size:clamp(2.4rem,4vw,3.2rem);color:var(--on-dark);display:inline-block;margin-bottom:20px}
/* real monogram assets */
.logo-nav{height:30px;width:auto;display:block}
.logo-hero{height:clamp(56px,7vw,88px);width:auto;margin-bottom:24px}
.logo-foot{height:42px;width:auto;margin-bottom:16px;opacity:.92}

/* ── Wordmark logo (Jost, tracked) — primary identity ── */
.wordmark{font-family:'Jost',var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.3em;line-height:1.1;color:inherit;display:inline-block}
.wordmark .desc{display:block;font-size:.46em;letter-spacing:.4em;color:var(--muted);margin-top:.9em;font-weight:300}
.nav .wm-nav{font-family:var(--display);font-weight:500;font-size:1.1rem;letter-spacing:.32em;color:var(--ink)}
.wm-hero{font-size:clamp(.95rem,2vw,1.4rem);color:var(--on-dark);margin-bottom:26px}
.wm-hero .desc{color:rgba(218,207,189,.6)}
.footer .wm-foot{font-size:1.15rem;color:#fff;letter-spacing:.28em}
.footer .wm-foot .desc{color:rgba(236,231,221,.5)}

/* ── WARM theme (Theodore Sloane reference) — toggled via body.warm ── */
body.warm{
  --cream:#f1ebe1; --paper:#f9f5ee; --ink:#1b1713;
  --espresso:#2c2621;   /* warm espresso-brown dark band (matched to swatch) */
  --plum:#221c18; --navy:#2c2420;
  --line:#d8cfc1; --hair:#e8e0d2; --silver:#b7ac9b;
  --olive:#8f8a52;      /* sage jewel, warmed */
  --lime:#c2bd86;
  --on-dark:#dacfbd; --muted:#8a8173;
}
body.warm .dark .label,body.warm .plum .label{color:#aa9c85}
body.warm .dark{background-image:linear-gradient(rgba(218,207,189,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(218,207,189,.05) 1px,transparent 1px)}
/* theme toggle control */
.themetoggle{position:fixed;bottom:18px;right:18px;z-index:99;display:flex;border:1px solid var(--line);background:var(--paper);border-radius:2px;
  font-family:var(--sans);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 6px 24px rgba(0,0,0,.1)}
.themetoggle button{border:0;background:transparent;padding:9px 14px;cursor:pointer;color:var(--muted);transition:.2s}
.themetoggle button.active{background:var(--espresso);color:var(--on-dark)}

/* ───── STAT ROW ───── */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 40px}
.stat .n{font-family:var(--display);font-size:clamp(2.8rem,6vw,4.2rem);line-height:1}
.stat p{margin-top:14px;font-size:.82rem;color:rgba(236,232,221,.62);max-width:26ch}
.light .stat p{color:var(--muted)}

/* ───── EDITORIAL STATS BAND (Stats & Facts) ───── */
.stats-ed .meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans);font-size:.72rem;letter-spacing:.04em;padding-bottom:18px;color:var(--on-dark)}
.stats-ed .meta .c{color:var(--silver)}
.stats-ed .rule{border-top:1px solid rgba(236,231,221,.16)}
.stats-ed .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding-top:64px}
.stats-ed .stat .n{font-family:var(--display);font-weight:200;font-size:clamp(3rem,5.5vw,5.2rem);line-height:1;letter-spacing:-.01em}
.stats-ed .stat h4{font-family:var(--sans);font-weight:600;font-size:.98rem;margin:34px 0 10px;color:var(--on-dark)}
.stats-ed .stat p{margin-top:0;font-size:.82rem;line-height:1.55;color:rgba(236,232,221,.62);max-width:26ch}
.light .stats-ed .meta,.light .stats-ed .stat h4{color:var(--ink)}
.light .stats-ed .rule{border-color:var(--line)}
.light .stats-ed .stat p{color:var(--muted)}
@media(max-width:900px){.stats-ed .grid{grid-template-columns:1fr 1fr;gap:44px 32px}}
@media(max-width:560px){.stats-ed .grid{grid-template-columns:1fr}}

/* ───── BIG STATEMENT ───── */
.statement{text-align:center}
.statement p{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.24;max-width:21ch;margin:30px auto 0}

/* ───── NUMBERED INDEX (method / services) ───── */
.head-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:64px}
.head-row h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.6rem)}
.head-row p{max-width:34ch;font-size:.92rem;color:var(--muted)}
.dark .head-row p{color:rgba(236,232,221,.6)}
.index{border-top:1px solid var(--line)}
.dark .index{border-color:rgba(236,232,221,.2)}
.row{display:grid;grid-template-columns:96px 1fr 2fr;gap:28px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--line);transition:.3s}
.dark .row{border-color:rgba(236,232,221,.2)}
.row:hover{padding-left:16px}
.row .num{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);color:var(--olive);font-weight:300}
.dark .row .num{color:var(--lime)}
.row .rt{font-family:var(--display);font-size:1.9rem}
.row .rd{color:var(--muted);font-size:.92rem;max-width:48ch}
.dark .row .rd{color:rgba(236,232,221,.62)}

/* ───── CARD GRID (doors / dossiers / essays) ───── */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.cell{padding:44px 36px 50px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:.3s}
.cell:nth-child(3n){border-right:0}
.grid-3.bordered .cell:first-child{border-left:0}
.cell:hover{background:var(--paper)}
.cell .dn{font-family:var(--display);color:var(--olive);font-size:1.3rem}
.cell h3{font-family:var(--display);font-size:1.8rem;margin:18px 0 14px;line-height:1.12}
.cell p{font-size:.88rem;color:var(--muted);min-height:90px}
.cell .go{margin-top:20px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.cell .go::after{content:" →"}

/* media cards (dossiers / essays with image) */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.media-grid.two{grid-template-columns:repeat(2,1fr)}
.mcard .thumb{aspect-ratio:5/4;border-radius:2px;filter:grayscale(1);margin-bottom:20px;
  background:radial-gradient(80% 80% at 35% 28%,#6a746e,#1a241f)}
.mcard:nth-child(2) .thumb{background:radial-gradient(80% 80% at 65% 30%,#726f68,#1d201c)}
.mcard:nth-child(3) .thumb{background:radial-gradient(80% 80% at 50% 60%,#5f6a64,#161d1a)}
.mcard .meta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dark .mcard .meta{color:rgba(236,232,221,.5)}
.mcard h3{font-family:var(--display);font-size:1.55rem;margin:8px 0 6px;line-height:1.18}
.mcard p{font-size:.85rem;color:var(--muted)}
.dark .mcard p{color:rgba(236,232,221,.6)}

/* ───── QUOTE / TESTIMONIAL band ───── */
.quote{text-align:center}
.quote q{font-family:var(--display);font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.3;display:block;max-width:26ch;margin:0 auto}
.quote cite{display:block;margin-top:26px;font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.dark .quote cite{color:rgba(236,232,221,.55)}

/* ───── CREDIBILITY tiers ───── */
.tier{display:grid;grid-template-columns:.55fr 2fr;gap:34px;padding:32px 0;border-top:1px solid var(--hair);align-items:baseline}
.tier .label{padding-top:8px}
.tier .names{font-family:var(--display);font-size:clamp(1.25rem,2.6vw,1.85rem);line-height:1.6}

/* ───── PROSE (essays / about body) ───── */
.prose{max-width:64ch}
.prose p{font-size:1.05rem;color:#2c2c28;margin-bottom:1.4em}
.dark .prose p{color:rgba(236,232,221,.82)}
.prose h2{font-family:var(--display);font-size:1.9rem;margin:1.6em 0 .5em}
.pull{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.3;margin:1.2em 0;color:var(--ink)}

/* ───── two-col split (about / studio) ───── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split.text-first{}
.split .portrait{filter:grayscale(1) contrast(1.04)}

/* ───── newsletter / contact form ───── */
.center-narrow{max-width:640px;margin:0 auto;text-align:center}
.center-narrow h2{font-family:var(--display);font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.18;margin:16px 0 14px}
.center-narrow p{color:var(--muted);margin:0 auto 34px;max-width:48ch}
.dark .center-narrow p{color:rgba(236,232,221,.65)}
.signup{display:flex;max-width:460px;margin:0 auto;border-bottom:1px solid var(--ink)}
.dark .signup{border-color:var(--on-dark)}
.signup input{flex:1;border:0;background:transparent;padding:15px 4px;font-family:var(--sans);font-size:.9rem;outline:none;color:inherit}
.signup button{border:0;background:transparent;font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;color:inherit}

/* contact intake list */
.intake{border-top:1px solid var(--line);margin-top:40px}
.intake a{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:.3s}
.intake a:hover{padding-left:14px}
.intake .it{font-family:var(--display);font-size:1.5rem}
.intake .id{font-size:.85rem;color:var(--muted);grid-column:1;margin-top:4px}
.intake .arr{font-size:1.2rem;color:var(--olive)}

/* ───── SHELL spiral band ───── */
.shell-band{text-align:center;position:relative;overflow:hidden}
.shell-band .spiral{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.13;pointer-events:none}
.shell-band .spiral svg{width:min(64vw,680px)}
.shell-band q{font-family:var(--display);font-size:clamp(1.9rem,4.4vw,3.2rem);display:block;max-width:22ch;margin:28px auto 0;line-height:1.3;position:relative}
.shell-band .sig{font-family:'Allura',cursive;font-size:2.6rem;color:var(--shell);margin-top:32px;display:block;position:relative}
.shell-band .five{margin-top:18px;color:rgba(236,232,221,.55);font-size:.78rem;letter-spacing:.05em;position:relative;max-width:62ch;margin-inline:auto}

/* ───── FOOTER (injected) ───── */
.footer{background:var(--ink);color:rgba(236,232,221,.72);padding:88px 0 44px}
.footer .top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:40px}
.footer .mono-f{font-family:var(--display);font-weight:500;font-size:2.1rem;color:#fff;letter-spacing:.06em}
.footer .blurb{max-width:34ch;margin-top:16px;font-size:.85rem;color:rgba(236,232,221,.55)}
.footer .col{font-size:.8rem;line-height:2;color:rgba(236,232,221,.6)}
.footer .col b{display:block;color:#fff;font-family:var(--display);font-weight:400;margin-bottom:8px;font-size:1.05rem}
.footer .col a:hover{color:#fff}
.footer .fine{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:.62rem;letter-spacing:.08em;color:rgba(236,232,221,.4)}

/* ───── dossier evidence rail ───── */
.evrail{margin-top:30px;border-top:1px solid var(--line);border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.evrail .cell{padding:20px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.evrail .k{font-family:var(--sans);font-weight:500;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}
.evrail .v{font-size:.86rem;line-height:1.5;color:var(--ink)}
.dark .evrail{border-color:rgba(236,232,221,.2)}
.dark .evrail .cell{border-color:rgba(236,232,221,.2)}
.dark .evrail .v{color:var(--on-dark)}
@media(max-width:760px){.evrail{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.evrail{grid-template-columns:1fr}}

/* ───── classified logo wall ───── */
.logowall{margin-top:20px}
.lw-group{padding:28px 0;border-top:1px solid var(--line)}
.lw-group:last-child{border-bottom:1px solid var(--line)}
.lw-group .label{display:block;margin-bottom:20px}
.lw-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,52px)}
.lw-row img{height:26px;width:auto;opacity:.6;filter:saturate(0);transition:opacity .25s}
.lw-row img:hover{opacity:1}
@media(max-width:820px){.lw-row img{height:20px}}

/* ───── proof-near-CTA cluster ───── */
.proofline{display:flex;justify-content:center;gap:clamp(20px,4vw,48px);flex-wrap:wrap;margin-top:46px;padding-top:28px;border-top:1px solid rgba(236,232,221,.16)}
.light .proofline{border-color:var(--line)}
.proofline span{font-family:var(--sans);font-weight:500;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark)}
.light .proofline span{color:var(--muted)}
.testiline{font-family:var(--display);font-weight:200;font-style:italic;font-size:1.08rem;line-height:1.6;color:rgba(236,232,221,.82);max-width:46ch;margin:22px auto 0}
.light .testiline{color:var(--ink)}
.testiline cite{display:block;font-style:normal;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,232,221,.5);margin-top:12px}
.light .testiline cite{color:var(--muted)}

/* ───── capabilities list (editorial) ───── */
.caps{border-top:1px solid var(--line)}
.caps .r{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,4vw,54px);align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line);transition:.3s}
.caps .r:hover{padding-left:14px}
.caps .ct{font-family:var(--display);font-weight:200;font-size:clamp(1.5rem,3.3vw,2.5rem);line-height:1.08}
.caps .cd{color:var(--muted);font-size:.94rem;line-height:1.65;max-width:46ch}
.dark .caps,.dark .caps .r{border-color:rgba(236,232,221,.18)}
.dark .caps .cd{color:rgba(236,232,221,.62)}
@media(max-width:860px){.caps .r{grid-template-columns:1fr;gap:8px}}

/* ───── signs / recognition list ───── */
.signs{border-top:1px solid var(--line)}
.signs p{font-family:var(--display);font-weight:200;font-size:clamp(1.35rem,2.9vw,2.15rem);line-height:1.32;padding:26px 0;border-bottom:1px solid var(--line);margin:0;transition:.3s}
.signs p:hover{padding-left:14px}
.dark .signs,.dark .signs p{border-color:rgba(236,232,221,.18)}

/* ───── reveal ───── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}

/* ───── responsive ───── */
@media(max-width:880px){
  .hero .wrap,.split,.stats-grid,.grid-3,.media-grid,.media-grid.two{grid-template-columns:1fr;gap:44px}
  .hero .portrait,.split .portrait{order:-1;max-height:54vh}
  .grid-3{border-left:0}
  .cell{border-right:0;border-left:0}
  .row{grid-template-columns:60px 1fr;gap:16px}
  .row .rd{grid-column:1/-1}
  .tier{grid-template-columns:1fr;gap:10px}
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:18px;background:var(--cream);padding:26px clamp(24px,6vw,90px);border-bottom:1px solid var(--hair)}
  .nav.on-dark .nav-links.open{background:var(--espresso)}
  .nav .menu-btn{display:block}
}