/* =====================================================
   Page Contact — formulaire brutaliste
   ===================================================== */

.contact-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}

.contact-page__head { margin-bottom: 28px; }

.contact-page__title {
    font-family: var(--display);
    font-size: clamp(40px, 8vw, 80px);
    line-height: 0.92;
    text-transform: uppercase;
    margin: 0;
}

.contact-page__lead {
    font-size: 18px;
    color: var(--ink-soft);
    margin: 12px 0 0;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 24px;
}

.contact-form__field { display: flex; flex-direction: column; gap: 8px; }

.contact-form__field label {
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
}

.contact-form__field input,
.contact-form__field textarea {
    border: 2px solid var(--ink);
    border-radius: 0;
    background: var(--paper);
}

.contact-form__field input:focus,
.contact-form__field textarea:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 4px var(--red-wash);
}

.contact-form__submit { align-self: flex-start; }

/* Honeypot : hors écran, jamais focusable au clavier ni lu comme un vrai champ. */
.contact-form__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}