.pony-heading { margin-bottom: 28px; }
.pony-heading__eyebrow { margin: 0 0 6px; color: var(--pony-muted); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.pony-heading h1,
.pony-heading h2,
.pony-heading h3 { margin: 0; color: inherit; line-height: 1.06; letter-spacing: -.02em; }
.pony-heading h2 { font-size: clamp(30px, 3vw, 48px); }
.pony-heading--center { text-align: center; }
.pony-heading--light { color: var(--pony-white); }