/* responsive ajustements complementaires */
@media (max-width:560px){
  h2{font-size:1.7rem;}
  .hero-immersif{min-height:78dvh;}
  .hero-immersif__title{font-size:2.1rem;}
  .container{padding:0 18px;}
  section{padding:52px 0;}
  .about-grid{gap:24px;}
  .about-media{aspect-ratio:4/3;}
  .form{padding:22px;}
  .modal-box{padding:30px 22px 24px;}
  .svc-asym{gap:14px;}
  .c-asym{padding:24px 22px;}
}

@media (max-width:380px){
  .brand-name{font-size:.98rem;}
  .brand-name small{font-size:.58rem;}
  .hero-immersif__title{font-size:1.95rem;}
}

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