/* BOTANICAL NIGHT — motion.css : reveal / parallax の初期姿勢と reduced-motion
   シグネチャ reveal = 曲線マスク（mask-curve）＋ scale-soft */

/* reveal 初期状態（JS が is-in を付与して発火） */
[data-reveal] { opacity: 0; transition: opacity .82s var(--ease), transform .82s var(--ease); will-change: opacity, transform; }
[data-reveal="fade-up"] { transform: translateY(30px); }
[data-reveal="fade-left"] { transform: translateX(-30px); }
[data-reveal="fade-right"] { transform: translateX(30px); }
[data-reveal="fade-in"] { transform: none; }
[data-reveal="scale-soft"] { transform: scale(.94); transform-origin: center; }
[data-reveal].is-in { opacity: 1; transform: none; }

/* 曲線マスク：温室の葉が開くように、楕円のクリップが下から広がる（シグネチャ） */
[data-reveal="mask-curve"] { opacity: 1; clip-path: ellipse(120% 0% at 50% 100%); transition: clip-path 1s var(--ease); will-change: clip-path; }
[data-reveal="mask-curve"].is-in { clip-path: ellipse(150% 150% at 50% 100%); }

/* 段階表示（TODAY のチップ等） stagger は JS が --d を注入 */
[data-reveal-group] > * { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--d, 0ms); will-change: opacity, transform; }
[data-reveal-group].is-in > * { opacity: 1; transform: none; }

/* パララックス対象（葉の前景・背景の光）は transform を JS が書き換える */
[data-parallax] { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-reveal], [data-reveal-group] > * { opacity: 1 !important; transform: none !important; }
  [data-reveal="mask-curve"] { clip-path: none !important; }
  [data-parallax] { transform: none !important; }
  .botany, .hero__glow { display: none !important; } /* 装飾の植物・光レイヤーは停止時に隠す */
  .castfade__img { transition: none !important; }
}
