/* =====================================================
   splash-eye.css
   HeroのLiveCapture4目玉アニメーション用(js/splash-eye.js とセットで使います)
   - 目玉のふわふわ浮遊 と 影の伸縮 は CSS だけで動きます
   - 瞳の動き・瞬きは js/splash-eye.js が担当します
   - OSの「視差効果を減らす」設定では、すべて止めて静止画にします
   ===================================================== */
.splash-eye-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.splash-eye-svg .se-float {
  animation: se-float 4.6s ease-in-out infinite alternate;
}
.splash-eye-svg .se-shadow {
  transform-box: fill-box;
  transform-origin: center;
  animation: se-shadow 4.6s ease-in-out infinite alternate;
}

/* 目玉が上がるほど、影は小さく薄く */
@keyframes se-float {
  from { transform: translateY(5px); }
  to   { transform: translateY(-5px); }
}
@keyframes se-shadow {
  from { transform: scale(1.06); opacity: 1; }
  to   { transform: scale(0.94); opacity: 0.82; }
}

@media (prefers-reduced-motion: reduce) {
  .splash-eye-svg .se-float,
  .splash-eye-svg .se-shadow { animation: none; }
}