/* Présentation cinématique des vidéos verticales fournies par IML Event. */
.iml-showcase-hero__media .iml-showcase-hero__video-backdrop {
  filter: blur(24px) saturate(.75);
  opacity: .52;
  transform: scale(1.12);
  animation: none;
}

.iml-showcase-hero__media .iml-showcase-hero__video-main {
  left: auto;
  right: -2%;
  width: 68%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(-24px 0 34px rgba(0, 0, 0, .22));
  animation: imlHeroVideo 14s ease-in-out infinite alternate;
}

.iml-showcase-hero__veil {
  background:
    linear-gradient(90deg, rgba(8, 20, 16, .94) 0%, rgba(8, 20, 16, .76) 31%, rgba(8, 20, 16, .18) 69%, rgba(8, 20, 16, .12) 100%),
    linear-gradient(0deg, rgba(8, 20, 16, .48), transparent 55%);
}

@keyframes imlHeroVideo {
  to { transform: scale(1.025) translateY(-.7%); }
}

@media (max-width: 900px) {
  .iml-showcase-hero__media .iml-showcase-hero__video-main {
    right: -8%;
    width: 80%;
  }
}

@media (max-width: 600px) {
  .iml-showcase-hero__media .iml-showcase-hero__video-main {
    inset: 0;
    width: 100%;
    object-fit: cover;
    filter: none;
  }

  .iml-showcase-hero__video-backdrop { display: none; }

  .iml-showcase-hero__veil {
    background: linear-gradient(0deg, rgba(8, 20, 16, .9) 0%, rgba(8, 20, 16, .28) 72%, rgba(8, 20, 16, .12));
  }
}

@media (prefers-reduced-motion: reduce) {
  .iml-showcase-hero__media .iml-showcase-hero__video-main { animation: none; }
}
