/**
 * Home hero background video (YouTube / Vimeo facade).
 *
 * The poster image is rendered underneath and is the LCP element; the iframe is
 * injected by assets/js/hero-video.js after load and fades in once playing, so
 * the video never blocks first paint. Loaded only on the front page.
 */
.hero-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Cover the container at any aspect ratio without letterboxing. */
    width: max(100%, calc(100vh * 16 / 9));
    height: max(100%, calc(100vw * 9 / 16));
    border: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease;
}

.hero-video.is-loaded iframe {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .hero-video { display: none; }
}