/* ============================================================
   PRÉPARATEUR.E46 — LA PAGE-MODÈLE
   Une motorisation, célébrée. Sept pages qui partagent cette recette.
   ============================================================ */

/* ⚠️ Piège du 01/08 (Florient) : le fond de ces pages venait du dégradé
   partagé .pe-fil (palette.css), qui répartit ses paliers tôle→noir en
   POURCENTAGE DE LA HAUTEUR TOTALE de l'élément sur lequel il est posé. Ce
   dégradé est calibré pour le long fil de l'accueil — sur une page-modèle,
   bien plus courte, les mêmes paliers se compressent : le texte "clair"
   (encre sombre) de .pe-modele-corps tombait déjà sur la zone graphite/fonte
   du dégradé alors qu'il est prévu pour un fond clair → contraste illisible.
   Solution : chaque section pose SON PROPRE dégradé, borné à SA PROPRE
   hauteur — plus de dépendance à la longueur totale de la page, donc plus de
   décalage possible entre le régime de texte et le fond réel. */
.pe-modele-hero{
  text-align:center;
  padding-top:clamp(3rem, 8vh, 5.5rem);
  padding-bottom:clamp(2rem, 5vh, 3rem);
  background:linear-gradient(180deg, var(--pe-tole) 0%, var(--pe-alu) 100%);
}

.pe-modele-hero-code{
  font-family:'Bebas Neue', 'Barlow Condensed', sans-serif;
  font-size:clamp(4.5rem, 18vw, 9rem);
  line-height:1;
  color:var(--pe-or);
  letter-spacing:.02em;
}

.pe-modele-hero-bloc{
  margin-top:.6rem;
  font-family:'Barlow Condensed', sans-serif;
  font-size:1.05rem;
  letter-spacing:.04em;
  color:var(--pe-encre-doux);
}

.pe-modele-corps{
  max-width:none;
  width:100%;
  padding:2.5rem 1.5rem clamp(3rem, 7vh, 4.5rem);
  text-align:center;
  background:linear-gradient(180deg, var(--pe-alu) 0%, var(--pe-graphite) 100%);
}
.pe-modele-corps > *{
  max-width:720px;
  margin-inline:auto;
}

.pe-modele-histoire{
  max-width:60ch;
  margin-inline:auto;
  font-size:clamp(1.05rem, 1.6vw, 1.18rem);
  line-height:1.75;
}

.pe-modele-retour{
  margin-top:clamp(2rem, 5vh, 3rem);
}

.pe-modele-autres{
  text-align:center;
  padding:clamp(2.5rem, 6vh, 4rem) 1.5rem clamp(3rem, 7vh, 4.5rem);
  background:linear-gradient(180deg, var(--pe-fonte) 0%, var(--pe-anthracite) 45%, var(--pe-carbone) 100%);
}
.pe-modele-autres .pe-gamme{ max-width:1000px; margin-inline:auto; }

@media (max-width:760px){
  .pe-modele-hero-code{ font-size:clamp(3.6rem, 22vw, 6rem); }
}