/* Hero Video Block */

.ki-hero-video {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

@media only screen and (min-width: 1100px) {
    .ki-hero-video {
        min-height: 85vh;
    }
}

/* Background video */
.ki-hero-video__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: 0;
}

/* Content layer */
.ki-hero-video__content {
    position: relative;
    z-index: 2;
    text-align: var(--ki-video-content-align, center);
    max-width: var(--wrap-max-width);
    width: calc(100% - var(--side-spacing)*2);
    padding-top: var(--transparent-header-offset, 0);
    --preheading-color: var(--ki-white);
    --preheading-letter-spacing: .25em;
    --preheading-font-size: var(--font-size-ml);
    --heading-color: var(--ki-white);
    --subheading-color: var(--ki-white);
    --heading-text-transform: uppercase;
    --heading-font-size: var(--font-size-xxxl);
    --heading-font-weight: 400;
    --heading-line-height: 1.5;
    --subheading-font-family: var(--heading-font-family);
    --subheading-text-transform: uppercase;
    --subheading-font-weight: 300;
    --subheading-font-size: var(--font-size-xl);
}
@media only screen and (min-width: 900px) {
    .ki-hero-video__content {
        --heading-font-size: 3.3rem;
    }
}

/* Dark overlay — adjust opacity to taste */
.ki-hero-video__overlay {
    position: absolute;
    inset: 0;
    background: var(--ki-video-overlay);
    z-index: 1;
}

.style-one {
    --ki-video-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, .36) 100%);
}

.style-two .ki-hero-video__content, .style-three .ki-hero-video__content {
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(10px) saturate(115%);
    -webkit-backdrop-filter: blur(10px) saturate(115%);
    --subheading-color: var(--ki-black);
    --heading-color: var(--ki-black);
    --preheading-color: var(--ki-black);
    padding: var(--spacing-lg);
    --ki-video-content-align: left;
    --heading-font-size: var(--font-size-xxl);
}

@media only screen and (min-width: 782px) {
    .style-two .ki-hero-video__content, 
    .style-three .ki-hero-video__content {
        max-width: min(40vw, 500px);
    }
    .ki-hero-video.style-two {
        justify-content: right;
    }
    .ki-hero-video.style-three {
        justify-content: left;
    }
}

@media only screen and (max-width: 781px) {
    .ki-hero-video.style-two, 
    .ki-hero-video.style-three {
        align-items: end;
    }
    .style-two .ki-hero-video__content, 
    .style-three .ki-hero-video__content {
        width: 100%;
        padding: var(--spacing-lg) var(--side-spacing);
        --preheading-font-size: var(--font-size-md);
    }
}