.brand-wordmark { font-size: 24px; line-height: 1; font-weight: 700; }
.site-header .header-inner { width: auto; margin-inline: 32px; }
.home-hero { min-height: calc(100svh - 8px); background: #03050c; }
.home-hero .hero-image { background: #03050c url("assets/untitled-background-desktop.png?v=2") center / cover no-repeat; }
.home-hero .hero-image::before, .home-hero::before { content: none; }
.home-hero .hero-image canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: 0; transition: opacity 1s ease; }
.home-hero[data-shader-render="gpu"] .hero-image canvas { opacity: 1; }
.shader-static-logo { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(638.4px, calc(105% - 67.2px)); aspect-ratio: 608 / 119; height: auto; object-fit: contain; opacity: 0; pointer-events: none; transition: opacity .7s ease; }
.shader-static-logo[data-ready="true"] { opacity: 1; }
.home-hero .hero-content { position: relative; display: block; padding: 0; }
.home-hero .hero-message { position: absolute; left: 0; right: 0; top: calc(50% + 155px); max-width: 950px; margin: 0 auto; animation: none; }
.home-hero .hero-statement { margin-top: 0; }
.home-hero .hero-choices { position: absolute; left: 0; right: 0; bottom: 44px; animation: none; margin: 0 auto; }
.home-hero .hero-choice { min-width: min(440px, 100%); }
.home-hero .shader-accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.shader-scene:not(.home-hero) { background: #03050c; overflow: clip; }
.shader-scene:not(.home-hero)::before { content: none; }
.shader-scene:not(.home-hero)::after { background: rgb(3 5 12 / .38); }
.page-shader-media { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.page-shader-media canvas { position: sticky; top: 0; display: block; width: 100%; height: 100svh; background: url("assets/untitled-background-desktop.png?v=2") center / cover no-repeat; }
.shader-scene[data-shader-render="gpu"] .page-shader-media canvas { background-image: none; }
@media (max-width: 900px) {
  .site-header .header-inner { margin-inline: 24px; }
}
@media (max-width: 620px) {
  .brand-wordmark { font-size: 18px; }
  .site-header .header-inner { margin-inline: 18px; }
  .home-hero .hero-image { background-image: url("assets/untitled-background-mobile.png?v=2"); }
  .page-shader-media canvas { background-image: url("assets/untitled-background-mobile.png?v=2"); }
  .home-hero .hero-message { top: calc(50% + 125px); }
  .home-hero .hero-choices { bottom: 44px; }
}
@media (max-height: 740px) and (max-width: 620px) {
  .home-hero .hero-message { top: calc(50% + 85px); }
  .home-hero .hero-choices { bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) { .home-hero .hero-image canvas, .page-shader-media canvas, .shader-static-logo { transition: none; } }
