.about-hero {
    padding-block: clamp(8rem, 13.888889vw, 12.5rem) var(--space-16);
    background: var(--color-background);
    color: var(--color-text);
}
.about-hero__container { display: grid; justify-items: center; text-align: center; }
.about-hero__wordmark { inline-size: 95.491071%; block-size: auto; aspect-ratio: 1283.4 / 171; margin-block-end: -1.25rem; pointer-events: none; }
.about-hero__content { display: grid; justify-items: center; gap: 3.1875rem; inline-size: 100%; }
.about-hero__copy { display: grid; gap: 1.4375rem; inline-size: 100%; }
.about-hero__heading { color: var(--color-brand-emphasis); overflow-wrap: anywhere; }
.about-hero__description { margin: 0; font-size: var(--fs-body-large); line-height: var(--line-height-control); overflow-wrap: anywhere; }
@media (max-width: 47.999rem) {
    .about-hero { padding-block-end: var(--space-12); }
    .about-hero__wordmark { inline-size: 100%; margin-block-end: var(--space-6); }
    .about-hero__content { gap: var(--space-8); }
    .about-hero__copy { gap: var(--space-4); }
    .about-hero__description { font-size: var(--fs-body); }
}