/* About page uses the existing approved introduction and portrait. */
.about-page .breadcrumbs { display: flex; gap: 12px; padding-block: 24px; font-size: 13px; color: var(--muted); }
.about-page .breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.about-page .about-grid { max-width: 1100px; }
.about-page .about-grid h1 { font-size: clamp(40px, 4.5vw, 56px); margin-bottom: 22px; }
.about-page .site-header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 8px; }

/* Let the biography flow beside the portrait and continue beneath it. */
.about-page .about-grid { display: flow-root; }
.about-page .about-photo { float: left; width: 38%; margin: 0 48px 24px 0; }
@media (max-width: 700px) {
  .about-page .about-photo { float: none; width: 100%; max-width: 340px; margin: 0 auto 30px; }
}