.vh-home-video { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #111; box-shadow: 0 20px 40px rgba(0,0,0,.22); }
.vh-home-video img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vh-home-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: rgba(0,0,0,.65); color: white; font-size: 2rem; transition: background .2s; }
.vh-home-video:hover .vh-home-video__play, .vh-home-video:focus-visible .vh-home-video__play { background: rgba(0,0,0,.85); }
.vh-home-video:focus-visible { outline: 3px solid #ffb400; outline-offset: 4px; }
.vh-home-video-frame { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; box-shadow: 0 20px 40px rgba(0,0,0,.22); }

/* Keep the features video inset within the white panel, before and after play. */
.vh-mk-features [aria-labelledby="vh-features-orders-title"] .vh-home-video,
.vh-mk-features [aria-labelledby="vh-features-orders-title"] .vh-home-video-frame {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    margin: clamp(1rem, 3vw, 2.5rem);
}