/**
 * Comm360 — Graisse variable au survol (Variable Font Weight Hover — CSS
 * FIDÈLE Osmo).
 *
 * CSS repris VERBATIM de la fiche Osmo. La classe .font-weight__heading est la
 * classe de mise en page de la démo Osmo (typographie du titre de démo). Elle
 * est réutilisable telle quelle pour reproduire la démo ; surchargez-la
 * librement (taille, interlettrage, etc.).
 *
 * ⚠️ POLICE VARIABLE REQUISE : l'effet fait varier l'axe « wght » (graisse) de
 * la police via font-variation-settings. Il n'est visible QUE si la police
 * appliquée à l'élément est une POLICE VARIABLE possédant un axe de graisse
 * variable (wght) — ici « Haffer VF » dans la démo. Avec une police non
 * variable, le texte reste à la graisse définie en CSS (pas d'interpolation).
 */
.font-weight__heading {
  font-variation-settings: "wght" 540;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Haffer VF, Arial, sans-serif;
  font-size: clamp(2em, 6vw, 8em);
  line-height: 1;
}