/* Evolo - lecteur de la vidéo « Evolo en 30 secondes » (MP4 fabriqué depuis video-source/)
   Démarre sans le son quand il arrive à l'écran (les navigateurs bloquent le son automatique),
   un bouton relance la vidéo avec la voix. */
.mv-section { padding: 90px 0 100px; }
.vid { position: relative; margin-top: 44px; border-radius: 28px; overflow: hidden; aspect-ratio: 16 / 9; background: #1b1a1d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 40px 90px -40px rgba(0,0,0,.9); }
.vid video { display: block; width: 100%; height: 100%; object-fit: cover; }
.vid-sound { position: absolute; right: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px 0 14px; border: 0; border-radius: 999px; cursor: pointer; font: 700 14px/1 var(--font); color: #0f241a; background: #7fe3b8; box-shadow: 0 12px 30px -10px rgba(127, 227, 184, .6); transition: transform .4s var(--ease), background-color .3s; }
.vid-sound:hover { transform: translateY(-2px); }
.vid-sound svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.vid-sound .off { display: none; }
.vid.has-sound .vid-sound { background: rgba(20, 20, 24, .75); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.vid.has-sound .vid-sound .on { display: none; }
.vid.has-sound .vid-sound .off { display: inline; }
@media (max-width: 760px) {
  .mv-section { padding: 64px 0 72px; }
  .vid { margin-top: 32px; border-radius: 18px; }
  .vid-sound { right: 10px; bottom: 10px; height: 38px; font-size: 12.5px; padding: 0 14px 0 11px; }
  .vid-sound svg { width: 17px; height: 17px; }
}