/* One entrance clock drives the wordmark, instrument and outward galaxy. */
.hero h1 .letter,.hero-content>.status,.hero-content>h2,.hero-content>p,.hero-content>.actions,.hero-content>.hero-links{animation:none}
.hero h1{position:relative;z-index:2}
.hero h1::before{content:'';position:absolute;inset:-34% -6%;z-index:-1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);pointer-events:none}
.hero-content::before{background:radial-gradient(ellipse,color-mix(in srgb,var(--paper) 82%,transparent) 12%,transparent 68%)}
.hero h1 .letter{will-change:transform,opacity;transform-origin:center}
.orbits{display:none}
.vortex{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible;color:var(--muted)}
.vortex path,.vortex circle{fill:none;stroke:currentColor;stroke-width:.6;vector-effect:non-scaling-stroke}
.vortex .construction{stroke-dasharray:2 8;opacity:.28}
.vortex .vortex-ticks{opacity:.38}
.hero .float{transition:none;display:block;left:0;top:0;right:auto;bottom:auto;transform-origin:center;pointer-events:none;will-change:transform,opacity,filter}
.hero .float[hidden]{display:none}
header{background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.section-bar,.contact .section-bar{position:sticky;top:49px;z-index:30;background:color-mix(in srgb,var(--paper) 60%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--subtle)}
.contact .section-bar{background:rgb(11 11 12 / 60%)}
.scene-loading .hero h1 .letter,.scene-loading .hero .float,.scene-loading .hero-content>:not(h1),.scene-loading header>*{opacity:0}
@media(max-width:760px){.section-bar,.contact .section-bar{top:52px}.hero-content::before{background:radial-gradient(ellipse,color-mix(in srgb,var(--paper) 94%,transparent) 28%,transparent 72%)}}
@media(prefers-reduced-motion:reduce){.hero h1 .letter{will-change:auto}}
.vortex path{stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.vortex .vortex-pulse{stroke:var(--ink);stroke-width:1.5;opacity:.32}
.dark .vortex .vortex-pulse{stroke:var(--accent);opacity:.65}
.vortex .vortex-ticks{opacity:.25}.vortex .construction{opacity:.15}
.hero .float{border-radius:10px}
.hero .float{width:224px;height:126px}
@media(max-width:760px){.hero .float{width:146px;height:82px}}
.hero .float[role=button]{pointer-events:auto;cursor:default}
.hero .float.is-expanded{cursor:default}
.hero .float[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.vortex .vortex-comet{stroke:none;fill:color-mix(in srgb,var(--ink) 62%,var(--paper));stroke-linejoin:round}
.dark .vortex .vortex-comet{fill:var(--accent);filter:hue-rotate(var(--arm-hue,0deg))}
.vortex .vortex-comet.halo{filter:blur(.7px)}
.dark .vortex .vortex-comet.halo{filter:blur(.7px) hue-rotate(var(--arm-hue,0deg))}