/* Film publicitaire de l'accueil (29/09/2026, demande de Lohann)
   ------------------------------------------------------------------
   Vingt-huit secondes en motion design (rythmé pour laisser lire, 01/10/2026), juste sous la bande
   des outils : le signe qui se recompose, « Une nouvelle façon de voir
   les sites web », le site en service, le back-office, la qualité et
   l'équipe, puis le prix. Générateur hors dépôt : _generateurs/pub/
   (pub.html, rendre.mjs, encoder.swift).

   Plus large que le reste de la page (1680 px au plus) : Lohann le veut
   en grand. Aucune commande : il ne s'arrête pas (voir js/film.js). */

.film { padding-block: var(--pad-section-sm) 0; }

.film-large {
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: clamp(12px, 2.4vw, 40px);
}

.film-cadre {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 9;
  border-radius: clamp(14px, 2vw, 30px);
  overflow: hidden;
  /* Le fond d'espace du premier plan : pas d'éclair blanc avant l'image. */
  background: #101c33;
  box-shadow: 0 0 0 1px var(--trait), 0 50px 100px -50px rgba(16, 28, 51, 0.55);
}

.film-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ni clic, ni menu contextuel (qui proposerait « Pause »). */
  pointer-events: none;
}