/* Ajustements responsive supplementaires (mobile-first deja gere par les autres fichiers).
   Ici : reductions de paddings, polices et media queries de finition. */

/* Petite securite scroll horizontal */
html, body { max-width: 100vw; }

@media (max-width: 480px) {
  section { padding: 44px 0; }
  .hero-mega { padding-top: 12px; padding-bottom: 40px; }
  .hero-mega__title { font-size: clamp(2.2rem, 11vw, 3.2rem); }
  .hero-mega__sub { font-size: 0.98rem; }
}

@media (min-width: 1024px) {
  .header__inner { padding: 0 32px; }
}

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