/* ------------------------------------------------------------------
   DA.Design — correctifs propres à la page Conception
   Référence Figma : nœud 1592:2361 (hero « Notre sélection »)
   ------------------------------------------------------------------ */

/* Le hero du site est bloqué à 623px de haut avec 96px de padding ;
   la maquette fait 340px au total, soit 70px de padding vertical et
   130px de retrait latéral, hauteur laissée au contenu. */
main > section[class]:first-of-type {
  height: auto;
  padding: 70px 130px;
  gap: 19px;
}

/* Titre : Figma le veut en Inter Medium, le site le sortait en Semi Bold. */
main > section[class]:first-of-type h1 {
  font-weight: 500;
}

/* La maquette ne pose aucun décor dans ce hero : le site y superpose
   hero-waves-yellow.svg à 30 % d'opacité. */
main > section[class]:first-of-type > div[class]:last-child {
  display: none;
}

/* Grille des réalisations : la maquette la cadre à 1022px (cartes de
   314px, gouttière de 40px), plus étroit que les 1180px du reste du
   site. Figma n'applique pas la même largeur à toutes ses sections. */
main > section:nth-of-type(2) > .max-w-7xl {
  max-width: 1022px;
}

/* --- Mobile -------------------------------------------------------- */
/* Les 130px de retrait latéral ci-dessus viennent d'une maquette cadrée
   à 1440. Appliqués tels quels sur un écran de 390px, il ne restait que
   130px pour le contenu : le titre se coupait en plein mot (« sélectio /
   n ») et le chapeau descendait en colonne de trois mots de large. */

@media (max-width: 1023px) {
  main > section[class]:first-of-type {
    padding: 56px 24px;
  }
}