html,body.intro{height:auto}body.intro{transition:color 1.2s,opacity .45s}body.intro.is-leaving{opacity:0}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.01em}.skip-intro{color:var(--ink-soft);text-decoration:none;transition:color .2s}.skip-intro:hover{color:var(--ink)}.scroller{height:900vh;position:relative}.stage{height:100dvh;text-shadow:var(--shadow);grid-template-columns:1fr 1fr;align-items:center;padding:0 clamp(24px,6vw,96px);display:grid;position:sticky;top:0}.story{max-width:520px;height:40vh;position:relative}.line{letter-spacing:-.03em;opacity:0;will-change:opacity, transform;align-items:center;margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.08;display:flex;position:absolute;inset:0}.preview{text-align:center;will-change:opacity, transform;flex-direction:column;align-items:center;gap:14px;display:flex}.preview .time{font-size:clamp(88px,11vw,176px)}.preview .controls{pointer-events:none}.cta{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);color:#fbfcfd;letter-spacing:-.01em;min-height:64px;text-shadow:none;opacity:0;pointer-events:none;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:0 40px;font-size:20px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff40,0 10px 40px #0a081459}.cta:hover{background:#fff3}.cta:focus-visible{outline-offset:4px;outline:2px solid #fbfcfd}.scroll-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;margin:0;font-size:13px;font-weight:500;position:absolute;top:calc(50% + 2.4em);left:0}@media (width<=760px){.stage{grid-template-rows:1fr auto 1.2fr;grid-template-columns:1fr;padding:72px 16px 48px}.story{grid-row:1;align-self:end;width:100%;max-width:none;height:30vh}.scroll-hint{text-align:center;inset:auto 0 -2.4em}.line{text-align:center;justify-content:center;align-items:flex-end;font-size:clamp(26px,7.5vw,36px)}.preview{grid-row:3;align-self:start;margin-top:32px}.preview .time{font-size:clamp(80px,24vw,120px)}}
