/* ——— Page Ambassadeurs (page-ambassadeurs.php) : titre, présentation, vidéos. ——— */

.vne-ambassadeurs { padding-block: 3.5rem 0; }
.vne-point--rouge { background: var(--vne-red); }

.vne-ambassadeurs__intro { margin-top: 2.5rem; }
.vne-ambassadeurs__intro .vne-titre { margin-bottom: 2rem; }
.vne-ambassadeurs__texte { max-width: 860px; font-size: 1.25rem; line-height: 1.5; }

.vne-ambassadeurs__videos { margin-top: 80px; }
.vne-ambassadeurs__grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }

/* Carte vidéo : vignette 4:5 à gauche, texte à droite, sur fond clair. */
.vne-ambassadeurs__item { display: grid; grid-template-columns: minmax(0, 44%) minmax(0, 1fr); overflow: hidden; border-radius: 20px; background: var(--vne-light); }
/* La vignette remplit sa colonne (hauteur de la carte, 340 px au moins) sans dicter la largeur. */
.vne-ambassadeurs__video { min-height: 340px; border-radius: 0; }
.vne-ambassadeurs__video .at-video__image { position: absolute; inset: 0; }
.vne-ambassadeurs__video .at-video__image { transition: transform .6s ease; }
.vne-ambassadeurs__item:hover .vne-ambassadeurs__video .at-video__image { transform: scale(1.05); }
.vne-ambassadeurs__video::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(15,20,57,0) 40%, rgba(15,20,57,.45) 100%); pointer-events: none; }
.vne-ambassadeurs__video .at-video__bouton { z-index: 2; }
.vne-ambassadeurs__video .at-video__bouton:hover .at-video__play { transform: scale(1.1); background: var(--vne-red); }
.vne-ambassadeurs__legende { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 32px 32px 28px; }
.vne-ambassadeurs__titre { font-family: var(--f-display); font-weight: 800; font-size: clamp(1.375rem, 1.1rem + .7vw, 1.625rem); line-height: 1.2; color: var(--vne-navy); }
.vne-ambassadeurs__desc { font-size: 1.0625rem; line-height: 1.5; color: var(--vne-ink); }
.vne-ambassadeurs__cta { margin-top: auto; }

@media (prefers-reduced-motion: reduce) { .vne-ambassadeurs__item:hover .vne-ambassadeurs__video .at-video__image { transform: none; } }
@media (max-width: 1199.98px) { .vne-ambassadeurs__grille { grid-template-columns: 1fr; max-width: 760px; } }

@media (max-width: 767.98px) {
  .vne-ambassadeurs { padding-top: 2.5rem; }
  .vne-ambassadeurs__entete, .vne-ambassadeurs__intro { text-align: center; }
  .vne-ambassadeurs__texte { font-size: 1.0625rem; text-align: left; }
  .vne-ambassadeurs__videos { margin-top: 56px; }
  .vne-ambassadeurs__grille { gap: 24px; }
  .vne-ambassadeurs__item { grid-template-columns: 1fr; }
  .vne-ambassadeurs__video { min-height: 0; aspect-ratio: 4 / 5; }
  .vne-ambassadeurs__legende { align-items: center; padding: 24px 20px; text-align: center; }
}