/* Keep the established desktop transitions; only their lifecycle changes. */
@media(prefers-reduced-motion:no-preference){
 .js .hero-content:not(.in) .hero-headline>span{animation:none;opacity:0}
}
@media(max-width:859px) and (prefers-reduced-motion:no-preference){
 /* Mobile keeps a quiet opacity reveal without movement or layout changes. */
 html.js body [data-reveal],html.js body h2[data-reveal]{opacity:0;transform:none;transition:opacity .65s ease;transition-delay:var(--delay,0ms)}
 html.js body [data-reveal].in,html.js body h2[data-reveal].in{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 html.js body [data-reveal],html.js body h2[data-reveal]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
 html.js .hero-headline>span{opacity:1!important;transform:none!important;animation:none!important}
}