.about-page .site-main { max-width: 68rem; }
.about-intro { max-width: 57rem; margin-bottom: clamp(4rem, 8vw, 7rem); }
.eyebrow { margin: 0 0 1rem; color: var(--accent); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.about-intro h1 { margin: 0; font-size: clamp(3rem, 7vw, 6rem); line-height: .98; letter-spacing: -.055em; }
.about-intro__lede { max-width: 43rem; margin: 2.25rem 0 0; color: var(--text-muted); font-size: clamp(1.1rem, 2.3vw, 1.45rem); line-height: 1.55; }
.about-body { display: grid; grid-template-columns: minmax(0, 40rem) minmax(12rem, 17rem); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.about-story { font-size: clamp(1rem, 1.4vw, 1.12rem); }
.about-story p { margin: 0 0 1.4rem; color: var(--text-muted); }
.about-story h2 { margin: 3.6rem 0 1.2rem; color: var(--text); font-size: clamp(1.4rem, 3vw, 2rem); letter-spacing: -.035em; }
.about-story a { color: var(--text); }
.about-aside { border-top: 1px solid var(--accent); padding-top: 1.15rem; }
.about-aside dl, .about-aside dd { margin: 0; }
.about-aside dl > div { padding: 1rem 0; border-top: 1px solid var(--border); }
.about-aside dl > div:first-child { border-top: 0; }
.about-aside dt { margin-bottom: .2rem; color: var(--text-muted); font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.about-aside dd { color: var(--text); font-size: .94rem; line-height: 1.45; }
@media (max-width: 48rem) { .about-body { grid-template-columns: 1fr; gap: 3.5rem; } .about-aside { max-width: 28rem; } }
@media (max-width: 32rem) { .about-intro h1 { letter-spacing: -.06em; } }
.about-aside > p:not(.eyebrow) { color: var(--text-muted); font-size: .9rem; }
.about-aside ul { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.about-aside li { padding: .75rem 0; border-top: 1px solid var(--border); font-size: .88rem; }