/* Arc hero: still image with its looping video on top; existing hero typography stays in place. */
.hero__media :is(img,video) { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; object-position:var(--hero-position,50% 40%); transition:opacity .25s ease-out; }
.hero__media :is(img,video).is-on { opacity:1; }
.hero__media { isolation:isolate; }
.hero__media .hero-arc-video { z-index:1; opacity:0; }
.hero__media .hero-arc-video.is-playing { opacity:1; }
.hero__media video[data-hero-image="motion"] { z-index:1; }
.hero__media::after { z-index:2; background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.04) 36%,rgba(0,0,0,.65)); }
.nav:not(.is-scrolled) .brand { color:#fff; }
@media (max-width:600px) {
 .hero__media :is(img,video) { object-position:var(--hero-mobile-position,38% 35%); }
}