/* Accueil luxe : ce que les sections ont en commun (tête de section, grand vide après le hero, interlude photo).
   Spec : 05-SPEC-accueil.md sections 1, 2 et 5. Valeurs : jetons seulement. Les classes de la grille (.ed, .plein, .cadre, .surtitre, .filet)
   viennent d'editorial.css ; ici seulement leur mise en place sur l'accueil. */

/* Première section : un grand vide sous le pied du hero, sans filet de couleur, pour que la photo du hero respire */
.villas { padding-block-start: var(--rythme-l); }

/* Tête de section : filet sur toute la largeur, surtitre, titre très grand (16 caractères de mesure, retours à la ligne maîtrisés) */
.tete-ed {
  display: grid;
  grid-column: 1 / -1;
  gap: var(--e4);
  align-content: start;
  margin-block-end: var(--rythme-s);
}
.tete-ed .titre-ed { margin-block-start: var(--e2); }

/* Interlude : une photo pleine largeur, aucun texte, seuil entre « voir » et « choisir » */
.interlude { margin-block: var(--rythme-l) var(--rythme-m); }
.interlude .cadre img { object-position: 50% 30%; }