.about-content { max-width: 860px; padding: 80px 32px; margin: 0 auto; }
.about-header { padding-bottom: 44px; }
.about-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 24px; }
.about-header h1 { font: 400 clamp(36px, 5vw, 56px)/1.15 var(--site-heading); letter-spacing: -1.5px; margin-bottom: 24px; }
.about-lead { font-size: 19px; color: var(--site-muted); line-height: 1.8; max-width: 640px; }
.about-section { padding: 32px 0; border-top: 1px solid var(--site-line); }
.about-section h2 { font: 400 30px/1.2 var(--site-heading); letter-spacing: -0.5px; margin-bottom: 18px; }
.about-section p { color: var(--site-muted); font-size: 16px; line-height: 1.9; margin-bottom: 16px; }
.about-content a { color: var(--site-ink); text-underline-offset: 4px; }
.about-section a { display: inline-block; font-size: 14px; padding: 8px 0; }
.about-note { border-top: 1px solid var(--site-line); padding-top: 28px; color: var(--site-muted); font-size: 13px; line-height: 1.9; }

@media (max-width: 768px) {
    .about-content { padding: 48px 6%; }
    .about-header { padding-bottom: 32px; }
    .about-lead { font-size: 17px; }
}