@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Inter-Regular.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Inter-Bold.ttf) format("truetype")}:root{--bg: #0d0d10;--bg-grid-1: #15151a;--bg-grid-2: #1d1d24;--fg: #ededed;--fg-dim: #a4a4ad;--accent: #ff5a3c;--max-w: 880px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,SF Pro Text,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(circle at 20% 10%,rgba(255,90,60,.12),transparent 50%),radial-gradient(circle at 80% 70%,rgba(78,169,255,.12),transparent 50%),repeating-linear-gradient(45deg,var(--bg-grid-1) 0 22px,var(--bg-grid-2) 22px 44px);background-attachment:fixed}.page-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,#0d0d10d9,#0d0d1000);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand{font-weight:700;color:var(--accent)}.frame-readout{font-variant-numeric:tabular-nums;color:var(--fg-dim)}.overlay-progress,#progress-percent,#progress-frame,.frame-readout{font-variant-numeric:tabular-nums}main{display:block}.hero{min-height:100vh;display:grid;place-items:center;padding:120px 32px 60px}.hero-inner{max-width:var(--max-w);text-align:left}.hero h1{margin:0 0 24px;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.02em;font-weight:800}.lede{font-size:clamp(18px,1.4vw,22px);color:var(--fg-dim);max-width:60ch}.hint{margin-top:60px;color:var(--fg-dim);font-size:13px;letter-spacing:.2em;text-transform:uppercase;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.scroll-stage{position:relative}.scroll-stage-track{height:350vh}.scroll-stage-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}#frame-canvas{width:min(92vw,1280px);height:auto;aspect-ratio:16 / 9;display:block}.overlay-copy{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-variant-numeric:tabular-nums;pointer-events:none}.overlay-eyebrow{margin:0;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-dim)}.overlay-progress{margin:0;font-size:13px;color:var(--fg);display:flex;align-items:center;gap:10px}.overlay-divider{color:var(--fg-dim)}.lorem{max-width:var(--max-w);margin:0 auto;padding:80px 32px}.lorem h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.01em;margin:0 0 24px}.lorem p{margin:0 0 20px;color:var(--fg-dim);font-size:17px;line-height:1.7}.page-footer{text-align:center;padding:80px 32px 120px;color:var(--fg-dim);font-size:13px;letter-spacing:.16em;text-transform:uppercase}