/* About hero only; the existing content and lower transition retain their layout. */
.about-page .about-hero-media { position:absolute; inset:0; z-index:-2; overflow:hidden; pointer-events:none; }
.about-page .about-hero-poster,
.about-page .about-hero-video { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.about-page .about-hero-video { opacity:0; transition:opacity 220ms ease; }
.about-page .about-hero-media.is-playing .about-hero-video { opacity:1; }
.about-page .about-hero::before {
  background:linear-gradient(180deg,rgba(5,14,25,.22),rgba(6,16,28,.12) 58%,rgba(7,18,30,.82)),
    linear-gradient(90deg,rgba(4,13,24,.8),rgba(5,15,27,.65) 38%,rgba(6,17,29,.45));
}
@media (prefers-reduced-motion:reduce) {
  .about-page .about-hero-video { opacity:0!important; transition:none; }
}