Stand Up Text

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

【演出内容】
- テキスト全体が奥へ倒れた状態から、下端を軸に起き上がって正面を向く
- 板を立てるような動きで、見出しに存在感を与える

【品質要件】
- 回転は下端固定で90度から0度へ、時間は0.85秒
- 起き上がりきったら傾きを完全に0にする
- prefers-reduced-motion 時は演出を無効化し、最初から完成した状態で表示する
- 演出中も文字が判読できなくなる時間を作らない。レイアウトを揺らさない

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

[Motion]
- The whole text stands up from lying away from the viewer, hinged at its bottom edge, until it faces front
- The board-standing motion gives a heading real presence

[Quality requirements]
- Rotate from 90 to 0 degrees around the bottom edge over about 0.85s
- End at exactly zero tilt
- 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