/* Feuille dédiée et versionnée : le lecteur reste cadré même avec l'ancien CSS en cache. */
#trailer {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1180px;
  min-width: 0;
  margin-inline: auto;
}

#trailer .trailer__frame {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 960px;
  /* Le lecteur tient aussi dans une fenêtre basse ou un téléphone en paysage. */
  max-width: min(960px, calc((100svh - 144px) * 1.777778));
  margin-inline: auto;
  padding: 1px;
  overflow: hidden;
  background: #050308;
  border: 1px solid rgba(166, 108, 255, .5);
}

#trailer .trailer__video {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #050308;
}

#trailer .trailer__video:fullscreen {
  width: 100%;
  height: 100%;
  max-width: none;
}

#trailer .trailer__caption { overflow-wrap: anywhere; }