@import url("../assets/colors_and_type.css");

/* =========================================================================
   mondaybrew — v8 "The Working File"
   One continuous document: light paper on a dark desk. Nine entries,
   one grid, mono keys, ruled lines, photos mounted as exhibits.
   Base styles are always the visible end state; motion is additive.
   ========================================================================= */

html,body{overflow-x:clip}
/* v8 tokens live at the root: the nav and the tab rail are siblings of main.v8 */
:root{--ink:#49444b;--near:#0a0a0a;--off:#f5f7fd;--acc:#ff914d;--acc-ink:#b5551b;--acc-mid:#c4551a;--rule:rgba(73,68,75,.22);--rule-strong:rgba(73,68,75,.85)}
.v8{position:relative;z-index:2;background-color:#3d383f;background-image:radial-gradient(circle,rgba(245,247,253,.24) .75px,transparent .85px);background-size:9px 9px;isolation:isolate;padding:clamp(20px,2.6vh,34px) clamp(34px,4.8vw,88px) clamp(56px,6vw,92px)}
.v8 *{box-sizing:border-box}
.v8 img{display:block;max-width:100%}
.v8::before{display:none}
/* drawer walls + depth */
.v8::after{content:"";position:absolute;inset:clamp(11px,1vw,18px);border:1px solid rgba(245,247,253,.11);pointer-events:none;z-index:1}
.v8-vig{display:none}

/* ---- drawer rail above the file ---- */
.v8-drawer{position:relative;z-index:3;max-width:1500px;margin:0 auto}
.v8-tabrow{align-items:flex-end}
.v8-drawer-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:0 2px 11px;border-bottom:1px solid rgba(245,247,253,.2)}
.v8-drawer-hd span{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,247,253,.5);line-height:1.6}
.v8-drawer-hd b{color:var(--acc);font-weight:500}
.v8-tabrow{display:flex;align-items:flex-end;gap:8px;padding-left:clamp(18px,3vw,52px)}
.v8-tab{display:flex;align-items:center;gap:11px;background:var(--off);color:var(--ink);padding:9px 18px;border:1px solid var(--ink);border-bottom:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;line-height:1.4;align-self:flex-end}
.v8-tab i{font-style:normal;color:var(--acc-ink)}
.v8-tab-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.42);padding-bottom:9px;line-height:1.4}
@media(max-width:700px){.v8-tab-note{display:none}.v8-tabrow{padding-left:8px}}

/* =========================================================================
   HERO VARIANTS — shared scaffolding
   ========================================================================= */
.v8-hv h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(30px,4.4vw,70px);line-height:.98;letter-spacing:-.038em;color:var(--ink);margin:0;text-wrap:nowrap}
.v8-hv h1 .l2{display:block;color:var(--acc-mid);white-space:nowrap}
.v8-hv-say{font-family:var(--font-body);font-weight:400;font-size:clamp(17px,1.25vw,21px);line-height:1.55;color:rgba(73,68,75,.9);max-width:46ch;margin:0}
.v8-hv-facts{display:flex;align-items:center;gap:clamp(14px,2vw,30px);flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--rule)}
.v8-hv-facts span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.62)}
.v8-hv-facts b{color:var(--acc-ink);font-weight:500}

/* A — portrait plate */
.v8-hv-a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,3.4vw,60px);align-items:end}
.v8-hv-a .col{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,30px)}
.v8-hv-a .v8-plate-img{aspect-ratio:4/5}
.v8-hv-a .v8-plate-img img{object-position:50% 22%}
@media(max-width:900px){.v8-hv-a{grid-template-columns:1fr;gap:28px}}

/* B — statement only */
.v8-hv-b{display:flex;flex-direction:column;gap:clamp(22px,2.8vw,38px)}
.v8-hv-b h1{font-size:clamp(36px,6vw,96px)}
.v8-hv-b .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:end}
@media(max-width:820px){.v8-hv-b .row{grid-template-columns:1fr;align-items:start;gap:22px}}

/* C — the audit line */
.v8-hv-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(24px,3.4vw,52px);align-items:center}
.v8-hv-c .col{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.v8-ask{border:1px solid var(--ink);background:#fff;min-height:clamp(240px,32vw,330px);display:flex;flex-direction:column}
.v8-ask-hd{display:flex;justify-content:space-between;padding:10px 14px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.75)}
.v8-ask-hd .lv{color:var(--acc);display:inline-flex;align-items:center;gap:7px}
.v8-ask-hd .lv i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
.v8-ask-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(20px,2.6vw,34px)}
.v8-ask-q{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(73,68,75,.55)}
.v8-ask-a{font-family:var(--font-heading);font-weight:700;font-size:clamp(22px,2.4vw,36px);line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0;min-height:2.2em}
.v8-ask-v{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.v8-ask-v.miss{color:#d43d17}
.v8-ask-v.ok{color:var(--acc-ink)}
.v8-ask-v i{width:8px;height:8px;background:currentColor;flex:none}
.v8-ask-ft{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.5)}
.v8-ask-dots{display:flex;gap:5px;align-items:center}
.v8-ask-dots i{width:14px;height:2px;background:rgba(73,68,75,.22)}
.v8-ask-dots i.on{background:var(--acc)}
@media(max-width:900px){.v8-hv-c{grid-template-columns:1fr;gap:26px}}

/* E — the stack panel, ink on paper */
.v8-stack{position:relative;aspect-ratio:1/1;width:100%;min-height:clamp(400px,40vw,600px);margin:clamp(14px,2vw,26px) 0;background:#fff;border:1px solid var(--ink);overflow:visible;touch-action:none}
.v8-stack::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(73,68,75,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,68,75,.08) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;z-index:0}
.v8-stack-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible;opacity:0;transition:opacity .8s var(--ease-swift) .18s}
.v8-stack[data-linked="true"] .v8-stack-svg{opacity:1}
.v8-stack-flow{stroke-dasharray:4 7;animation:v8march 1.5s linear infinite}
.v8-stack-tile{position:absolute;z-index:2;width:22%;min-width:84px;max-width:134px;display:flex;flex-direction:column;gap:4px;padding:8px 9px 9px;background:var(--off);border:1px solid var(--ink);box-shadow:-3px 3px 0 rgba(73,68,75,.16);opacity:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .5s var(--ease-swift),box-shadow .18s var(--ease-snap),background .18s}
.v8-stack[data-linked="true"] .v8-stack-tile{opacity:1}
.v8-stack-tile:hover{background:#fff;box-shadow:-6px 6px 0 rgba(255,145,77,.45)}
.v8-stack-tile:active{cursor:grabbing;box-shadow:-9px 9px 0 rgba(255,145,77,.6);z-index:5;transition:none}
.v8-stack-tile .ic{width:14px;height:14px;color:var(--ink);flex:none}
.v8-stack-tile .k{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.55)}
.v8-stack-tile .k i{width:5px;height:5px;background:var(--acc);flex:none;margin-left:auto}
.v8-stack-tile .n{font-family:var(--font-heading);font-weight:700;font-size:clamp(11.5px,1vw,13px);letter-spacing:-.014em;color:var(--ink);line-height:1.15}
.v8-stack-tile .m{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.04em;color:rgba(73,68,75,.5);line-height:1.35}
.v8-stack-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:min(44%,214px);display:flex;flex-direction:column;gap:5px;padding:13px 14px 14px;background:var(--ink);border:1px solid var(--ink);box-shadow:-8px 8px 0 rgba(255,145,77,.55)}
.v8-stack-hub .eb{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.v8-stack-hub .eb i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite;flex:none}
.v8-stack-hub .nm{font-family:var(--font-heading);font-weight:700;font-size:clamp(15px,1.2vw,19px);letter-spacing:-.024em;color:var(--off);line-height:1.1}
.v8-stack-hub .dv{height:1px;background:rgba(245,247,253,.2);margin:3px 0 1px}
.v8-stack-hub .rw{font-family:var(--font-mono);font-size:9px;letter-spacing:.03em;line-height:1.45;color:rgba(245,247,253,.7)}
.v8-stack-hub .rw b{color:var(--acc);font-weight:400}
.v8-stack-cap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:11px}
.v8-stack-hint{position:absolute;left:10px;bottom:9px;z-index:5;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.45)}
.v8-stack-hint button{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:0;border-bottom:1px solid rgba(73,68,75,.4);padding:0;color:var(--acc-ink);cursor:pointer}
.v8-stack-hint button:hover{color:var(--acc-mid)}
@media(max-width:1400px){.v8-stack-tile .m{display:none}}
@media(max-width:1180px){.v8-stack-tile{padding:8px 9px 9px}}

/* the stacked schematic, below 1180px */
.v8-schem{border:1px solid var(--ink);background:#fff}
.v8-schem-hd{display:flex;justify-content:space-between;padding:10px 13px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.75)}
.v8-schem-hd .lv{color:var(--acc);display:inline-flex;align-items:center;gap:7px}
.v8-schem-hd .lv i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
.v8-schem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v8-schem-cell{display:flex;flex-direction:column;gap:3px;padding:10px 11px 11px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v8-schem-cell .ic{width:15px;height:15px;color:var(--ink);margin-bottom:2px}
.v8-schem-cell:nth-child(3n){border-right:0}
.v8-schem-cell b{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.5);font-weight:500}
.v8-schem-cell span{font-family:var(--font-heading);font-weight:700;font-size:12.5px;letter-spacing:-.014em;color:var(--ink);line-height:1.15}
.v8-schem-join{display:flex;justify-content:center;gap:clamp(18px,7vw,44px);padding:12px 0 0}
.v8-schem-join i{width:1px;height:22px;background:repeating-linear-gradient(180deg,var(--acc) 0 4px,transparent 4px 8px)}
.v8-schem-hub{position:static;transform:none;width:auto;margin:0 13px 14px;box-shadow:-6px 6px 0 rgba(255,145,77,.55)}
@media(max-width:520px){.v8-schem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-schem-cell:nth-child(3n){border-right:1px solid var(--rule)}.v8-schem-cell:nth-child(2n){border-right:0}}
@media(max-width:900px){.v8-stack{max-width:520px;margin:0 auto;min-height:440px}}
@media(max-width:560px){.v8-stack{min-height:400px}.v8-stack-tile{width:78px;padding:7px 8px 8px}.v8-stack-tile .n{font-size:11px}.v8-stack-tile .k{font-size:8.5px}}

/* E — the wiring panel */
.v8-wire{border:1px solid var(--ink);background:#fff}
.v8-wire-hd{display:flex;justify-content:space-between;padding:10px 14px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.75)}
.v8-wire-hd .lv{color:var(--acc);display:inline-flex;align-items:center;gap:7px}
.v8-wire-hd .lv i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
.v8-wire-body{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,.9fr);align-items:stretch}
.v8-wire-col{display:flex;flex-direction:column;border-right:1px solid var(--rule)}
.v8-wire-row{flex:1;display:flex;flex-direction:column;gap:2px;justify-content:center;padding:11px 14px;border-bottom:1px solid var(--rule)}
.v8-wire-row:last-child{border-bottom:0}
.v8-wire-row b{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-weight:500}
.v8-wire-row span{font-family:var(--font-body);font-weight:400;font-size:13.5px;line-height:1.4;color:rgba(73,68,75,.78)}
.v8-wire-svg{width:100%;height:100%;display:block}
.v8-wire-svg .dash{stroke-dasharray:6 8;animation:v8march 1.8s linear infinite}
.v8-wire-hub{display:flex;flex-direction:column;gap:7px;justify-content:center;padding:16px 16px 16px 14px;border-left:1px solid var(--rule);background:rgba(255,145,77,.07)}
.v8-wire-hub b{font-family:var(--font-heading);font-weight:700;font-size:clamp(17px,1.3vw,21px);letter-spacing:-.02em;color:var(--ink);margin-bottom:3px}
.v8-wire-hub span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(73,68,75,.72);line-height:1.5}
@media(max-width:620px){.v8-wire-body{grid-template-columns:1fr}.v8-wire-svg{display:none}.v8-wire-col{border-right:0;border-bottom:1px solid var(--rule)}.v8-wire-hub{border-left:0}}

/* ---- the paper ---- */
.v8-paper{position:relative;z-index:3;max-width:1500px;margin:0 auto;background:var(--off);border:1px solid var(--ink);box-shadow:-8px 8px 0 rgba(255,145,77,.6),-14px 14px 0 rgba(10,10,10,.42)}
@media(min-width:1200px){.v8-paper{box-shadow:-14px 14px 0 rgba(255,145,77,.6),-26px 26px 0 rgba(10,10,10,.42)}}

/* ---- file header ---- */
.v8-filehead{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr;border-bottom:2px solid var(--ink)}
.v8-filehead div{padding:14px clamp(14px,1.6vw,22px);border-right:1px solid var(--rule)}
.v8-filehead div:last-child{border-right:0}
.v8-filehead b{display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:5px}
.v8-filehead span{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:rgba(73,68,75,.85);line-height:1.5}
@media(max-width:820px){.v8-filehead{grid-template-columns:1fr 1fr}.v8-filehead div{border-bottom:1px solid var(--rule)}.v8-filehead div:nth-child(2n){border-right:0}.v8-filehead div:nth-child(n+3){border-bottom:0}}

/* ---- entries ---- */
.v8-ch{position:relative;border-top:2px solid var(--ink);padding:clamp(40px,4.6vw,68px) clamp(22px,3.4vw,68px) clamp(46px,5.4vw,80px);overflow:visible}
.v8-ch:first-of-type{border-top:0}
.v8-entry-grid{display:grid;grid-template-columns:clamp(88px,10vw,158px) minmax(0,1fr);gap:clamp(18px,2.8vw,52px);align-items:start}
.v8-erail{position:sticky;top:88px;display:flex;flex-direction:column;gap:8px}
.v8-erail::before{content:"";width:9px;height:9px;background:var(--acc)}
.v8-erail b{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-ink)}
.v8-erail span{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(73,68,75,.55);line-height:1.6}
/* the live stage marker, in the rail with the entry number */
.v8-erail-stages{display:flex;flex-direction:column;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.v8-erail-stages span{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.14em;color:rgba(73,68,75,.38);transition:color .3s}
.v8-erail-stages span i{width:12px;height:1px;background:rgba(73,68,75,.3);flex:none;transition:width .3s var(--ease-snap),background .3s}
.v8-erail-stages span.on{color:var(--acc-ink)}
.v8-erail-stages span.on i{width:20px;background:var(--acc)}
@media(max-width:820px){.v8-erail-stages{display:none}}
.v8-ebody{border-left:1px solid var(--rule);padding-left:clamp(18px,2.8vw,52px);min-width:0;display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
@media(max-width:820px){.v8-entry-grid{grid-template-columns:1fr;gap:16px}.v8-erail{position:static;flex-direction:row;align-items:center;gap:12px}.v8-erail::before{flex:none}.v8-ebody{border-left:0;padding-left:0}}

/* the six shapes strip */
.v8-shapes{margin-top:clamp(18px,2.2vw,28px);border:1px solid var(--ink)}
.v8-shapes-hd{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--ink);background:rgba(73,68,75,.05)}
.v8-shapes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v8-shape{display:flex;flex-direction:column;gap:4px;padding:14px 15px 16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.v8-shape:nth-child(3n){border-right:0}
.v8-shape:nth-child(n+4){border-bottom:0}
.v8-shape u{text-decoration:none;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--acc-ink)}
.v8-shape b{font-family:var(--font-heading);font-weight:700;font-size:14.5px;letter-spacing:-.016em;color:var(--ink);line-height:1.15}
.v8-shape span{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.5;color:rgba(73,68,75,.82)}
@media(max-width:760px){.v8-shapes-grid{grid-template-columns:1fr 1fr}.v8-shape:nth-child(3n){border-right:1px solid var(--rule)}.v8-shape:nth-child(2n){border-right:0}.v8-shape:nth-child(n+4){border-bottom:1px solid var(--rule)}.v8-shape:nth-child(n+5){border-bottom:0}}
@media(max-width:480px){.v8-shapes-grid{grid-template-columns:1fr}.v8-shape{border-right:0!important;border-bottom:1px solid var(--rule)!important}.v8-shape:last-child{border-bottom:0!important}}

/* ---- type ---- */
.v8-mono{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(73,68,75,.6);display:inline-flex;align-items:center;gap:9px;line-height:1.6}
.v8-mono b{color:var(--acc-ink);font-weight:500}
.v8-dh{font-family:var(--font-heading);font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1.03;letter-spacing:-.03em;color:var(--ink);margin:0;text-wrap:balance}
.v8-dh em{font-style:normal;color:var(--acc-mid)}
.v8-lead{font-family:var(--font-body);font-weight:400;font-size:clamp(16.5px,1.08vw,19px);line-height:1.6;color:rgba(73,68,75,.94);max-width:56ch;margin:0}
.v8-body{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.62;color:rgba(73,68,75,.88);max-width:60ch;margin:0}
.v8 a{color:var(--acc-ink)}
.v8 a:hover{color:var(--acc-mid)}

/* ---- buttons ---- */
.v8-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;font-size:14px;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--off);box-shadow:-6px 6px 0 var(--acc);transition:transform .12s var(--ease-snap),box-shadow .12s var(--ease-snap);cursor:pointer;white-space:nowrap}
.v8 a.v8-btn,.v8 a.v8-btn:hover,.v8 a.v8-btn *{color:var(--off)}
.v8 a.v8-btn-2{color:rgba(73,68,75,.85)}
.v8 a.v8-btn-2:hover,.v8 a.v8-btn-2:hover *{color:var(--acc-mid)}
.v8-btn:hover{transform:translate(4px,-4px);box-shadow:-11px 11px 0 var(--acc);color:var(--off)}
.v8-btn-2{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:14px 18px;border:1px solid rgba(73,68,75,.4);color:rgba(73,68,75,.85);transition:border-color .15s,color .15s;cursor:pointer;white-space:nowrap}
.v8-btn-2:hover{border-color:var(--acc-mid);color:var(--acc-mid)}
.v8-ctas{display:flex;flex-wrap:wrap;gap:14px}

/* ---- exhibit plates ---- */
.v8-plate{margin:0;border:1px solid var(--ink);background:#fff;padding:9px;box-shadow:-8px 8px 0 rgba(73,68,75,.16)}
.v8-plate-img{overflow:hidden;background:var(--ink)}
.v8-plate-img img{width:100%;height:100%;object-fit:cover}
.v8-plate figcaption{display:flex;gap:12px;align-items:baseline;padding:10px 3px 3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(73,68,75,.6);line-height:1.6}
.v8-plate figcaption b{color:var(--acc-ink);font-weight:500;flex:none}

/* ---- reveal (base = visible) ---- */
[data-r]{opacity:1}
[data-r].v8-pre{opacity:0}
[data-r].v8-pre[data-r="w"]{clip-path:inset(0 100% 0 0)}
[data-r].is-in{animation:v8rise .8s var(--ease-swift) both;animation-delay:var(--d,0ms)}
@keyframes v8rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
[data-r="w"].is-in{animation-name:v8wipe;animation-duration:.7s}
@keyframes v8wipe{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}

/* =========================================================================
   NAV — floating pill + fixed chapter rail
   ========================================================================= */
.v8-nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:90;width:auto;max-width:calc(100% - 24px);transition:transform .35s var(--ease-swift),opacity .3s}
.v8-nav.hid{transform:translateX(-50%) translateY(-140%);opacity:0}
.v8-nav-in{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;background:rgba(10,10,10,.6);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(245,247,253,.14);border-radius:999px}
.v8-nav-logo{display:flex;align-items:center;flex:none}
.v8-nav-logo img{height:18px;width:auto}
.v8-nav-links{display:flex;align-items:center;margin:0 6px}
.v8-nav-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(245,247,253,.6);padding:8px 10px;cursor:pointer;transition:color .15s}
.v8-nav-links a:hover{color:var(--acc)}
.v8-nav-cta{font-family:var(--font-heading);font-weight:700;font-size:12px;padding:9px 16px;background:var(--off);color:var(--ink);border-radius:999px;flex:none;white-space:nowrap;transition:background .15s,color .15s}
.v8-nav-cta:hover{background:var(--acc);color:var(--near)}
@media(max-width:1000px){.v8-nav-links{display:none}}

.v8-rail{position:fixed;left:clamp(14px,1.7vw,30px);top:50%;transform:translateY(-50%);z-index:70;display:none;flex-direction:column;gap:11px}
.v8-rail a{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;color:rgba(245,247,253,.42);cursor:pointer;transition:color .2s}
.v8-rail a i{display:block;width:12px;height:1px;background:rgba(245,247,253,.42);transition:width .25s var(--ease-snap),background .2s}
.v8-rail a.on{color:var(--acc)}
.v8-rail a.on i{width:26px;background:var(--acc)}
.v8-rail a:hover{color:#fff}
@media(max-width:1620px){.v8-rail{display:none}}

/* =========================================================================
   ENTRY 01 — the reframe
   ========================================================================= */
.v8-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:clamp(24px,3.6vw,56px);align-items:start}
.v8-hero h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.036em;color:var(--ink);margin:0}
.v8-hero h1 .l2{display:block;color:var(--acc-mid)}
.v8-hero-copy{display:flex;flex-direction:column;gap:clamp(16px,2vw,26px)}
.v8-hero-meta{display:flex;flex-wrap:wrap;gap:10px}
.v8-hero-meta span{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.7);border:1px solid rgba(73,68,75,.35);padding:6px 10px}
.v8-hero-meta span b{color:var(--acc-ink);font-weight:500}
@media(max-width:1000px){.v8-hero-grid{grid-template-columns:1fr;gap:30px}}

/* the live ledger */
.v8-col{position:relative;border:1px solid var(--ink);height:clamp(340px,46vh,470px);overflow:hidden;background:#fff}
.v8-col-hd{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:10px 12px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.75)}
.v8-col-hd .lv{color:var(--acc);display:inline-flex;align-items:center;gap:7px}
.v8-col-hd .lv i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
@keyframes v8blip{0%,100%{opacity:1}50%{opacity:.25}}
.v8-col-track{position:absolute;inset:0;padding-top:34px;animation:v8scrollcol 26s linear infinite;will-change:transform}
@keyframes v8scrollcol{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.v8-col-row{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:8px 12px;border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:10.5px;line-height:1.45;color:rgba(73,68,75,.85)}
.v8-col-row s{text-decoration:none;color:rgba(73,68,75,.45);font-size:10px;letter-spacing:.06em}
.v8-col-row.miss{color:rgba(73,68,75,.5)}
.v8-col-row.miss em{font-style:normal;color:#d43d17}
.v8-col-row.ok em{font-style:normal;color:var(--acc-ink)}
.v8-col::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none;z-index:2}
.v8-col-scan{position:absolute;left:0;right:0;top:34px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);z-index:4;animation:v8scan 4.5s var(--ease-swift) infinite;opacity:.9}
@keyframes v8scan{0%{transform:translateY(0)}100%{transform:translateY(min(46vh,470px))}}
.v8-col-cap{margin-top:10px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.55);line-height:1.7}
@media(max-width:1000px){.v8-col{height:320px}}

/* =========================================================================
   ENTRY 02 — recognition
   ========================================================================= */
.v8-rec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.6vw,56px);align-items:start}
.v8-rec-list{display:flex;flex-direction:column;border-top:1px solid var(--rule-strong)}
.v8-rec-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--rule)}
.v8-rec-item u{text-decoration:none;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--acc-ink);padding-top:4px}
.v8-rec-item strong{display:block;font-family:var(--font-heading);font-weight:700;font-size:clamp(16px,1.25vw,20px);line-height:1.25;letter-spacing:-.016em;color:var(--ink)}
.v8-rec-item span{display:block;margin-top:6px;font-family:var(--font-body);font-weight:400;font-size:15.5px;line-height:1.55;color:rgba(73,68,75,.84)}
.v8-punch{border-left:3px solid var(--acc);padding:4px 0 4px 20px;font-family:var(--font-heading);font-weight:700;font-size:clamp(17px,1.4vw,22px);line-height:1.3;letter-spacing:-.018em;color:var(--ink);max-width:36ch;margin:0}
@media(max-width:900px){.v8-rec-grid{grid-template-columns:1fr;gap:26px}}

/* =========================================================================
   ENTRY 02 — the pile (pinned gather)
   ========================================================================= */
.v8-pile{position:relative;height:230vh;margin:clamp(20px,2.6vw,34px) 0 0}
.v8-pile-stage{position:sticky;top:0;height:100vh;max-height:820px;overflow:hidden;background:#fff;border:1px solid var(--ink);background-image:linear-gradient(rgba(73,68,75,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,68,75,.08) 1px,transparent 1px);background-size:34px 34px}
.v8-pile-status{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;gap:14px;padding:10px 14px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,247,253,.72)}
.v8-pile-status .lv{display:inline-flex;align-items:center;gap:7px;color:var(--acc)}
.v8-pile-status .lv i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
.v8-pile-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:14;width:min(90%,540px);display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;pointer-events:none;transition:opacity .3s}
.v8-pile-note h3{font-family:var(--font-heading);font-weight:700;font-size:clamp(26px,3.4vw,52px);line-height:1;letter-spacing:-.034em;color:var(--ink);margin:0}
.v8-pile-note h3 em{font-style:normal;color:var(--acc-mid)}
.v8-pile-note p{font-family:var(--font-body);font-weight:400;font-size:clamp(14.5px,1vw,16px);line-height:1.55;color:rgba(73,68,75,.86);margin:0;max-width:52ch}
.v8-pile-card{position:absolute;width:clamp(78px,15%,124px);display:flex;flex-direction:column;gap:3px;padding:8px 9px 9px;background:var(--off);border:1px solid var(--ink);box-shadow:-3px 3px 0 rgba(73,68,75,.18);pointer-events:none}
.v8-pile-card .ic{width:13px;height:13px;color:var(--ink);flex:none}
.v8-pile-card .k{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.55)}
.v8-pile-card .n{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:-.012em;color:var(--ink);line-height:1.15}
.v8-pile-hint{position:absolute;left:0;right:0;bottom:14px;z-index:20;text-align:center;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(73,68,75,.5)}
.v8-pile-done{position:absolute;left:0;right:0;bottom:clamp(26px,5vh,54px);z-index:18;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;pointer-events:none}
.v8-pile-done h3{font-family:var(--font-heading);font-weight:700;font-size:clamp(22px,2.6vw,38px);line-height:1;letter-spacing:-.03em;color:var(--ink);margin:0}
.v8-pile-done h3 em{font-style:normal;color:var(--acc-mid)}
@media(max-width:820px){.v8-pile{height:200vh}.v8-pile-stage{height:78vh}.v8-pile-done h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.v8-pile{height:auto}.v8-pile-stage{position:relative;height:70vh;min-height:470px}}

/* =========================================================================
   ENTRY 03 — the cost
   ========================================================================= */
.v8-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr);gap:0;border:1px solid var(--ink)}
.v8-sum-cell{padding:clamp(16px,1.8vw,26px);border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-height:160px;position:relative}
.v8-sum-cell:last-child{border-right:0;background:var(--acc)}
.v8-sum-op{position:absolute;right:-11px;top:calc(50% - 11px);z-index:4;width:22px;height:22px;display:grid;place-items:center;background:var(--off);border:1px solid var(--ink);font-family:var(--font-mono);font-size:12px;color:var(--acc-mid)}
.v8-sum-n{font-family:var(--font-heading);font-weight:700;font-size:clamp(34px,3.4vw,56px);line-height:.9;letter-spacing:-.036em;color:var(--ink);font-variant-numeric:tabular-nums}
.v8-sum-cell:last-child .v8-sum-n{color:var(--near)}
.v8-sum-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-ink);line-height:1.6}
.v8-sum-cell:last-child .v8-sum-k{color:rgba(10,10,10,.7)}
.v8-sum-l{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.5;color:rgba(73,68,75,.85)}
.v8-sum-cell:last-child .v8-sum-l{color:rgba(10,10,10,.85)}
.v8-note{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(73,68,75,.6);line-height:1.8;max-width:78ch;margin:0}
@media(max-width:1000px){.v8-sum{grid-template-columns:1fr 1fr}.v8-sum-cell{border-bottom:1px solid var(--rule);min-height:130px}.v8-sum-cell:nth-child(2n){border-right:0}.v8-sum-cell:nth-child(n+3){border-bottom:0}.v8-sum-op{display:none}}

/* =========================================================================
   ENTRY 04 — the turn (ticker)
   ========================================================================= */
.v8-quote{font-family:var(--font-heading);font-weight:700;font-size:clamp(19px,1.8vw,28px);line-height:1.1;letter-spacing:-.022em;color:rgba(73,68,75,.42);margin:0}
.v8-quote b{color:var(--ink);font-weight:700}
.v8-mq{position:relative;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;width:100%;background:#fff}
.v8-mq-row{display:flex;width:max-content;animation:v8mqL 30s linear infinite}
.v8-mq-row.r2{animation-name:v8mqR;animation-duration:38s;border-top:1px solid var(--rule)}
.v8-mq:hover .v8-mq-row{animation-play-state:paused}
@keyframes v8mqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes v8mqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.v8-mq-item{display:flex;align-items:center;gap:14px;padding:14px 24px;border-right:1px solid var(--rule);white-space:nowrap;flex:none}
.v8-mq-item u{text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--acc-ink)}
.v8-mq-item strong{font-family:var(--font-heading);font-weight:700;font-size:clamp(16px,1.4vw,22px);letter-spacing:-.018em;color:var(--ink)}
.v8-mq-row.r2 .v8-mq-item strong{color:rgba(73,68,75,.45)}
.v8-mq-row.r2 .v8-mq-item u{color:rgba(73,68,75,.45)}
.v8-turn-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,48px)}
@media(max-width:900px){.v8-turn-foot{grid-template-columns:1fr;gap:20px}}

/* =========================================================================
   ENTRY 05 — pinned diagnosis
   ========================================================================= */
.v8-pin{position:relative;height:420vh;border-top:2px solid var(--ink)}
.v8-pin-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(22px,3vw,52px);align-items:center;padding:clamp(60px,8vh,96px) clamp(22px,3.4vw,68px)}
.v8-pin-plate{align-self:center}
.v8-pin-plate .v8-plate-img{aspect-ratio:4/4.6}
.v8-pin-plate .v8-plate-img img{object-position:52% 40%}
.v8-pin-doc{display:flex;flex-direction:column;min-width:0}
.v8-doc-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:12px;border-bottom:2px solid var(--ink);flex-wrap:wrap;margin-top:14px}
.v8-doc-hd h3{font-family:var(--font-heading);font-weight:700;font-size:clamp(18px,1.5vw,24px);letter-spacing:-.022em;color:var(--ink);margin:0}
.v8-doc-rows{display:flex;flex-direction:column}
.v8-doc-row{display:grid;grid-template-columns:clamp(110px,13vw,168px) 1fr;gap:clamp(14px,2vw,26px);padding:clamp(10px,1.3vh,17px) 0;border-bottom:1px solid var(--rule);opacity:1;transition:opacity .45s var(--ease-swift),transform .45s var(--ease-swift)}
.v8-doc-row.dim{opacity:.15;transform:translateY(8px)}
.v8-doc-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-ink);padding-top:4px;line-height:1.6}
.v8-doc-row.dim .v8-doc-k{color:rgba(73,68,75,.35)}
.v8-doc-v{font-family:var(--font-body);font-weight:400;font-size:clamp(14.5px,1vw,16px);line-height:1.55;color:rgba(73,68,75,.92)}
.v8-doc-v em{font-style:normal;color:var(--acc-mid);font-weight:500}
.v8-doc-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px;flex-wrap:wrap}
.v8-prog{height:2px;background:rgba(73,68,75,.18);width:100%;margin-top:12px}
.v8-prog i{display:block;width:100%;height:100%;background:var(--acc);transform:scaleX(var(--p-scale,0));transform-origin:0 50%}
@media(max-width:940px){.v8-pin{height:auto}.v8-pin-stage{position:relative;height:auto;grid-template-columns:1fr;padding:clamp(40px,5vw,72px) clamp(22px,3.4vw,68px)}.v8-doc-row.dim{opacity:1;transform:none}.v8-doc-row.dim .v8-doc-k{color:var(--acc-ink)}.v8-prog,.v8-doc-count{display:none}}

/* =========================================================================
   ENTRY 06 — what has to be true
   ========================================================================= */
.v8-truths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--ink)}
.v8-truth{padding:clamp(18px,2vw,28px) clamp(15px,1.7vw,24px) clamp(22px,2.4vw,32px);border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:12px;background:#fff;transition:background .2s}
.v8-truth:last-child{border-right:0}
.v8-truth:hover{background:rgba(255,145,77,.07)}
.v8-truth .ic{width:38px;height:38px;color:var(--ink)}
.v8-truth h3{font-family:var(--font-heading);font-weight:700;font-size:clamp(17px,1.3vw,21px);letter-spacing:-.018em;color:var(--ink);margin:0}
.v8-truth p{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.55;color:rgba(73,68,75,.85);margin:0}
.v8-truth small{margin-top:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink);line-height:1.7}
@media(max-width:980px){.v8-truths{grid-template-columns:1fr 1fr}.v8-truth{border-bottom:1px solid var(--rule)}.v8-truth:nth-child(2n){border-right:0}.v8-truth:nth-child(n+3){border-bottom:0}}
@media(max-width:560px){.v8-truths{grid-template-columns:1fr}.v8-truth{border-right:0;border-bottom:1px solid var(--rule)}.v8-truth:last-child{border-bottom:0}}

.v8-diag{border:1px solid var(--ink);padding:clamp(16px,2vw,28px);background:#fff}
.v8-diag svg{width:100%;height:auto;display:block;overflow:visible}
.v8-diag .dash{stroke-dasharray:7 7;animation:v8march 1.6s linear infinite}
@keyframes v8march{to{stroke-dashoffset:-28}}
.v8-diag-svg{display:block}
.v8-diag-stack{display:none;flex-direction:column}
.v8-diag-node{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px dashed rgba(73,68,75,.35)}
.v8-diag-node u{text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--acc-ink)}
.v8-diag-node strong{font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:-.016em;color:var(--ink)}
.v8-diag-node span{grid-column:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(73,68,75,.6)}
.v8-diag-loop{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink);line-height:1.8;margin:13px 0 0}
@media(max-width:860px){.v8-diag .v8-diag-svg{display:none}.v8-diag-stack{display:flex}}
.v8-diag-cap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}

/* =========================================================================
   ENTRY 07 — the offer
   ========================================================================= */
.v8-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--ink)}
.v8-step{background:var(--off);padding:clamp(18px,2vw,28px) clamp(15px,1.7vw,24px);display:flex;flex-direction:column;gap:12px}
.v8-step .ic{width:34px;height:34px;color:var(--acc-mid)}
.v8-step u{text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(73,68,75,.55)}
.v8-step h4{font-family:var(--font-heading);font-weight:700;font-size:clamp(16px,1.2vw,19px);letter-spacing:-.016em;color:var(--ink);margin:0;line-height:1.22}
.v8-step p{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.55;color:rgba(73,68,75,.85);margin:0}
@media(max-width:1000px){.v8-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v8-steps{grid-template-columns:1fr}}

.v8-price{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;border:1px solid var(--ink)}
.v8-price-a{padding:clamp(22px,2.6vw,38px);border-right:1px solid var(--rule)}
.v8-price-figs{display:flex;align-items:baseline;gap:18px;margin:14px 0 16px;flex-wrap:wrap}
.v8-price-was{font-family:var(--font-heading);font-weight:700;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.02em;color:rgba(73,68,75,.4);text-decoration:line-through;text-decoration-thickness:2px}
.v8-price-now{font-family:var(--font-heading);font-weight:700;font-size:clamp(40px,4.2vw,70px);line-height:.86;letter-spacing:-.038em;color:var(--acc-mid)}
.v8-price-b{padding:clamp(22px,2.6vw,38px);display:flex;flex-direction:column;gap:20px;background:#fff}
.v8-guar h4{font-family:var(--font-heading);font-weight:700;font-size:17px;letter-spacing:-.014em;color:var(--ink);margin:0 0 7px}
.v8-guar p{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.55;color:rgba(73,68,75,.85);margin:0}
.v8-hr{height:1px;background:var(--rule)}
@media(max-width:900px){.v8-price{grid-template-columns:1fr}.v8-price-a{border-right:0;border-bottom:1px solid var(--rule)}}

/* =========================================================================
   ENTRY 08 — proof
   ========================================================================= */
.v8-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,3vw,48px);align-items:start;padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--rule-strong)}
.v8-case.flip .v8-case-plate{order:2}
.v8-case-plate .v8-plate-img{aspect-ratio:16/10.5}
.v8-case-name{font-family:var(--font-heading);font-weight:700;font-size:clamp(24px,2.4vw,38px);line-height:1;letter-spacing:-.028em;color:var(--ink);margin:0}
.v8-case-lines{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--rule);padding-top:16px;margin-top:16px}
.v8-case-line{display:grid;grid-template-columns:60px 1fr;gap:14px}
.v8-case-line u{text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-ink);padding-top:3px}
.v8-case-line p{font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.58;color:rgba(73,68,75,.88);margin:0;max-width:52ch}
.v8-metric{display:flex;align-items:baseline;gap:14px;margin-top:16px}
.v8-metric b{font-family:var(--font-heading);font-weight:700;font-size:clamp(28px,2.8vw,48px);line-height:.9;letter-spacing:-.03em;color:var(--acc-mid);font-variant-numeric:tabular-nums}
.v8-metric span{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(73,68,75,.65);line-height:1.7;max-width:24ch}
@media(max-width:900px){.v8-case{grid-template-columns:1fr;gap:20px}.v8-case.flip .v8-case-plate{order:0}}

/* =========================================================================
   ENTRY 09 — the close
   ========================================================================= */
.v8-close-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3.6vw,60px);align-items:start}
.v8-leave{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border-top:1px solid var(--rule-strong)}
.v8-leave li{display:grid;grid-template-columns:32px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--rule);font-family:var(--font-body);font-weight:400;font-size:15.5px;line-height:1.55;color:rgba(73,68,75,.88)}
.v8-leave li b{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--acc-ink);font-weight:400;padding-top:4px}
.v8-close-plate .v8-plate-img{aspect-ratio:4/4.8}
.v8-close-plate .v8-plate-img img{object-position:50% 26%}
.v8-sig{margin-top:clamp(18px,2.2vw,28px);padding-top:14px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:900px){.v8-close-grid{grid-template-columns:1fr;gap:26px}.v8-close-plate{max-width:420px}}

/* ---- footer (the drawer floor) ---- */
.v8-foot{position:relative;z-index:3;max-width:1500px;margin:clamp(36px,4.4vw,64px) auto 0;padding:clamp(34px,4.4vw,58px) 0 0;border-top:1px solid rgba(245,247,253,.2)}
.v8-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px)}
.v8-foot h5{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin:0 0 14px}
.v8-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.v8-foot li,.v8-foot li a{font-family:var(--font-body);font-weight:400;font-size:15px;color:rgba(245,247,253,.8);line-height:1.4}
.v8-foot li a:hover{color:var(--acc)}
.v8-foot-brand img{height:24px;width:auto;margin-bottom:14px}
.v8-foot-brand p{font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.58;color:rgba(245,247,253,.72);max-width:30ch;margin:0}
.v8-word{margin-top:clamp(30px,4vw,52px);font-family:var(--font-heading);font-weight:700;font-size:clamp(44px,10vw,168px);line-height:.8;letter-spacing:-.05em;color:rgba(245,247,253,.1);white-space:nowrap;user-select:none}
.v8-word i{font-style:normal;color:rgba(255,145,77,.4)}
.v8-foot-base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid rgba(245,247,253,.16);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,247,253,.4)}
@media(max-width:800px){.v8-foot-grid{grid-template-columns:1fr 1fr}}

/* ---- reduced motion ---- */
@media(prefers-reduced-motion:reduce){
  .v8 *,.v8 *::before,.v8 *::after{animation:none!important;transition:none!important}
  [data-r].is-in,[data-r].v8-pre{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
  .v8-col-track{position:relative;inset:auto;transform:none;padding-top:34px}
  .v8-col{height:auto;max-height:400px}
  .v8-col-scan{display:none}
  .v8-mq-row{animation:none;width:auto;flex-wrap:wrap}
  .v8-mq-row.r2{display:none}
  .v8-doc-row.dim{opacity:1;transform:none}
  .v8-doc-row.dim .v8-doc-k{color:var(--acc-ink)}
  .v8-pin{height:auto}
  .v8-pin-stage{position:relative;height:auto}
}