/* =============================================================================
   blocs/vf-esprit.css — la SECTION SOMBRE « texte + photo » : l'esprit du voyage sur la
   fiche voyage, « Les extensions » sur la page Sur-mesure (bloc `vf_esprit`).
   =============================================================================
   Sortie de `pages/voyage.css` le 2026-10-07 au deuxième consommateur — règle d'or (D141) :
   un composant à deux consommateurs vit dans `css/blocs/`, jamais dans le CSS d'une page.
   ⚠️ `.vf-esprit` est dans BLOCS_SOMBRES (`common.js`) : l'en-tête passe en blanc dessus.
   Règles reprises de la maquette sans retouche ; leur provenance est notée au-dessus de chacune.
   ============================================================================= */
/* style.css l. 1666 */
.vf-esprit__option{ margin:10px 0 0 12px; color:var(--blanc); }
/* style.css l. 1746 */
.vf-esprit{ background:var(--noir); color:var(--blanc); }
/* style.css l. 1747 */
.vf-esprit__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,72px); align-items:center; }
/* style.css l. 1748 */
.vf-esprit .eyebrow{ color:var(--jaune); }
/* style.css l. 1749 */
.vf-esprit__titre{ font-size:clamp(32px,3.4vw,52px); line-height:1.05; margin:12px 0 20px; color:var(--blanc); }
/* style.css l. 1750 */
.vf-esprit__txt p{ font-size:var(--fs-body); line-height:1.7; color:rgba(255,255,255,.82); margin-bottom:16px; }
/* style.css l. 1751 */
.vf-esprit__txt strong{ color:var(--blanc); }
/* style.css l. 1752 */
.vf-esprit__pic{ aspect-ratio:3/2; border-radius:22px; background:#241d12 center/cover no-repeat; box-shadow:0 28px 60px -20px rgba(0,0,0,.6); }
@media (max-width:980px){
  .vf-esprit__grid{grid-template-columns:1fr;}
}
/* style.css l. 1813 */
.vf-esprit__cta{ margin-top:10px; }
@media (max-width:1024px){
  .vf-esprit__grid > *{min-width:0;}
}
@media (max-width:1024px){
  p.vf-esprit__cta{text-align:center;}
}