/* Direction B — site drawing. Drafting paper, title block, red dimension marks. */
:root{--bg:#f4f1ea;--bg2:#ebe6db;--bg3:#e2dccd;--ink:#1b2a4a;--mute:#4a5670;--sun:#c8371f;--sun2:#c8371f;--line:rgba(27,42,74,.18);
 --d:'Space Grotesk',sans-serif;--s:'Geist',system-ui,sans-serif;--m:'Geist Mono',monospace;--deva:'Noto Serif Devanagari',serif;--gx:clamp(20px,5vw,64px);
 --r:2px;--rs:2px;--pill:2px;--plate:#fff;--plate-ink:#1b2a4a;--plate-mute:#4a5670}
body{background-image:linear-gradient(rgba(27,42,74,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(27,42,74,.07) 1px,transparent 1px);background-size:48px 48px}
h1,h2,h3,.hero h1{font-family:var(--d);font-variation-settings:normal;font-weight:700;letter-spacing:-.045em;text-transform:uppercase;font-style:normal}
.hero h1 em,h2 em{font-style:normal;font-weight:400;color:var(--mute)}
.hero h1{font-size:clamp(60px,12vw,190px);line-height:.86}
.lede,.listen,.script,.quote blockquote,.fp b,.plate .wordmark,.sb header b,.meet b,.pairs b,.deck .notes b,.v h3,.rows h3{font-family:var(--d);font-variation-settings:normal;font-weight:700;letter-spacing:-.02em;font-style:normal}
.numbers b,.facts dt{font-family:var(--d);font-weight:700;letter-spacing:-.04em;color:var(--ink)}
.numbers span,.tl b,.meta,.kicker,.group,.rows .state,.gains dt,.sb header a{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
nav.top{mix-blend-mode:normal;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;padding:16px var(--gx)}nav.top ul,nav.top .logo{text-transform:uppercase;letter-spacing:.08em;font:500 13px var(--m)}
.hero{align-items:start;min-height:0;grid-template-columns:1fr auto;gap:40px;padding:40px var(--gx) 0 0}.hero::before{display:none}.hero .copy{padding:28px 0 0 var(--gx)}
.hero figure{height:auto;width:clamp(260px,34vw,520px);border:1px solid var(--ink);padding:10px;background:var(--bg2);margin-top:12px;position:relative}
.hero figure img{aspect-ratio:3/4;object-fit:cover;filter:grayscale(.15) contrast(1.05);mask-image:none;-webkit-mask-image:none}
.hero figure::before,.hero figure::after{content:'';position:absolute;width:14px;height:14px;border:1px solid var(--sun)}.hero figure::before{left:-8px;top:-8px;border-right:0;border-bottom:0}.hero figure::after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.sun{display:none}
.meta{border-top:1px solid var(--sun);padding-top:12px;color:var(--sun)}.meta b{color:var(--ink);text-transform:none;letter-spacing:0;font-size:14px}
.cta{background:var(--ink);color:var(--bg);font:600 13px var(--m);text-transform:uppercase;letter-spacing:.06em}.cta:hover{background:var(--sun);color:#fff}.cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.cta.ghost:hover{background:var(--ink);color:var(--bg)}
.numbers{border-top:1px solid var(--ink)}
.v,.sb,.quote,.meet div,.pairs div,.deck .notes,.script{background:var(--bg);border:1px solid var(--ink)}.v:hover{border-color:var(--sun);transform:none;background:#fff}
.v.big{background:var(--bg)}.v.big img{opacity:.9;mask-image:none;-webkit-mask-image:none;border:1px solid var(--ink);padding:4px;background:#fff}
.tl{border-left:1px dashed var(--line)}.tl li::before{background:var(--sun);border-radius:0}
.plate{border:1px solid var(--ink)}
.about{font-family:var(--m);font-size:14px}
.bar{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em}.barlogo{background:#fff;border:1px solid var(--ink);height:64px;max-width:220px}
.hero.sub figure{width:100%;max-width:520px}
footer{border-top:1px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.fp .init{background:var(--bg2);color:var(--sun);border:1px solid var(--ink)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-right:var(--gx)}.hero figure{position:relative;opacity:1;width:100%;max-width:420px;margin-left:var(--gx)}}