/* static/about.html.erb - the page itself enters with the shared
   .page-fade-up/.page-hero-line from application.css; the step and pillar
   cards then settle in one after another. */
.about-stagger {
  animation: fade-up-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.about-stagger:nth-child(1) { animation-delay: 0.1s; }
.about-stagger:nth-child(2) { animation-delay: 0.2s; }
.about-stagger:nth-child(3) { animation-delay: 0.3s; }
.about-stagger:nth-child(4) { animation-delay: 0.4s; }
/* The hero halo pops in behind shared/_brand_logo, then rings once as the
   last circuit trace lands. */
.about-logo-halo {
  animation:
    success-scale-in 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both,
    brand-logo-halo-pulse 0.5s ease-out 0.95s both;
}
.about-links a {
  color: var(--pill-blue-text);
  text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
  .about-stagger,
  .about-logo-halo {
    animation: none;
  }
}