/* ------------------------------------------------------------------
   copy-evenement.css
   Styles propres a la page evenement.html, refonte de copy du 16/09/2026.
   Ne sert a aucune autre page : tout selecteur ici est prefixe par une
   section de cette page ou par .a-completer.
   ------------------------------------------------------------------ */

/* Ligne de preuve sous l'intro du hero. */
.page-hero-preuve {
  margin-top: clamp(1rem, 2vw, 1.5rem);
  max-width: 48ch;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(240, 234, 223, 0.62);
}


/* Les marqueurs .a-completer et les regles de #deroule sont partis le
   09/11 : les marqueurs ont migre dans la checklist Thomas du 20/09, et
   #deroule a ete retire de la page, qui decrit maintenant l'experience et
   non le process. Idem #preuves. Archive :
   archive/avant-menage-20261109/copy-evenement.css. */

/* Le titre du chapitre clair est bien plus long que celui d'origine : sans cet
   ajustement, studio-sections.css le bloque a 11ch et 9rem, ce qui deborde. */
#formats .galerie-sub {
  max-width: 22ch;
  font-size: clamp(2.4rem, 5.2vw, 5rem);
  line-height: 0.98;
}

#formats .partner-text { max-width: 62ch; }
#formats .partner-text p + p { margin-top: 0.9em; }

/* Bloc final : demander, filtrer, porte privee. */
#demander .demande-texte { max-width: 66ch; }
#demander .fiche-list { max-width: 72ch; }
#demander .porte-privee { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); max-width: 60ch; }
#demander .demande-actions { margin-top: clamp(2rem, 4vw, 3rem); }