/* =============================================================================
   manifeste.css — grande accroche editoriale a deux colonnes
   =============================================================================
   Repris de la maquette figee : style.css l. 1893-1906, sa @media comprise.
   Les commentaires d'origine sont conserves.

   ⚠️ TOUT le CSS de ce type de bloc vit ici — y compris ses @media. Rien dans
   le CSS d'une page : un bloc duplique vers une page vierge doit rester correct.

   ⚠️ `.manifeste__txt{ padding-top:44px }` n'est PAS un espacement decoratif :
   il cale le paragraphe de droite sur la ligne de l'eyebrow de gauche. Le retirer
   ferait remonter la colonne droite de 44px et casserait l'alignement voulu — ce
   que le commentaire d'origine dit, et qui ne se devine pas en lisant la valeur.
   Il tombe a zero en colonne unique, la question ne se posant plus.

   ⚠️ Les reperes chiffres (`.manifeste__stats span`) sont a ANGLES DROITS,
   deliberement : « informatif », dit la maquette. Ce ne sont pas des boutons et
   ils ne doivent pas leur ressembler — ne pas les arrondir par harmonisation.
   ============================================================================= */

/* ---- MANIFESTE (intro Actions nature, Fix 06/07) : grande accroche serif à gauche,
   développement + repères factuels (badges informatifs, angles droits) à droite ---- */
.manifeste{ background:var(--creme); }
.manifeste__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(30px,5vw,80px); align-items:start; }
.manifeste__lede{ font-weight:400; font-size:clamp(30px,3.2vw,48px); line-height:1.18;
  color:var(--noir); margin-top:14px; }
.manifeste__lede em{ font-style:italic; color:var(--jaune-d); }
.manifeste__txt{ padding-top:44px; }   /* cale le paragraphe sous le niveau de l'eyebrow */
.manifeste__txt > p:first-child{ font-size:var(--fs-body); line-height:1.75; color:var(--noir); }
.manifeste__stats{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.manifeste__stats span{ font-size:var(--fs-label); font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--noir); border:1px solid rgba(14,14,14,.28);
  border-radius:3px; padding:8px 12px; }   /* angles droits : informatif */
@media (max-width:900px){ .manifeste__grid{ grid-template-columns:1fr; } .manifeste__txt{ padding-top:0; } }