/* GoPull site v3.1 · site system
   Layout: framed rounded panels ("tiles") laid on a pebbled Jet binder surface; full-bleed display type inside each frame.
   Identity kept from v2: Jet + Volt, Archivo Black italic (display), Chakra Petch (tech labels), Inter (body), Speed Cut wordmark.
   v3.1: panels take one of three surfaces (s-jet, s-paper, s-volt) so the scroll alternates dark, light and Volt;
   chapters are numbered (kicker pill + the bar chip); titles are sized to their container (cqi) so nothing can clip. */
:root{
  --jet:#0a0a0c; --panel:#0e0e12; --surface:#141419; --raise:#1a1a21;
  --line:#26262d; --line-2:#3a3a44;
  --white:#ffffff; --muted:#a5a5ae; --dim:#6c6d77;
  --volt:#c8ff00; --volt-deep:#9fcc00;
  --paper:#e7e8e0; --paper-2:#d9dbd1; --ink:#0b0c0a; --ink-muted:#4c4e47;
  --f-display:"GP Archivo","Archivo Black","Arial Black",Impact,sans-serif;
  --f-tech:"GP Chakra","Chakra Petch","Eurostile","Arial Narrow",sans-serif;
  --f-body:"GP Inter",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --frame:clamp(8px,1vw,14px);
  --radius:clamp(18px,2.1vw,32px);
  --gutter:clamp(20px,4.4vw,72px);
  --pad-y:clamp(72px,9vw,150px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-in-out:cubic-bezier(.7,0,.2,1);
  color-scheme:dark;
}
@font-face{font-family:"GP Archivo";src:url(fonts/archivo-black.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"GP Chakra";src:url(fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"GP Chakra";src:url(fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"GP Inter";src:url(fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"GP Inter";src:url(fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--jet);-webkit-text-size-adjust:100%;scroll-padding-top:84px;overflow-x:clip}
body{margin:0;min-height:100%;background:var(--jet) url(pebble.webp) repeat;background-size:256px 256px;color:var(--white);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0}
h1,h2,h3{margin:0;font-weight:400}
ul,ol{margin:0;padding:0;list-style:none}
em{font-style:inherit}
::selection{background:var(--volt);color:var(--jet)}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:var(--volt);color:var(--jet);padding:12px 18px;border-radius:999px;font:700 13px/1 var(--f-tech);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:top .2s}
.skip:focus{top:16px}
.nowrap{white-space:nowrap}

/* ---------- type ---------- */
.tech{font-family:var(--f-tech);font-weight:600;font-size:12px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase}
.kicker{color:var(--volt);margin-bottom:18px}
.kicker:has(.k-n){display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.k-n{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:999px;background:var(--volt);color:var(--jet);font:700 11px/1 var(--f-tech);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.fine{font-size:12px;line-height:1.55;color:var(--muted);max-width:78ch}
.fine a{color:var(--white);text-underline-offset:3px}
.sec-title,.st-title,.closing-title,.rule-title,.lb-title,.sheet-title,.hero-title{font-family:var(--f-display);font-style:italic;text-transform:uppercase;letter-spacing:-.012em;line-height:.88;text-wrap:balance}
.sec-title{font-size:max(40px,min(14cqi,150px))}
.sec-title.sm{font-size:max(36px,min(11.4cqi,96px))}
.sec-head>div:first-child,.facts-head>div:first-child,.give>div:first-child,.faq-side,.sheet-head,.lb-top,.ins-data,.feed-card,.hb-visual,.menu-inner{container-type:inline-size}
.sec-title em,.st-title em,.closing-title em,.rule-title em,.hero-title em{color:var(--volt)}
.ln{display:block;overflow:hidden;padding:0 .24em .06em .1em;margin:0 -.24em 0 -.1em}
.ln>span{display:inline-block;will-change:transform}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:clamp(24px,4vw,80px);margin-bottom:clamp(36px,5vw,72px)}
.sec-lede{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:#d6d7dc;max-width:38ch;justify-self:end}
.tlink{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-tech);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--volt);padding:6px 0;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
.tlink:hover{background-size:100% 1px}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 24px;border-radius:999px;font:700 12.5px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;overflow:hidden;isolation:isolate;transition:scale .35s var(--ease),background-color .3s,color .3s,border-color .3s;white-space:nowrap}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{scale:.97}
.btn-lg{min-height:58px;padding:0 32px;font-size:13.5px}
.btn-volt{background:var(--volt);color:var(--jet)}
.btn-volt:hover{background:#d8ff4d}
.btn-ghost{border:1px solid rgba(255,255,255,.3);color:var(--white);background:rgba(10,10,12,.35)}
.btn-ghost:hover{border-color:var(--volt);color:var(--volt)}
.btn-ink{background:var(--ink);color:var(--volt)}
.btn-jet{background:var(--jet);color:var(--white)}
.btn-jet:hover{color:var(--volt)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- loader ---------- */
.loader{display:none}
.js .loader{position:fixed;inset:0;z-index:200;clip-path:inset(0% 0% 0% 0%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vh,30px);background:var(--jet) url(pebble.webp) repeat;background-size:256px 256px}
.js[data-motion="off"] .loader,.is-loaded .loader{display:none}
.loader-mark{width:clamp(230px,32vw,460px)}
.lw-svg{display:block;width:100%;height:auto;overflow:visible}
.lw-base path{fill:rgba(255,255,255,.075)!important;fill-opacity:1!important}
.loader-meta{display:flex;align-items:baseline;justify-content:space-between;gap:24px;width:clamp(230px,32vw,460px)}
.loader-count{display:flex;align-items:baseline;gap:2px;font:700 13px/1 var(--f-tech);letter-spacing:.24em;color:var(--white);font-variant-numeric:tabular-nums}
.loader-count .lc-pct{color:var(--volt)}
.loader-cap{font:600 10.5px/1 var(--f-tech);letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.loader-bar{width:clamp(230px,32vw,460px);height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.loader-bar i{display:block;height:100%;background:var(--volt);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- top bar ---------- */
.bar{position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(var(--frame) + 12px + env(safe-area-inset-top,0px)) calc(var(--frame) + 12px) 0;pointer-events:none}
.bar>*,.bar-right>*{pointer-events:auto}
.bar-chip{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:999px;background:rgba(10,10,12,.7);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);font:700 11.5px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--white);transition:border-color .3s,color .3s,background-color .3s}
.bar-chip:hover{border-color:rgba(200,255,0,.5)}
.bar-brand{padding:0 18px}
.bar-brand svg{width:112px;height:auto}
.bar-now{position:absolute;left:50%;transform:translateX(-50%);gap:10px;color:#cfd0d6;pointer-events:none;white-space:nowrap}
.bn-dot{width:7px;height:7px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt)}
.bn-num{display:none;font-variant-numeric:tabular-nums;color:var(--volt)}
.bn-num::after{content:" / " attr(data-total);color:var(--dim)}
.bar-now.has-num .bn-dot{display:none}
.bar-now.has-num .bn-num{display:inline}
.bn-label,.bn-num{transition:opacity .25s}
.progress{position:fixed;z-index:56;left:0;right:0;top:0;height:3px;background:rgba(10,10,12,.5);pointer-events:none}
.progress i{display:block;height:100%;background:var(--volt);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.bar-right{display:flex;align-items:center;gap:8px}
.bar-cta{background:var(--volt);color:var(--jet);border-color:var(--volt)}
.bar-cta:hover{background:#d8ff4d;border-color:#d8ff4d}
.bar-cta .bc-short{display:none}
/* the bar reads the surface under it */
.bar[data-on="paper"] .bar-chip:not(.bar-cta),.bar[data-on="volt"] .bar-chip:not(.bar-cta){background:rgba(10,10,12,.88);border-color:rgba(10,10,12,.9)}
.bar[data-on="volt"] .bar-cta{background:var(--jet);color:var(--volt);border-color:var(--jet)}
.bar[data-on="volt"] .bar-cta:hover{background:#1c1d22}
@media (max-width:1499px){.bar-follow{display:none}}
@media (max-width:1280px){.bar-signin{display:none}}
.bm-icon{position:relative;width:12px;height:12px;display:inline-block}
.bm-icon::before,.bm-icon::after{content:"";position:absolute;top:1px;bottom:1px;width:3px;background:currentColor;border-radius:1px}
.bm-icon::before{left:1px}.bm-icon::after{right:1px}
[data-motion="off"] .bm-icon::before{left:2px;top:0;bottom:0;width:0;height:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;border-radius:0}
[data-motion="off"] .bm-icon::after{display:none}
.menu-bars{position:relative;width:22px;height:12px;display:inline-block}
.menu-bars i{position:absolute;left:0;height:3px;border-radius:1px;background:var(--volt);transform:skewX(-30deg)}
.menu-bars i:first-child{top:0;width:22px}
.menu-bars i:last-child{bottom:0;width:15px;left:5px;transition:width .3s var(--ease),left .3s var(--ease)}
.bar-menu:hover .menu-bars i:last-child{width:22px;left:0}

/* ---------- menu ---------- */
.menu{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(470px,100%);padding:calc(var(--frame) + env(safe-area-inset-top,0px)) var(--frame) var(--frame);transform:translateX(-104%);visibility:hidden;transition:transform .8s var(--ease-in-out),visibility 0s linear .8s}
.menu[data-state="open"]{transform:none;visibility:visible;transition:transform .8s var(--ease-in-out),visibility 0s}
.menu-inner{height:100%;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--jet) url(pebble.webp) repeat;background-size:256px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.6);padding:24px clamp(22px,3vw,40px) 28px;overflow-y:auto}
.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(24px,5vh,56px)}
.menu-logo{width:128px;height:auto}
.menu-close{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-size:26px;line-height:1;display:grid;place-items:center;transition:border-color .3s,color .3s,rotate .4s var(--ease)}
.menu-close:hover{border-color:var(--volt);color:var(--volt);rotate:90deg}
.menu-links{display:grid;gap:2px}
.menu-links a{display:flex;align-items:baseline;gap:14px;padding:7px 0;white-space:nowrap;font:400 min(clamp(26px,3.7vh,38px),9.6cqi)/1.04 var(--f-display);font-style:italic;text-transform:uppercase;text-decoration:none;letter-spacing:-.01em;transition:color .25s,translate .35s var(--ease)}
.menu-links a:hover{color:var(--volt);translate:8px 0}
.ml-n{font:600 11px/1 var(--f-tech);font-style:normal;letter-spacing:.16em;color:var(--volt);min-width:22px;transform:translateY(-6px)}
.menu-cta{display:grid;gap:10px;margin-top:clamp(16px,3vh,28px);padding-top:clamp(14px,2.4vh,22px);border-top:1px solid rgba(255,255,255,.1)}
.menu-cta-btn{justify-self:start}
.menu-cta-note{color:var(--muted);font-size:13px;line-height:1.45;max-width:38ch}
.menu-signin{justify-self:start;color:var(--white);font:700 12px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:6px 0}
.menu-signin:hover{color:var(--volt)}
.menu-foot{margin-top:auto;padding-top:28px;display:grid;gap:12px;color:var(--muted);font-size:14px}
.menu-ig{color:var(--white);text-decoration:none;font:700 12px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase}
.menu-mail{user-select:all}
.menu-legal{display:flex;flex-wrap:wrap;gap:16px}
.menu-legal a{color:var(--muted);text-decoration:none;font-size:13px}
.menu-legal a:hover{color:var(--white)}
.menu-motion{justify-self:start;display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font:700 11px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--white)}
.menu-sig{font:600 11px/1.4 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.menu-scrim{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.menu-open .menu-scrim{opacity:1;pointer-events:auto}
.stage{transition:transform .8s var(--ease-in-out),border-radius .8s var(--ease-in-out)}
.menu-open .stage.can-shift{transform:translateX(min(250px,20vw)) scale(.93);border-radius:var(--radius);overflow:hidden}

/* ---------- panels ---------- */
main{display:block}
.panel{position:relative;margin:0 var(--frame) var(--frame);border-radius:var(--radius);background:var(--panel);padding:var(--pad-y) var(--gutter);overflow:hidden;isolation:isolate;transform-origin:50% 0;container-type:inline-size}
.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065);pointer-events:none;z-index:8}
.panel::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#000;opacity:var(--dim-o,0);pointer-events:none;z-index:9}
main>.panel:first-child{margin-top:var(--frame)}

/* ---------- surfaces ----------
   s-jet: the dark binder panels. s-paper: printed-sheet cream with Jet type. s-volt: full Volt with Jet type.
   Dark islands inside light panels (cards, the tiers block) carry .on-dark to keep their own colours. */
.s-paper{--s-fg:var(--ink);--s-fg-2:#2a2c27;--s-muted:#55574f;--s-line:rgba(11,12,10,.18);color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}
.s-volt{--s-fg:var(--jet);--s-fg-2:#1b2000;--s-muted:#3a4500;--s-line:rgba(10,10,12,.2);color:var(--jet);background-color:var(--volt);background-image:repeating-linear-gradient(-62deg,rgba(10,10,12,.045) 0 2px,transparent 2px 30px),radial-gradient(80% 90% at 50% 40%,rgba(255,255,255,.22),transparent 70%)}
.s-paper::before,.s-volt::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.s-paper :focus-visible,.s-volt :focus-visible{outline-color:var(--ink)}
.s-paper ::selection,.s-volt ::selection{background:var(--ink);color:var(--volt)}
.s-paper .kicker,.s-volt .kicker{color:var(--s-fg)}
.s-paper .k-n,.s-volt .k-n{background:var(--ink);color:var(--volt)}
.s-paper .sec-lede,.s-volt .sec-lede,.s-paper .sheet-lede{color:var(--s-fg-2)}
.s-paper .fine,.s-volt .fine,.s-paper .muted,.s-volt .muted{color:var(--s-muted)}
.s-paper .fine a,.s-volt .fine a{color:var(--ink)}
.s-paper .tlink,.s-volt .tlink{color:var(--ink)}
.s-paper .btn-volt,.s-volt .btn-volt{background:var(--ink);color:var(--volt)}
.s-paper .btn-volt:hover,.s-volt .btn-volt:hover{background:#23251f;color:var(--volt)}
.s-paper .btn-ghost,.s-volt .btn-ghost{border-color:rgba(11,12,10,.4);color:var(--ink);background:transparent}
.s-paper .btn-ghost:hover,.s-volt .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--volt)}
.s-paper .btn::after,.s-volt .btn::after{background:linear-gradient(105deg,transparent 30%,rgba(200,255,0,.35) 50%,transparent 70%)}
/* italic accent words: a Volt marker stroke on paper, an outline on Volt */
.s-paper :is(.sec-title,.st-title,.closing-title,.rule-title,.hero-title,.pg-title,.lb-title) em{color:var(--ink);background:linear-gradient(transparent 58%,var(--volt) 58%,var(--volt) 88%,transparent 88%);padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.s-volt :is(.sec-title,.st-title,.closing-title,.rule-title,.hero-title,.pg-title,.lb-title) em{color:transparent;-webkit-text-stroke:max(2px,.024em) var(--jet)}
/* dark islands keep their own colours */
.on-dark{color:var(--white)}
.on-dark .kicker{color:var(--volt)}
.on-dark .k-n{background:var(--volt);color:var(--jet)}
.on-dark .tlink{color:var(--volt)}
.on-dark .fine,.on-dark .muted{color:var(--muted)}
.on-dark .fine a{color:var(--white)}
.on-dark .btn-volt{background:var(--volt);color:var(--jet)}
.on-dark .btn-volt:hover{background:#d8ff4d;color:var(--jet)}
.on-dark :focus-visible{outline-color:var(--volt)}

/* ---------- hero ---------- */
.hero{min-height:max(640px,calc(100svh - 2*var(--frame)));display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;column-gap:2vw;padding:clamp(104px,14vh,136px) var(--gutter) clamp(92px,12vh,120px);background:radial-gradient(90% 90% at 72% 50%,#17171d 0%,#0c0c10 55%,#08080a 100%)}
.hero-left{position:relative;z-index:3;display:grid;gap:clamp(18px,3vh,30px);align-content:center;min-width:0;container-type:inline-size}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-floor{position:absolute;left:-30%;right:-30%;bottom:-6%;height:52%;background:linear-gradient(rgba(200,255,0,.13) 1px,transparent 1px) 0 0/100% 46px,linear-gradient(90deg,rgba(200,255,0,.1) 1px,transparent 1px) 50% 0/64px 100%;transform:perspective(560px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(transparent,#000 30%,#000 70%,transparent);opacity:.75}
.hero-chev{position:absolute;left:72%;top:50%;width:min(120vh,105vw);height:min(120vh,105vw);transform:translate(-50%,-50%);fill:none;stroke:rgba(255,255,255,.055);stroke-width:1.2;vector-effect:non-scaling-stroke}
.hero-chev path{vector-effect:non-scaling-stroke}
.hero-glow{position:absolute;left:72%;top:50%;width:min(60vw,820px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(200,255,0,.16),rgba(200,255,0,.05) 45%,transparent 72%)}
.hero-sweep{position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(200,255,0,.07) 48%,rgba(255,255,255,.08) 50%,rgba(200,255,0,.05) 52%,transparent 58%);transform:translateX(-60%);animation:sweep 9s var(--ease-in-out) infinite 2.5s}
@keyframes sweep{0%{transform:translateX(-60%)}55%,100%{transform:translateX(60%)}}
[data-motion="off"] .hero-sweep{animation:none;opacity:0}
.hero-kicker{display:flex;flex-wrap:wrap;gap:8px}
.hero-kicker span{font:700 11px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#d9dade}
.hero-kicker span:first-child{background:var(--volt);color:var(--jet);border-color:var(--volt)}
.hero-spec{position:absolute;z-index:3;left:-36px;top:4%;bottom:4%;display:flex;justify-content:center;gap:22px;writing-mode:vertical-rl;transform:rotate(180deg);font:600 10.5px/1 var(--f-tech);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.hero-spec span:last-child{color:var(--volt)}
.hero-title{font-size:min(16.6cqi,15vh,176px)}
.hero-title .ln{white-space:nowrap}
.hero-slab{position:relative;z-index:2;justify-self:center;height:min(70vh,740px);max-width:100%;aspect-ratio:1004/1704;margin:0;perspective:1400px}
.slab-float{position:relative;width:100%;height:100%;will-change:transform}
.slab3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}
.slab-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(0,0,0,.6)) drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.slab-holo,.slab-glare{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--slab-mask) center/contain no-repeat;mask:var(--slab-mask) center/contain no-repeat}
.hero-slab{--slab-mask:url(slabs/wemb.webp)}
.slab-holo{background:linear-gradient(115deg,transparent 30%,rgba(200,255,0,.5) 42%,rgba(0,229,255,.45) 49%,rgba(255,64,200,.4) 56%,transparent 66%);background-size:260% 260%;background-position:var(--hx,30%) var(--hy,30%);mix-blend-mode:soft-light;opacity:.75}
.slab-glare{background:radial-gradient(circle at var(--gx,40%) var(--gy,20%),rgba(255,255,255,.34),rgba(255,255,255,0) 38%);mix-blend-mode:overlay}
.slab-shadow{position:absolute;left:12%;right:12%;bottom:-5%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);filter:blur(10px);z-index:-1}
.hero-issue{position:absolute;z-index:4;right:var(--gutter);bottom:clamp(22px,3.4vh,36px);display:flex;align-items:center;gap:14px;max-width:min(380px,40vw);padding:10px 16px 10px 10px;border-radius:18px;background:rgba(14,14,18,.66);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;transition:border-color .3s,translate .4s var(--ease)}
.hero-issue:hover{border-color:rgba(200,255,0,.55);translate:0 -3px}
.hi-thumb{flex:0 0 auto;width:88px;aspect-ratio:1200/760;border-radius:10px;overflow:hidden;background:#000}
.hi-thumb img{width:100%;height:100%;object-fit:cover}
.hi-copy{display:grid;gap:6px;min-width:0}
.hi-copy .tech{color:var(--volt);font-size:10.5px}
.hi-line{font-size:14.5px;line-height:1.35;font-weight:600}
.hi-arrow{color:var(--volt);font-size:18px}
.hero-intro{display:grid;gap:18px;max-width:440px}
.hero-intro p{font-size:clamp(15px,1.15vw,17.5px);line-height:1.55;color:#e1e2e6}
.hero-scroll{position:absolute;z-index:4;left:var(--gutter);bottom:clamp(22px,3.4vh,36px);display:flex;flex-direction:row;align-items:center;gap:10px;font:700 10px/1 var(--f-tech);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.hero-scroll i{width:38px;height:1px;background:linear-gradient(90deg,var(--volt),transparent);transform-origin:left;animation:drip 2.2s var(--ease-in-out) infinite}
@keyframes drip{0%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
[data-motion="off"] .hero-scroll i{animation:none}

/* ---------- ticker ---------- */
.ticker{margin:0 var(--frame) var(--frame);height:46px;border-radius:999px;background:#0d0d10;color:var(--volt);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;gap:28px;padding-left:28px;white-space:nowrap;font:700 12.5px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase;animation:tick 42s linear infinite;will-change:transform}
.ticker-track b{font-size:13px;color:var(--white)}
@keyframes tick{to{transform:translateX(-50%)}}
[data-motion="off"] .ticker-track{animation:none}

/* ---------- statement ---------- */
.statement{min-height:min(96svh,980px);display:grid;place-items:safe center;text-align:center}
/* the title sits in the middle 70% and the slabs stay in the side columns, so card art never runs under the words */
.st-copy{position:relative;z-index:3;display:grid;justify-items:center;gap:clamp(26px,3.4vw,44px);width:100%;max-width:70cqi;min-width:0}
.st-kicker{justify-content:center;margin:0}
.st-title{font-size:min(9.1cqi,176px);max-width:100%}
.st-title .ln{padding:0 .24em .06em;margin:0 -.24em}
.st-slab{position:absolute;z-index:2;width:19cqi;max-width:330px;height:auto;filter:drop-shadow(0 30px 40px rgba(10,10,12,.45)) drop-shadow(0 6px 12px rgba(10,10,12,.3))}
.st-left{left:-4cqi;top:14%;transform:rotate(-14deg)}
.st-right{right:-4cqi;bottom:8%;transform:rotate(12deg)}

/* ---------- hobby ---------- */
.hobby{}
.hobby .sec-title{color:var(--ink)}
.hb-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;outline:none}
.hb-card{position:relative;display:flex;flex-direction:column;border-radius:20px;background:#121217;border:1px solid var(--line);overflow:hidden;transition:border-color .3s,translate .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 24px 50px -24px rgba(11,12,10,.55)}
.hb-card:hover{translate:0 -6px}
.hb-card:hover{border-color:rgba(200,255,0,.45)}
.hb-visual{position:relative;aspect-ratio:4/4.3;overflow:hidden;background:#0b0b0e;border-bottom:1px solid var(--line)}
.hbv-slab{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px,radial-gradient(60% 60% at 50% 45%,rgba(200,255,0,.12),transparent 70%),#0b0b0e}
.hbv-slab img{position:absolute;left:50%;top:50%;height:84%;width:auto;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 22px 26px rgba(0,0,0,.6));transition:transform .7s var(--ease)}
.hb-card:hover .hbv-slab img{transform:translate(-50%,-52%) rotate(0deg) scale(1.04)}
.hbv-type{display:flex;flex-direction:column;justify-content:center;padding:0 9%;background:repeating-linear-gradient(-62deg,rgba(200,255,0,.06) 0 2px,transparent 2px 22px),#0b0b0e;font:400 44px/.95 var(--f-display);font-style:italic;text-transform:uppercase;white-space:nowrap}
.hbv-type span{font-size:min(13.5cqi,44px)}
.hbv-type span:nth-child(1){-webkit-text-stroke:1.2px rgba(200,255,0,.85);color:transparent}
.hbv-type span:nth-child(2){-webkit-text-stroke:1.2px rgba(255,255,255,.65);color:transparent}
.hbv-type em{color:var(--volt)}
.hbv-rings{display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 46%,transparent 0 34px,rgba(200,255,0,.13) 34px 35px),radial-gradient(circle at 50% 46%,rgba(200,255,0,.12),transparent 60%),#0b0b0e}
.hbr-num{font:400 clamp(110px,11vw,190px)/.8 var(--f-display);font-style:italic;color:transparent;-webkit-text-stroke:2px var(--volt);transform:translateY(-6%)}
.hbr-cap{position:absolute;bottom:9%;left:0;right:0;text-align:center;color:var(--muted);font-size:10.5px}
.hbv-photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.hb-card:hover .hbv-photo img{transform:scale(1.05)}
.hbv-tag{position:absolute;left:12px;bottom:12px;background:rgba(10,10,12,.82);color:var(--white);padding:7px 10px;border-radius:999px;font-size:10px}
.hb-copy{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.hb-num{font:600 11px/1 var(--f-tech);letter-spacing:.16em;color:var(--dim)}
.hb-copy h3{font:400 clamp(26px,2.3vw,38px)/.95 var(--f-display);font-style:italic;text-transform:uppercase}
.hb-copy p:not(.hb-num):not(.chip){font-size:14.5px;line-height:1.55;color:#cfd0d5}
.chip{align-self:flex-start;margin-top:auto;font:700 10.5px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;padding:8px 10px;border-radius:6px;border:1px solid var(--line-2);color:#d4d5da}
.chip-volt{background:var(--volt);border-color:var(--volt);color:var(--jet)}
.hb-foot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px 40px;margin-top:28px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;border:1px solid var(--line)}
.tabs button{padding:10px 16px;border-radius:999px;font:700 11px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .25s,background-color .25s}
.tabs button[aria-pressed="true"],.tabs button:hover{color:var(--jet);background:var(--volt)}
.s-paper .tabs{border-color:var(--s-line);background:rgba(255,255,255,.35)}
.s-paper .tabs button{color:var(--s-fg-2)}
.s-paper .tabs button[aria-pressed="true"],.s-paper .tabs button:hover{color:var(--volt);background:var(--ink)}
.hb-foot .fine{max-width:62ch}

/* ---------- pull facts timeline ---------- */
.facts{min-height:calc(100svh - 2*var(--frame));padding:clamp(86px,11vh,120px) 0 clamp(18px,2.6vh,28px);display:flex;flex-direction:column;background:radial-gradient(90% 70% at 30% 0%,#14141a,#0b0b0e 70%)}
.facts-giant{position:absolute;z-index:0;left:-1vw;right:0;top:clamp(54px,8vh,92px);font:400 clamp(110px,19vw,360px)/.8 var(--f-display);font-style:italic;text-transform:uppercase;white-space:nowrap;pointer-events:none;user-select:none;opacity:.26}
.halftone{background-image:radial-gradient(circle at 50% 50%,rgba(200,255,0,.5) 0 1.15px,transparent 1.55px);background-size:5px 5px;-webkit-background-clip:text;background-clip:text;color:transparent}
.facts-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:24px 60px;padding:0 var(--gutter)}
.facts-side{display:grid;gap:12px;justify-items:end;text-align:right}
.facts-side .sec-lede{justify-self:end}
.facts-viewport{position:relative;z-index:2;flex:1;min-height:clamp(420px,56vh,620px);margin-top:clamp(14px,2.6vh,30px);overflow:hidden;outline:none}
.facts-track{--ppy:clamp(22px,2vw,30px);--mb:76px;--cw:clamp(140px,min(17vw,calc((100svh - 551px) * .8)),270px);position:relative;height:100%;min-height:inherit;width:calc((var(--y1) - var(--y0)) * var(--ppy) + 2*var(--gutter));padding:0 var(--gutter);will-change:transform}
.ruler{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:64px;border-top:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px calc(var(--ppy)*2)) 0 0/100% 10px no-repeat}
.ruler span{position:absolute;top:0;left:calc((var(--y) - var(--y0)) * var(--ppy));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:600 clamp(12px,1vw,15px)/1 var(--f-tech);letter-spacing:.08em;color:#8c8d96;font-variant-numeric:tabular-nums}
.ruler span::before{content:"";width:1px;height:22px;background:rgba(255,255,255,.5)}
.ruler span.is-near{color:var(--volt)}
.moment{position:absolute;bottom:var(--mb);left:calc((var(--yr) - var(--y0)) * var(--ppy) + var(--gutter));display:grid;grid-template-columns:var(--cw) 190px;grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:8px;align-items:end;transform:translateX(calc(var(--cw) / -2))}
.moment .mslab{grid-column:1;grid-row:1/4}
.moment .m-year,.moment .m-title,.moment .m-stat{grid-column:2}
.moment .m-year{grid-row:1}.moment .m-title{grid-row:2}.moment .m-stat{grid-row:3;align-self:start}
.moment::after{content:"";position:absolute;left:calc(var(--cw) / 2);bottom:calc(var(--mb) * -1);width:1px;height:calc(var(--mb) - 8px);background:linear-gradient(transparent,var(--volt));opacity:.55}
.mslab{display:block;padding:9px 9px 10px;border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.17),rgba(255,255,255,.04) 40%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.2);box-shadow:0 26px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.25);text-decoration:none;rotate:var(--tilt,-2deg);translate:0 var(--lift,0px);transition:translate .6s var(--ease),border-color .4s,box-shadow .4s}
[data-motion="on"] .mslab{animation:bob 5.2s ease-in-out infinite}
.moment:nth-child(3) .mslab{animation-delay:-1.3s}.moment:nth-child(4) .mslab{animation-delay:-2.6s}.moment:nth-child(5) .mslab{animation-delay:-3.9s}.moment:nth-child(6) .mslab{animation-delay:-.7s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.moment:nth-child(odd) .mslab{--tilt:2deg}
.mslab-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:7px 9px;border-radius:7px;background:#f2f3ee;color:var(--ink)}
.mslab-label .tech{font-size:9px;letter-spacing:.12em}
.mslab-label b{font:700 15px/1 var(--f-tech);color:var(--ink)}
.mslab img{width:100%;height:auto;border-radius:6px;aspect-ratio:4/5;object-fit:cover}
.mslab:hover,.moment.is-active .mslab{--lift:-8px;border-color:rgba(200,255,0,.7);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px rgba(200,255,0,.35),0 0 50px rgba(200,255,0,.18)}
.m-year{color:var(--volt)}
.m-title{font:400 clamp(18px,1.45vw,24px)/1 var(--f-display);font-style:italic;text-transform:uppercase}
.m-title em{color:var(--volt)}
.m-stat{color:var(--muted);font-size:10.5px;line-height:1.5}
.facts-foot{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:14px 40px;padding:14px var(--gutter) 0}
.year-readout{display:grid;gap:4px;line-height:1}
.year-readout .tech{color:var(--dim);font-size:10px}
.year-readout b{font:700 clamp(36px,4vw,64px)/.9 var(--f-tech);color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.facts-foot .fine{justify-self:center;text-align:center}
.facts-count{color:var(--muted)}
.facts-count b{color:var(--volt);font-size:16px}
.facts.is-static .facts-count::after{content:"  ·  Drag or swipe →";color:var(--dim)}
/* static (no pin): native swipe */
.facts.is-static .facts-viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.facts.is-static .facts-viewport::-webkit-scrollbar{display:none}
/* desktop: the pinned panel fits the screen; the card sizes to the timeline's own height (no clipping on short screens) */
@media (min-width:861px){.facts{height:calc(100svh - 2*var(--frame));min-height:520px;padding-top:clamp(78px,10.5svh,120px)}.facts-viewport{min-height:0;container-type:size}.facts-track{--cw:clamp(92px,min(17vw,calc((100cqh - var(--mb) - 76px) * .8)),270px)}.facts .sec-title.sm{font-size:max(34px,min(11.4cqi,96px,8.4svh))}}
@media (min-width:861px) and (max-height:820px){.facts-track{--mb:62px}.ruler{height:52px}.ruler span{gap:6px}.ruler span::before{height:16px}.year-readout b{font-size:clamp(34px,min(4vw,6.2svh),64px)}.facts-viewport{margin-top:clamp(8px,1.6svh,30px)}}

/* ---------- watch ---------- */
.watch{}
.s-paper .film-series{color:var(--s-muted)}
.s-paper .film-copy h3{color:var(--ink)}
.s-paper .film-play{border-color:transparent;box-shadow:0 30px 60px -30px rgba(11,12,10,.6)}
.s-paper .reel-tile figcaption{color:var(--s-muted)}
.s-paper .rt-img{border-color:transparent;box-shadow:0 20px 40px -24px rgba(11,12,10,.55)}
.films{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:stretch}
.film{display:flex;flex-direction:column;gap:16px;min-width:0}
.film-play{position:relative;display:block;aspect-ratio:9/14;border-radius:20px;overflow:hidden;background:#000;border:1px solid var(--line)}
.film-play img,.film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-preview{opacity:0;transition:opacity .5s}
.film-play.is-previewing .film-preview{opacity:1}
.film-play::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55))}
.film-time{position:absolute;z-index:2;top:14px;right:14px;padding:7px 9px;border-radius:999px;background:rgba(10,10,12,.75);font-size:10.5px}
.film-btn{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:var(--volt);color:var(--jet);font-size:22px;padding-left:4px;box-shadow:0 0 0 10px rgba(200,255,0,.18);transition:scale .45s var(--ease),box-shadow .45s}
.film-play:hover .film-btn{scale:1.1;box-shadow:0 0 0 16px rgba(200,255,0,.14)}
.film-copy{display:grid;gap:10px}
.film-series{color:var(--volt);font-size:11px}
.film-copy h3{font:600 17px/1.4 var(--f-body)}
.feed-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:clamp(24px,3vw,40px);border-radius:20px;background:repeating-linear-gradient(-62deg,rgba(200,255,0,.05) 0 2px,transparent 2px 26px),#101015;border:1px solid var(--line);overflow:hidden;min-height:340px}
.feed-handle{position:absolute;left:-2%;top:6%;font:400 clamp(60px,7vw,124px)/.9 var(--f-display);font-style:italic;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);white-space:nowrap}
.feed-card .kicker{margin:0}
.feed-big{font:400 max(34px,min(15cqi,76px))/.9 var(--f-display);font-style:italic;text-transform:uppercase}
.feed-big em{color:var(--volt)}
.feed-copy{color:#cfd0d5;max-width:34ch}
.feed-card .btn{align-self:flex-start}
.reel{margin:clamp(40px,6vw,80px) calc(-1*var(--gutter)) 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reel-track{display:flex;gap:14px;width:max-content;animation:tick 70s linear infinite;will-change:transform}
.js .reel-track{animation:none}
[data-motion="off"] .reel-track{animation:none}
.reel-tile{flex:0 0 auto;display:grid;gap:10px;margin:0}
.rt-img{display:block;height:clamp(170px,17vw,240px);border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--line)}
.rt-img img{height:100%;width:auto;object-fit:cover}
.reel-tile.is-slab .rt-img{background:radial-gradient(70% 70% at 50% 50%,#1c1c23,#0b0b0e);padding:12px 18px}
.reel-tile.is-slab img{object-fit:contain}
.reel-tile figcaption{font:600 10.5px/1.2 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reel-note{margin-top:18px}

/* ---------- look closer ---------- */
.closer{background:radial-gradient(70% 60% at 30% 40%,#15151b,#0b0b0e 70%)}
.inspect{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"stage data" "tabs tabs";border-radius:24px;border:1px solid var(--line);background:#0c0c10;overflow:hidden;margin-bottom:22px}
.ins-stage{grid-area:stage;position:relative;min-height:clamp(440px,62vh,700px);display:grid;place-items:center;padding:clamp(28px,4vw,56px);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,radial-gradient(55% 55% at 50% 50%,rgba(200,255,0,.1),transparent 70%);border-right:1px solid var(--line);overflow:hidden}
.ins-slab{position:relative;height:clamp(380px,54vh,620px);aspect-ratio:1005/1708;transition:opacity .35s,transform .6s var(--ease)}
.ins-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.65))}
.ins-slab.is-swapping{opacity:0;transform:rotateY(60deg) scale(.94)}
.loupe{position:absolute;left:0;top:0;width:clamp(150px,13vw,210px);aspect-ratio:1;border-radius:50%;border:2px solid var(--volt);box-shadow:0 0 0 6px rgba(10,10,12,.55),0 20px 50px rgba(0,0,0,.6);background-repeat:no-repeat;background-color:#000;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .25s,transform .35s var(--ease)}
.ins-stage.is-looking .loupe{opacity:1;transform:translate(-50%,-50%) scale(1)}
.callout{position:absolute;display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--muted)}
.callout i{width:44px;height:1px;background:var(--volt);position:relative}
.callout i::before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--volt)}
.c-top{top:clamp(40px,8vh,90px);right:clamp(16px,3vw,40px)}
.c-bot{bottom:clamp(12px,1.8vh,20px);left:clamp(16px,3vw,40px);flex-wrap:wrap}
.c-bot span{color:var(--white)}
.ins-data{grid-area:data;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,4vw,60px)}
.ins-series{color:var(--volt)}
.ins-name{font:400 max(30px,min(11cqi,80px))/.9 var(--f-display);font-style:italic;text-transform:uppercase;display:grid}
.ins-edition{font-size:18px;color:#d6d7dc}
.ins-dl{display:grid;margin:8px 0 6px;border-top:1px solid var(--line)}
.ins-dl div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.ins-dl dt{color:var(--dim);font-size:10.5px}
.ins-dl dd{margin:0;font:600 16px/1.2 var(--f-body);font-variant-numeric:tabular-nums;text-align:right}
.ins-dl dd b{color:var(--volt);font:700 22px/1 var(--f-tech);margin-left:6px}
.ins-open{justify-self:start;align-self:flex-start}
.ins-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.ins-tabs button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;text-align:left;padding:18px clamp(16px,2vw,28px);border-right:1px solid var(--line);position:relative;transition:background-color .3s}
.ins-tabs button:last-child{border-right:0}
.ins-tabs button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--volt);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.ins-tabs button[aria-selected="true"]::before{transform:scaleX(1)}
.ins-tabs button[aria-selected="true"]{background:rgba(200,255,0,.05)}
.ins-tabs .tech{grid-row:span 2;color:var(--volt);font-size:15px}
.ins-tabs b{font:700 12px/1.2 var(--f-tech);letter-spacing:.12em;text-transform:uppercase}
.ins-tabs small{font-size:12px;color:var(--muted)}

/* ---------- the sheet (paper) ---------- */
.sheet{background:var(--paper);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(rgba(11,12,10,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,12,10,.05) 1px,transparent 1px);background-size:220px 220px,48px 48px,48px 48px}
.sheet .panel::before{box-shadow:none}
.sheet::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sheet :focus-visible{outline-color:var(--ink)}
.sheet-reg i{position:absolute;width:26px;height:26px;border:1px solid rgba(11,12,10,.35);border-radius:50%}
.sheet-reg i::before,.sheet-reg i::after{content:"";position:absolute;background:rgba(11,12,10,.35)}
.sheet-reg i::before{left:50%;top:-8px;bottom:-8px;width:1px}
.sheet-reg i::after{top:50%;left:-8px;right:-8px;height:1px}
.sheet-reg i:nth-child(1){left:22px;top:22px}.sheet-reg i:nth-child(2){right:22px;top:22px}.sheet-reg i:nth-child(3){left:22px;bottom:22px}.sheet-reg i:nth-child(4){right:22px;bottom:22px}
.sheet-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-bottom:16px;margin-bottom:clamp(36px,5vw,64px);border-bottom:2px solid var(--ink);font-size:11px;color:var(--ink)}
.sheet-meta .kicker{margin:0}
.sheet-head{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:clamp(40px,5vw,72px)}
.sheet-title{font-size:max(40px,min(12cqi,190px))}
.halftone-ink{color:var(--ink)}
.halftone-ink .ln>span{background-image:radial-gradient(circle at 50% 50%,var(--ink) 0 1.5px,transparent 1.72px);background-size:4px 4px;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.22em;margin-right:-.22em}
.sheet-lede{font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--ink-muted);max-width:34ch;justify-self:end}
.ledger{counter-reset:none;border-top:2px solid var(--ink)}
.lg-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"main desc link" "more more more";gap:10px 40px;align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid rgba(11,12,10,.25);isolation:isolate}
.lg-row::before{content:"";position:absolute;inset:0 calc(-1*var(--gutter)/2);z-index:-1;background:var(--volt);clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--ease-in-out)}
.lg-row:hover::before{clip-path:inset(0 0 0 0)}
.lg-main{grid-area:main;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px}
.lg-n{color:var(--ink-muted);font-size:12px}
.lg-name{font:400 clamp(22px,2.4vw,40px)/1 var(--f-display);font-style:italic;text-transform:uppercase}
.lg-status{font-size:10.5px;padding:7px 10px;border-radius:6px;border:1px solid var(--ink);white-space:nowrap}
.lg-status.is-up{background:var(--ink);color:var(--volt)}
.lg-desc{grid-area:desc;font-size:15px;line-height:1.55;color:#2a2c27}
.lg-link{grid-area:link;color:var(--ink);text-decoration:none;white-space:nowrap;font-size:11.5px}
.lg-link:hover{text-decoration:underline;text-underline-offset:4px}
.lg-more{grid-area:link}
.lg-more summary{list-style:none;cursor:pointer;color:var(--ink);font-size:11.5px;white-space:nowrap;display:inline-flex;gap:8px}
.lg-more summary::-webkit-details-marker{display:none}
.lg-more[open]{grid-area:more;display:grid;gap:10px;padding:8px 0 4px 60px;max-width:900px}
.lg-more[open] summary span{display:inline-block;transform:rotate(45deg)}
.lg-more p{font-size:15px;line-height:1.6;color:#2a2c27}
.lg-preview{position:fixed;left:0;top:0;z-index:40;width:240px;pointer-events:none;opacity:0;transform:translate(-50%,-120%) rotate(-4deg) scale(.8);transition:opacity .25s,transform .4s var(--ease)}
.lg-preview.is-on{opacity:1;transform:translate(-50%,-120%) rotate(-4deg) scale(1)}
.lgp{display:none;width:240px;height:auto;border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.lg-preview[data-show="issue"] .lgp-issue,.lg-preview[data-show="map"] .lgp-map,.lg-preview[data-show="talk"] .lgp-talk{display:block}
.tiers{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:20px clamp(28px,4vw,64px);margin-top:clamp(48px,6vw,90px);padding:clamp(22px,2.4vw,32px) clamp(22px,2.6vw,36px);border-radius:20px;background:var(--ink);color:var(--white)}
.tiers-kicker{color:var(--muted);max-width:14ch;font-size:11px}
.tier{display:grid;gap:6px}
.tier-name{color:#c9cad0;font-size:10.5px}
.tier-amt{display:flex;align-items:baseline;gap:6px}
.tier-amt b{font:400 clamp(40px,4.4vw,68px)/.9 var(--f-display);font-style:italic}
.tier-amt span{font:600 13px/1 var(--f-tech);color:var(--muted)}
.tier:first-of-type .tier-amt b{color:var(--volt)}
.tier-plus{color:var(--volt);font-size:10.5px}
.tiers .btn{justify-self:end;background:var(--volt);color:var(--jet)}
.tiers-fine{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 40px;margin-top:20px}
.sheet .fine{color:var(--ink-muted)}
.sheet .fine a{color:var(--ink)}
.tiers-sep{font-size:10.5px;color:var(--ink)}

/* ---------- the list (volt) ---------- */
.listband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "copy visual";align-items:center;gap:clamp(30px,4vw,60px) clamp(30px,5vw,90px)}
.lb-top{grid-area:top;position:relative;z-index:1;display:grid;gap:22px}
.listband::before{box-shadow:none}
.listband :focus-visible{outline-color:var(--jet)}
.lb-giant{position:absolute;right:-2vw;bottom:-8vw;font:400 clamp(200px,34vw,640px)/.8 var(--f-display);font-style:italic;color:transparent;-webkit-text-stroke:2px rgba(10,10,12,.14);pointer-events:none;user-select:none;z-index:0}
.lb-copy{grid-area:copy;position:relative;z-index:1;display:grid;gap:26px;justify-items:start}
.listband .kicker{margin:0}
.lb-title{font-size:max(34px,min(8.9cqi,150px))}
.lb-text{font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:44ch;color:#1e2400}
.lb-visual{grid-area:visual;position:relative;z-index:1;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px rgba(10,10,12,.35);transform:rotate(2.5deg)}
.lb-visual img{width:100%;height:auto}

/* ---------- rule ---------- */
.rule{min-height:min(92svh,940px);display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,3vw,44px);background:repeating-linear-gradient(-62deg,rgba(200,255,0,.035) 0 2px,transparent 2px 34px),radial-gradient(70% 60% at 70% 30%,#16161c,#0a0a0d 70%)}
.rule .kicker{margin:0}
.rule-title{font-size:max(38px,min(9.2cqi,150px));max-width:13.5ch}
.rule-title .w{display:inline-block}
.rule-foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.rule-foot p{color:#d6d7dc;font-size:17px;max-width:40ch}

/* ---------- giveaways ---------- */
.give{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:30px clamp(30px,5vw,90px);padding-top:clamp(64px,7vw,110px);padding-bottom:clamp(64px,7vw,110px)}
.give-copy{display:grid;gap:16px;justify-items:start}
.give-copy>p:first-child{font-size:17px;line-height:1.6;color:#e0e1e5;max-width:46ch}
.s-paper .give-copy>p:first-child{color:var(--s-fg-2)}

/* ---------- faq ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px clamp(30px,6vw,110px)}
.faq-side{display:grid;gap:22px;align-content:start}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:600 clamp(16px,1.3vw,19px)/1.35 var(--f-body);transition:color .25s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--volt)}
.faq-list summary i{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2)}
.faq-list summary i::before,.faq-list summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s var(--ease)}
.faq-list summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-list details[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq-list details[open] summary i{border-color:var(--volt);color:var(--volt)}
.faq-list details>div{padding:0 50px 24px 0}
.faq-list details p{color:#c9cad0;line-height:1.65;max-width:66ch}
.faq-list a{color:var(--volt);text-underline-offset:3px}

/* ---------- closing ---------- */
.closing{min-height:min(90svh,900px);display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,3vw,44px)}
.closing-chev{position:absolute;z-index:-1;right:-6%;top:50%;width:min(68vw,900px);height:auto;transform:translateY(-50%);fill:none;stroke:rgba(10,10,12,.16);stroke-width:1.4;pointer-events:none}
.closing-chev path{vector-effect:non-scaling-stroke}
.closing .kicker{margin:0}
.closing-title{font-size:max(40px,min(11.6cqi,190px))}
.closing-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}

/* ---------- footer ---------- */
.footer{padding:clamp(56px,6vw,96px) var(--gutter) clamp(20px,2vw,28px);background:#0b0b0e}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px 60px;align-items:start}
.ft-sig{font:400 clamp(26px,2.6vw,40px)/1 var(--f-display);font-style:italic;text-transform:uppercase;margin-bottom:16px}
.ft-about{color:var(--muted);max-width:44ch;font-size:15px}
.ft-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.ft-links a{color:#d9dade;text-decoration:none;font-size:14.5px}
.ft-links a:hover{color:var(--volt)}
.ft-mark{margin:clamp(48px,6vw,90px) 0 clamp(18px,2vw,26px)}
.ft-mark svg{width:100%;height:auto}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:10.5px}

/* ---------- dialogs ---------- */
.dlg{border:0;padding:0;background:transparent;color:var(--white);max-width:min(1100px,94vw);max-height:94vh;overflow:visible}
.dlg::backdrop{background:rgba(5,5,7,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dlg-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;color:var(--muted)}
.dlg-close{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);font-size:26px;line-height:1;display:grid;place-items:center;background:rgba(10,10,12,.6)}
.dlg-close:hover{border-color:var(--volt);color:var(--volt)}
.dlg-video{width:auto;max-width:94vw;max-height:82vh;border-radius:18px;background:#000}
.closeup-body{display:grid;grid-template-columns:auto minmax(0,320px);gap:28px;align-items:center;background:#0e0e12;border-radius:22px;border:1px solid var(--line);padding:22px}
.closeup-img{max-height:78vh;width:auto}
.closeup-copy{display:grid;gap:14px}
.closeup-copy h2{font:400 32px/1 var(--f-display);font-style:italic;text-transform:uppercase}
.closeup-copy p{color:#d0d1d6}

/* ---------- cursor ---------- */
.cursor{display:none}
@media (hover:hover) and (pointer:fine){
  .js[data-motion="on"] .cursor{display:block;position:fixed;left:0;top:0;z-index:150;pointer-events:none}
  .cursor-dot{position:fixed;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--volt);box-shadow:0 0 0 1px rgba(10,10,12,.6)}
  .cursor-ring{position:fixed;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1px solid rgba(200,255,0,.6);display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background-color .3s,border-color .3s}
  .cursor-label{font:700 10px/1 var(--f-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--jet);opacity:0;transition:opacity .2s}
  .cursor.has-label .cursor-ring{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--volt);border-color:var(--volt)}
  .cursor.has-label .cursor-label{opacity:1}
  .cursor.has-label .cursor-dot{opacity:0}
  .cursor.is-hover .cursor-ring{width:54px;height:54px;margin:-27px 0 0 -27px;border-color:var(--volt)}
  .cursor.on-light .cursor-dot{background:var(--ink);box-shadow:none}
  .cursor.on-light .cursor-ring{border-color:rgba(11,12,10,.55)}
  .cursor.on-light.is-hover .cursor-ring{border-color:var(--ink)}
  .cursor.on-light.has-label .cursor-ring{background:var(--ink);border-color:var(--ink)}
  .cursor.on-light .cursor-label{color:var(--volt)}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .bar-now{display:none}
  .films{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .feed-card{grid-column:1/-1;min-height:280px}
  .hb-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiers-kicker{grid-column:1/-1;max-width:none}
  .tiers .btn{grid-column:1/-1;justify-self:start}
  .lg-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main link" "desc desc" "more more"}
  .lg-desc{padding-left:60px}
}
@media (max-width:860px){
  :root{--pad-y:clamp(64px,14vw,96px)}
  .bar-follow{display:none}
  .sec-head,.facts-head,.sheet-head{grid-template-columns:minmax(0,1fr)}
  .sec-lede,.sheet-lede,.facts-side .sec-lede{justify-self:start}
  .facts-side{justify-items:start;text-align:left}
  .hero{min-height:0;display:flex;flex-direction:column;padding:calc(var(--frame) + 76px) var(--gutter) 26px}
  .hero-left{display:contents}
  .hero .hero-kicker{order:1;margin-bottom:20px}
  .hero-title{order:2;font-size:clamp(46px,15.6vw,112px)}
  .hero-title .ln{white-space:normal}
  .hero-slab{order:3;height:auto;width:min(64vw,340px);align-self:center;margin:22px 0 24px}
  .hero-spec{left:-26px;font-size:9px;gap:12px}
  .hero-intro{order:4;max-width:none;margin-bottom:20px}
  .hero-issue{order:5;position:relative;right:auto;bottom:auto;max-width:none}
  .hero-scroll{display:none}
  .statement{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy copy" "l r";row-gap:clamp(30px,8vw,56px);padding-top:clamp(72px,18vw,120px);padding-bottom:clamp(60px,14vw,100px)}
  .st-copy{grid-area:copy;max-width:none}
  .st-title{font-size:min(12.9cqi,96px)}
  .st-slab{position:relative;width:min(38cqi,210px)}
  .st-left{grid-area:l;justify-self:end;left:auto;top:auto;margin-right:-3cqi;transform:rotate(-8deg)}
  .st-right{grid-area:r;justify-self:start;right:auto;bottom:auto;margin-left:-3cqi;transform:rotate(7deg) translateY(8%)}
  .hb-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1*var(--gutter));padding:0 var(--gutter) 6px;scrollbar-width:none}
  .hb-track::-webkit-scrollbar{display:none}
  .hb-card{flex:0 0 min(78vw,340px);scroll-snap-align:center}
  .films{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .film-copy h3{font-size:15px}
  .inspect{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "data" "tabs"}
  .ins-stage{border-right:0;border-bottom:1px solid var(--line);min-height:0}
  .callout{display:none}
  .ins-slab{height:min(96vw,460px)}
  .ins-tabs{grid-template-columns:minmax(0,1fr)}
  .ins-tabs button{border-right:0;border-bottom:1px solid var(--line)}
  .ins-tabs button:last-child{border-bottom:0}
  .listband{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "copy" "visual"}
  .lb-visual{transform:rotate(1.5deg)}
  .give,.faq{grid-template-columns:minmax(0,1fr)}
  .ft-top{grid-template-columns:minmax(0,1fr)}
  .ft-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts-foot{grid-template-columns:auto minmax(0,1fr)}
  .facts-foot .fine{grid-column:1/-1;grid-row:2;justify-self:start;text-align:left}
  .facts-count{justify-self:end}
  .facts-track{--ppy:16px;--cw:200px}
  .moment{grid-template-columns:var(--cw);grid-template-rows:none;row-gap:8px;bottom:76px}
  .moment .mslab,.moment .m-year,.moment .m-title,.moment .m-stat{grid-column:1;grid-row:auto}
  .facts-viewport{min-height:560px}
  .menu-open .stage.can-shift{transform:none}
}
@media (max-width:560px){
  .bar-motion{display:none}
  .bar-cta .bc-long{display:none}
  .bar-cta .bc-short{display:inline}
  .bar-cta{padding:0 14px;white-space:nowrap}
  .bar-brand svg{width:96px}
  .hero-title{font-size:clamp(44px,15.6vw,80px)}
  .films{grid-template-columns:minmax(0,1fr)}
  .film-play{aspect-ratio:9/12}
  .lg-main{grid-template-columns:30px minmax(0,1fr)}
  .lg-status{grid-column:2;justify-self:start}
  .lg-desc{padding-left:46px}
  .lg-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "desc" "link" "more"}
  .lg-link,.lg-more summary{margin-left:46px}
  .lg-more[open]{padding-left:46px}
  .tiers{grid-template-columns:minmax(0,1fr)}
  .tier-plus{white-space:normal}
  .faq-list details>div{padding-right:0}
  .ft-links{grid-template-columns:minmax(0,1fr)}
  .closing-foot .btn{white-space:normal;text-align:center;min-height:58px;padding:14px 26px;line-height:1.3}
  .lb-copy .btn,.st-copy .btn{white-space:normal}
  .closeup-body{grid-template-columns:minmax(0,1fr)}
  .closeup-img{max-height:60vh;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){
  .btn::after{display:none}
  .ticker-track,.reel-track,.hero-sweep,.hero-scroll i{animation:none!important}
  *{scroll-behavior:auto!important}
}
/* v3.2: Founding 100 push on the homepage */
.hero-offer{color:var(--volt);font-weight:600}
.tier-dim{color:var(--muted)}
.lb-alt{margin-top:4px}
.listband .lb-copy .tlink{color:var(--jet)}
/* v3.2: Founding 100 badge on the hero slab */
.hbadge{position:absolute;z-index:5;left:-13%;bottom:15%;width:clamp(118px,11.5vw,168px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--volt);color:var(--jet);text-decoration:none;rotate:-10deg;box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 6px rgba(200,255,0,.16);transition:scale .4s var(--ease),box-shadow .4s}
.hbadge:hover{scale:1.06;box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 0 10px rgba(200,255,0,.22)}
.hbadge-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hbadge-ring text{font:700 13px/1 var(--f-tech);letter-spacing:.12em;fill:var(--jet)}
.js[data-motion="on"] .hbadge-ring{animation:hbadge-spin 22s linear infinite}
@keyframes hbadge-spin{to{rotate:360deg}}
.hbadge-core{display:grid;justify-items:center;gap:2px;line-height:1}
.hbadge-core b{font:400 clamp(24px,2.3vw,34px)/.9 var(--f-display);font-style:italic;letter-spacing:-.02em}
.hbadge-core span{font:700 8.5px/1 var(--f-tech);letter-spacing:.16em;text-transform:uppercase}
@media (max-width:860px){.hbadge{left:-18%;bottom:10%;width:112px}}
@media (prefers-reduced-motion:reduce){.hbadge-ring{animation:none!important}}

/* v3.4 (Josh, Oct 12: "make sure this is all good on mobile versions too"): on phones the page fades out under the top
   bar instead of showing through between the chips, so no line of text looks cut by them */
@media (max-width:860px){.bar::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 26px);background:linear-gradient(180deg,rgba(10,10,12,.94) 0,rgba(10,10,12,.84) 60%,rgba(10,10,12,0) 100%);pointer-events:none;z-index:-1}}

/* v3.7 (Oct 12): on phones the four hobby tabs sit on one row (Vintage used to drop to a second line on its own) */
@media (max-width:480px){.hb-foot .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.hb-foot .tabs button{padding:10px 2px;letter-spacing:.08em;font-size:10.5px;text-align:center;white-space:nowrap}}

/* v3.7 (Josh, Oct 12, 10:53 AM: "give them all different angles too so it doesnt look the same and make them all the same
   heigh even with the shoehei"): each hobby slab gets its own tilt; every slab image is cropped flush to its case, so
   all four cases are the same height */
.hbv-slab img{transform:translate(-50%,-50%) rotate(var(--tilt,-4deg))}
#hb-sports{--tilt:-5deg}#hb-marvel{--tilt:4deg}#hb-pokemon{--tilt:-2.5deg}#hb-vintage{--tilt:6deg}