/* =====================
   VIDEO BLOCK
   ===================== */

.block-video .header {
    margin-bottom: var(--space-5);
    text-align: center;
}

.block-video .video-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    align-items: center;
}

.block-video .video-wrap.has-graphic {
    grid-template-columns: 1fr 3fr;
}

/* Graphic column */
.block-video .video-graphic {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 400px;
}

.block-video .video-graphic svg {
    width: 100%;
    height: 100%;
    max-height: 400px;
}

/* 16:9 responsive iframe wrapper */
.block-video .video-embed {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    background: #000;
}

.block-video .video-embed iframe,
.block-video .video-embed video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

@media (max-width: 991.98px) {
    .block-video .video-wrap.has-graphic {
        grid-template-columns: 1fr;
    }
    .block-video .video-graphic {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .block-video .header {
        text-align: left;
    }
}