/* responsive.css - finitions mobile-first */

/* word-wrap pour titres tres longs sur tres petit ecran */
@media (max-width:360px){
  h1{font-size:2rem}
  h2{font-size:1.55rem}
  .hero-split__title{font-size:2rem}
  .menu-mobile a{font-size:1.4rem}
}

/* eviter scroll horizontal sur tres petit ecran avec containers */
@media (max-width:400px){
  .container{padding:0 16px}
  .header__inner{padding:0 16px}
}

/* tablette : un peu plus de souffle */
@media (min-width:640px) and (max-width:767px){
  section{padding:64px 0}
}

/* desktop : centrage du menu desktop */
@media (min-width:1024px){
  .nav-desktop{gap:34px}
}

/* Print */
@media print{
  .burger,.menu-mobile,.fab,.header-cta,.contact__form{display:none !important}
}