/* REASSURANCE */
.reassurance {
    max-width: calc(var(--gap-l) * 11);
    margin: 0 auto;
    gap: 10px;
    padding: var(--gap-xl) 0;
}

.reassurance .row {
    gap: calc(var(--gap-s) + var(--gap-xs));
}

.reassurance h2,
.reassurance .edit {
    font-family: var(--font-title);
}

.reassurance .edit * {
    font-size: var(--title-m);
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .reassurance {
        max-width: 90%;
    }
}

/* HOME INTRO */
.intro {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.intro::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(50, 52, 102, .7) 0, #323466 100%);
    pointer-events: none;
    z-index: 50;
}

.intro__video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: -1;
}

.intro__content {
    margin-top: 20vh;
    margin-bottom: 100px;
    text-align: center;
    z-index: 100;
    color: var(--color-light);
    max-width: 840px;
    font-family: var(--font-title);
    display: flex;
    flex-direction: column;
    gap: var(--gap-s);
}

.intro__surtitle {
    font-size: calc(var(--base) - 2px);
    font-weight: 300;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    flex-wrap: wrap;
}

.intro__surtitle::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: currentColor;
    mask-image: url('../img/shield-check.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('../img/shield-check.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.intro__title {
    font-size: calc(var(--title-xl) + 10px);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}

.intro__lines {
    font-size: var(--title-l);
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.home main>section:first-child {
    position: relative;
    padding-top: 0;
}

.home main>section:first-child::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #323466 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.home main>section:first-child>* {
    position: relative;
    z-index: 1;
}

/* PAGE INTRO */
.intro--page {
    padding: var(--gap-l) 0 var(--gap-s);
    /* margin-top: var(--gap-l); */
}

.intro--page__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: var(--gap-s);
    width: 100%;
    padding: 0 10%;
}

.intro--page__bread {
    font-size: calc(var(--base) - 4px);
    font-family: var(--font-title);
}

.intro--page__photos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-s);
    margin-top: var(--gap-s);
    width: 100%;
}

.intro--page__photo {
    height: 400px;
}

.intro--page__photo:nth-child(1) {
    flex: 0 1 540px;
    min-width: 0;
}

.intro--page__photo:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
}

.intro--page__photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}

@media screen and (max-width: 1023px) {
    .intro--page__photos {
        flex-direction: column;
    }

    .intro--page__photo {
        width: 100%;
        height: 300px;
    }

    .intro--page__photo:nth-child(1),
    .intro--page__photo:nth-child(2) {
        flex: none;
    }

    .intro__content {
        padding: 0 5%;
    }
}

h1.intro--page__title {
    font-size: calc(var(--title-xl) + 10px);
}

.intro--page__subtitle {
    font-size: var(--title-m);
    font-weight: 300;
}