/* KYABEL SITE 61 HOTEL MINIMAL / motion.css — reveal / parallax
   端正・短め（600ms）。IntersectionObserver で is-in を付与。stagger は --rd。reduce で全停止。 */
[data-reveal] {
  opacity: 0;
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
  transition-delay: var(--rd, 0ms);
  will-change: opacity, transform;
}
[data-reveal="fade-up"] { transform: translateY(18px); }
[data-reveal="fade-left"] { transform: translateX(-22px); }
[data-reveal="fade-right"] { transform: translateX(22px); }
[data-reveal="scale-soft"] { transform: scale(0.97); }
[data-reveal="fade-in"] { transform: none; }
[data-reveal].is-in { opacity: 1; transform: none; }

/* パララックス対象（建築写真＝背景層 / 前景の細い枠）は JS が transform を直接更新 */
[data-parallax] { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  [data-reveal], [data-reveal].is-in { opacity: 1 !important; transform: none !important; transition: none !important; }
  [data-parallax] { transform: none !important; }
  .btn, .seatcard, .lightbox__img { transition: none !important; }
  * { scroll-behavior: auto !important; }
}