/* Ajustements finaux mobile-first */

/* Mobile <= 560px */
@media (max-width: 560px){
  .hero{padding-top:calc(var(--header-h-mobile) + 16px)}
  .hero-art{max-width:380px}
  .matieres-grid{grid-template-columns:1fr}
  .matieres-grid .matiere--featured{grid-column:1/-1}
  .section-lead{font-size:.95rem}
  h2.section-title{font-size:clamp(1.6rem, 1.1rem + 2vw, 2.2rem)}
}

/* Tablette */
@media (min-width: 561px) and (max-width: 767px){
  .matieres-grid{grid-template-columns:1fr 1fr}
  .matieres-grid .matiere--featured{grid-column:1/-1;aspect-ratio:21/9}
}

/* Desktop large */
@media (min-width: 1200px){
  .hero-title{font-size:5.2rem}
  .svc-list__title{font-size:1.7rem}
}

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