/* =========================================================
   OBLIQ — "A Time for a Change"  ·  Issue 01 · 2026
   ThirdAct palette (teal-ink + gold + cream) × brutalist editorial layout
   ========================================================= */

:root{
  --bg:#0A1A24; --bg-2:#0F2530; --panel:#13303B; --teal:#1A3A4A; --teal-light:#2A5A6A;
  --text:#F3EDE2; --text-2:#BFC6C4; --muted:#83908F;
  --hair:rgba(243,237,226,.14); --hair-2:rgba(243,237,226,.26);
  --gold:#C8963E; --gold-2:#DDB371; --gold-deep:#A67A2E; --on-gold:#0A1A24;
  --cream:#FDF8F3; --cream-2:#F5EFE6; --cream-edge:#E8DFD4;
  --ink:#2C2420; --ink-soft:#5A4E44; --ink-muted:#6B5E53;
  --ff-display:"Big Shoulders Display","Arial Narrow",system-ui,sans-serif;
  --ff-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --ff-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;
  --gutter:clamp(20px,5vw,56px); --maxw:1500px; --measure:64ch; --rail-h:30px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ff-body);font-size:18px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,video{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
em{font-style:italic;} strong{font-weight:700;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.bleed{width:100vw;margin-left:calc(50% - 50vw);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.skip-link{position:absolute;left:-999px;top:0;z-index:9000;background:var(--gold);color:var(--on-gold);font-family:var(--ff-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.9em 1.2em;}
.skip-link:focus{left:0;}

/* ---------------- TERMINAL RAIL ---------------- */
.rail{position:fixed;top:0;left:0;right:0;z-index:6000;height:var(--rail-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:rgba(10,26,36,.86);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);pointer-events:none;}
.rail .pmt{color:var(--gold);}
.rail .k-right b{color:var(--gold-2);font-weight:500;}
.rail .k-prog{position:absolute;left:0;bottom:-1px;height:2px;width:0%;background:var(--gold);transition:width 90ms linear;}
.shell{padding-top:var(--rail-h);}
@media (max-width:600px){ .rail .k-right span.long{display:none;} }

/* ---------------- HERO ---------------- */
.hero{position:relative;min-height:calc(100vh - var(--rail-h));display:flex;flex-direction:column;overflow:hidden;background:#06131b;}
.hero__media{position:absolute;inset:0;z-index:0;}
.hero__media video,.hero__media img{position:absolute;left:0;top:-16%;width:100%;height:132%;object-fit:cover;object-position:center 42%;will-change:transform;}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,36,0) 80%,var(--bg) 100%),linear-gradient(180deg,rgba(6,19,27,.55),rgba(6,19,27,.12) 26%,rgba(6,19,27,.30) 55%,rgba(6,19,27,.9) 100%),linear-gradient(90deg,rgba(6,19,27,.72),rgba(6,19,27,.28) 46%,rgba(6,19,27,0) 78%);}
/* OBLIQ logo top-left inside the hero */
.hero__logo{position:absolute;top:clamp(20px,3vw,34px);left:var(--gutter);z-index:3;}
.hero__logo img{height:40px;width:auto;filter:brightness(0) invert(1);}
@media (max-width:600px){.hero__logo img{height:32px;}}
.hero__inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 var(--gutter) clamp(36px,6vw,72px);}
.hero__eyebrow{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);margin:0 0 clamp(16px,3vw,26px);}
.hero__eyebrow::before{content:"> ";color:var(--gold);}
/* Hero H2 — the source ## "Replacing WhatsApp": a REAL display heading above the H1, NEVER a 12px mono eyebrow */
.hero__kicker{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4.4vw,72px);line-height:.92;letter-spacing:-.005em;color:var(--text);margin:0 0 clamp(6px,1.2vw,16px);}
.hero__kicker .accent{color:var(--gold);}
.hero__title{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(60px,12.5vw,200px);line-height:.84;letter-spacing:-.02em;margin:0;color:var(--text);text-wrap:balance;} /* H1 — largest by far */
.hero__title .accent{color:var(--gold);}
.hero__foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(14px,3vw,40px);margin-top:clamp(22px,3.4vw,40px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid var(--hair-2);}
.hero__issue{font-family:var(--ff-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);white-space:nowrap;}
.hero__dek{font-family:var(--ff-body);font-size:clamp(16px,1.1vw,20px);line-height:1.5;color:var(--text-2);max-width:52ch;margin:0;}
.hero__cue{position:absolute;right:var(--gutter);bottom:clamp(36px,6vw,72px);z-index:3;font-family:var(--ff-mono);font-size:10px;letter-spacing:.3em;color:var(--text-2);writing-mode:vertical-rl;}
.hero__cue::after{content:"";display:block;width:1px;height:40px;background:var(--gold);margin:.7rem auto 0;transform-origin:top;animation:cue 2.4s ease-in-out infinite;}
@keyframes cue{0%,100%{transform:scaleY(.3);opacity:.4;}50%{transform:scaleY(1);opacity:1;}}

/* ---------------- SECTION SCAFFOLD ---------------- */
.sect{position:relative;padding:clamp(72px,11vw,150px) 0;}
.sect .wrap{position:relative;z-index:1;}
.sect--dark{background:var(--bg);color:var(--text);}
.sect--deep{background:var(--bg-2);color:var(--text);}
.sect--cream{background:var(--cream);color:var(--ink);}
.sect--cream-2{background:var(--cream-2);color:var(--ink);}
.sect--cream .s-eyebrow,.sect--cream-2 .s-eyebrow{color:var(--gold-deep);}
.sect--cream .s-title,.sect--cream-2 .s-title{color:var(--teal);}
.sect--cream .lead,.sect--cream-2 .lead{color:var(--ink-soft);}
.sect--cream p,.sect--cream-2 p{color:var(--ink-soft);}

.s-head{margin-bottom:clamp(28px,5vw,56px);}
.s-eyebrow{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 clamp(14px,2vw,20px);display:flex;align-items:center;gap:.7em;}
.s-eyebrow::before{content:">";color:var(--gold);}
.s-num{font-family:var(--ff-mono);color:var(--gold);}
.s-eyebrow--tag::before{content:none;}
.s-head .plate-num{margin-bottom:clamp(6px,1vw,12px);}
.s-title{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(44px,8vw,124px);line-height:.9;letter-spacing:-.02em;margin:0;color:var(--text);} /* H2 — ~62% of H1, a real heading, not an eyebrow */
.s-title .accent{color:var(--gold);}

/* BLOCK-HEAD — real section H3 (source ### heads inside dark/deep bands).
   NEVER an eyebrow. Display font, uppercase, gold rule beneath. */
.block-head{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,3.4vw,44px);line-height:.98;letter-spacing:-.01em;color:var(--gold-2);margin:0 0 clamp(20px,3vw,34px);padding-bottom:clamp(12px,1.4vw,16px);position:relative;}
.block-head::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--gold);}
.sect--cream .block-head,.sect--cream-2 .block-head{color:var(--gold-deep);}
/* smaller sub-section H3 (e.g. "OBLIQ value proposition for enterprises") */
.block-head--sub{font-size:clamp(24px,3vw,40px);color:var(--text);}
.block-head--sub::after{width:48px;}
.s-sub{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(18px,2.4vw,32px);letter-spacing:.01em;color:var(--gold-2);margin:.4em 0 0;}
.sect--cream .s-sub,.sect--cream-2 .s-sub{color:var(--gold-deep);}
.bar{width:60px;height:3px;background:var(--gold);margin:clamp(18px,2.4vw,26px) 0 0;}

/* prose */
.prose{max-width:var(--measure);}
.prose p{margin:0 0 1.1rem;font-size:clamp(17px,1.05rem + .2vw,20px);line-height:1.72;}
.lead{font-size:clamp(19px,1.2rem + .3vw,24px);line-height:1.55;color:var(--text);font-weight:500;}
.pull{font-family:var(--ff-display);font-weight:700;text-transform:none;font-size:clamp(24px,3vw,44px);line-height:1.06;letter-spacing:-.01em;color:var(--gold);margin:1.4rem 0;max-width:24ch;}
.sect--cream .pull,.sect--cream-2 .pull{color:var(--gold-deep);}
.aside{font-family:var(--ff-display);font-style:normal;font-weight:600;font-size:clamp(20px,2.4vw,34px);line-height:1.15;color:var(--gold-2);border-left:3px solid var(--gold);padding-left:1.1rem;margin:1.6rem 0 0;max-width:26ch;}
.sect--cream .aside,.sect--cream-2 .aside{color:var(--gold-deep);}

/* MEGA quote (giant central message) */
.mega-quote{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,8vw,128px);line-height:.86;letter-spacing:-.02em;margin:0;text-wrap:balance;}
.mega-quote .accent{color:var(--gold);}
.mega-quote--to{font-family:var(--ff-mono);display:block;font-size:clamp(14px,1.4vw,18px);letter-spacing:.24em;color:var(--gold-2);margin-top:.6em;-webkit-text-fill-color:initial;}

/* ---------------- feature list ("What changes") ---------------- */
.flist{list-style:none;margin:clamp(20px,3vw,36px) 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--hair);}
.sect--cream .flist,.sect--cream-2 .flist{border-top-color:var(--cream-edge);}
.flist li{position:relative;padding:clamp(14px,1.8vw,20px) 0 clamp(14px,1.8vw,20px) clamp(28px,3vw,42px);border-bottom:1px solid var(--hair);font-size:clamp(16px,1.05rem,19px);line-height:1.5;}
.sect--cream .flist li,.sect--cream-2 .flist li{border-bottom-color:var(--cream-edge);}
.flist li::before{content:"→";position:absolute;left:0;top:clamp(14px,1.8vw,20px);color:var(--gold);font-family:var(--ff-mono);font-weight:700;}
.flist strong{color:var(--text);}
.sect--cream .flist strong,.sect--cream-2 .flist strong{color:var(--ink);}

/* negative list ("Kings fall" grievances) */
.neg-list{list-style:none;margin:clamp(20px,3vw,40px) 0;padding:0;display:grid;gap:clamp(6px,1vw,12px);}
.neg-list li{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(22px,3.4vw,52px);line-height:1;letter-spacing:-.01em;color:var(--text-2);display:flex;align-items:baseline;gap:.5em;}
.neg-list li::before{content:"✕";font-family:var(--ff-mono);font-size:.5em;color:var(--gold);font-weight:700;}
.neg-list li .st{text-decoration:line-through;text-decoration-color:rgba(200,150,62,.6);text-decoration-thickness:2px;}

/* Kings-fall lower band: compact 2-column (grievances | pull-quote)
   so it reads as a structured spread, not a text monolith. */
.kings-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(30px,5vw,72px);align-items:start;}
.kings-grievances{min-width:0;border-left:3px solid var(--gold);padding-left:clamp(30px,4vw,64px);}
.kings-h2{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,3.4vw,48px);line-height:1.02;letter-spacing:-.01em;color:var(--gold);margin:0 0 clamp(20px,3vw,32px);max-width:20ch;}
.kings-h2 .accent{color:var(--gold);}
.kings-grid .neg-list{margin:0;gap:clamp(4px,.7vw,9px);}
.kings-grid .neg-list li{font-size:clamp(19px,2.2vw,34px);line-height:1.02;}
.kings-grid .pull-quote{align-self:center;border-left:0;padding-left:0;max-width:36ch;}
@media(max-width:820px){.kings-grid{grid-template-columns:1fr;gap:clamp(26px,6vw,38px);}.kings-grievances{border-left:0;padding-left:0;border-top:3px solid var(--gold);padding-top:clamp(24px,5vw,34px);}}

/* ---------------- SPREAD (alt image + text) ---------------- */
.spread{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;}
.spread--rev .spread__fig{order:2;}
.spread__fig{position:relative;margin:0;overflow:hidden;background:var(--panel);border:1px solid var(--hair);}
.sect--cream .spread__fig,.sect--cream-2 .spread__fig{border-color:var(--cream-edge);background:#fff;}
.spread__fig img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
.spread--contain .spread__fig img{object-fit:contain;aspect-ratio:4/3;}
.spread:hover .spread__fig img{transform:scale(1.03);}
.fig-tag{position:absolute;left:0;top:0;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--on-gold);padding:5px 11px;z-index:2;}
@media (max-width:860px){.spread{grid-template-columns:1fr;gap:1.8rem;}.spread--rev .spread__fig{order:0;}}

/* THE CHANGE callout */
.the-change{background:var(--gold);color:var(--on-gold);padding:clamp(22px,3.2vw,40px);margin-top:clamp(20px,3vw,32px);}
.the-change .tc-label{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border-bottom:2px solid var(--on-gold);padding-bottom:6px;margin-bottom:14px;display:inline-block;}
.the-change .tc-label::before{content:"$ ";}
.the-change p{margin:0;font-weight:500;font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--on-gold);}
.the-change strong{font-weight:800;}

/* ---------------- STAT CARDS ---------------- */
.stats{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);margin:clamp(20px,3vw,32px) 0;}
.stats--3{grid-template-columns:repeat(3,1fr);} .stats--6{grid-template-columns:repeat(6,1fr);}
.sect--cream .stats,.sect--cream-2 .stats{background:var(--cream-edge);border-color:var(--cream-edge);}
.stat{background:var(--bg);padding:clamp(20px,2.4vw,30px) clamp(14px,1.6vw,20px);}
.sect--cream .stat,.sect--cream-2 .stat{background:var(--cream);}
.sect--deep .stat{background:var(--bg-2);}
.stat__n{display:block;font-family:var(--ff-display);font-weight:900;color:var(--gold);font-size:clamp(30px,4vw,58px);line-height:.9;letter-spacing:-.01em;}
.sect--cream .stat__n,.sect--cream-2 .stat__n{color:var(--gold-deep);}
.stat__l{display:block;margin-top:.6rem;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.4;}
.sect--cream .stat__l,.sect--cream-2 .stat__l{color:var(--ink-muted);}
@media (max-width:900px){.stats--6{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.stats--6{grid-template-columns:repeat(2,1fr);}.stats--3{grid-template-columns:1fr;}}

/* ---------------- FEATURE CARDS ---------------- */
.cards{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);margin:clamp(20px,3vw,32px) 0;grid-template-columns:repeat(3,1fr);}
.sect--cream .cards,.sect--cream-2 .cards{background:var(--cream-edge);border-color:var(--cream-edge);}
.card{background:var(--bg);padding:clamp(22px,2.6vw,34px);border-top:3px solid transparent;transition:border-color .3s,transform .3s;position:relative;}
.sect--cream .card,.sect--cream-2 .card{background:var(--cream);}
.sect--deep .card{background:var(--bg-2);}
.card::before{content:"";position:absolute;top:12px;right:12px;width:9px;height:9px;border-top:1px solid var(--hair-2);border-right:1px solid var(--hair-2);}
.sect--cream .card::before,.sect--cream-2 .card::before{border-color:var(--cream-edge);}
.card:hover{border-top-color:var(--gold);transform:translateY(-4px);}
.card__t{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(20px,1.8vw,30px);line-height:1;margin:0 0 .8rem;color:var(--text);letter-spacing:.005em;} /* H3 */
.sect--cream .card__t,.sect--cream-2 .card__t{color:var(--teal);}
.card p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2);}
.sect--cream .card p,.sect--cream-2 .card p{color:var(--ink-soft);}
.card--gold{background:var(--gold)!important;}
.card--gold *{color:var(--on-gold)!important;}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.cards{grid-template-columns:1fr;}}

/* nested list (sovereign AI) */
.sub-list{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.sub-list li{font-family:var(--ff-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hair-2);color:var(--text-2);padding:5px 11px;}
.sect--cream .sub-list li,.sect--cream-2 .sub-list li{border-color:var(--cream-edge);color:var(--ink-soft);}

/* ---------------- INTERLUDE (full-bleed cinematic) ---------------- */
.interlude{position:relative;min-height:clamp(420px,80vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#06131b;}
.interlude__media{position:absolute;inset:0;z-index:0;}
.interlude__media video,.interlude__media img{position:absolute;left:0;top:-9%;width:100%;height:118%;object-fit:cover;}
.interlude__media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,26,36,.74) 0%,rgba(10,26,36,.10) 30%,rgba(10,26,36,.4) 60%,rgba(10,26,36,.98) 100%),
  radial-gradient(135% 120% at 0% 100%, rgba(10,26,36,.92) 0%, rgba(10,26,36,.55) 36%, rgba(10,26,36,0) 66%);}
.interlude__inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 var(--gutter) clamp(40px,7vw,90px);}
.interlude__tag{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);margin:0 0 .8em;}
.interlude__tag::before{content:"> ";color:var(--gold);}
.interlude__line{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,7.5vw,120px);line-height:.9;letter-spacing:-.02em;color:var(--text);margin:0;max-width:20ch;text-wrap:balance;} /* H2-scale on cinematic beats */
.interlude__line .accent{color:var(--gold);}
/* Cross-over: H1 (big) + H2 (the paragraph) per source hierarchy */
.interlude__h1{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(56px,11vw,180px);line-height:.84;letter-spacing:-.02em;color:var(--text);margin:0;text-wrap:balance;}
.interlude__h1 .accent{color:var(--gold);}
.interlude__h2{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(18px,1.8vw,28px);line-height:1.14;letter-spacing:-.005em;color:var(--text);margin:clamp(16px,2.2vw,26px) 0 0;max-width:36ch;text-shadow:0 2px 20px rgba(6,19,27,.6);}
.interlude__h2 .accent{color:var(--gold);}
.interlude--tall{min-height:100vh;}

/* ---------------- CLOSE (rebuilt to match reference) ----------------
   A tall COLOR plate (hopeful sunrise) at top, then a dark closing
   body: a prose column (left) carrying the migrate narrative + a
   FILLED GOLD CTA block (right). One wordmark. No centered mega-stack. */
.close{background:var(--bg);color:var(--text);position:relative;overflow:hidden;}
.close__media{position:relative;width:100%;height:clamp(440px,72vh,760px);overflow:hidden;}
.close__media img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;object-position:center 55%;display:block;will-change:transform;}
.close__media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--bg) 0%,rgba(10,26,36,0) 14%,rgba(10,26,36,.10) 40%,rgba(10,26,36,.90) 100%);}
.close__body{padding:clamp(56px,9vw,120px) 0 clamp(56px,9vw,112px);border-top:1px solid var(--gold);}
.close__grid{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(28px,6vw,88px);align-items:start;}
.close__lede{min-width:0;}
.close__eyebrow{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 clamp(14px,2vw,20px);display:flex;align-items:center;gap:.7em;}
.close__eyebrow::before{content:">";color:var(--gold);}
/* OBLIQ wordmark headline (the single wordmark) */
.close__wordmark{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(56px,10vw,150px);line-height:.85;letter-spacing:-.03em;margin:0;color:var(--gold);}
.close__sub{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(19px,2.6vw,34px);color:var(--gold-2);margin:clamp(12px,1.6vw,18px) 0 0;line-height:1.02;}
.close__dek{font-family:var(--ff-mono);font-size:clamp(12px,1.1vw,14px);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:.5rem 0 0;}
.close__prose{min-width:0;padding-top:6px;}
.close__prose p{margin:0 0 1.1rem;font-size:clamp(17px,1.05rem + .2vw,20px);line-height:1.72;color:var(--text-2);max-width:62ch;}
.close__prose p:last-of-type{margin-bottom:0;}
.close__prose strong{color:var(--text);font-weight:700;}
/* filled gold CTA block */
.cta-block{margin-top:clamp(30px,4vw,48px);background:var(--gold);color:var(--on-gold);padding:clamp(24px,3.4vw,40px);position:relative;overflow:hidden;}
.cta-block .cta-kicker{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--on-gold);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--on-gold);display:inline-flex;align-items:center;}
.cta-block .cta-line{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,4vw,56px);line-height:.98;letter-spacing:-.02em;color:var(--on-gold);margin:0;}
/* CSS-drawn right arrow (no glyph) */
@media (max-width:820px){.close__grid{grid-template-columns:1fr;gap:30px;}.close__prose{padding-top:0;}}

/* ---------------- FOOTER / COLOPHON (rebuilt to match reference) ----------------
   Separate near-black band, two tiers. Top: logo mark (left) + two mono
   meta lines (right). Hairline rule. Bottom: field-notes line (left) +
   typography credit (right). All uppercase mono, letter-spaced. */
.foot{background:#050f16;color:var(--text-2);padding:clamp(44px,6vw,80px) 0;border-top:1px solid var(--hair);}
.foot__inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.foot__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 36px;}
.foot__mark{display:flex;align-items:center;}
.foot__mark img{height:26px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.92;}
.foot__rule{margin-top:clamp(28px,4vw,44px);padding-top:18px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
@media (max-width:560px){.foot__meta{text-align:left;}}

/* ---------------- MOTIF STRIP ---------------- */
.motif{display:flex;flex-wrap:wrap;gap:clamp(1rem,4vw,3rem);justify-content:center;background:var(--bg-2);color:var(--text);padding:1rem var(--gutter);font-family:var(--ff-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.motif span+span::before{content:"·";color:var(--gold);margin-right:clamp(1rem,4vw,3rem);}

/* ---------------- reveal ---------------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none;}.hero__cue::after{animation:none;}}

@media (max-width:600px){ .hero__title{font-size:clamp(44px,14vw,72px);} .hero__cue{display:none;} }

/* =========================================================
   SPREAD-PLATE (image-dominant editorial) — ported from
   ab2-signal.html, retokenized acid→gold, #0A0A0A→#0A1A24.
   A near-fullscreen photo plate carries the big H2 (scrim,
   top-left) + a floating panel with body copy + kicker.
   ========================================================= */
.plate-sect{position:relative;background:var(--bg);border-bottom:1px solid var(--hair);overflow:hidden;}

.spread-plate{position:relative;width:100%;height:clamp(620px,100vh,1080px);overflow:hidden;}
.spread-plate>img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;display:block;will-change:transform;}
/* B&W plates = the past; color plates stay color */
.spread-plate.is-bw>img{filter:grayscale(1) contrast(1.05) brightness(.92);}
.spread-plate.is-color>img{filter:contrast(1.02) saturate(1.04) brightness(.96);}

/* legibility scrim — vertical bottom-weighted + horizontal weighted to panel side */
.spread-plate::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,26,36,.80) 0%,rgba(10,26,36,.18) 30%,rgba(10,26,36,.36) 62%,rgba(10,26,36,.98) 100%),
    linear-gradient(90deg,rgba(10,26,36,.86) 0%,rgba(10,26,36,.48) 40%,rgba(10,26,36,0) 72%);}
.plate-sect.reverse .spread-plate::after{
  background:
    linear-gradient(180deg,rgba(10,26,36,.80) 0%,rgba(10,26,36,.18) 30%,rgba(10,26,36,.36) 62%,rgba(10,26,36,.98) 100%),
    linear-gradient(270deg,rgba(10,26,36,.86) 0%,rgba(10,26,36,.48) 40%,rgba(10,26,36,0) 72%);}

/* corner figure chip — gold */
.fig-num{position:absolute;bottom:0;right:0;z-index:4;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--on-gold);background:var(--gold);padding:6px 11px;}
.plate-sect.reverse .fig-num{right:auto;left:0;}

/* the big H2 title, overlaid top-left on the plate */
.plate-title{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none;}
.plate-title .wrap{padding-top:clamp(30px,7vw,88px);display:flex;flex-direction:column;align-items:flex-start;}
.plate-num{font-family:var(--ff-display);font-weight:900;line-height:.8;letter-spacing:-.04em;font-size:clamp(32px,4vw,60px);color:var(--gold);display:inline-flex;align-items:baseline;margin:0 0 clamp(4px,.8vw,12px);text-shadow:0 2px 20px rgba(10,26,36,.55);}
.plate-num .gt{font-size:.5em;margin-right:.18em;opacity:.85;}
.plate-sect .plate-h{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(44px,8vw,124px);line-height:.9;letter-spacing:-.02em;margin:0;color:var(--text);max-width:14ch;text-wrap:balance;text-shadow:0 2px 30px rgba(10,26,36,.55);}
.plate-sect .plate-h .accent{color:var(--gold);}
/* Section 01: OBLIQ is the H1 (largest), Sovereign Messaging the H2 beneath it */
.plate-sect .plate-h--brand{font-size:clamp(66px,13vw,200px);line-height:.8;letter-spacing:-.01em;max-width:none;}
.plate-h2{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(22px,3.2vw,52px);line-height:1;letter-spacing:.04em;color:var(--gold);margin:clamp(6px,1vw,16px) 0 0;text-shadow:0 2px 20px rgba(10,26,36,.55);}
/* small H3 lead-in above a plate title */
.plate-h3{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(16px,1.9vw,28px);line-height:1.08;letter-spacing:.01em;color:var(--gold-2);margin:0 0 clamp(8px,1.2vw,16px);max-width:26ch;text-shadow:0 2px 18px rgba(10,26,36,.55);}
.plate-sect.reverse .plate-title .wrap{align-items:flex-end;}
.plate-sect.reverse .plate-h,.plate-sect.reverse .plate-h2{text-align:right;}

/* floating text panel overlaid on the plate — body copy + kicker only */
.panel-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;pointer-events:none;}
.panel-wrap .wrap{display:flex;width:100%;}
.plate-sect:not(.reverse) .panel-wrap .wrap{justify-content:flex-start;}
.plate-sect.reverse .panel-wrap .wrap{justify-content:flex-end;}

.float-panel{pointer-events:auto;width:min(540px,100%);background:rgba(10,26,36,.40);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:2px solid var(--gold);padding:clamp(22px,2.6vw,34px) clamp(20px,2.4vw,32px);}
.plate-sect.reverse .float-panel{border-left:0;border-right:2px solid var(--gold);}
/* nudge the panel down so it clears the overlaid title on tall plates.
   The overlaid H2 sits top-left; the panel is vertically centered. On a
   single-line title clamp(96px…) clears it; two-line titles (SME, product,
   obsolete) need more. Titles carrying data-lines="2" push the panel lower
   so the number/eyebrow never sit under the headline. */
.float-panel{margin-top:clamp(96px,13vw,180px);}
[data-title-lines="2"] .float-panel{margin-top:clamp(150px,20vw,300px);}
[data-title-lines="3"] .float-panel{margin-top:clamp(215px,28vw,415px);}
/* reverse titles are right-aligned and often 2 lines sitting directly above
   the panel's eyebrow row — give the panel extra top clearance there */
.plate-sect.reverse .float-panel{margin-top:clamp(120px,16vw,240px);}
.plate-sect.reverse[data-title-lines="2"] .float-panel{margin-top:clamp(170px,22vw,320px);}

.float-num{font-family:var(--ff-display);font-weight:900;line-height:.8;letter-spacing:-.04em;font-size:clamp(40px,5vw,68px);color:var(--gold);display:inline-flex;align-items:baseline;margin-bottom:14px;}
.float-num .gt{font-size:.5em;margin-right:.18em;color:var(--gold);opacity:.85;}
.panel-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.p-eyebrow{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);display:inline-flex;align-items:center;gap:9px;}
.p-eyebrow::before{content:"> ";color:var(--gold);font-weight:700;}
.kick-tab{display:inline-flex;align-items:center;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--hair-2);padding:6px 12px 5px;background:transparent;}
/* panel sub-head = H3 scale */
.panel-sub{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2vw,30px);line-height:1.02;letter-spacing:-.01em;color:var(--text);margin:0 0 14px;max-width:20ch;}
/* enterprise H2 (source ###) — a real heading, not bold body text */
.panel-sub--h2{font-size:clamp(25px,2.6vw,40px);line-height:1.06;color:var(--gold-2);max-width:24ch;margin-bottom:16px;}
/* enterprise intro: text left, contextual image right, feathered to merge */
.ent-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center;}
.ent-intro .prose{max-width:var(--measure);}
.ent-intro__fig{position:relative;margin:0;overflow:hidden;min-height:clamp(340px,40vw,520px);align-self:stretch;border:1px solid var(--hair-2);box-shadow:0 42px 90px -34px rgba(0,0,0,.85);}
.ent-intro__fig img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;display:block;will-change:transform;}
.ent-intro__fig::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,37,48,.55) 0%,rgba(15,37,48,0) 20%,rgba(15,37,48,0) 80%,rgba(15,37,48,.55) 100%),linear-gradient(90deg,rgba(15,37,48,.62) 0%,rgba(15,37,48,0) 32%);}
@media(max-width:820px){.ent-intro{grid-template-columns:1fr;gap:clamp(24px,5vw,36px);}.ent-intro__fig{min-height:clamp(260px,60vw,380px);}}

/* What changes — stylized list (left) + full-height figure (right) */
.wc-split{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(28px,4vw,66px);align-items:stretch;margin:clamp(20px,3vw,34px) 0 0;}
.wc-list{list-style:none;margin:clamp(8px,1.4vw,14px) 0 0;padding:0;}
.wc-li{display:flex;gap:clamp(16px,1.7vw,26px);align-items:baseline;padding:clamp(14px,1.7vw,21px) 0;border-top:1px solid var(--hair);transition:border-color .2s ease;}
.wc-li:first-child{border-top:0;}
.wc-li:last-child{border-bottom:1px solid var(--hair);}
.wc-li__n{flex:none;font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--gold);line-height:1.5;min-width:2.4ch;}
.wc-li__n::before{content:"> ";color:var(--gold-deep);}
.wc-li__t{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(17px,1.55vw,23px);line-height:1.04;letter-spacing:.004em;color:var(--text);margin:0 0 4px;}
.wc-li:hover .wc-li__t{color:var(--gold-2);}
.wc-li__d{font-family:var(--ff-body);font-size:18px;line-height:1.5;color:var(--text-2);margin:0;}
.wc-fig{position:relative;margin:0;overflow:hidden;align-self:start;height:clamp(520px,58vw,760px);border:1px solid var(--hair-2);box-shadow:0 42px 90px -34px rgba(0,0,0,.85);}
.wc-fig img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:center 22%;display:block;will-change:transform;}
.wc-fig::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,26,36,.5) 0%,rgba(10,26,36,0) 22%,rgba(10,26,36,0) 78%,rgba(10,26,36,.5) 100%),linear-gradient(270deg,rgba(10,26,36,.55) 0%,rgba(10,26,36,0) 34%);}
@media(max-width:820px){.wc-split{grid-template-columns:1fr;gap:clamp(22px,4vw,30px);}.wc-fig{height:auto;aspect-ratio:4/5;}}
.float-panel p{margin:0 0 .85em;font-family:var(--ff-body);font-size:clamp(15px,.95rem + .15vw,16.5px);line-height:1.66;max-width:48ch;color:var(--text);}
.float-panel p:last-child{margin-bottom:0;}
.float-panel .p-bold{font-weight:700;color:var(--text);}
.float-panel .p-pull{font-family:var(--ff-display);font-weight:700;text-transform:none;font-size:clamp(19px,1.7vw,26px);line-height:1.12;letter-spacing:-.01em;color:var(--gold-2);max-width:22ch;margin:.2em 0 .7em;}
.float-panel .p-fig{font-family:var(--ff-display);font-weight:900;color:var(--gold);}
/* pull-quote inside the panel (source blockquote) */
.float-panel .panel-quote{font-family:var(--ff-display);font-weight:700;font-size:clamp(18px,1.7vw,26px);line-height:1.16;letter-spacing:-.005em;color:var(--gold-2);margin:.1em 0 1em;padding:0;border:0;max-width:30ch;font-style:normal;}

/* MOBILE (≤720px): plate shorter, panel de-floats to a solid block below */
@media (max-width:720px){
  .spread-plate{height:clamp(420px,62vh,560px);}
  .plate-title{position:static;}
  .plate-title .wrap{padding-top:0;}
  .plate-sect .plate-h,.plate-sect.reverse .plate-h{max-width:none;text-align:left;text-shadow:none;font-size:clamp(40px,12vw,68px);padding-top:clamp(28px,7vw,40px);}
  .plate-sect.reverse .plate-title .wrap{align-items:flex-start;}
  .panel-wrap{position:static;display:block;}
  .panel-wrap .wrap{display:block;padding-top:0;}
  .float-panel,
  [data-title-lines="2"] .float-panel,
  .plate-sect.reverse .float-panel,
  .plate-sect.reverse[data-title-lines="2"] .float-panel{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;border-left:2px solid var(--gold);border-right:0;padding:clamp(24px,7vw,32px) var(--gutter);}
  /* on mobile the title stacks above the plate; give the section normal flow padding */
  .plate-sect{padding:clamp(40px,9vw,64px) 0 0;}
  .plate-sect .plate-title .wrap{padding-bottom:clamp(18px,4vw,26px);}
}

/* =========================================================
   EDITORIAL SPREAD (LIGHT) — cream magazine layout.
   The counterweight to the dark full-bleed plates: a framed,
   CONTAINED photo on one side, editorial text on cream on the
   other. Restores the light/dark rhythm down the scroll.
   Palette: cream ground, ink body, teal headings, gold-deep accents.
   ========================================================= */
.ed{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--cream-edge);position:relative;overflow:hidden;}
.ed__inner{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,9vw,132px) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;}
.ed--rev .ed__fig{order:2;}
/* framed contained photo */
.ed__fig{position:relative;margin:0;background:#fff;border:1px solid var(--cream-edge);box-shadow:0 44px 90px -34px rgba(44,36,32,.72),0 12px 30px -18px rgba(44,36,32,.5);overflow:hidden;align-self:stretch;min-height:clamp(300px,42vw,560px);}
.ed__fig img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;object-position:center;display:block;will-change:transform;filter:contrast(1.02) saturate(1.02);}
/* couch scene: bias left so the TV stays in frame */
#product .ed__fig img{object-position:28% center;}
.ed--bw .ed__fig img{filter:grayscale(1) contrast(1.06) brightness(.97);}
.ed__fig .fig-num{position:absolute;bottom:0;right:0;z-index:2;color:var(--on-gold);background:var(--gold);padding:6px 11px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.1em;}
/* text column */
.ed__body{min-width:0;}
.ed__num{font-family:var(--ff-display);font-weight:900;line-height:.8;letter-spacing:-.04em;font-size:clamp(40px,5vw,68px);color:var(--gold-deep);display:inline-flex;align-items:baseline;margin-bottom:14px;}
.ed__num .gt{font-size:.5em;margin-right:.18em;opacity:.85;}
.ed__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:clamp(14px,2vw,20px);}
.ed__eyebrow{font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:9px;}
.ed__eyebrow::before{content:"> ";color:var(--gold-deep);font-weight:700;}
.ed__kick{display:inline-flex;align-items:center;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);border:1px solid var(--cream-edge);padding:6px 12px 5px;background:transparent;}
/* the big editorial H2 — teal, on cream */
.ed__title{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(36px,5.2vw,80px);line-height:.92;letter-spacing:-.02em;color:var(--teal);margin:0 0 clamp(16px,2.4vw,26px);max-width:16ch;text-wrap:balance;}
.ed__title .accent{color:var(--gold-deep);}
/* editorial H3 (e.g. "Telephone replaced Telegraph") — a REAL heading, gold, larger */
.ed__sub{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.01em;color:var(--gold-deep);margin:0 0 clamp(16px,2vw,22px);max-width:22ch;}
.ed__body p{margin:0 0 1.05em;font-family:var(--ff-body);font-size:clamp(16px,1rem + .2vw,19px);line-height:1.68;color:var(--ink-soft);max-width:56ch;}
.ed__body p:last-child{margin-bottom:0;}
.ed__body .p-bold{font-weight:700;color:var(--ink);}
.ed__body .p-fig{font-family:var(--ff-display);font-weight:900;color:var(--gold-deep);}
/* editorial pull line */
.ed__body .p-pull{font-family:var(--ff-display);font-weight:700;text-transform:none;font-size:clamp(20px,1.9vw,28px);line-height:1.12;letter-spacing:-.01em;color:var(--teal);max-width:26ch;margin:.5em 0 0;}
/* a "The Change" callout can live inside the editorial body on cream */
.ed__body .the-change{margin-top:clamp(20px,3vw,30px);}
@media (max-width:860px){
  .ed__inner{grid-template-columns:1fr;gap:clamp(24px,5vw,40px);}
  .ed--rev .ed__fig{order:0;}
  .ed__fig{min-height:clamp(240px,60vw,380px);}
  .ed__title{max-width:none;}
}

/* =========================================================
   IMAGE-BACKED FEATURE CARDS — rebuilt.
   Real gutters (flex-wrap gap, not a 1px hairline grid), depth
   (border + shadow + hover lift), a growing gold top edge, and a
   strong bottom scrim so captions stay legible over ANY image.
   Flex-wrap means last-row orphans grow to fill — no empty cells.
   ========================================================= */
.fcards{display:flex;flex-wrap:wrap;gap:clamp(12px,1.2vw,18px);margin:clamp(20px,3vw,32px) 0;padding:0;background:none;border:0;}
.fcard{position:relative;flex:1 1 360px;min-width:min(300px,100%);overflow:hidden;min-height:clamp(232px,25vw,300px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,2.4vw,30px);background:var(--panel);isolation:isolate;border:1px solid var(--hair-2);box-shadow:0 12px 30px -20px rgba(0,0,0,.75);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;}
.fcard__img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:grayscale(.08) contrast(1.05) brightness(.94);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .45s;}
/* bottom-weighted scrim — legible caption regardless of the image */
.fcard::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,26,36,.05) 0%,rgba(10,26,36,.30) 40%,rgba(10,26,36,.80) 76%,rgba(10,26,36,.94) 100%);}
.fcard>*:not(.fcard__img){position:relative;z-index:2;}
/* gold top edge grows on hover (top edge, never a side stripe) */
.fcard::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--gold);z-index:3;transition:width .45s cubic-bezier(.16,1,.3,1);}
.fcard:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 28px 52px -24px rgba(0,0,0,.85);}
.fcard:hover::after{width:100%;}
.fcard:hover .fcard__img{transform:scale(1.05);filter:grayscale(0) contrast(1.05) brightness(1);}
.fcard__t{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(21px,1.7vw,28px);line-height:1.02;color:var(--text);margin:0 0 .5rem;letter-spacing:.005em;text-shadow:0 1px 14px rgba(10,26,36,.7);}
.fcard p{margin:0;font-family:var(--ff-body);font-size:clamp(14.5px,.95rem,16px);line-height:1.5;color:var(--text-2);max-width:44ch;}
.fcard--gold{background:var(--gold);border-color:var(--gold-deep);}
.fcard--gold::before,.fcard--gold::after,.fcard--gold .fcard__img{display:none;}
.fcard--gold .fcard__t,.fcard--gold p{color:var(--on-gold);text-shadow:none;}
/* full-width featured card (Q) — spans the whole grid width */
.fcard--wide{width:100%;flex:none;min-height:clamp(140px,15vw,180px);justify-content:center;}
.fcard--wide .fcard__t{font-size:clamp(26px,3vw,44px);margin-bottom:.5rem;}
.fcard--wide p{font-size:clamp(16px,1.2vw,20px);max-width:64ch;}

/* ---------------- ANCHOR NAV (in rail) + mobile hamburger ---------------- */
.k-nav{position:absolute;left:50%;top:0;transform:translateX(-50%);height:var(--rail-h);display:flex;align-items:center;gap:clamp(12px,1.6vw,28px);pointer-events:auto;}
.k-nav a{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.k-nav a:hover{color:var(--gold-2);}
.k-burger{display:none;pointer-events:auto;background:none;border:0;width:32px;height:var(--rail-h);flex-direction:column;justify-content:center;gap:4px;cursor:pointer;padding:0;}
.k-burger span{display:block;width:20px;height:2px;background:var(--gold-2);transition:transform .25s ease,opacity .2s;}
.k-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.k-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.k-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.k-menu{position:fixed;top:var(--rail-h);left:0;right:0;z-index:5900;background:rgba(10,26,36,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gold);display:flex;flex-direction:column;padding:6px 0;}
.k-menu[hidden]{display:none;}
.k-menu a{font-family:var(--ff-mono);font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);padding:15px var(--gutter);border-bottom:1px solid var(--hair);}
.k-menu a:last-child{border-bottom:0;}
section[id]{scroll-margin-top:var(--rail-h);}
@media (max-width:1024px){.rail .k-right span.long{display:none;}}
@media (max-width:820px){.k-nav{display:none;}.k-burger{display:flex;}}

/* STAT CARDS — legible rebuild. Clean tinted panel, big gold figure,
   a readable body-weight label (was 11px mono micro), gold cap rule.
   No invisible masked image — the number carries the card. */
.fstat{position:relative;flex:1 1 180px;min-width:min(160px,100%);overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:clamp(24px,2.4vw,34px) clamp(20px,2vw,26px);background:var(--bg-2);border:1px solid var(--hair-2);box-shadow:0 12px 30px -22px rgba(0,0,0,.65);transition:transform .3s,border-color .3s,box-shadow .3s;}
.fstat__img{display:none;}
.fstat::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));}
.fstat:hover{transform:translateY(-4px);border-color:var(--gold-deep);box-shadow:0 22px 42px -24px rgba(0,0,0,.8);}
.fstat__n{font-family:var(--ff-display);font-weight:900;color:var(--gold);font-size:clamp(40px,4.4vw,64px);line-height:.82;letter-spacing:-.01em;}
.fstat__l{margin-top:.15rem;font-family:var(--ff-body);font-weight:600;font-size:clamp(14px,1vw,16px);letter-spacing:.005em;text-transform:none;color:var(--text);line-height:1.34;max-width:22ch;}
.sect--cream .fstat,.sect--cream-2 .fstat{background:var(--cream-2);border-color:var(--cream-edge);}
.sect--cream .fstat__n,.sect--cream-2 .fstat__n{color:var(--gold-deep);}
.sect--cream .fstat__l,.sect--cream-2 .fstat__l{color:var(--ink);}
@media(prefers-reduced-motion:reduce){.fcard,.fcard__img,.fstat{transition:none!important;transform:none!important;}}

/* =========================================================
   INTERLUDE + CLOSE — retokenized parallax on the media img
   ========================================================= */
.interlude__media img{will-change:transform;}
.close__media img{will-change:transform;}
/* pull-quote used on cream + dark inside plate sections' change bands */
.band-quote{font-family:var(--ff-display);font-weight:900;text-transform:uppercase;font-size:clamp(30px,5.5vw,84px);line-height:.94;letter-spacing:-.02em;margin:0;color:var(--text);max-width:22ch;text-wrap:balance;}
.band-quote .accent{color:var(--gold);}
.sect--cream .band-quote,.sect--cream-2 .band-quote{color:var(--teal);}

/* MODERATE pull-quote — a bold source paragraph rendered as an editorial
   pull-quote, NOT a full-viewport monolith. Body font, gold accent bar. */
.pull-quote{font-family:var(--ff-body);font-weight:500;font-size:clamp(20px,2.4vw,34px);line-height:1.3;letter-spacing:-.005em;margin:0;color:var(--text);max-width:34ch;border-left:3px solid var(--gold);padding-left:clamp(18px,2vw,28px);text-transform:none;}
.pull-quote .accent{color:var(--gold-2);}

@media (prefers-reduced-motion:reduce){
  .spread-plate>img,.interlude__media img,.close__media img{transform:none!important;}
}

/* FAQ accordion — collapsible Q&A after Fig 09 */
.faq-list{border-top:1px solid var(--hair);}
.faq-item{border-bottom:1px solid var(--hair);}
.faq-q{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:clamp(14px,1.6vw,24px);padding:clamp(18px,2vw,26px) 0;font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(18px,1.7vw,25px);line-height:1.1;letter-spacing:.006em;color:var(--text);transition:color .2s ease;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::marker{content:"";}
.faq-item:hover .faq-q,.faq-item[open] .faq-q{color:var(--gold-2);}
.faq-q__n{flex:none;font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--gold);line-height:1.55;min-width:2.6ch;}
.faq-q__t{flex:1;}
.faq-q__x{flex:none;position:relative;width:16px;height:16px;align-self:center;margin-left:clamp(12px,1.4vw,20px);}
.faq-q__x::before,.faq-q__x::after{content:"";position:absolute;left:50%;top:50%;background:var(--gold);transition:transform .25s ease;}
.faq-q__x::before{width:14px;height:2px;transform:translate(-50%,-50%);}
.faq-q__x::after{width:2px;height:14px;transform:translate(-50%,-50%);}
.faq-item[open] .faq-q__x::after{transform:translate(-50%,-50%) scaleY(0);}
.faq-a{padding:0 0 clamp(20px,2.4vw,30px) calc(2.6ch + clamp(14px,1.6vw,24px));max-width:76ch;}
.faq-a p{font-family:var(--ff-body);font-size:18px;line-height:1.7;color:var(--text-2);margin:0 0 .85em;}
.faq-a p:last-child{margin-bottom:0;}
.faq-ul{list-style:none;margin:.5em 0 0;padding:0;}
.faq-ul li{position:relative;padding:.34em 0 .34em 1.4em;font-family:var(--ff-body);font-size:18px;line-height:1.6;color:var(--text-2);}
.faq-ul li::before{content:"";position:absolute;left:0;top:.92em;width:7px;height:2px;background:var(--gold);}
.faq-ul strong,.faq-a strong{color:var(--text);font-weight:600;}
@media(max-width:600px){.faq-a{padding-left:0;}.faq-q{font-size:18px;}}


/* Close slogan (replaces the old CTA button) + expanded footer */
.cta-block .cta-slogan{margin:clamp(24px,3vw,40px) 0 0;font-family:"Dancing Script","Segoe Script",cursive;font-weight:700;text-transform:none;font-size:clamp(23px,3.6vw,51px);line-height:.95;letter-spacing:0;color:var(--teal-light);}
.foot__links{display:flex;flex-wrap:wrap;gap:14px 26px;font-family:var(--ff-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);}
.foot__links a{position:relative;padding-bottom:3px;transition:color .2s ease;}
.foot__links a:hover{color:var(--gold-2);}
.foot__links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .2s ease;}
.foot__links a:hover::after{width:100%;}
.foot__copy strong{color:var(--gold-2);font-weight:700;}
@media(max-width:600px){.foot__rule{flex-direction:column;}}

/* Mobile readability — nudge reading copy up on small screens */
@media (max-width:600px){
  .hero__dek{font-size:17px;}
  .fcard p{font-size:16.5px;line-height:1.55;}
  .fstat__l{font-size:15px;}
  .ed__body p,.close__prose p{font-size:17.5px;line-height:1.62;}
  .faq-a p,.faq-ul li,.wc-li__d{font-size:18px;}
  .wc-li__t{font-size:18px;}
  .block-head{font-size:clamp(30px,7vw,44px);}
}