Dashed Path Travel

【対象要素】
- 手順・フローの説明図など、経路を見せたい曲線に適用する

【演出内容】
- 曲線に沿った点線が、進行方向へ流れ続ける
- 点線の流れで「こちらへ進む」という方向性を示す

【品質要件】
- 点線の間隔は均等にし、流れは1秒周期程度の落ち着いた速度にする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A curved path in a flow or how-it-works diagram

[Motion]
- A dashed line flows along the curve in the direction of travel

[Quality]
- Even dash spacing; a calm ~1s 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