/*
 * TheChess.Art — Scroll reveal helpers (AOS-lite)
 * [data-reveal] elementi viewport'a girince .is-in sınıfı alır.
 */

[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}
[data-reveal].is-in {
  opacity: 1;
  transform: translateY(0);
}

[data-reveal="fade"]            { transform: none; }
[data-reveal="fade"].is-in      { transform: none; }

[data-reveal="right"]           { transform: translateX(-40px); }
[data-reveal="right"].is-in     { transform: translateX(0); }

[data-reveal="left"]            { transform: translateX(40px); }
[data-reveal="left"].is-in      { transform: translateX(0); }

[data-reveal="scale"]           { transform: scale(0.94); }
[data-reveal="scale"].is-in     { transform: scale(1); }

[data-reveal-delay="100"]       { transition-delay: 0.1s; }
[data-reveal-delay="200"]       { transition-delay: 0.2s; }
[data-reveal-delay="300"]       { transition-delay: 0.3s; }
[data-reveal-delay="400"]       { transition-delay: 0.4s; }
[data-reveal-delay="500"]       { transition-delay: 0.5s; }