/* Hero run-console animation.
   Only applies once run-console.js adds .is-animated, so the static markup
   stays the presentation for no-JS and reduced-motion visitors. */

.run-console.is-animated .run-steps > li {
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
}

.run-console.is-animated .run-steps > li.is-shown {
  opacity: 1;
  transform: none;
}

.run-console.is-animated .budget-track span {
  transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

/* The run settles on the approval gate rather than on a finished run:
   the point of the console is that a person still holds the handoff. */
.run-console.is-animated .console-live.is-waiting {
  color: #f0b849;
}

@media (prefers-reduced-motion: reduce) {
  .run-console.is-animated .run-steps > li,
  .run-console.is-animated .budget-track span {
    transition: none;
  }
}