/* ==========================================================================
   Scroll-triggered Animations — Inner Space Creation
   Fade-up entrance animations with staggered delays for grids.
   All gated behind prefers-reduced-motion: no-preference.
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {

  /* --- Base fade-up --- */
  .anim-fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity var(--isc-transition-slow),
      transform var(--isc-transition-slow);
  }

  .anim-fade-up.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* --- Stagger delays for grid children --- */
  .anim-fade-up:nth-child(2).is-visible { transition-delay: 80ms; }
  .anim-fade-up:nth-child(3).is-visible { transition-delay: 160ms; }
  .anim-fade-up:nth-child(4).is-visible { transition-delay: 240ms; }
  .anim-fade-up:nth-child(5).is-visible { transition-delay: 320ms; }
  .anim-fade-up:nth-child(6).is-visible { transition-delay: 400ms; }
  .anim-fade-up:nth-child(7).is-visible { transition-delay: 480ms; }

  /* --- Ken Burns: slow zoom on hero backgrounds --- */
  @keyframes kenBurns {
    from { transform: scale(1); }
    to   { transform: scale(1.05); }
  }

  .fp-hero__bg {
    animation: kenBurns 20s linear infinite alternate;
  }

  .page-hero__bg {
    animation: kenBurns 25s linear infinite alternate;
  }

}