.video-hero {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: var(--header-height);
    padding-bottom: var(--spacing);
}
.video-hero__video {
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: calc((100vh - var(--header-height)) * (16/9));
}
.video-hero__overlay {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg, #000);
    opacity: var(--opacity, 0.8);
}
.video-hero .container {
    position: relative;
    z-index: 15;
}
main > .section:first-child .video-hero {
    margin-top: calc((var(--section-spacing) * -1) - var(--header-height)) !important;
}
.header-2 + main > .section:first-child .video-hero {
    min-height: calc(100vh - var(--header-height));
    margin-top: calc(-1 * var(--section-spacing)) !important;
}