/* ==========================================================================
   Blocs de texte — mise à l'échelle
   ==========================================================================
   Chargée APRÈS css/nova-7385cd.webflow.css. Retirer le <link> revient à
   l'état précédent.

   Les paragraphes de l'export étaient dimensionnés comme des titres : 37 px
   pour le chapeau du hero, 34 px pour les introductions de page, 30 px pour
   les avis et le texte des chiffres, 24 px pour les questions de la FAQ. À
   ces tailles, trois phrases occupent un écran entier.

   Les titres d'affichage ne bougent pas — ce sont eux qui portent la
   signature visuelle. Seul le texte courant est ramené à une échelle de
   lecture, ce qui réduit d'autant la hauteur des blocs.
   ========================================================================== */

/* --- chapeau du hero : 37 px -> ~26 px --------------------------------- */
.paragraph-4 {
  max-width: 34ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(19px, 2vw, 26px);
  line-height: 1.28;
}

/* --- introductions de page : 34 px -> ~22 px --------------------------- */
.max-width-480px.centered,
.max-width-480px-copy.centered {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(17px, 1.6vw, 22px);
  line-height: 1.4;
}

/* --- avis clients : 30 px / interligne 50 px -> ~21 px ----------------- */
.reviews-text,
.reviews-text-copy,
.ff-copy {
  max-width: 62ch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.55;
}

/* --- chapeau de la section chiffres : 30 px -> ~18 px ------------------ */
.heading-24-copy {
  max-width: 48ch;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.5;
}

/* --- titre de la section chiffres : 40 px -> ~30 px -------------------- */
.heading-18 {
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.2;
}

/* --- questions de la FAQ : 24 px -> ~19 px ----------------------------- */
.faq-question {
  font-size: clamp(17px, 1.5vw, 19px);
  line-height: 1.35;
}

/* --- textes de présentation : 20 px -> 17 px --------------------------- */
.max-width-520px,
.max-width-520px-copy {
  max-width: 52ch;
  font-size: 17px;
  line-height: 1.6;
}

/* --- corps de texte des cartes de la section « ce qu'on fait » ---------
   Le texte y était à la taille de base sur une colonne de 240 px, ce qui
   coupait les lignes tous les trois mots. */
.awards-card p,
.awards-card-copy p,
.ll p {
  font-size: 15px;
  line-height: 1.55;
}

.awards-card h4,
.awards-card-copy h4,
.ll h4 {
  font-size: 20px;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .reviews-text,
  .reviews-text-copy,
  .ff-copy {
    padding-left: 0;
    padding-right: 0;
  }
}