/* Composition historique de Contact (26018b6), limitée à cette page. */
.contact-page.responsive-layout {
    --contact-navbar-height: 72px;
    padding-top: var(--contact-navbar-height);
}
.contact-page.responsive-layout .herocontact {
    position: relative;
    width: 100%;
    height: auto;
    min-height: calc(100vh - var(--contact-navbar-height));
    min-height: calc(100svh - var(--contact-navbar-height));
    padding: 10px 10px 80px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
/* Le décalage de l'ancien H1 est porté par le contenu, pas par le H1 masqué. */
.contact-page .herocontact > .container {
    flex: 0 0 auto;
    padding-top: 30vh;
}
.contact-page.responsive-layout .herocontact .contact-email {
    margin-top: 0;
}
.contact-page.responsive-layout .herocontact .footer {
    position: absolute;
    inset: auto 10px 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}
.contact-page.responsive-layout .herocontact .copyright {
    margin: 0;
    max-width: none;
    padding: 16px 0;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
@media (min-width: 992px) {
    .contact-page.responsive-layout .herocontact {
        min-height: max(800px, calc(100vh - var(--contact-navbar-height)));
        min-height: max(800px, calc(100svh - var(--contact-navbar-height)));
    }
}
@media (max-width: 767.98px) {
    .contact-page .herocontact > .container {
        padding-top: 18vh;
    }
}