/* ==========================================================================
   Accueil
   ========================================================================== */

.hero {
  padding-block: var(--e-8) var(--e-5);
}

.hero h1 {
  margin-bottom: var(--e-5);
}

.hero .introduction {
  max-width: 62ch;
}

/* --- Ce que fait le programme ---------------------------------------------
   Trois volets concomitants : un filet en tête, pas de carte ni d'ombre. */

.volets {
  display: grid;
  gap: var(--e-6);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.volet {
  border-top: 1px solid var(--encre);
  padding-top: var(--e-3);
}

.volet h3 {
  font-size: var(--t-md);
  margin-bottom: var(--e-2);
}

.volet p {
  max-width: none;
  margin-bottom: 0;
  color: var(--encre-70);
}