/* =========================================================
   Motion System
========================================================= */

.stc-fade-in {
  animation: stcFadeIn 180ms ease-in-out forwards;
}

@keyframes stcFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hover Elevation */
.stc-hover {
  transition: transform 120ms ease, border 120ms ease;
}

.stc-hover:hover {
  transform: translateY(-2px);
  border-color: var(--stc-border-strong);
}