/* ============================================================
   Page Contact
   Titre + intro + formulaire Tally, contenus dans la largeur
   du site (réutilise .container .container-narrow, .section,
   h1 et .lead globaux — pas de largeur qui déborde).
   ============================================================ */

.contact-head { margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem); }
/* H1 à la taille des pages intérieures (référence : .legal-head h1) et non à la
   taille hero --fs-display, qui rendait « Contact » nettement trop grand. */
.contact-head h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; }
/* L'intro garde la pleine largeur de lecture du conteneur (comme les
   paragraphes des pages légales) — jamais plus étroite. */
.contact-head .lead { max-width: none; }

/* Formulaire Tally : pleine largeur du conteneur.
   NE PAS fixer de height ici — dynamicHeight ajuste l'iframe à son
   contenu ; une hauteur CSS la contraindrait. */
/* Contacts alternatifs (e-mail + Calendly) : liens texte discrets, hors iframe,
   visibles pour l'utilisateur ET crawlables. Pas de bouton (le CTA de réservation
   de la page reste unique). Style de lien inline du site (terracotta souligné). */
/* Même texte courant que l'intro .lead : taille (--fs-lead), couleur, police et
   interligne identiques (interligne hérité du body = 1.65, comme .lead).
   Écart ramené à ~1.15rem (comme entre paragraphes .lead ailleurs, cf. .acc-intro) :
   .contact-head porte un margin-bottom clamp(1.75rem,3.5vw,2.5rem) qui FUSIONNE avec
   cette marge (marges adjacentes) ; le calc négatif compense pour un écart net constant. */
.contact-alt { margin-top: calc(1.15rem - clamp(1.75rem, 3.5vw, 2.5rem)); font-size: var(--fs-lead); color: var(--espresso-soft); }
.contact-alt a { color: var(--terracotta-deep); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; transition: color .2s ease; word-break: break-word; }
.contact-alt a:hover { color: var(--terracotta-darker); }

.contact-form { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
.contact-form iframe {
  display: block;
  width: 100%;
  border: 0;
}