Circular Text Rotation

【対象要素】
- ページ内のアクセントとして置く円形のテキスト装飾に適用する

【演出内容】
- 文字列を円周に沿って等間隔に配置し、円ごとゆっくり回転させ続ける

【品質要件】
- 1周12秒前後のゆっくりした速度にする
- 文字は円の接線方向に向け、どの角度でも読める字間を保つ
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A circular text ornament used as a page accent

[Motion]
- Characters sit evenly on a circle and the whole ring rotates slowly, forever

[Quality]
- About 12s per revolution
- Orient glyphs along the tangent and keep legible spacing at any angle
- 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