/* ============================================================
   C16 — モーションの初期状態
   .js-ready は JS が動く環境でのみ body に付く。
   付かない場合（JS無効・エラー・reduced-motion）は
   このファイルの指定が効かず、静止画として完成した状態になる。
   ============================================================ */

/* ---- ABOUT ---------------------------------------------- */
.js-ready .red__num{ clip-path:inset(100% 0 0 0); }
.js-ready .red__tile,
.js-ready .red__bar,
.js-ready .red__one,
.js-ready .red__note{ opacity:0; }
.js-ready .about__body{ opacity:0; }

/* ---- BUSINESS ------------------------------------------- */
.js-ready .zig__photo,
.js-ready .zig__macro{ clip-path:inset(100% 0 0 0); }
.js-ready .zig__num,
.js-ready .zig__ttl,
.js-ready .zig__en,
.js-ready .zig__txt,
.js-ready .zig__list{ opacity:0; }

/* ---- STRENGTH -------------------------------------------- */
.js-ready .str__photo{ clip-path:inset(100% 0 0 0); }
.js-ready .str__i,
.js-ready .str__ttl,
.js-ready .str__txt{ opacity:0; }

/* ---- GROUP ----------------------------------------------- */
.js-ready .grp__node,
.js-ready .grp__meta,
.js-ready .grp__root{ opacity:0; }

/* ---- COMPANY --------------------------------------------- */
.js-ready .cmp__row{ opacity:0; }

/* ---- NEWS ------------------------------------------------ */
.js-ready .news__row{ opacity:0; }

/* ============================================================
   reduced-motion：演出を一切行わず最終状態を即時表示
   （.js-ready が付かないので上の指定は無効。ここは保険）
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .sweep{ display:none; }
}