/**
 * LCP helpers — video layer only. Webflow sets .w-background-video > video { inset: unset !important }.
 */
.header-3 .video-background {
    overflow: hidden;
}

.header-3 .hero-lcp-poster {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    pointer-events: none;
}

.header-3 .hero-lcp-poster.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
}

.header-3 .video-background.w-background-video > video.hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center;
    z-index: 0 !important;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.header-3 .video-background.w-background-video > video.hero-video.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2 !important;
}

.header-3-gradient {
    pointer-events: none;
}