@layer template {
    .header-image {
        position: relative;
        height: 62.5vw
    }

    @media (min-width: 1024px) {
        .header-image {
            height:330px
        }

        .header-image.header-image--video {
            height: initial
        }

        .header-image.header-image--video .header-image__image-wrapper {
            height: 330px
        }

        .header-image.header-image--video .header-image__text {
            position: relative
        }

        .header-image.header-image--video .header-image__text.header-image__text--square {
            position: absolute
        }
    }

    @media (max-width: 1023px) {
        .header-image.header-image--video-mb {
            height:initial
        }

        .header-image.header-image--video-mb .header-image__image-wrapper {
            height: 62.5vw
        }

        .header-image.header-image--video-mb .header-image__text {
            position: relative
        }
    }

    .header-image.header-image--clickable {
        cursor: pointer
    }

    .header-image .header-image__image {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .header-image .header-image__image--svg {
        -o-object-fit: contain;
        object-fit: contain
    }

    .header-image .header-image__image-wrapper {
        position: relative;
        width: 100%;
        height: 100%
    }

    .header-image .header-image__text {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        padding: 4.6875vw;
        background: var(--text-background)
    }

    @media (min-width: 1024px) {
        .header-image .header-image__text {
            width:auto;
            padding: 20px 40px
        }

        .header-image .header-image__text.header-image__text--square {
            display: flex;
            flex-direction: column;
            justify-content: center;
            top: 40px;
            bottom: 40px;
            left: 40px;
            padding: 0 40px
        }

        .header-image .header-image__text.header-image__text--square>* {
            max-width: 20ch
        }
    }
}

.header-image[data-v-6235d924] {
    --text-background: var(--26cc034e)
}