.video-section__media {
    position: relative;
    padding-bottom: 56.25%;
}

.video-section__media.deferred-media {
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.video-section__media.deferred-media:after {
    content: none;
}

.video-section__poster.deferred-media__poster:focus {
    outline-offset: 0.3rem;
}

.video-section__media iframe {
    background-color: rgba(var(--color-foreground), 0.03);
    border: 0;
}

.video-section__poster,
.video-section__media iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------- */

.deferred-media__poster {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.media>.deferred-media__poster {
    display: flex;
    align-items: center;
    justify-content: center;
}

.deferred-media__poster img {
    width: auto;
    max-width: 100%;
    height: 100%;
}

.deferred-media {
    overflow: hidden;
}

.deferred-media:not([loaded]) template {
    z-index: -1;
}

.deferred-media[loaded]>.deferred-media__poster {
    display: none;
}

.deferred-media__poster:focus-visible {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground), .5);
    border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus {
    outline: none;
    box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + 0.5rem) rgba(var(--color-foreground), .5);
    border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.vimeo-text-wrapper {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 25px 0;
    width: 90%;
    max-width: 650px;
}


.vimeo-text-wrapper h1 {
    margin: 0;
    padding: 0;
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
    .deferred-media__poster:focus {
        outline: transparent solid 1px;
    }
}

.deferred-media__poster:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.deferred-media__poster-button {
    background-color: rgb(var(--color-background));
    border: 0.1rem solid rgba(var(--color-foreground), 0.1);
    border-radius: 50%;
    color: rgb(var(--color-foreground));
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.2rem;
    width: 6.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform var(--duration-short) ease, color var(--duration-short) ease;
    z-index: 1;
}

.deferred-media__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.deferred-media__poster-button .icon {
    width: 2rem;
    height: 2rem;
}

.deferred-media__poster-button .icon-play {
    margin-left: 0.2rem;
}
@media (max-width: 767px) {
    a.button.button--primary {
        margin: 6px 0;
    }
}