/**
 * スクロールエフェクト用スタイル（.js-reveal / .js-parallax のみ）
 * 他ブロックに影響しないようクラス限定
 */

/* フェードイン: 初期状態（ビューポート外） */
.js-reveal {
  opacity: 0;
  transform: translateY(var(--reveal-offset-y, 24px));
  transition: opacity var(--reveal-duration, 1s) ease-out,
              transform var(--reveal-duration, 1s) ease-out;
}

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

/* パララックス: レイヤーが transform で動くため will-change でチラつき軽減（任意） */
.js-parallax {
  overflow: hidden;
}

.js-parallax [data-depth] {
  will-change: transform;
}