.head-illustration {
    min-height: 15.3rem;
    position: relative;

    @media(min-width: $tabletSmallP1) {
        min-height: 37.1rem;
    }

    // .head-illustration__illustration

    &__illustration {
        width: calc(100% + 1rem);
        height: 100%;
        background-color: $white;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        @media(min-width: $tabletSmallP1) {
            height: auto;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: bottom;
        }
    }

    // .head-illustration__container

    &__container {
    }

    // .head-illustration__text

    &__text {
        position: relative;
        z-index: 2;
        max-width: 95.8rem;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 2.5rem 0 8.1rem;
        &::before {
            content: '';
            width: 100vw;
            height: 100%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            background-color: $primary;
        }

        > * {
            color: #D6D1BD;
            position: relative;
            z-index: 2;
        }
    }



    & + .accordion-section {
        padding-top: 0;
    }

    // .head-illustration--primary-bg
    &--primary-bg {
        background-color: $primary;
        .head-illustration__illustration {
            background-color: $primary;
        }
    }
}