/*
 * Vignette vidéo des projets UT Portfolio
 * Insérée dans le lien de la vignette, entre <figure> et .ut-hover-layer.
 * Ordre d'empilement = ordre du DOM (aucun z-index) :
 * image mise en avant → vidéo → image de survol (hover_image) → overlay Brooklyn
 */

.ut-video-overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.6s;
}

/* fondu seulement quand la vidéo joue vraiment : pas de flash noir */
.ut-video-overlay.is-playing {
  opacity: 1;
}

/* même zoom au survol que l'image Brooklyn (.ut-hover:hover img) */
.ut-hover:hover .ut-video-overlay {
  transform: scale(1.1) rotate(0.1deg);
}