Pendulum

【対象要素】
- ページ内のアクセントとして置く装飾グラフィックに適用する

【演出内容】
- 上端を支点にした振り子が、左右に一定周期で振れ続ける

【品質要件】
- 振れの両端で減速し中央で最速になる、物理的に自然なイージングにする
- 周期は2秒前後にする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A decorative graphic accent

[Motion]
- A pendulum anchored at the top swings left and right on a fixed period

[Quality]
- Ease naturally: slowest at the ends, fastest at the center
- Keep the period around 2s
- 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