/* Feuille racine : uniquement des @import et les @font-face.
   Deux règles à respecter ici.
   1. Les @import doivent précéder toute autre règle (sauf @charset/@layer) :
      un @import placé après un @font-face est invalide et ignoré par le navigateur.
   2. L'ordre des @import fait la cascade. Aucune règle ne doit être écrite dans
      le corps de ce fichier : elle l'emporterait sur tous les partials importés,
      media queries comprises. C'est ce qui laissait les grilles en quatre
      colonnes sur téléphone. */
@import "vendor/bootstrap-icons-wpAUFCl.css";
@import "_variables-Pc12MN_.css";
@import "_animations-URgwa5R.css";
@import "_reveal-70z27Hk.css";
@import "_hero-wpJhnwo.css";
@import "_cards-5OWdVcI.css";
@import "_footer-ANStlxG.css";
@import "_search-MJQu8xQ.css";
@import "_base-3cvxzWb.css";
@import "_schema-vaGo3iF.css";
@import "_sovereignty-yvsHF8y.css";
/* En dernier : ses media queries doivent l'emporter sur tout ce qui précède. */
@import "_responsive-77K0kG8.css";

/* --- Polices auto-hébergées (perf + RGPD : suppression du render-blocking Google Fonts) ---
   Polices variables : un seul woff2 par famille couvre tout l'axe de graisse. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-Gz7AlRl.woff2") format('woff2');
}
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("../fonts/space-grotesk-Dr-cltI.woff2") format('woff2');
}