/* KYABEL SITE 57 — motion.css
   静かなフェード（900ms・fade-in 基調）／襖マスクの開き／ページフェード。
   prefers-reduced-motion で全停止（要素は最終状態で即表示）。 */

/* ページ全体の短いフェード（長いローディング画面は作らない） */
body { opacity: 0; transition: opacity .6s var(--ease); }
body.is-ready { opacity: 1; }

/* reveal 初期状態（静かな fade-in・わずかな浮き） */
[data-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
[data-reveal].is-in { opacity: 1; transform: none; }

/* グループの stagger（100ms 目安） */
.phil-pillars .pillar:nth-child(2) { transition-delay: .1s; }
.phil-pillars .pillar:nth-child(3) { transition-delay: .2s; }
.cast-grid .cast-card:nth-child(2) { transition-delay: .08s; }
.cast-grid .cast-card:nth-child(3) { transition-delay: .16s; }
.cast-grid .cast-card:nth-child(4) { transition-delay: .24s; }
.sched-list .sched-row:nth-child(even) { transition-delay: .06s; }
.recruit-points .recruit-point:nth-child(2) { transition-delay: .1s; }

/* 襖マスク（signature）：reveal で左右の襖が静かに開き、写真が現れる */
.fusuma[data-reveal] { opacity: 1; transform: none; } /* figure 自体は動かさず、葉で表現 */
.fusuma__leaf { transition: transform 1.1s var(--ease); }
.fusuma.is-in .fusuma__leaf--l { transform: translateX(-100.5%); }
.fusuma.is-in .fusuma__leaf--r { transform: translateX(100.5%); }
.fusuma__img { transform: scale(1.04); transition: transform 1.6s var(--ease); }
.fusuma.is-in .fusuma__img { transform: scale(1); }

@media (prefers-reduced-motion: reduce) {
  body, [data-reveal], .fusuma__leaf, .fusuma__img { transition: none !important; }
  body { opacity: 1; }
  [data-reveal] { opacity: 1; transform: none; }
  /* 襖は開いた状態で固定（画像を隠さない） */
  .fusuma__leaf--l { transform: translateX(-100.5%); }
  .fusuma__leaf--r { transform: translateX(100.5%); }
  .fusuma__img { transform: none; }
  .deco { display: none; } /* パララックス装飾は非表示 */
}