.contact-article {
    --contact-title: #62663D;
    --contact-accent: #B78F4F;
    --contact-text: #64605A;
    width: 100%;
    padding-block: clamp(3rem, 2.2rem + 3vw, 6rem);
}

.contact-article__content {
    color: var(--contact-text);
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}

.contact-article__content h1 {
    margin: 0 0 clamp(1.5rem, 1.15rem + 1vw, 2.5rem);
    color: var(--contact-title);
    font-family: "Playfair Display", serif;
    font-size: clamp(2rem, 1.82rem + 0.75vw, 2.25rem);
    font-weight: 400;
    line-height: 1.15;
}

.contact-article__content h2 {
    margin: clamp(2rem, 1.6rem + 1.25vw, 3rem) 0 1rem;
    color: var(--contact-title);
    font-family: "Manrope", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
}

.contact-article__content h3 {
    margin: clamp(1.5rem, 1.25rem + 0.75vw, 2rem) 0 0.625rem;
    color: var(--contact-accent);
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
}

.contact-article__content p {
    margin: 0 0 1rem;
}

.contact-article__content > :last-child {
    margin-bottom: 0;
}

.contact-article__map {
    min-width: 0;
    overflow: hidden;
}

.contact-article__map > *,
.contact-article__map iframe,
.contact-article__map canvas,
.contact-article__map [class*="map"] {
    max-width: 100% !important;
}

.contact-article__map iframe {
    display: block;
    width: 100% !important;
    border: 0;
}

@media (max-width: 991.98px) {
    .contact-article__map {
        margin-top: clamp(1rem, 0.5rem + 2vw, 2rem);
    }
}