/* =========================================================
   Smooth page transitions (transitions.css)
   ========================================================= */

html { scroll-behavior: smooth; }

.fade-in { animation: fadeIn .22s ease-out both; }
.slide-up { animation: slideUp .24s ease-out both; }

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes slideUp { from { transform: translateY(8px); opacity:0; } to { transform: translateY(0); opacity:1; } }

@media (prefers-reduced-motion: reduce) {
  .fade-in, .slide-up { animation: none !important; }
  * { scroll-behavior: auto !important; }
}