.hero-depth{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-depth__glow{position:absolute;inset:-10% -10% 0;background:radial-gradient(45% 40% at 62% 70%,rgba(240,138,40,.26),rgba(240,138,40,0) 70%),radial-gradient(30% 30% at 30% 85%,rgba(199,49,58,.2),rgba(199,49,58,0) 70%);mix-blend-mode:screen;opacity:.85;transform:translate3d(0,calc(var(--depth-shift, 0) * -.22px),0)}.hero-depth__vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 55% 40%,rgba(12,8,7,0) 55%,rgba(12,8,7,.5) 100%)}.hero-depth__particles{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translate3d(0,calc(var(--depth-shift, 0) * -.4px),0);transition:opacity .9s cubic-bezier(.2,.7,.2,1)}.hero-depth[data-depth-state=live] .hero-depth__glow{animation:hero-depth-breathe 7s ease-in-out infinite alternate}.hero-depth[data-particle-state=running] .hero-depth__particles{opacity:1}@media(prefers-reduced-motion:reduce){.hero-depth__glow,.hero-depth__particles{transform:none;animation:none;transition:none}}img[data-depth-layer=enter]{transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}img[data-depth-layer=follow]{transition:transform .12s linear;will-change:transform}@keyframes hero-depth-breathe{0%{opacity:.7}to{opacity:1}}