/* Decorative media stays below the existing foreground; no shared player selectors. */
html body #h3 :is(#h3-styles,#h3-contact){position:relative;isolation:isolate}
.h3#h3 .hsv-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-size:cover;background-position:center}
.h3#h3 .hsv-bg>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transition:opacity .25s}
.h3#h3 .hsv-bg[data-playing=true]>video{opacity:1}
.h3#h3 .hsv-bg:after{content:'';position:absolute;inset:0;pointer-events:none}
.h3#h3 #h3-contact>.hsv-bg{background-image:url('pixabay-4760-poster-v1.jpg');background-color:#080808}
.h3#h3 #h3-contact>.hsv-bg:after{background:rgba(0,0,0,.9)}
@media(prefers-reduced-motion:reduce){.h3#h3 .hsv-bg>video{display:none;transition:none}}