/* Contact. */

.contact {
    position: relative;
}

.contact:not(:first-child) .breadcrumbs {
    display: none;
}

.contact .breadcrumbs {
    margin-top: var(--header);
    margin-bottom: clamp(40px, 3.33vw, 64px);
}

.contact-dec {
    position: absolute;
    left: 0;
    bottom: -400px;
    z-index: -1;

    background-color: var(--color-background);
}


.contact-dec img {
    mix-blend-mode: difference;
}

.contact .container {
    position: relative;
    z-index: 1;
}

.contact-title {
    position: relative;
    text-align: center;
}

.contact hr {
    margin: var(--i4) calc(var(--container-margin) * -1);

    opacity: .2;
    border: 0 none;
    border-bottom: 1px solid currentColor;
}

.contact-net {
    --i2: clamp(20px, 3.33vw, 64px);

    align-items: center;
    grid-gap: clamp(40px, 12vw, 214px);
}

.contact-map {
    width: 100%;
}

.contact-map iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 496/391;
}

.contact-info {
    display: flex;
    flex-direction: column;
    grid-gap: var(--i2);
    flex-shrink: 0;
    width: 100%;
}

.contact-info .h2 {
    margin-bottom: calc((var(--i2) - var(--i4)) * -1);
}

.contact-info .richText a {
    color: inherit;
    text-decoration: none;
}

.contact-info .contacts {
    grid-gap: var(--gap);
}

/* Contact. */