/* Separate translate preserves the selected entrance animation and headline offset. */
main#top .hero-blurs{translate:0 var(--hero-background-y,0px);will-change:translate}
main#top h1,main#top .quiet-glint{translate:0 var(--hero-text-y,0px);filter:blur(var(--hero-exit-blur,0px));opacity:var(--hero-exit-opacity,1);will-change:translate,filter,opacity}
@media(prefers-reduced-motion:reduce){main#top .hero-blurs,main#top h1,main#top .quiet-glint{translate:none;filter:none;will-change:auto}}

/* Cover all coral layers, while leaving the headline above the color fade. */
main#top::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#101014;opacity:var(--hero-background-fade,0);will-change:opacity}

main#top .subtitle{opacity:var(--hero-subtitle-opacity,1);color:#fff;will-change:opacity}

/* Reverse the hero fade, starting with the preceding team's background color. */
.contact-section::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#fff;opacity:var(--contact-background-cover,1);will-change:opacity}
@media(prefers-reduced-motion:reduce){.contact-section::after{opacity:0;will-change:auto}}
.trusted .logo-marquee{opacity:var(--logos-exit-opacity,1);filter:blur(var(--logos-exit-blur,0px))}
@media(prefers-reduced-motion:reduce){.trusted .logo-marquee{opacity:1;filter:none}}
.trusted h2{opacity:var(--logos-exit-opacity,1)!important;filter:blur(var(--logos-exit-blur,0px))}
@media(prefers-reduced-motion:reduce){.trusted h2{opacity:1!important;filter:none}}

.trusted h2,.trusted h2.light-reveal{opacity:1!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.trusted h2,.trusted h2.light-reveal{opacity:1!important;filter:none!important}}