/* responsive global (mobile-first deja appliquer ailleurs, ici les overrides desktop/mobile critiques) */

/* desktop : alignements et tailles */
@media (min-width: 900px) {
  .section-head { margin-bottom: 56px; }
}

/* mobile : reduire les paddings hero / sections */
@media (max-width: 600px) {
  .stats-grid .stat-label { font-size: 0.7rem; }
  .stats-grid .stat-number { font-size: clamp(1.5rem, 7vw, 2rem); }
  .nav-main { display: none; }
}

/* assure que le header ne deborde pas */
@media (max-width: 899px) {
  .header-cta { display: none; }
}

/* le brand sur mobile : reduire le nom si necessaire */
@media (max-width: 380px) {
  .brand-name { font-size: 1.15rem; }
}

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }