Slow Settle Text

【対象要素】
- サイト内のテキスト1箇所（見出し・キャッチコピー・リード文等）に適用する

【演出内容】
- 少し大きい状態から、時間をかけて等倍まで縮みながら現れる
- ゆっくりした減速で、落ち着いて着地する印象を作る

【品質要件】
- 開始は1.25倍程度、時間は1.2秒とやや長め
- 序盤に大きく動き、終盤はほとんど動かない減速カーブにする
- prefers-reduced-motion 時は演出を無効化し、最初から完成した状態で表示する
- 演出中も文字が判読できなくなる時間を作らない。レイアウトを揺らさない

[Target element]
- Apply to one piece of text on your site (a heading, a tagline, a lead paragraph, etc.)

[Motion]
- The text appears while shrinking slowly from slightly oversized down to full size
- The long deceleration makes the landing feel composed

[Quality requirements]
- Start around 1.25x and take about 1.2s, which is deliberately long
- Move most of the distance early and almost none at the end
- When prefers-reduced-motion is set, disable the animation and show the finished state from the start
- Never let the text become unreadable during the animation, and never shift the surrounding layout