/* Homepage only: artwork < vignette < content < navigation < existing cursor. */
#studio-hero.studio-hero{background:radial-gradient(ellipse at 72% 62%,#202d49 0%,#1d2435 44%,#1e1d28 85%);--tube-opacity:1;--tube-parallax:0px}
#studio-hero .hero-motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;opacity:var(--tube-opacity);animation:none;transform:none;translate:none;transition:opacity .5s ease}
#studio-hero.studio-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(22,24,37,.26),rgba(22,24,37,.12) 42%,transparent 72%),linear-gradient(0deg,#1e1d28 0%,transparent 20%,transparent 85%,rgba(22,24,37,.5))}
#studio-hero.studio-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 70% 65%,#f967fb0e,transparent 60%);opacity:1;transform:none;mix-blend-mode:normal}
#studio-hero .hero-noise{z-index:1;opacity:.075}
#studio-hero .studio-hero-inner{z-index:2;translate:0 var(--tube-parallax)}
#studio-hero .site-header{position:relative;z-index:4}
#studio-hero[data-tubes="fallback"] .hero-motion-canvas{opacity:0}
#studio-hero[data-tubes="fallback"]::after{background:radial-gradient(ellipse at 68% 62%,#2454aa33,transparent 65%);border-radius:45%;box-shadow:inset -55px -18px 65px -65px #7eabff;transform:rotate(-8deg)}
@media(max-width:767px){#studio-hero.studio-hero::before{background:linear-gradient(90deg,#16182544,#16182518),linear-gradient(0deg,#1e1d28,transparent 25%)}#studio-hero .studio-hero-inner{translate:none}}
@media(prefers-reduced-motion:reduce){#studio-hero .hero-motion-canvas{transition:none}#studio-hero .studio-hero-inner{translate:none}}


/* Local text contrast without dimming the entire neon artwork. */
#studio-hero .studio-hero-inner h1,#studio-hero .hero-lede{text-shadow:0 2px 12px rgba(10,14,26,.65)}