Floating Card

【対象要素】
- ヒーローに置くカード・スクリーンショット等の要素に適用する

【演出内容】
- 要素が水面に浮かぶようにゆっくり上下しながら、わずかに傾きも揺れ続ける
- 下に落ちる影も動きに合わせて強弱させる

【品質要件】
- 上下の移動量は10px前後、傾きは±2度以内に抑える
- 周期は5秒前後のゆっくりめにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A card or screenshot element in a hero

[Motion]
- The element floats: slow vertical bobbing with a slight tilt
- Its drop shadow softens and strengthens with the motion

[Quality]
- Vertical travel ~10px, tilt within ±2 degrees
- Around a 5s period
- 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