/* mateogodet.com : styles propres à la page Réalisations (chargés sur cette page seulement) */

/* Chapô : deux phrases, une par ligne sur ordinateur ; plus petit sur téléphone pour gagner une ligne */
@media (max-width: 600px) {
  .saut-ordi { display: none; }
  .tete-page .chapo--serre { font-size: .95rem; line-height: 1.5; }
}

/* « Ce que ça montre » : textes courts ; sur téléphone, le titre à côté de la pastille et le texte sur toute la largeur */
@media (max-width: 720px) {
  .leviers--courts { gap: 1.6rem; }
  .leviers--courts .levier { gap: .55rem .9rem; }
  .leviers--courts .pastille { grid-row: auto; width: 2.75rem; height: 2.75rem; }
  .leviers--courts .pastille svg { width: 1.25rem; height: 1.25rem; }
  .leviers--courts .levier p { grid-column: 1 / -1; }
}