/* ── Scroll Animations ── */
.fade-up, .fade-in, .slide-left, .slide-right {
  opacity: 0;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-up    { transform: translateY(30px); }
.fade-in    { transform: scale(0.97); }
.slide-left { transform: translateX(-30px); }
.slide-right{ transform: translateX(30px); }

.fade-up.visible, .fade-in.visible,
.slide-left.visible, .slide-right.visible {
  opacity: 1;
  transform: none;
}