.intro{position:relative;height:300vh;background:var(--black);background:color-mix(in srgb,var(--page-bg) calc(var(--burn, 0) * 100%),var(--black))}.intro__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--black)}@media(hover:hover)and (pointer:fine){.intro__stage{cursor:crosshair}}.intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0}.intro.is-ready .intro__canvas{opacity:1}.intro__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-webgl .intro__label{left:0;right:0;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;text-align:center;font:var(--weight-intro-label) var(--text-intro-label) / 1 var(--font-mono);letter-spacing:var(--tracking-label);color:var(--intro-label-bright);opacity:var(--labels, 1);transform:translateY(-50%);pointer-events:none}.intro__label--top{top:calc(100% / 6)}.intro__label--bottom{top:90%}.intro__cue{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);font:var(--weight-intro-label) var(--text-intro-cue) / 1 var(--font-mono);letter-spacing:var(--tracking-hud);color:var(--intro-label-bright);opacity:var(--cue, 1);transform:translate(-50%,-50%);pointer-events:none}.intro__cue>*{animation:intro-cue-pulse var(--intro-cue-period) var(--intro-cue-ease) infinite}.intro__cue-line{position:relative;display:block;width:var(--intro-cue-line-width);height:var(--intro-cue-length);background:var(--intro-cue-line)}.intro__cue-dot{position:absolute;top:0;left:calc((var(--intro-cue-line-width) - var(--intro-cue-dot)) / 2);width:var(--intro-cue-dot);height:var(--intro-cue-dot);border-radius:50%;background:var(--intro-label-bright);box-shadow:0 0 var(--intro-cue-glow-blur) var(--intro-cue-glow);animation:intro-cue var(--intro-cue-period) var(--intro-cue-ease) infinite}@keyframes intro-cue{0%{transform:translateY(0);opacity:0}15%,80%{opacity:1}to{transform:translateY(calc(var(--intro-cue-length) - var(--intro-cue-dot)));opacity:0}}@keyframes intro-cue-pulse{0%,to{opacity:var(--intro-cue-pulse-min);text-shadow:none;box-shadow:none}50%{opacity:1;text-shadow:0 0 var(--intro-cue-glow-blur) var(--intro-cue-glow);box-shadow:0 0 var(--intro-cue-glow-blur) var(--intro-cue-glow)}}.intro__fallback,.intro__veil,.no-webgl .intro__canvas{display:none}.no-webgl .intro__stage{background:color-mix(in srgb,var(--thermal-3) calc(var(--over, 0) * 70%),var(--black))}.no-webgl .intro__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--name-size, 12vw);line-height:.9;text-align:center;color:transparent;background:linear-gradient(180deg,var(--thermal-3),var(--thermal-4));-webkit-background-clip:text;background-clip:text;opacity:calc(.06 + .94 * var(--heat, 0));filter:drop-shadow(0 0 calc((var(--heat, 0) * .08 + var(--over, 0) * .25) * 1em) color-mix(in srgb,var(--thermal-3) 70%,transparent))}.no-webgl .intro__veil{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--page-bg);opacity:var(--burn, 0)}@media(prefers-reduced-motion:reduce){.intro__cue-dot{top:calc((var(--intro-cue-length) - var(--intro-cue-dot)) / 2);animation:none}.intro__cue>*{animation:none}}