.hero-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity .3s var(--ease-out)}.hero,.mani,.expo,.latest,.foot{position:relative;z-index:1}.hero{height:100svh;min-height:640px;overflow:hidden}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:12px;color:var(--dim)}.hero-foot b{color:var(--text);font-weight:500}.hero-scroll{position:absolute;left:50%;bottom:clamp(94px,13vh,136px);z-index:3;translate:-50% 0;display:grid;justify-items:center;gap:10px;color:var(--dim);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:11px;line-height:1;white-space:nowrap}.hero-scroll-copy{display:flex;align-items:center;justify-content:center}.hero-scroll-label{display:block;width:0;overflow:hidden}.hero-scroll b{margin-left:.1em;font-weight:400;color:var(--acc);opacity:1}.hero-scroll>i{display:block;width:1px;height:38px;background:linear-gradient(var(--acc),transparent);transform:scaleY(.2)}.hero.in .hero-scroll-label{animation:hero-type calc(var(--chars)*40ms) steps(var(--chars),end) 1.2s forwards}.hero.in .hero-scroll b{animation:hero-caret 1s steps(1,end) 1.2s infinite}.hero.in .hero-scroll>i{animation:cue 1.8s var(--ease-io) 1.2s infinite}@keyframes hero-type{to{width:var(--type-w)}}@keyframes hero-caret{0%,69%{opacity:1}70%,to{opacity:.25}}@keyframes cue{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(.2);transform-origin:bottom}}@media(max-width:640px){.hero-foot .hide-m{display:none}}@media(prefers-reduced-motion:reduce){.hero-scroll-label{width:auto}.hero.in .hero-scroll-label,.hero.in .hero-scroll b,.hero.in .hero-scroll>i{animation:none}.hero-scroll b{opacity:1}.hero-scroll>i{transform:scaleY(1)}}.hero-hit{position:absolute;inset:10% 8% 30%;z-index:2;cursor:pointer;border-radius:24px}.hero-hit:focus-visible{outline:1px dashed var(--acc);outline-offset:0}.mani{padding:clamp(100px,16vw,220px) var(--gutter);max-width:1320px;margin:0 auto}.mani p{font-family:var(--f-disp);font-stretch:112%;font-weight:700;font-size:clamp(26px,3.8vw,58px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.mani p span{color:var(--dim);transition:color .4s var(--ease-out)}.mani p span.lit{color:var(--text)}.mani p span.acc.lit{color:var(--acc)}.mani .meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;font-size:12px;color:var(--dim)}.mani .meta b{color:var(--text);font-weight:500}.expo{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 clamp(24px,4vw,64px);max-width:1540px;margin:0 auto;padding:0 var(--gutter) 80px}.rail{position:sticky;top:96px;align-self:start;height:calc(100svh - 140px);display:grid;align-content:start;gap:2px;font-size:12px}.rail .t{color:var(--dim);margin-bottom:14px}.rail a{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;min-height:36px;text-decoration:none;color:var(--dim);position:relative;padding-left:14px;transition:color .2s var(--ease-out)}.rail a:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:currentColor;transition:width .3s var(--ease-out)}.rail a[aria-current]{color:var(--text)}.rail a[aria-current]:before{width:10px;background:var(--acc)}.rail a span:first-child{font-variant-numeric:tabular-nums}.rail .prog{margin-top:18px;height:120px;width:1px;background:var(--line);position:relative}.rail .prog i{position:absolute;inset:0 auto auto 0;width:1px;height:calc(var(--p, 0) * 100%);background:var(--acc)}.ex{--brand-ink: var(--brand);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3.4vw,54px);align-items:center;padding-block:clamp(72px,10vw,144px);border-top:1px solid var(--line);min-width:0}:root[data-theme=light] .ex{--brand-ink: color-mix(in oklab, var(--brand) 52%, #000)}.ex-label{grid-column:1 / -1;display:flex;align-items:center;gap:9px;min-width:0;font-size:11px;color:var(--dim);letter-spacing:.035em;text-transform:uppercase}.ex-label .ex-idx{flex:none;font-variant-numeric:tabular-nums}.ex-label .ex-idx b{color:var(--brand-ink);font-weight:500}.ex-label .kind{min-width:0;overflow-wrap:anywhere}.ex-label .ex-hex{margin-left:auto;flex:none;color:var(--brand-ink);font-size:10px;letter-spacing:-.08em}.ex>.clg{grid-column:span 7}.ex-meta{grid-column:span 5;display:grid;gap:clamp(14px,1.5vw,21px);align-content:center;min-width:0}.ex.rev>.clg{grid-column:6 / span 7;order:2}.ex.rev .ex-meta{grid-column:1 / span 5;grid-row:2}.ex-logo{height:var(--lh, clamp(36px, 4vw, 54px));display:flex;align-items:center;min-width:0}.ex-logo :is(img,svg){height:100%;width:auto;max-width:100%;object-fit:contain}.ex-q{font-family:var(--f-disp);font-stretch:112%;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}.ex-q:before{content:"";display:block;width:32px;height:2px;margin-bottom:14px;background:var(--brand)}.ex p.desc{max-width:49ch;color:var(--soft);text-wrap:pretty}.ex .tags{display:flex;flex-wrap:wrap;gap:6px}.ex .tags span{padding:4px 8px;border:1px solid var(--line-2);color:var(--dim);font-size:11px}.ex .links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ex .links .lnk{min-height:38px}.ex .lnk.pri{border-color:var(--brand);color:var(--text)}.reel-dots{display:none}@media(max-width:999px){.expo{grid-template-columns:1fr}.rail{display:none}.ex,.ex.rev{grid-template-columns:1fr;gap:28px}.ex-label,.ex>.clg,.ex.rev>.clg,.ex-meta,.ex.rev .ex-meta{grid-column:1;grid-row:auto;order:initial}.ex>.clg{order:2}.ex-meta{order:3}}@media(max-width:760px)and (orientation:portrait){html{scroll-snap-type:y proximity}.expo{padding-inline:0}.ex,.ex.rev{min-height:calc(100svh - 60px);display:flex;flex-direction:column;gap:13px;align-items:stretch;justify-content:center;padding:16px var(--gutter) 22px;scroll-snap-align:start;scroll-margin-top:60px;overflow:hidden}.ex-label{order:1;flex-wrap:wrap;gap:5px 7px;font-size:10px;line-height:1.35}.ex-label .ex-hex{margin-left:auto}.ex>.clg,.ex.rev>.clg{order:2;flex:0 1 auto;width:100%}.ex-meta,.ex.rev .ex-meta{order:3;gap:9px}.ex-logo{height:min(var(--lh, 34px),46px)}.ex-q{font-size:clamp(21px,6.5vw,28px);line-height:1.04}.ex-q:before{width:24px;margin-bottom:8px}.ex p.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4}.ex .tags{display:none}.ex .links{gap:7px}.ex .links .lnk{min-height:38px;max-width:100%;font-size:12px;overflow-wrap:anywhere}.reel-dots{display:grid;gap:8px;position:fixed;right:6px;top:50%;translate:0 -50%;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out)}.reel-dots.on{opacity:1;pointer-events:auto}.reel-dots a{display:block;width:4px;height:18px;border-radius:4px;background:var(--line-2);transition:height .3s var(--ease-out),background-color .3s}.reel-dots a[aria-current]{height:30px;background:var(--acc)}}@media(max-width:760px)and (orientation:portrait)and (prefers-reduced-motion:reduce){html{scroll-snap-type:none}}