Scrolling Stripes

【対象要素】
- セクションの背景装飾に適用する

【演出内容】
- 45度の斜めストライプ模様が、一定速度で横に流れ続ける

【品質要件】
- ストライプは背景色と近いトーンの2色にして、コンテンツの可読性を落とさない
- 1周期分の移動でループさせ、継ぎ目を見せない
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A section background ornament

[Motion]
- A 45-degree stripe pattern scrolls sideways at constant speed

[Quality]
- Use two tones close to the background so foreground text stays readable
- Loop on exactly one pattern period so no seam shows
- 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