/* ============================================================
   i-Open Group — Scroll Animations
   ============================================================ */

.fade-in-up {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered delays for sibling groups */
.fade-in-up.delay-1 { transition-delay: 0.10s; }
.fade-in-up.delay-2 { transition-delay: 0.20s; }
.fade-in-up.delay-3 { transition-delay: 0.30s; }
.fade-in-up.delay-4 { transition-delay: 0.40s; }

/* ---- Slide-in from left ---- */
.fade-in-left {
  opacity: 0;
  transform: translateX(-32px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.fade-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}

/* ---- Slide-in from right ---- */
.fade-in-right {
  opacity: 0;
  transform: translateX(32px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.fade-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}