/* assets/css/jobs-scroll.css — vertical fade-scroll for #jobs .job-card.
   First-party, ≤350 lines. Cycles 4 cards: fadeIn 0.5s, hold 3s, fadeOut 0.5s.
*/

#jobs .job-card {
  transition: opacity 0.5s var(--ease, ease-in-out), transform 0.5s var(--ease, ease-in-out);
  opacity: 0;
  transform: translateY(12px);
}
#jobs .job-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
#jobs .job-card.is-hidden {
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
}

/* Pause on hover: set inline animationPlayState via JS (jobs-scroll.js).
   Reduced motion fallback: show all cards stacked statically.
*/
@media (prefers-reduced-motion: reduce) {
  #jobs .job-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}