/* Bloc villemont/video — styles venus de sections.css (refonte 1e) */

/* ── Vidéos (façades YouTube, chargement au clic) ─────────── */
.vm-videos--alt { background: var(--bone-warm); border-top: 1px solid var(--rule-soft); }

.vm-videos__head { margin-bottom: 48px; }

.vm-videos__head .eyebrow { margin-bottom: 16px; }

.vm-videos__head .section-title { margin-bottom: 24px; }

.vm-videos__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-large) var(--gap-medium); }

.vm-video { margin: 0; }

.vm-video__facade {
  position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden;
  background: var(--ink); border: 1px solid var(--rule-soft);
}

.vm-video__poster { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity var(--transition), transform .6s ease; }

.vm-video__facade:hover .vm-video__poster { opacity: 1; transform: scale(1.03); }

.vm-video__play {
  position: absolute; inset: 0; margin: auto; width: 72px; height: 72px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--burgundy); color: var(--bone);
  font-size: var(--fs-icon); padding-left: 4px; box-shadow: 0 8px 24px rgba(var(--ink-rgb), .35);
  transition: background var(--transition);
}

.vm-video__facade:hover .vm-video__play { background: var(--burgundy-deep); }

.vm-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.vm-video__facade:fullscreen { aspect-ratio: auto; border: 0; }

.vm-video__caption { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }

.vm-video__title { font-family: var(--serif); font-size: var(--fs-title-sm); color: var(--ink); line-height: 1.2; }

.vm-video__meta { color: var(--ochre-deep); }

.vm-video__desc { display: block; margin-top: 6px; font-family: var(--serif); font-size: var(--fs-small); line-height: 1.55; color: var(--ink-soft); }

.vm-videos__note { margin-top: 32px; color: var(--ink-soft); }

@media (max-width: 640px) {

 .vm-videos__grid { grid-template-columns: 1fr; } }