Edge-fade Marquee

【対象要素】
- コンテンツ幅の中に置くテキスト帯1行に適用する

【演出内容】
- テキストが流れ続け、帯の左右両端では文字がふわっと透明になって消えていく
- 画面端でスパッと切れず、グラデーションのマスクで自然に減衰させる

【品質要件】
- フェード領域は帯の幅の20%前後ずつ。中央では完全に読める状態を保つ
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A single-line text band inside the content width

[Motion]
- Text flows continuously while both ends of the band fade to transparent
- Use a gradient mask so letters dissolve instead of clipping hard

[Quality]
- Fade zones are about 20% of the band width each; the center stays fully readable
- 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