.about {
    padding-block: var(--space-xl);
}

.about-content {
    max-width: 820px;
    padding-left: clamp(1.25rem, 3vw, 2.25rem);
    border-left: 3px solid var(--color-primary);
}

.about-eyebrow {
    margin: 0 0 1rem;
    color: var(--color-primary);
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.about h2 {
    max-width: 24ch;
    margin: 0 0 1.5rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.2;
    text-wrap: balance;
}

.about-content p:not(.about-eyebrow) {
    max-width: 65ch;
    margin: 0 0 1.25rem;
    color: var(--color-text-muted);
    line-height: 1.8;
}