/* ==========================================================================
   animations.css — page-load entrance for the desktop.
   Everything degrades gracefully; reduced-motion disables it.
   ========================================================================== */

@keyframes os-enter {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

.js .os-enter {
  opacity: 0;
  animation: os-enter var(--dur-slow) var(--ease-enter) forwards;
  animation-delay: var(--enter-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  .js .os-enter { opacity: 1; animation: none; }
}