Color Cycle Text

【対象要素】
- 見出しの短いテキストに適用する

【演出内容】
- 文字に流し込んだ複数色のグラデーションが、ゆっくり横に流れて色が循環し続ける

【品質要件】
- 色数は3〜4色にとどめ、彩度を揃えて派手になりすぎないようにする
- 1周6秒前後のゆっくりした流れにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A short heading text

[Motion]
- A multi-color gradient inside the letters drifts sideways so the colors cycle forever

[Quality]
- Limit to 3–4 colors of matched saturation
- A slow ~6s cycle
- Make the loop seamless: the end state must match the start state exactly
- With prefers-reduced-motion, stop the animation and show a static finished state