/* ==========================================================================
   INTRO TITRÉE (`gd_intro`) — l'ouverture de la page Accompagnateurs.

   ⚠️ C'EST UNE SECTION SUR FOND NOIR, et ce n'est pas décoratif : elle est
   SOLIDAIRE de la barre de filtres qui la suit, elle-même en `var(--noir)`. Les
   deux forment un bandeau sombre continu sous le hero. Changer le fond de l'une
   sans l'autre casserait la continuité, et la barre étant `position:sticky`, la
   rupture se verrait au défilement.
   ⚠️ Corollaire pour l'en-tête du site : `.gd-intro` et `.gd-barre` ne sont PAS
   dans `BLOCS_SOMBRES`, et c'est juste — ni l'une ni l'autre n'est dans le
   `DARK_BLOCKS` de la maquette. C'est le hero `.vf-hero` qui l'est, et il l'est
   déjà.

   ⚠️ LE TITRE EST EN `white-space:nowrap` SUR GRAND ÉCRAN — retour de Fix, pour
   qu'il tienne sur une ligne —, et la `@media` de fin le relâche sous 820 px.
   Porter la première sans la seconde donnerait un titre qui déborde sur téléphone.

   Source : `style.css:2204-2217` — bornes CALCULÉES sur les en-têtes de section,
   jamais comptées à la main.
   ========================================================================== */
/* intro (retour Fix) : texte LARGE, marges G/D minimes -> moins de lignes -> bandeau PLUS BAS.
   Titre non bridé (tient sur 2 lignes) + titre un cran plus petit ; paragraphe pleine largeur. */
/* intro sur FOND NOIR (retour Fix) comme la barre de filtres — texte clair (règle lisibilité) */
.gd-intro{ background:var(--noir); text-align:center; }
.site-content .gd-intro{ padding-top:clamp(40px,4.5vw,64px); padding-bottom:clamp(28px,3vw,44px); }
.gd-intro__inner{ max-width:none; margin:0 auto; }   /* marges G/D minimes (retour Fix) : le texte prend toute la largeur du conteneur */
.gd-intro .eyebrow--dark{ color:var(--jaune); }   /* eyebrow en jaune sur le noir */
/* titre sur UNE seule ligne (retour Fix) : taille réduite + nowrap desktop (wrap conservé en petit écran) */
.gd-intro__inner .sec-title{ font-size:clamp(26px,3.4vw,46px); line-height:1.1; color:var(--blanc); white-space:nowrap; }
.gd-intro__txt{ font-size:var(--fs-body); color:rgba(255,255,255,.82); margin-top:14px; line-height:1.5;
  max-width:none; }
/* marges G/D RÉDUITES (retour Fix) : l'intro déborde le max-width standard du .container -> texte plus large */
.gd-intro .container{ max-width:1720px; padding-inline:clamp(20px,3vw,44px); }
@media (max-width:820px){ .gd-intro__inner .sec-title{ white-space:normal; } }