/* Homepage client films. All footage stays underneath the original readability veil. */

.film--ground { isolation: isolate; }
.film--ground > .film__video { position: relative; z-index: var(--client-film-master-layer); }
.film--ground::after { z-index: var(--client-film-veil-layer); }
.client-film,
.client-film__glitch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: var(--hidden-opacity);
}
.client-film {
  z-index: var(--client-film-case-layer);
  transition: opacity var(--client-film-duration) var(--client-film-ease);
}
.client-film__glitch { z-index: var(--client-film-glitch-layer); }
.client-film.is-visible,
.client-film__glitch.is-visible { opacity: var(--shown-opacity); }
@media (prefers-reduced-motion: reduce) {
  .client-film,
  .client-film__glitch { display: none; transition: none; }
}