/* Applied only to the new MV markup; cached older pages keep their layout. */
.mv-main-copy[data-mv-video] .mv-main-copy-fallback,
.mv-main-copy[data-mv-video] .mv-main-copy-fallback img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.mv-main-copy[data-mv-video] .mv-main-copy-video {
    opacity: 0;
    background: transparent;
}

.mv-main-copy[data-mv-video].is-video-playing .mv-main-copy-video {
    opacity: 1;
}

.mv-main-copy[data-mv-video].is-video-playing .mv-main-copy-fallback {
    visibility: hidden;
}