.about-header { padding-block: var(--s5); }
.about-header .wide { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s5) var(--s8); }
.about-header nav { display: flex; gap: var(--s5); }
.about-header nav a { display: inline-flex; align-items: center; min-height: var(--control-min); font-size: var(--control-font); }
.about main { padding-block: var(--s8); }
.about h1 { max-width: 18ch; margin-block: var(--s4) var(--s6); font-size: clamp(2.5rem, 6vw, 4.5rem); }
.about-lede { font-size: var(--fs-lede); }
.about main p { max-width: var(--measure); }
.about section { margin-top: var(--s7); }
.about h2 { margin-block: 0 var(--s3); }
.about main a { overflow-wrap: anywhere; }
.about-colophon { max-width: var(--measure); font-size: .875rem; color: var(--mute); }
@media (max-width: 47.999rem) { .about main { padding-block: var(--s6); } }