/* Ormia : page /video/ (le film et la visite). Complète .page-h et .actions de site.css, avec les mêmes jetons.
   Vidéos hébergées sur ormia.fr (media-src 'self'), sous-titres WebVTT activés par défaut. */

.films { display: grid; gap: 40px; padding-bottom: 64px; }
.film h2 { margin: 0 0 12px; }
.film .duree { margin-left: 8px; font-size: 15px; font-weight: 600; color: var(--ardoise); }
.film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 12px; background: var(--nuit); box-shadow: 0 12px 32px rgba(22, 33, 58, .18); }
.films .note { margin: 0; font-size: 14px; color: var(--ardoise); }
.films .actions { display: flex; flex-wrap: wrap; gap: 12px; }