/* =========================================================
   xxxxnese — components/reveal.css
   スクロール連動フェードイン
   ---------------------------------------------------------
   JS (script.js) が IntersectionObserver で .is-visible を付与。
   .reveal を任意の要素に付けるだけで機能する。
   ========================================================= */

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.9s var(--ease), transform 0.9s var(--ease);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Reduced motion: モーションなしで即表示 */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
  }
}