@font-face{font-family:"Telegraf";font-weight:100 550;font-style:normal;font-display:swap;src:url("fonts/PPTelegraf-Regular.woff2") format("woff2"),url("fonts/PPTelegraf-Regular.woff") format("woff"),url("fonts/PPTelegraf-Regular.otf") format("opentype")}
@font-face{font-family:"Telegraf";font-weight:550 900;font-style:normal;font-display:swap;src:url("fonts/PPTelegraf-Ultrabold.woff2") format("woff2"),url("fonts/PPTelegraf-Ultrabold.woff") format("woff"),url("fonts/PPTelegraf-Ultrabold.otf") format("opentype")}

:root{
  --lead:#FF4D17; --lead-2:#FF6A3D; --lead-ink:#FFFFFF;
  --pad:clamp(16px,4vw,52px); --bar-h:86px;
  --f-disp:"Telegraf","DM Sans",system-ui,-apple-system,sans-serif;
  --noise:none;
}
html[data-theme="dark"]{
  --bg:#0A0A0B; --bg-2:#101013; --bg-3:#141418;
  --ink:#EEECE6; --ink-dim:#A9A7A0; --fog:#63636B;
  --hair:rgba(255,255,255,.14);
  --grain-blend:screen; --grain-op:.10; --sec-noise-op:.16; --hero-noise-op:.22;
  --grad: radial-gradient(135% 110% at 50% -10%, #15151A 0%, #0B0B0C 50%, #060607 100%);
  --fog3d:#08080A; --mat3d:#0d0d11;
}
html[data-theme="light"]{
  --bg:#ECE9E1; --bg-2:#E6E2D9; --bg-3:#DFDBD0;
  --ink:#131210; --ink-dim:#46443d; --fog:#A19C90;
  --hair:rgba(0,0,0,.16);
  --grain-blend:multiply; --grain-op:.09; --sec-noise-op:.14; --hero-noise-op:.28;
  --grad: radial-gradient(135% 110% at 50% -10%, #F5F2EA 0%, #ECE9E1 50%, #E1DDD3 100%);
  --fog3d:#ECE9E1; --mat3d:#d3cebf;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-snap-type:y proximity;scroll-padding-top:0}
body{margin:0;color:var(--ink);background:var(--bg);background:var(--grad);background-attachment:fixed;
  font-family:var(--f-disp);font-weight:400;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:color .5s ease}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em;line-height:.92}
::selection{background:var(--lead);color:#fff}
.mono{font-family:var(--f-disp)}
.lead{font-size:clamp(18px,2vw,24px);color:var(--ink-dim);max-width:54ch;margin:0 0 clamp(30px,4vw,52px);font-weight:400;line-height:1.45}

.grain{position:fixed;inset:-120%;z-index:96;pointer-events:none;background-image:var(--noise);background-repeat:repeat;background-size:130px 130px;mix-blend-mode:var(--grain-blend);opacity:var(--grain-op);animation:grainshift .5s steps(5) infinite;will-change:transform}
@keyframes grainshift{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-3%,4%)}80%{transform:translate(4%,2%)}100%{transform:translate(-2%,-2%)}}

.bar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--hair)}
.topstrip{display:flex;justify-content:space-between;gap:16px;padding:7px var(--pad);font-family:var(--f-disp);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog);border-bottom:1px solid var(--hair)}
.topstrip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barmain{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px);padding:13px var(--pad)}
.bar__logo{height:24px;width:auto;display:block}
.bar__logo path{fill:var(--ink)} .bar__logo .dot{fill:var(--lead)}
.bar__r{display:flex;gap:clamp(18px,2.4vw,36px);align-items:center}
.bar__nav{display:flex;gap:clamp(16px,2.2vw,32px);font-family:var(--f-disp);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.bar__nav a{color:var(--ink);padding:4px 0;position:relative;transition:color .15s}
.bar__nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--lead);transition:right .2s ease}
.bar__nav a:hover{color:var(--lead)} .bar__nav a:hover::after{right:0}
.theme{display:inline-flex;align-items:stretch;border:1px solid var(--ink);font-family:var(--f-disp)}
.theme button{display:flex;align-items:center;justify-content:center;width:30px;height:26px;font-size:13px;line-height:1;background:transparent;color:var(--ink);border:0;cursor:pointer;transition:background .15s,color .15s}
.theme button svg{width:15px;height:15px;display:block}
.theme button+button{border-left:1px solid var(--ink)}
.theme button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
@media(max-width:820px){.topstrip span:last-child{display:none}.bar__nav{display:none}}

.hero{position:relative;z-index:2;height:680vh}
.hero__stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--bg)}
#scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.hero__noise{position:absolute;inset:0;z-index:1;background-image:var(--noise);background-size:140px 140px;mix-blend-mode:var(--grain-blend);opacity:var(--hero-noise-op);pointer-events:none}
.hero__top{position:absolute;z-index:2;top:calc(var(--bar-h) + 20px);left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tag{font-family:var(--f-disp);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fog);max-width:30ch}
.tag b{color:var(--ink)}
.hero__msg{position:absolute;z-index:2;left:var(--pad);bottom:clamp(96px,16vw,210px);max-width:32ch}
.hero__msg h1{font-size:clamp(30px,4.6vw,64px);letter-spacing:-.04em;line-height:.98;font-weight:800}
.hero__msg .w{display:block;opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.hero__msg .w.is-in{opacity:1;transform:none}
.hero__msg .w--sum{color:var(--lead);margin-top:.12em}
.legend{position:absolute;z-index:2;right:var(--pad);bottom:clamp(96px,16vw,210px);font-family:var(--f-disp);font-size:12px;line-height:2.1;color:var(--ink-dim);text-align:right;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.legend.is-in{opacity:1;transform:none}
.legend b{color:var(--ink);font-weight:400}
.legend .g{color:var(--lead);display:inline-block;width:1.4em}
.hero__kicker{position:absolute;z-index:2;left:var(--pad);bottom:clamp(40px,7vw,96px);font-family:var(--f-disp);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.hero__bottom{position:absolute;z-index:2;right:var(--pad);bottom:clamp(18px,3.5vw,40px);display:flex;align-items:center;gap:18px}
.progress{font-family:var(--f-disp);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog);display:flex;align-items:center;gap:12px}
.progress__num{color:var(--ink);font-weight:700}
.progress__track{width:90px;height:2px;background:var(--hair);position:relative}
.progress__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lead)}

.sec{position:relative;z-index:2;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(72px,10vh,120px) var(--pad);background:var(--bg);overflow:hidden}
.sec::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--noise);background-size:140px 140px;mix-blend-mode:var(--grain-blend);opacity:var(--sec-noise-op)}
.sec>*{position:relative;z-index:1}
.sec--alt{background:var(--bg-2)}
.sec--handoff::after{content:"";position:absolute;left:0;right:0;top:0;height:80vh;z-index:0;pointer-events:none;background-image:var(--noise);background-size:140px;mix-blend-mode:var(--grain-blend);opacity:var(--hero-noise-op);-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%)}

.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--f-disp);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:clamp(28px,4vw,52px)}
.eyebrow .no{background:var(--ink);color:var(--bg);font-weight:700;padding:3px 9px;letter-spacing:.04em}
.eyebrow .lbl{letter-spacing:.14em}
.eyebrow .meta{margin-left:auto;color:var(--fog)}
.off-1{margin-left:clamp(0px,6vw,110px)}

.thesis__big{font-size:clamp(32px,6.2vw,92px);letter-spacing:-.04em;max-width:20ch}
.thesis__big .mk{color:var(--lead)}
.thesis__foot{display:flex;gap:clamp(20px,4vw,64px);flex-wrap:wrap;margin-top:clamp(30px,4vw,56px);margin-left:auto;max-width:62ch;font-family:var(--f-disp);font-size:13px;color:var(--ink-dim)}
.thesis__foot p{margin:0;max-width:34ch}

.princ{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,52px)}
.princ__c{position:relative;overflow:hidden;background:var(--bg-2);padding:clamp(16px,2vw,30px);display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,34vw,460px)}
.princ__c::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--noise);background-size:140px;mix-blend-mode:var(--grain-blend);opacity:var(--sec-noise-op)}
.princ__g{font-size:34px;line-height:1;color:var(--lead);margin-bottom:22px}
.princ__3d{position:absolute;left:0;top:44%;transform:translateY(-50%);width:clamp(190px,21vw,260px);height:clamp(190px,21vw,260px);z-index:0;pointer-events:none;margin:0}
.princ__n{position:relative;z-index:2;font-family:var(--f-disp);font-size:12px;color:var(--fog);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.princ__t{position:relative;z-index:2;font-size:clamp(23px,2.5vw,33px);letter-spacing:-.025em;margin-bottom:16px}
.princ__d{position:relative;z-index:2;font-size:15px;color:var(--ink-dim);max-width:34ch;margin-top:0}
@media(max-width:820px){.princ{grid-template-columns:1fr;gap:clamp(28px,8vw,48px)}}

.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stat__n{font-size:clamp(40px,7vw,110px);font-weight:800;letter-spacing:-.05em;line-height:.9}
.stat__n i{font-style:normal;color:var(--lead)}
.stat__l{font-family:var(--f-disp);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fog);margin-top:8px}
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}
html.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1!important;transform:none!important}}
.pin{position:relative;z-index:2}
.pin__stage{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,10vh,120px) var(--pad);background:var(--bg);overflow:hidden}
.pin__stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--noise);background-size:140px 140px;mix-blend-mode:var(--grain-blend);opacity:var(--sec-noise-op)}
.pin__stage>*{position:relative;z-index:1}
.pin--alt .pin__stage{background:var(--bg-2)}
html.js .pin--4{height:500vh}
html.js .pin--3{height:400vh}
html.js .pin__stage{position:sticky;top:0;height:100vh;min-height:0}
.pin__mark{position:absolute;left:0;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}
@media(prefers-reduced-motion:reduce){html.js .pin--4,html.js .pin--3{height:auto}html.js .pin__stage{position:static;height:auto;min-height:100vh}html.js .pin__mark{display:none}}
@media(max-width:820px){html.js .pin--4,html.js .pin--3{height:auto}html.js .pin__stage{position:static;height:auto;min-height:0;justify-content:flex-start}html.js .pin__mark{display:none}html.js .reveal{opacity:1;transform:none}}
.stat{padding-right:clamp(12px,2vw,28px)} .stat+.stat{border-left:1px solid var(--ink);padding-left:clamp(16px,2vw,28px)}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr;gap:30px}.stat,.stat+.stat{border-left:0;padding:0}}

.cases{border-top:1px solid var(--ink)}
.case{display:grid;grid-template-columns:84px 1fr auto 52px;align-items:center;gap:24px;padding:clamp(18px,2.2vw,32px) 0;border-bottom:1px solid var(--ink);transition:background .15s,color .15s,padding .15s}
.case:hover{background:var(--ink);color:var(--bg);padding-left:20px;padding-right:20px}
.case__i{font-family:var(--f-disp);font-size:13px;color:var(--fog)} .case:hover .case__i{color:var(--bg)}
.case__t{font-size:clamp(24px,4vw,56px);font-weight:800;letter-spacing:-.03em}
.case__m{font-family:var(--f-disp);font-size:12px;text-transform:uppercase;color:var(--ink-dim);text-align:right} .case:hover .case__m{color:var(--bg)}
.case__a{font-size:28px;text-align:right;color:var(--fog)} .case:hover .case__a{color:var(--lead)}
.case-peek{position:fixed;left:0;top:0;width:clamp(180px,18vw,264px);aspect-ratio:4/3;background:#161616 center/cover;background-size:cover;pointer-events:none;opacity:0;transform:translate3d(0,0,0) scale(.94);transition:opacity .22s ease;z-index:60;box-shadow:0 22px 60px rgba(0,0,0,.45);outline:1px solid rgba(255,255,255,.16);outline-offset:-1px;will-change:transform,opacity}
.case-peek.show{opacity:1}
@media(max-width:820px),(hover:none){.case-peek{display:none!important}}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-disp);font-size:13px;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--ink);padding:15px 24px;cursor:pointer;transition:.15s;margin-top:28px;align-self:flex-start}
.btn:hover{background:var(--lead);border-color:var(--lead);color:#fff}

.feat{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--ink)}
.feat__media{position:relative;min-height:clamp(260px,34vw,440px);background:linear-gradient(135deg,var(--bg-3),var(--bg));border-right:1px solid var(--ink);overflow:hidden;display:flex;align-items:flex-end;padding:clamp(20px,2.5vw,36px)}
.feat__media .glyph{position:absolute;right:-4%;top:-12%;font-size:clamp(220px,32vw,420px);line-height:1;color:var(--hair);font-weight:800}
.feat__tag{position:relative;font-family:var(--f-disp);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);border:1px solid var(--ink);padding:5px 10px;background:var(--bg)}
.feat__body{padding:clamp(26px,3.4vw,52px);display:flex;flex-direction:column}
.feat__lab{font-family:var(--f-disp);font-size:12px;color:var(--lead);text-transform:uppercase;letter-spacing:.08em}
.feat__t{font-size:clamp(28px,3.4vw,52px);letter-spacing:-.03em;margin:16px 0}
.feat__d{font-size:16px;color:var(--ink-dim);max-width:44ch;margin:0 0 auto}
.feat__meta{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--f-disp);font-size:12px;color:var(--ink-dim);margin-top:32px;border-top:1px solid var(--ink);padding-top:20px}
.feat__meta b{color:var(--ink);display:block;font-weight:400;margin-top:3px}
.minicases{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);border-top:0}
.mini{padding:clamp(20px,2.4vw,32px);border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:10px;transition:background .15s,color .15s}
.mini:last-child{border-right:0}
.mini:hover{background:var(--ink);color:var(--bg)}
.mini__l{font-family:var(--f-disp);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--lead)}
.mini:hover .mini__l{color:var(--lead-2)}
.mini__t{font-size:clamp(19px,2vw,26px);letter-spacing:-.02em}
.mini__m{font-family:var(--f-disp);font-size:12px;color:var(--ink-dim)} .mini:hover .mini__m{color:var(--bg)}
@media(max-width:820px){.feat{grid-template-columns:1fr}.feat__media{border-right:0;border-bottom:1px solid var(--ink)}.minicases{grid-template-columns:1fr}.mini{border-right:0;border-bottom:1px solid var(--ink)}.mini:last-child{border-bottom:0}}

.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}
.svc__card{background:var(--bg);padding:clamp(24px,2.8vw,44px);min-height:clamp(190px,20vw,250px);display:flex;flex-direction:column}
.svc__card--wide{grid-column:1/-1;min-height:auto}
.svc__no{font-family:var(--f-disp);font-size:13px;color:var(--lead);font-weight:700}
.svc__t{font-size:clamp(23px,2.5vw,36px);letter-spacing:-.03em;margin:auto 0 .35em}
.svc__card--wide .svc__t{font-size:clamp(30px,4vw,56px);max-width:18ch}
.svc__d{font-size:15px;color:var(--ink-dim);max-width:48ch;margin:0}
.svc__card:hover{background:var(--bg-3)}
.svc__card--cta{background:var(--lead);color:#fff;text-decoration:none}
.svc__card--cta .svc__no,.svc__card--cta .svc__d{color:rgba(255,255,255,.92)}
.svc__card--cta:hover{background:var(--lead-2)}
@media(max-width:620px){.svc{grid-template-columns:1fr}}

.proc{display:grid;grid-template-columns:repeat(4,1fr)}
.proc__s{padding:clamp(26px,3vw,46px) clamp(18px,1.8vw,30px);border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:6px}
.proc__s:last-child{border-right:0}
.proc__s:last-child{border-right:0}
.proc__n{font-family:var(--f-disp);font-size:13px;font-weight:700;color:var(--lead);letter-spacing:.12em}
.proc__t{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;margin:16px 0 8px}
.proc__d{font-size:14px;color:var(--ink-dim);margin:0}
@media(max-width:820px){.proc{grid-template-columns:1fr}.proc__s{border-right:0;border-bottom:1px solid var(--ink)}.proc__s:last-child{border-bottom:0}}

.quote{position:relative;z-index:2;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;background:var(--bg-3);padding:clamp(72px,10vh,120px) var(--pad);overflow:hidden}
.qscene{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none}
.cursor{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:difference;will-change:transform}
.cursor.on{opacity:1}
.cursor>i{position:absolute;left:0;top:0;display:block;transform:scale(1);transform-origin:0 0;transition:transform .3s cubic-bezier(.22,1,.36,1);will-change:transform}
.cursor.lg>i{transform:scale(2)}
.cursor.pulse>i{transform:scale(4)}
.cursor>i>b{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:#fff;display:block}
.cursor.pulse>i>b{animation:curpulse 1.15s ease-in-out infinite}
@keyframes curpulse{0%,100%{transform:scale(1)}50%{transform:scale(.82)}}
@media(pointer:fine){body{cursor:none} a,button{cursor:none}}
@media(pointer:coarse){.cursor{display:none}}
.quote::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--noise);background-size:140px;mix-blend-mode:var(--grain-blend);opacity:var(--sec-noise-op)}
.quote blockquote{position:relative;z-index:2;margin:0;max-width:22ch;font-size:clamp(32px,5.8vw,86px);letter-spacing:-.035em;font-weight:800;line-height:1.0}
.quote blockquote em{font-style:normal;color:var(--lead)}
.quote cite{position:relative;z-index:2;display:block;margin-top:28px;font-family:var(--f-disp);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fog);font-style:normal}

.marq{position:relative;z-index:2;overflow:hidden;background:var(--bg);padding:clamp(20px,4vh,52px) 0}
.marq__row{display:flex;white-space:nowrap;will-change:transform}
.marq__row+.marq__row{margin-top:clamp(6px,1.4vh,18px)}
.marq__row span{font-size:clamp(44px,8vw,128px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;padding:6px 40px;color:var(--ink)}
.marq__row span::after{content:"\2731";color:var(--lead);margin-left:72px;font-size:.5em;vertical-align:middle}
.marq__row--a{animation:scrollL 38s linear infinite}
.marq__row--b{animation:scrollR 44s linear infinite}
@keyframes scrollL{to{transform:translateX(-50%)}}
@keyframes scrollR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.cta{position:relative;z-index:2;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;background:var(--lead);color:#fff;padding:clamp(72px,10vh,120px) var(--pad);overflow:hidden}
.cta__h{font-size:clamp(44px,11vw,190px);letter-spacing:-.05em;line-height:.84;text-transform:uppercase;max-width:14ch}
.cta__row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:clamp(28px,4vw,52px)}
.cta__contact{display:flex;flex-direction:column;gap:10px;font-family:var(--f-disp);font-size:clamp(15px,2.2vw,24px)}
.cta__contact a{border-bottom:2px solid #fff;padding-bottom:3px;width:fit-content}
.cta__meta{font-family:var(--f-disp);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.85);text-align:right}

.foot{position:relative;z-index:2;padding:clamp(40px,5vw,72px) var(--pad) 0;background:var(--bg)}
.foot__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;font-family:var(--f-disp);font-size:13px}
.foot__cols .lab{color:var(--fog);text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-bottom:10px}
.foot__cols a{display:block;margin-bottom:6px} .foot__cols a:hover{color:var(--lead)}
.foot__logo{width:100%;height:auto;margin:clamp(24px,4vw,52px) 0 -.5%}
.foot__logo path{fill:var(--ink)} .foot__logo .dot{fill:var(--lead)}
.foot__bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:2px solid var(--ink);padding:16px 0;font-family:var(--f-disp);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fog)}

@media(max-width:820px){
  .foot__cols{grid-template-columns:1fr 1fr}
  .case{grid-template-columns:44px 1fr 30px;gap:14px}.case__m{display:none}
  .off-1{margin-left:0}
  .hero__msg{max-width:86%;bottom:clamp(120px,24vw,190px)}
  .legend{display:none}
}
@media(max-width:560px){
  .hero__top{font-size:10px;gap:10px}
  .hero__msg{bottom:clamp(124px,30vw,180px)}
  .hero__msg h1{font-size:clamp(27px,7.6vw,40px)}
  .hero__kicker{font-size:10px;bottom:clamp(30px,9vw,64px)}
  .foot__cols{grid-template-columns:1fr;gap:20px}
  .foot__bar{font-size:10px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.grain{animation:none}.marq__row--a,.marq__row--b{animation:none}html{scroll-snap-type:none}}