.jumbotron.header_video{
    /* Viewport hero below navigation; long content can increase its height. */
    min-height: calc(100svh - var(--body-padding));
    display: flex;
    align-items: center;
    overflow: hidden;
    --button-outline-text: var(--button-text);
    --button-outline-border: var(--button-text);
    --button-outline-bg-hover: var(--button-text);
    --button-outline-border-hover: var(--button-text);
    --button-outline-text-hover: var(--espresso);
}

.header_video .header_video_media{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.header_video::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    /* Figma 2039:2986: black 50% plus a top gradient at 80% opacity.
       The gradient transform spans 1 / 4.51282072 of the hero height. */
    background: linear-gradient(to bottom, rgb(0 0 0 / 80%), transparent 22.1591%), rgb(0 0 0 / 50%);
}

.header_video .header_video_container{
    position: relative;
    z-index: 1;
}

#content .header_video .header_video_content > :is(p:has(.button), .button-group, .button):not(:first-child){
    /* Figma CTA gap: twice the shared 20px text spacing. */
    margin-top: calc(2 * var(--default-margin-bottom));
}

.header_video .button-group{
    justify-content: center;
}