/* Still photo is always available behind the independently playing video. */
.hero-pan { background: none; overflow: hidden; }
.hero-pan-background, .hero-video {
 position:absolute; top:0; left:0; width:100%; height:100%;
 z-index:0; pointer-events:none;
}
.hero-pan-background { background: url('../images/parallax-banner-1.jpg') center center / cover no-repeat; }
.hero-video { object-fit:cover; opacity:0; transition:opacity .3s; }
.hero-pan > .parallax-overlay { z-index:1; pointer-events:none; }
.hero-pan .hero-holder { z-index:2; }
.hero-video.is-playing { opacity:1; }
@media (prefers-reduced-motion:reduce) { .hero-video { display:none; } }