/* Soft slide up */
.slide-up-soft {
  opacity: 0;
  transform: translateY(36px);
  animation: slideUpSoft 1s ease forwards;
}

@keyframes slideUpSoft {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hover lift effect */
.hover-lift {
  transition: transform 1s ease, box-shadow .3s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}

/* Ease transition hover effect */
.ease { 
transition: all .3s ease-in-out;
}