.career-roles { display: grid; overflow: hidden; }
.career-roles > span {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(110%);
  animation: career-scroll 15s infinite;
}
.career-roles > span:nth-child(2) { animation-delay: -10s; }
.career-roles > span:nth-child(3) { animation-delay: -5s; }
@keyframes career-scroll {
  0%, 28% { opacity: 1; transform: translateY(0); }
  33.333%, 95% { opacity: 0; transform: translateY(-110%); }
  95.001% { transform: translateY(110%); }
  100% { opacity: 1; transform: translateY(0); }
}
.career-accessible { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  .career-roles { display: block; }
  .career-roles > span { display: block; opacity: 1; transform: none; animation: none; }
}