/* Affichage intégral de la photo d’accueil sur tablette et mobile. */
@media (max-width: 1024px) {
  .site-header .brand {
    padding-left: 20px !important;
  }

  .site-header .brand img {
    margin-left: 0 !important;
    transform: none !important;
  }

  .hero-visual {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .hero-visual picture {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .hero-visual img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

@media (max-width: 620px) {
  .site-header .brand {
    padding-left: 16px !important;
  }
}