/* ============================================
   Lenis + GSAP Scroll Animations
   スムーススクロール & アニメーション用CSS
   ai/animation/scroll-animations.css を元に、
   STYLE FREE AIサイト(/ai/)向けに流用
   ============================================ */

/* Lenisスムーススクロール用のベーススタイル */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* アニメーション初期状態（JavaScriptで上書きされます） */
[data-scroll] {
  will-change: transform, opacity;
}

/* カウントアップ要素の桁ズレ防止 */
[data-count] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

/* GPU アクセラレーション */
[data-scroll],
[data-parallax] {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/* スクロール中のアニメーションを最適化 */
@media (prefers-reduced-motion: reduce) {
  [data-scroll],
  [data-parallax] {
    animation: none !important;
    transition: none !important;
  }

  html.lenis {
    scroll-behavior: auto;
  }
}