Skewed Marquee

【対象要素】
- セクションの区切りを横断する装飾のテキスト帯に適用する

【演出内容】
- テキスト帯全体を数度〜10度ほど斜めに傾けたまま流し続ける
- 傾いた帯を2本重ね、後ろの帯は薄くして逆方向に流す

【品質要件】
- 傾けるのは帯のコンテナごと。文字単体は歪ませない
- 帯が画面端で見切れても違和感が出ないよう、帯は画面幅より大きくする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A decorative text band crossing a section boundary

[Motion]
- The whole band is tilted several degrees and keeps flowing while tilted
- Layer a second, fainter band flowing the opposite way

[Quality]
- Tilt the container, not individual glyphs
- Make the band wider than the viewport so edges never show
- 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