/* V9: horizontal fade for Experience entries only. Other chapters retain V8 fades. */
#experience.experience-paged .timeline { overflow: hidden; }
#experience.experience-paged .timeline > .job { will-change: transform, opacity; }
@keyframes experience-out-left {
  from { transform: translateX(0); opacity: 1; }
  to { transform: translateX(-44px); opacity: 0; }
}
@keyframes experience-out-right {
  from { transform: translateX(0); opacity: 1; }
  to { transform: translateX(44px); opacity: 0; }
}
@keyframes experience-in-right {
  from { transform: translateX(44px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@keyframes experience-in-left {
  from { transform: translateX(-44px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
#experience .jobs-shift-out-left { animation: experience-out-left 260ms ease-in both; }
#experience .jobs-shift-out-right { animation: experience-out-right 260ms ease-in both; }
#experience .jobs-shift-in-right { animation: experience-in-right 320ms ease-out both; }
#experience .jobs-shift-in-left { animation: experience-in-left 320ms ease-out both; }
@media (prefers-reduced-motion: reduce) {
  #experience .jobs-shift-out-left, #experience .jobs-shift-out-right,
  #experience .jobs-shift-in-left, #experience .jobs-shift-in-right { animation: none !important; }
}