/* Responsive ajustements (mobile-first deja gere ailleurs, ici les overrides desktop fines) */

/* Mobile : reduire le padding-top hero (pour le burger) */
@media (max-width:767px){
  .hero-immersif{
    padding-top:calc(var(--header-h-mobile) + 18px);
  }
  .section{padding:48px 0;}
  .section-head{margin-bottom:28px;}
  .stats-grid{gap:18px;}
  .stat-num{font-size:2.1rem;}
  .about-points{grid-template-columns:1fr;}
  .modal-box{padding:24px;}
}

/* Tres petit ecran */
@media (max-width:380px){
  .hero-title{font-size:2rem;}
  .container{padding:0 16px;}
}

/* Desktop large */
@media (min-width:1280px){
  .hero-title{font-size:4.2rem;}
}

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