@media (prefers-reduced-motion: no-preference) {
  .js-careers-motion .careers-kicker,
  .js-careers-motion .careers-hero h1,
  .js-careers-motion .careers-intro,
  .js-careers-motion .careers-hero-main .outline-link,
  .js-careers-motion .careers-facts > div {
    animation: careers-intro-enter .9s cubic-bezier(.16, 1, .3, 1) both;
  }
  .js-careers-motion .careers-kicker { animation-delay: .28s; }
  .js-careers-motion .careers-hero h1 { animation-delay: .42s; }
  .js-careers-motion .careers-intro { animation-delay: .6s; }
  .js-careers-motion .careers-hero-main .outline-link { animation-delay: .72s; }
  .js-careers-motion .careers-facts > div { animation-delay: calc(.84s + var(--careers-delay, 0ms)); }

  @keyframes careers-intro-enter {
    from { opacity: 0; transform: translateY(42px); filter: blur(6px); }
    to { opacity: 1; transform: none; filter: none; }
  }

  .js-careers-motion .careers-reveal {
    opacity: 0;
    transform: translateY(38px);
    filter: blur(4px);
    transition: opacity .65s ease, transform .85s cubic-bezier(.16, 1, .3, 1), filter .7s ease;
  }
  .js-careers-motion .careers-reveal.visible {
    opacity: 1;
    transform: none;
    filter: none;
    transition-delay: var(--careers-delay, 0ms);
  }
}