/* Petites vidéos d'illustration (02/11/2026) : en boucle, sans son, avec une image fixe dessous.
   Si l'utilisateur a réduit les animations dans son système, seule l'image fixe s'affiche. */
.media-video{position:relative;display:block;margin:0;border-radius:var(--radius,6px);overflow:hidden;background:#0b1730;aspect-ratio:16/10}
.media-video>img,.media-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-video figcaption,.media-video .media-legende{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;color:#fff;font-size:13.5px;font-weight:700;background:linear-gradient(transparent,rgba(7,26,51,.85))}
.media-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-top:40px}
@media (prefers-reduced-motion:reduce){video.s-hero-bg,.media-video>video{display:none}}

/* Accueil : une vidéo par métier, chacune mène à sa page */
.media-metiers-section{padding:0 32px 56px}
.media-metiers{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px}
.media-metiers .media-video{aspect-ratio:4/5;text-decoration:none}
.media-metiers .media-video>video{transition:transform .5s ease}
.media-metiers .media-video:hover>video{transform:scale(1.04)}
.media-metiers .media-legende{font-size:16px;padding:40px 18px 18px}
.media-metiers .media-legende span{display:block;font-size:12.5px;font-weight:600;opacity:.8;margin-top:4px}
@media(max-width:600px){.media-metiers-section{padding:0 16px 40px}.media-metiers{grid-template-columns:1fr 1fr;gap:10px}.media-metiers .media-legende{font-size:14px;padding:30px 12px 12px}}

/* Bandeau avec vidéo : voile allégé à droite pour qu'on voie l'action, texte toujours lisible à gauche */
.s-hero-has-photo:has(>video.s-hero-bg)::after{background:linear-gradient(90deg,#071a33fa 0%,#071a33e0 38%,#071a3340 100%)}
@media(max-width:768px){.s-hero-has-photo:has(>video.s-hero-bg)::after{background:#071a33c7}}