@keyframes sensibleSettle {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}
html body .step-page__kicker,
html body .step-page__title,
html body .step-page__sub,
html body .avatar-card:nth-child(n),
html body .condition-card:nth-child(n) {
  animation: sensibleSettle .25s ease-out both;
  animation-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  html body .step-page__kicker,
  html body .step-page__title,
  html body .step-page__sub,
  html body .avatar-card:nth-child(n),
  html body .condition-card:nth-child(n) { animation-duration: .01s; }
}