/* ============================================================= cero — パターン「アニメーションなし」専用スタイル ※ このファイルは cero4.s2forme.com（比較用プレビュー）にだけ存在する。 正典 Cero/site/ には無い。 ------------------------------------------------------------- 方針＝「サイトが持っている prefers-reduced-motion の分岐を、 設定に関係なく常時オンにする」。 個別にアニメを潰して回ると必ず取りこぼすので、全称セレクタで 一度に止めたうえで、止めただけでは表示が壊れる箇所を戻している。 ★ 併せて HTML 側から外したもの（このCSSだけでは足りない分）: - WebGL背景エンジン cero-bg-synapse.js / bg.css / / importmap ＋ （残すと bg.css 前提で装飾が消える） - 文字モーション electric.css / electric.js ＋ プリローダー
（electric.js が解除役なので、 JSだけ外すと画面を覆ったまま二度と開かない） ============================================================= */ /* ---- 1. すべての動きを止める ------------------------------- */ *, *::before, *::after { animation: none !important; transition: none !important; } html { scroll-behavior: auto !important; } /* ---- 2. 止めたことで消えてしまう表示を戻す ------------------ .reveal は「JSが is-visible を付けるまで opacity:0」で待っている。 transition を殺すと出現しないので、最初から見えている状態にする。 （＝ style.css の prefers-reduced-motion ブロックと同じ処置） */ .reveal { opacity: 1 !important; transform: none !important; } /* ---- 3. hover の「持ち上がり」も動きなので消す --------------- 色の変化は瞬時に起きるだけなので残す（UIの手応えとして必要）。 */ .btn:hover, .card:hover, .feature:hover, .pillar:hover { transform: none !important; } .store-badge:hover, .news-item:hover { transform: none !important; } /* ---- 4. 動きが本体だった装飾は非表示にする ------------------ スクロール誘導の緑バーは「流れ落ちる」動き自体が意味だったので、 静止させると宙に浮いた線に見える。線だけ残して玉を消す。 */ .scroll-cue__line::after { display: none !important; }