Stroke Draw Loop

【対象要素】
- 見出しやロゴタイプの短いテキストに適用する

【演出内容】
- 輪郭線だけの文字が、一筆書きのように端から描かれていき、完成したらしばらく静止する
- 消えるときはフェードではなく、描かれたのと逆の動きで線が縮んで消えていく

【品質要件】
- 描画・消去とも2秒前後、完成状態の静止を1秒以上見せる
- 線は細め（1px）にして、塗りは使わない
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A short heading or logotype text

[Motion]
- Outline-only letters draw themselves stroke by stroke, hold complete, then un-draw in reverse (not a fade)

[Quality]
- ~2s to draw, ~2s to un-draw, and at least 1s of the finished state
- Thin (1px) strokes, no fill
- With prefers-reduced-motion, stop the animation and show a static finished state