/* Hero d'accueil : image entière à sa proportion d'origine, bas masqué. */
.hero {
  height: min(42.12vw, calc(100dvh - 92px));
  max-height: none;
  overflow: hidden;
}

.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  max-width: none;
  max-height: none;
}

.hero h1 {
  inset: 32% auto auto 0;
  width: 38%;
  transform: translateY(-50%);
}

@media (max-width: 800px) {
  .hero {
    height: 42.12vw;
  }

  .hero h1 {
    inset: 28% auto auto 0;
    width: 66.666667%;
  }
}

/* Cadrage de la nouvelle photo de la section d’introduction. */
.intro > img { object-position: center 58%; }