Line Stack Up Text

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

【演出内容】
- 最終行から先に現れ、上の行へ向かって順に積み上がっていく
- 通常と逆順なので、下から組み上がる印象になる

【品質要件】
- 行ごとの時間差は120ms前後。各行は自分の行の下から押し上げる
- 最後に最初の行が入って完成する順序を守る
- prefers-reduced-motion 時は演出を無効化し、最初から完成した状態で表示する
- 演出中も文字が判読できなくなる時間を作らない。レイアウトを揺らさない

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

[Motion]
- The last line appears first, and the lines build upward toward the first line
- The reversed order makes it read as being assembled from the bottom up

[Quality requirements]
- Stagger about 120ms per line; each line is still pushed up from beneath itself
- Preserve the order so the first line is what completes the block
- 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