/* The original logo remains the complete no-JS / unavailable-WebGL fallback. */
.home-hero{
  position:relative;padding:0;
  background:radial-gradient(ellipse at 50% 34%,#287eff 0%,#095ef5 49%,#0746c3 100%);
}
.home-hero-inner{
  width:100%;min-height:calc(100svh - var(--header-height));
  padding:28px 24px 80px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.logo-sculpture{
  position:relative;flex:none;width:min(440px,88vw);height:clamp(230px,37svh,350px);
  margin:0 auto 8px;isolation:isolate;pointer-events:none;
}
.logo-sculpture .home-logo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;
}
.logo-sculpture canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.logo-sculpture.is-ready canvas{opacity:1}
.logo-sculpture.is-ready .home-logo{opacity:0}
.logo-sculpture.has-css-logo{perspective:850px;isolation:auto}
.logo-sculpture.has-css-logo .home-logo{opacity:0}
.css-logo{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.css-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:visible}
.css-logo-edge{filter:brightness(.5) saturate(1.4)}
.logo-sculpture.is-ready .css-logo{visibility:hidden}
.home-hero h1{font-size:clamp(2rem,4.2vw,3.45rem);line-height:1.08;flex:none}
.home-hero .home-primary-cta{margin-top:24px;flex:none}
.home-hero.has-logo-3d{min-height:calc(166svh - var(--header-height))}
.has-logo-3d .home-hero-inner{position:sticky;top:var(--header-height)}
.logo-scroll-cue{display:none;align-items:center;gap:10px;margin:24px 0 0;color:#fff;font-size:.875rem;line-height:1.4}
.has-logo-3d .logo-scroll-cue{display:flex}
.logo-scroll-cue svg{width:16px;height:20px;flex:none}
@media(max-width:700px){
  .home-hero-inner{padding:18px 18px 65px}
  .logo-sculpture{height:clamp(220px,34svh,300px);width:min(360px,92vw);margin-bottom:10px}
  .home-hero h1{font-size:clamp(1.95rem,8.1vw,2.75rem);max-width:100%}
  .home-hero .home-primary-cta{margin-top:22px}
  .logo-scroll-cue{margin-top:22px}
}
@media(max-height:560px){
  .home-hero.has-logo-3d{min-height:0}
  .has-logo-3d .home-hero-inner{position:relative;top:auto}
  .logo-sculpture{height:200px}
}
@media(prefers-reduced-motion:reduce){
  .home-hero.has-logo-3d{min-height:0}
  .has-logo-3d .home-hero-inner{position:relative;top:auto}
  .has-logo-3d .logo-scroll-cue{display:none}
}

.logo-motion-toggle{margin-top:15px;padding:9px 16px;color:white;background:transparent;border:1px solid #ffffff88;border-radius:99px;font:inherit;font-size:.9rem;cursor:pointer}
.logo-motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.home-hero.has-logo-3d.motion-forced{min-height:calc(166svh - var(--header-height))}.has-logo-3d.motion-forced .home-hero-inner{position:sticky;top:var(--header-height)}.has-logo-3d.motion-forced .logo-scroll-cue{display:flex}}