/*
 * Retouches par-dessus la feuille Webflow (webflow.css, laissée intacte).
 *
 * Libellé vertical de droite (classe .label-long), utilisé par « ASTUCES BUSINESS » depuis le
 * 2026-09-26. Webflow le pivotait
 * autour de son centre avec des top/right calés pour un mot de 8 lettres. Un libellé plus long
 * remontait alors hors de l'écran. On pivote autour du coin haut-droit : le texte part toujours
 * du même point (celui mesuré sur l'original) et descend, quelle que soit sa longueur.
 */
.menu-link-wrap.rotate-1.label-long {
  transform-origin: top right;
  transform: rotate(90deg) translateX(100%);
  top: 5.8vw;
  right: -1.5vw;
}

@media screen and (max-width: 479px) {
  .menu-link-wrap.rotate-1.label-long {
    top: 9vw;
    right: 4.3vw;
  }
}

/* Espace entre deux mots d'un libellé animé (une lettre = un <h3>) : sans largeur minimale,
   la police serrée collait les mots (« POSE MOIUNE »). */
.menu-link-wrap h3.espace {
  min-width: 0.3em;
}

/* Nom « Salarié Provisoire » en Montserrat (demande du 2026-09-25) : le grand titre du hero
   et la mention au-dessus du livre. Même graisse que la Fustat d'origine. */
.h5-title .text-span,
.paragraph-6-copy {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}
