html[data-scroll=on] .scene{min-height:calc(var(--scene-length,2) * 100svh)}html[data-scroll=on] .scene[data-mode=view]{min-height:0}@media (max-width:640px){html[data-scroll=on] .scene{min-height:max(160svh, calc(var(--scene-length,2) * 72svh))}}html[data-scroll=on] .scene-pin{z-index:30;flex-direction:column;justify-content:center;align-items:center;height:100svh;padding-top:4rem;display:flex;position:sticky;top:0;overflow:hidden}html[data-scroll=on] .act{--in-at:0;--in-rate:5;--out-at:.82;--out-rate:5.5;--enter:clamp(0, (var(--p,1) - var(--in-at)) * var(--in-rate), 1);--leave:clamp(0, (var(--p,1) - var(--out-at)) * var(--out-rate), 1);--vis:calc(var(--enter) * (1 - var(--leave)));opacity:var(--vis);transform:translate3d(0, calc((1 - var(--enter)) * 30px - var(--leave) * 30px), 0);filter:blur(calc((1 - var(--vis)) * 7px))}html[data-scroll=on] .act-start{--in-at:-1;--in-rate:1}html[data-scroll=on] .act-hold{--out-at:2}.beat+.beat{margin-top:4rem}html[data-scroll=on] .beat-stack{display:grid}html[data-scroll=on] .beat{grid-area:1/1;margin-top:0}html[data-scroll=on] .beat-stats{pointer-events:none}html[data-scroll=on] .beat-hero{--gone:clamp(0, (var(--p,0) - .21) * 60, 1);clip-path:inset(calc(var(--gone) * 50% - (1 - var(--gone)) * 40vh))}.hero-canvas{opacity:.45;-webkit-mask-image:radial-gradient(94% 94% at 50% 45%,#000 34%,#0000 99%);mask-image:radial-gradient(94% 94% at 50% 45%,#000 34%,#0000 99%)}@media (min-width:768px){.hero-canvas{opacity:.62}}html[data-scroll=on] .hero-canvas{opacity:calc(.45 * (1 - clamp(0, (var(--p,0) - .05) * 4.5, 1)))}@media (min-width:768px){html[data-scroll=on] .hero-canvas{opacity:calc(.62 * (1 - clamp(0, (var(--p,0) - .05) * 4.5, 1)))}}.hero-veil{background:radial-gradient(46% 32% at 50% 45%, color-mix(in oklab, var(--background) 88%, transparent), color-mix(in oklab, var(--background) 55%, transparent) 55%, transparent 80%)}.hero-atmosphere:before{content:"";background:radial-gradient(52% 58% at 70% 38%, color-mix(in oklab, var(--brand) 16%, transparent), transparent 70%), radial-gradient(38% 42% at 22% 78%, color-mix(in oklab, var(--brand-light) 10%, transparent), transparent 72%);position:absolute;inset:0}.hero-atmosphere:after{content:"";opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dark .hero-atmosphere:before{background:radial-gradient(52% 58% at 70% 38%, color-mix(in oklab, var(--brand) 26%, transparent), transparent 70%), radial-gradient(38% 42% at 22% 78%, color-mix(in oklab, var(--brand-dark) 18%, transparent), transparent 72%)}@keyframes hero-rise{0%{opacity:0;filter:blur(10px);transform:translateY(26px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-word{animation:.8s cubic-bezier(.22,1,.36,1) both hero-rise;animation-delay:calc(.16s + var(--i,0) * 70ms);display:inline-block}.stage-wave{opacity:var(--stage-opacity,0)}.stage-wave-frame{will-change:contents}.stage-wave-layer span{transform-origin:50%;display:block;position:absolute;top:0;left:0}.stage-wave-base span{background:color-mix(in oklab, var(--foreground) 22%, transparent)}.stage-wave-lit span{background:var(--brand)}.stage-wave-base{opacity:calc(1 - var(--morph,0))}.stage-wave-lit{opacity:clamp(0, (1 - var(--morph,0)) * 6.7, 1)}@keyframes wave-scan{0%{clip-path:inset(0 100% 0 0);opacity:0}6%{opacity:1}52%{clip-path:inset(0);opacity:1}66%{clip-path:inset(0);opacity:0}67%,to{clip-path:inset(0 100% 0 0);opacity:0}}.wave-scan{animation:7.5s cubic-bezier(.45,0,.25,1) infinite wave-scan}.wave-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}@keyframes wave-pulse-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.wave-pulse>span{background:var(--brand);transform-origin:50%;border-radius:999px;width:2px;height:100%;animation:1.1s ease-in-out infinite wave-pulse-bar}.wave-pulse>span:nth-child(2){animation-delay:.16s}.wave-pulse>span:nth-child(3){animation-delay:.32s}.mark-assembly path{transform-box:view-box;transform-origin:50%}.mark-assembly{opacity:.1}html[data-scroll=on] .mark-assembly{opacity:calc(1 - clamp(0, (var(--p,1) - .62) * 12, 1) * .78)}html[data-scroll=on] .mark-assembly path{--pp:clamp(0, (var(--p,1) - .46 - var(--d,0) * .006) * 12, 1);opacity:var(--pp);transform:rotate(calc((1 - var(--pp)) * -24deg)) scale(calc(.82 + var(--pp) * .18))}.sim-meter>span{background:var(--brand);min-width:0;min-height:3px;height:calc(var(--h,1) * var(--level,0) * 100%);border-radius:999px;flex:1 1 0;transition:height .42s cubic-bezier(.22,1,.36,1)}.sim-range{appearance:none;cursor:pointer;background:0 0;height:34px}.sim-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) 0 calc(var(--t,0) * 100%), color-mix(in oklab, var(--foreground) 14%, transparent) calc(var(--t,0) * 100%) 100%);border-radius:999px;height:6px}.sim-range::-moz-range-track{background:linear-gradient(90deg, var(--brand) 0 calc(var(--t,0) * 100%), color-mix(in oklab, var(--foreground) 14%, transparent) calc(var(--t,0) * 100%) 100%);border-radius:999px;height:6px}.sim-range::-webkit-slider-thumb{appearance:none;background:var(--background);border:3px solid var(--brand);width:22px;height:22px;box-shadow:0 2px 10px color-mix(in oklab, var(--brand) 35%, transparent);border-radius:999px;margin-top:-8px;transition:transform .16s cubic-bezier(.22,1,.36,1)}.sim-range::-moz-range-thumb{background:var(--background);border:3px solid var(--brand);width:22px;height:22px;box-shadow:0 2px 10px color-mix(in oklab, var(--brand) 35%, transparent);border-radius:999px;transition:transform .16s cubic-bezier(.22,1,.36,1)}.sim-range:active::-webkit-slider-thumb{transform:scale(1.12)}.sim-range:active::-moz-range-thumb{transform:scale(1.12)}.sim-range:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:999px}.sim-console{border:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);background:radial-gradient(120% 110% at 100% 0%, color-mix(in oklab, var(--brand) 11%, transparent) 0%, transparent 62%), color-mix(in oklab, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.75rem;position:relative}.sim-scenarios{border:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);background:color-mix(in oklab, var(--foreground) 4%, transparent);border-radius:999px;gap:2px;padding:4px;display:flex}.sim-scenario{text-align:center;color:color-mix(in oklab, var(--foreground) 62%, transparent);cursor:pointer;border-radius:999px;flex:1 1 0;padding:.45rem .9rem;font-size:.8125rem;font-weight:500;line-height:1.2;transition:color .2s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.sim-scenario:hover{color:var(--foreground)}.sim-scenario[aria-pressed=true]{background:var(--background);color:var(--brand);box-shadow:0 1px 3px color-mix(in oklab, var(--foreground) 14%, transparent)}.sim-scenario:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-word,.wave-pulse>span{animation:none}.wave-scan{clip-path:inset(0 62% 0 0);animation:none}.wave-pulse>span{transform:scaleY(.6)}.sim-meter>span,.sim-scenario{transition:none}.sim-range::-webkit-slider-thumb{transition:none}.sim-range::-moz-range-thumb{transition:none}}