canvas#gl{width:100vw;height:100vh;display:block;z-index:0}#scrim,canvas#gl{position:fixed;inset:0}#scrim{z-index:10;pointer-events:none}#scrim i{position:absolute;inset:0;display:block;opacity:0;will-change:opacity}#scrim .sL{background:linear-gradient(97deg,rgba(255,255,255,.97),rgba(255,255,255,.93) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 72%)}#scrim .sR{background:linear-gradient(263deg,rgba(255,255,255,.97),rgba(255,255,255,.93) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 72%)}#scrim .sB{background:linear-gradient(0deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.9) 26%,rgba(255,255,255,.5) 46%,rgba(255,255,255,0) 74%)}#scrim .sV{opacity:1;background:radial-gradient(120% 90% at 50% 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.35) 85%,rgba(255,255,255,.6) 100%)}#boot{position:fixed;inset:0;z-index:120;background:var(--white);display:grid;place-items:center;transition:opacity .7s ease .1s}#boot.gone{opacity:0;pointer-events:none}#boot .w{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}#boot .w .mark{width:clamp(72px,10vw,110px);height:auto}#boot .w .wm{font-size:clamp(22px,3.4vw,38px)}#boot .b{width:min(260px,56vw);height:2px;background:var(--rule);margin:26px auto 0;position:relative;overflow:hidden;border-radius:2px}#boot .b i{position:absolute;inset:0;background:var(--green);transform-origin:0 50%;animation:bootbar 2.4s cubic-bezier(.2,.7,.2,1) forwards}@keyframes bootbar{0%{transform:scaleX(0)}to{transform:scaleX(.92)}}#boot .s{color:var(--dimmer);margin-top:15px;text-align:center}.stage{min-height:100vh;display:flex;align-items:center;padding:var(--nav) var(--pad) 0;position:relative}.stage.r{justify-content:flex-end}.stage.c{text-align:center;align-items:flex-end;padding-bottom:12vh}.stage.c,.stage.c .eyebrow{justify-content:center}.col{max-width:min(470px,88vw);position:relative}.col h2{margin-bottom:20px}.hint{font-family:var(--disp);font-weight:500;font-size:10px;letter-spacing:.16em;color:var(--dimmer);margin-top:18px;text-transform:uppercase;line-height:2.1}#act-hero{align-items:stretch;flex-direction:column;justify-content:center;padding-bottom:128px}.hero{max-width:min(720px,92vw)}.hero h1{margin:0 0 24px}.hero h1 .l{display:block}.hero .sub{font-size:clamp(15px,1.5vw,18px);line-height:1.66;color:var(--ink-2);max-width:48ch}.hero-rail{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-rail div{padding:16px 0 2px;font-family:var(--disp);font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.hero-rail b{display:block;font-family:var(--disp);font-size:24px;letter-spacing:-.01em;color:var(--ink);font-weight:700;margin-bottom:4px}#scrollhint{position:fixed;z-index:40;bottom:132px;right:var(--pad);text-align:right;pointer-events:none;transition:opacity .5s;font-family:var(--disp);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}#scrollhint .r{display:block;width:1px;height:30px;margin:9px 0 0 auto;background:linear-gradient(to bottom,var(--dim),transparent)}.sheet{position:relative;z-index:22;background:var(--bg)}.sheet.first{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--white) 160px),var(--white)}.hero>*{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.hero.in>*{opacity:1;transform:none}.hero.in>:nth-child(2){transition-delay:.12s}.hero.in>:nth-child(3){transition-delay:.24s}.hero-rail{opacity:0;transition:opacity 1s ease .5s}.hero-rail.in{opacity:1}@media (max-width:820px){.stage{padding:var(--nav) var(--pad) 12vh;align-items:flex-end}.stage.r{justify-content:flex-start}.col{max-width:none}canvas#gl{opacity:.55}#scrim .sL,#scrim .sR{background:linear-gradient(0deg,rgba(255,255,255,.985) 0,rgba(255,255,255,.95) 40%,rgba(255,255,255,.72) 62%,rgba(255,255,255,.25) 84%,rgba(255,255,255,0))}#scrollhint{display:none}#act-hero{align-items:flex-end;padding-top:calc(var(--nav) + 24px);padding-bottom:48px;justify-content:flex-end}.hero h1{font-size:clamp(26px,7.4vw,44px)}.hero-rail{position:static;margin-top:36px;grid-template-columns:repeat(2,1fr);gap:0 18px}.hero-rail b{font-size:20px}.hero-rail div{padding:14px 0 6px}.stage.c{padding-bottom:18vh}}@media (max-width:820px) and (max-height:700px){.hero .sub{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}}