/**
 * Fast hero video switch
 * - Poster overlay fades out after first frame
 */
.cd-hero-video-wrap {
    position: relative;
}

.cd-hero-video-wrap .cd-hero-video,
.cd-hero-video-wrap .cd-hero-video-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cd-hero-video-wrap .cd-hero-video {
    z-index: 1;
    opacity: 1;
}

.cd-hero-video-wrap .cd-hero-video-poster {
    z-index: 2;
    opacity: 1;
    transition: opacity 180ms ease;
}

.cd-hero-video-wrap.cd-hero--video-ready .cd-hero-video-poster {
    opacity: 0;
    pointer-events: none;
}