/* —— Scroll reveal (AOS-style, lightweight) —— */

[data-vgt-reveal] {
  --vgt-reveal-distance: 2.25rem;
  --vgt-reveal-delay: 0ms;
  --vgt-reveal-duration: 0.7s;
  opacity: 0;
  transform: translate3d(0, var(--vgt-reveal-distance), 0);
  transition:
    opacity var(--vgt-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1) var(--vgt-reveal-delay),
    transform var(--vgt-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1) var(--vgt-reveal-delay);
  will-change: opacity, transform;
}

[data-vgt-reveal="left"] {
  transform: translate3d(calc(var(--vgt-reveal-distance) * -1), 0, 0);
}

[data-vgt-reveal="right"] {
  transform: translate3d(var(--vgt-reveal-distance), 0, 0);
}

[data-vgt-reveal="up"] {
  transform: translate3d(0, var(--vgt-reveal-distance), 0);
}

[data-vgt-reveal="down"] {
  transform: translate3d(0, calc(var(--vgt-reveal-distance) * -1), 0);
}

[data-vgt-reveal="fade"] {
  transform: none;
}

[data-vgt-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-vgt-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}