/* About page (/about). Reuses the homepage bands, score eyebrows and buttons;
   only the layouts unique to this page live here. No decorative padel artwork. */

.about-story-copy p:not(.eyebrow) { max-width: 60ch; line-height: 1.6; color: var(--navy-soft); font-size: 18px; }
.about-story-copy .section-title { margin-bottom: 4px; }

.about-steps { list-style: none; counter-reset: about-step; padding: 0; margin: 28px 0 0; max-width: 46rem; }
.about-steps li { counter-increment: about-step; position: relative; padding: 18px 0 18px 4.25rem; border-top: 1px solid rgba(255, 248, 242, .18); line-height: 1.55; font-size: 18px; }
.about-steps li:last-child { border-bottom: 1px solid rgba(255, 248, 242, .18); }
.about-steps li::before { content: "0" counter(about-step); position: absolute; left: 0; top: 18px; font-weight: 800; font-size: 28px; line-height: 1; color: var(--ball-yellow); }
.about-steps strong { color: var(--cream); }

.about-page .band-yellow .hero-actions { justify-content: center; }
.about-page .band-yellow a:not(.btn) { color: var(--court-navy); font-weight: 700; }
.band-navy .format-note, .band-navy .format-note .text-link { color: var(--cream); }
@media (max-width: 599px) { .about-steps li { font-size: 17px; padding-left: 3.25rem; } .about-steps li::before { font-size: 22px; top: 20px; } }