/* ==========================================================================
   animations.css
   ========================================================================== */

@keyframes marquee { to { transform: translateX(-50%); } }

@keyframes float {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -12px; }
}
.glass-tile { animation: float 6s ease-in-out infinite; }
.glass-tile.t2 { animation-delay: -1.5s; }
.glass-tile.t3 { animation-delay: -3s; }
.glass-tile.t4 { animation-delay: -4.5s; }

/* เลื่อนขึ้นตอนเลื่อนหน้าจอมาถึง (main.js ใส่ .is-visible) */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
.reveal-d1 { transition-delay: .08s; }
.reveal-d2 { transition-delay: .16s; }
.reveal-d3 { transition-delay: .24s; }

/* ไม่มี JS ก็ต้องเห็นเนื้อหา */
.no-js .reveal { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
  html { scroll-behavior: auto; }
}