/* /public_html/assets/css/motion.css - LP アニメーション用（GSAP と連携） */

/* 初期状態: スクロールで「存在が現れる」前は非表示・下にオフセット */
.lp-reveal {
  opacity: 0;
  transform: translateY(28px);
}

/* 視差用ラッパー（控えめな係数は JS で指定） */
.lp-parallax {
  will-change: transform;
}

/* 減速モーション対応 */
@media (prefers-reduced-motion: reduce) {
  .lp-reveal {
    opacity: 1;
    transform: none;
  }

  .lp-parallax {
    will-change: auto;
  }

  /* 案D: CTA 光の帯を無効 */
  .lp-hero__cta--primary:hover::after {
    animation: none;
  }

  /* 案E: 踏み絵のチェック・CTA アニメを無効 */
  .lp-test__item.is-checked .lp-test__check {
    animation: none;
  }
  .lp-test__cta-wrap.is-visible {
    animation: none;
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .lp-test__cta-wrap.is-visible::after {
    animation: none;
  }
}