/* =========================================================
   Q&F Consulting — couche maison (chargee en dernier)
   Deux sections independantes :
     [1] Typographie  — duo Source Serif 4 / Inter
     [2] Mise en page — reservation de place des images lazy (CLS)
   ========================================================= */


/* @@SECTION-1-DEBUT@@ */
/* ---------------------------------------------------------
   [1] TYPOGRAPHIE — Source Serif 4 (titres) x Inter (le reste)

   Le site etait en Inter seul sur 100% du contenu : aucun contraste
   typographique, un rendu de gabarit. Un serif de texte sur les titres
   apporte l'autorite attendue d'un cabinet d'audit, sans toucher ni a
   la palette ni a la mise en page.

   Portee volontairement etroite : H1 et H2 seulement. H3, interface,
   chiffres et statistiques restent en Inter — c'est le contraste
   serif/sans qui produit l'effet, pas le serif partout.

   POUR REVENIR AU TOUT-INTER : supprimer cette section [1].
   --------------------------------------------------------- */

h1,
h2,
.font-display {
    font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
    font-synthesis-weight: none;
    letter-spacing: -0.012em;
}

/* Source Serif a une hauteur d'x plus basse qu'Inter : sur les tres gros
   corps, on resserre l'interlignage pour conserver le meme bloc visuel. */
h1 {
    line-height: 1.06;
}

/* Titre du hero : degrade en background-clip:text. Les empattements sont
   fins, on resserre le crenage pour garder un degrade lisible. */
#hero h1 {
    letter-spacing: -0.02em;
}

/* Les chiffres restent en Inter : chiffres tabulaires plus lisibles en
   petit corps, et le contraste avec les titres serif est l'effet vise. */
.counter,
.stat-number,
.creative-number {
    font-family: 'Inter', sans-serif;
    font-feature-settings: 'tnum' 1;
}

/* @@SECTION-1-FIN@@ */


/* ---------------------------------------------------------
   [2] MISE EN PAGE — reservation de place (anti-CLS)

   Les logos clients sont desormais en loading="lazy". Leurs classes
   (`max-h-12 w-auto`) laissent les DEUX dimensions en auto : tant que
   le fichier n'est pas charge, l'image mesure 0x0 et la rangee passe
   de 32px a 80px au chargement — un saut de 48px (Cumulative Layout
   Shift). On fige donc la hauteur de la CARTE, pas de l'image : les
   logos ont des ratios differents (scalian est contraint en largeur,
   pas en hauteur), une hauteur imposee sur l'image les deformerait.

   `.client-logo-card` etait presente dans le HTML sans aucune regle
   CSS associee : on lui en donne enfin une.
   --------------------------------------------------------- */

.client-logo-card {
    min-height: 80px;
}