/* ===== Scroll Reveal Animation ===== */
  .reveal-on-scroll{
    opacity: 0;
    transform: translateY(40px) scale(0.97);
    transition: opacity .8s cubic-bezier(.16,.8,.28,1), transform .8s cubic-bezier(.16,.8,.28,1);
    will-change: opacity, transform;
  }
  .reveal-on-scroll.is-visible{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .reveal-on-scroll.reveal-stagger.is-visible{
    transition-delay: var(--reveal-delay, 0s);
  }
  @media (prefers-reduced-motion: reduce){
    .reveal-on-scroll{
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
  }