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

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

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

/* Discovery セクション: スクロールでフェードイン */
.page--discovery .discovery__section,
.page--discovery .discovery__cta {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.page--discovery .discovery__section.discovery--visible,
.page--discovery .discovery__cta.discovery--visible {
  opacity: 1;
  transform: translateY(0);
}

/* About ヒーロー: ロゴを Azuki-logo → Azuki-logo-big に切り替え */
.page--about .about-hero__logo-initial {
  animation: about-hero-logo-initial 1.6s ease-out forwards;
}

.page--about .about-hero__logo-big {
  animation: about-hero-logo-big 1s ease-out 1s forwards;
}

@keyframes about-hero-logo-initial {
  0%, 62% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes about-hero-logo-big {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

  .page--discovery .discovery__section,
  .page--discovery .discovery__cta {
    opacity: 1;
    transform: none;
    transition: 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;
  }

  /* About ヒーロー: ロゴモーション無効 → 最初から big のみ表示 */
  .page--about .about-hero__logo-initial {
    opacity: 0;
    animation: none;
  }
  .page--about .about-hero__logo-big {
    opacity: 1;
    animation: none;
  }
}