.poster-wrap picture {
  display: block;
}

.poster {
  width: 100%;
  height: auto;
}

/* Sur les grands écrans, l'affiche utilise réellement l'espace disponible. */
@media (min-width: 981px) {
  .topbar,
  .hero,
  footer {
    width: 100%;
    max-width: 1900px;
  }

  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 520px);
    gap: clamp(34px, 3vw, 64px);
    padding-right: clamp(24px, 3vw, 56px);
    padding-left: clamp(24px, 3vw, 56px);
  }

  .poster-wrap {
    width: 100%;
  }
}