/* Full-frame project views share the existing video scrim and foreground. */
.hero-project-views {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.hero-project-views img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: northline-project-view 48s linear infinite;
  animation-delay: var(--arrival);
  transform-origin: var(--focus);
  object-position: var(--focus);
}
.hero-project-views img:nth-child(1) { --arrival: 4s; --focus: 52% 45%; }
.hero-project-views img:nth-child(2) { --arrival: 16s; --focus: 52% 52%; }
.hero-project-views img:nth-child(3) { --arrival: 40s; --focus: 59% 45%; }
@keyframes northline-project-view {
  0% { opacity: 0; transform: scale(1); }
  3% { opacity: 1; }
  12% { opacity: 1; }
  15% { opacity: 0; transform: scale(1.045); }
  100% { opacity: 0; transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-project-views { display: none; }
  .hero-project-views img { animation: none; }
}