/* Same fine serif as the wordmark; the scene replaces the old hero photograph. */
.hero #hero-title, .hero #hero-title em { font-family:"AstroFace Brand",Georgia,serif; font-weight:300; font-style:normal; }
.hero #hero-title { font-size:clamp(76px,7.6vw,116px); letter-spacing:-.045em; line-height:.99; }
.hero #hero-title em { font-size:1em; line-height:1.08; letter-spacing:-.045em; margin:0; }
.hero #hero-title .hero-last { font-size:.78em; line-height:1.16; letter-spacing:-.035em; }
.hero-art { background:#090612; transform:none!important; }
#hero-vortex { position:absolute; inset:0; display:block; width:100%; height:100%; opacity:0; }
.hero-art[data-vortex-ready="true"] #hero-vortex { opacity:1; }
.hero-art .hero-shade { background:linear-gradient(90deg,#080611d9, #08061177 32%,transparent 66%),linear-gradient(0deg,#070711,transparent 24%); }
.hero-orbits { display:none; }
.vortex-fallback { position:absolute; inset:0; background:radial-gradient(ellipse at 66% 53%,#d2aeef66 0%,#8c4ab24a 12%,transparent 38%),radial-gradient(ellipse at 72% 30%,#4521696b,transparent 62%),#090612; }
.vortex-fallback::after { content:""; position:absolute; left:36%; top:24%; width:54%; height:49%; border:1px solid #c49aef50; border-radius:50%; box-shadow:0 0 55px #9d62ce3b,inset 0 0 70px #9d62ce33; transform:rotate(-18deg); }
.hero-art[data-vortex-ready="true"] .vortex-fallback { visibility:hidden; }
.vortex-toggle { position:absolute; z-index:5; right:max(48px,calc((100% - 1328px)/2)); bottom:150px; display:grid; place-items:center; width:44px; height:44px; border:1px solid #b997ed73; border-radius:50%; color:#e4d4f5; background:#191224a8; cursor:pointer; }
.vortex-toggle[hidden] { display:none; }
.vortex-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.vortex-toggle:focus-visible { outline:2px solid #e6c1ff; outline-offset:4px; }
@media(min-width:681px) and (max-width:1100px) {
 .hero-art .hero-shade { background:linear-gradient(90deg,#080611ed,#080611ba 40%,#08061144 62%,transparent 80%),linear-gradient(0deg,#070711,transparent 24%); }
}
@media(max-width:820px) { html:has(.landing-page) { scroll-padding-top:140px; } .hero-content { padding-top:156px; } }
@media(max-width:680px) {
 .hero #hero-title { font-size:clamp(58px,13vw,82px); line-height:1.05; }
 .hero-content { padding-top:150px; padding-bottom:350px; }
 .hero-actions .button { white-space:normal; font-size:13px; padding-inline:18px; }
 .hero-art .hero-shade { background:linear-gradient(180deg,#070711, #08061188 18%,transparent 45%,#070711 98%); }
 .vortex-toggle { right:18px; bottom:170px; }
}