/* Mobile-first ajustements */

/* Tres petits ecrans */
@media (max-width: 360px){
  .hero-centre__title{font-size:1.85rem;}
  body{font-size:16px;}
  .container{padding:0 16px;}
}

/* Tablette */
@media (min-width: 768px){
  .hero-centre__band{aspect-ratio: 21/9;}
}

/* Desktop */
@media (min-width: 1024px){
  .realisations__head{align-items:center;}
}

/* Print sobre */
@media print{
  .site-header,.fab-call,.menu-mobile,.burger{display:none !important;}
  body{background:#fff;color:#000;}
}

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