/*
 * SOLE — 04 Animations
 * じわじわ表示・トランジション
 * WordPress: 追加CSS [4] Animations に対応
 */

/* ── Sole Animate (IntersectionObserver 連動) ── */
.sole-animate {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sole-animate.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Sway (ボタニカル植物) ── */
@keyframes sway {
  0%, 100% { transform: rotate(0deg); }
  50%       { transform: rotate(1.2deg); }
}