/* ==========================================================================
   contact.css — styles propres a la page contact.html (refonte copy 16/09)
   Charge en dernier : il surcharge volontairement .page-hero.
   ========================================================================== */

/* --- A. Bande d'entree : le hero pleine hauteur devient une bande courte.
   Le modificateur est scope a contact.html, les autres pages gardent
   le hero immersif. L'image de fond a ete retiree : contact-portrait.webp
   ne sert plus qu'une fois, dans la grille de coordonnees. --- */
.page-hero--bande {
  min-height: 0;
  border-bottom: 1px solid var(--border);
}

.page-hero--bande .page-hero-inner {
  padding-top: clamp(6.5rem, 12vh, 8.5rem);
  padding-bottom: clamp(2.5rem, 5vh, 3.5rem);
}

.page-hero--bande .page-title {
  max-width: 18ch;
  font-size: clamp(2.6rem, 5.4vw, 5rem);
}

.page-hero--bande .page-intro {
  max-width: 52ch;
  color: var(--bone-soft);
  font-size: 0.92rem;
}

/* Les sections « Ce qui aide a repondre vite », « Avant d'ecrire » et
   « Apres votre message » sont parties le 09/11 : Thomas ne voulait plus
   que son numero, son email et son Instagram. Leurs 18 regles (trames,
   filtre, cloture, citation) sont dans
   archive/avant-menage-20261109/contact.css. */