/* ============================================================
   OII4 MOTION SYSTEM
============================================================ */

.oii-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 800ms var(--ease-soft),
    transform 800ms var(--ease-soft);
}

.oii-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.oii-reveal[data-delay="1"] {
  transition-delay: 120ms;
}

.oii-reveal[data-delay="2"] {
  transition-delay: 220ms;
}

.oii-reveal[data-delay="3"] {
  transition-delay: 320ms;
}

.oii-hover-lift {
  transition:
    transform var(--transition-med),
    box-shadow var(--transition-med);
}

.oii-hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.oii-media-zoom img,
.oii-media-zoom video {
  transition: transform var(--transition-slow);
}

.oii-media-zoom:hover img,
.oii-media-zoom:hover video {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  .oii-reveal,
  .oii-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .oii-hover-lift:hover,
  .oii-media-zoom:hover img,
  .oii-media-zoom:hover video {
    transform: none;
  }
}