/* UX NEXT — Reveal on Scroll (safe add-on) */

.mind-reveal{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(2px);
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  will-change: opacity, transform;
}

.mind-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Stagger children (optional class applied by JS) */
.mind-reveal-stagger > *{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
}
.mind-reveal-stagger.is-in > *{
  opacity: 1;
  transform: translateY(0);
}
.mind-reveal-stagger.is-in > *:nth-child(1){ transition-delay: .02s; }
.mind-reveal-stagger.is-in > *:nth-child(2){ transition-delay: .06s; }
.mind-reveal-stagger.is-in > *:nth-child(3){ transition-delay: .10s; }
.mind-reveal-stagger.is-in > *:nth-child(4){ transition-delay: .14s; }
.mind-reveal-stagger.is-in > *:nth-child(5){ transition-delay: .18s; }
.mind-reveal-stagger.is-in > *:nth-child(6){ transition-delay: .22s; }
.mind-reveal-stagger.is-in > *:nth-child(7){ transition-delay: .26s; }
.mind-reveal-stagger.is-in > *:nth-child(8){ transition-delay: .30s; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .mind-reveal, .mind-reveal-stagger > *{
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}