/* Responsive overrides supplementaires (mobile-first deja dans les autres CSS) */

/* tres petits ecrans */
@media (max-width:380px){
  .container{padding:0 16px;}
  .header__inner{padding:0 16px;}
  .brand-name{font-size:1.1rem;}
  .brand-tag{font-size:0.6rem;}
  .hero-grid75__title{font-size:clamp(2.2rem, 9vw, 3rem);}
}

/* gros desktop */
@media (min-width:1280px){
  :root{--container:1240px;}
}

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