/* About page only: full bio beside the existing photo collection at all widths. */
.about-side-by-side {
  display: grid;
  grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
  gap: 2rem clamp(1rem, 3vw, 3rem);
  align-items: start;
  padding-top: clamp(2rem, 4vw, 4rem);
  background: #fff;
}
.about-side-by-side .about-introduction { grid-column: 1 / -1; }
.about-side-by-side #about-title { margin: 0; color: var(--ink); font-size: clamp(1.75rem, 4vw, 3.5rem); font-weight: 400; line-height: 1.15; letter-spacing: -.035em; }
.about-side-by-side .about-copy { grid-column: 1; font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.about-side-by-side .family-section { grid-column: 2; min-width: 0; background: transparent; }
.about-side-by-side .family-section .section-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.about-side-by-side .photo-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 0; }
.about-side-by-side .photo-card > a { aspect-ratio: auto; border-radius: 8px; }
.about-side-by-side .photo-card img { height: auto; object-fit: contain; transform: none; }
.about-side-by-side .photo-card figcaption { padding: .65rem 0 0; overflow-wrap: anywhere; }
.about-side-by-side .photo-card h3 { font-size: 1rem; line-height: 1.35; }
.about-side-by-side .photo-card p { font-size: .875rem; line-height: 1.5; }
.about-side-by-side .about-profile-details { margin-top: 2rem; }
@media (max-width: 760px) {
  .about-side-by-side { padding: 1.5rem 1rem 3rem; gap: 1.25rem 14px; }
  .about-side-by-side .photo-card h3 { font-size: .8125rem; }
  .about-side-by-side .photo-card p { font-size: .75rem; }
  .about-side-by-side .photo-grid { gap: 1.25rem; }
  .about-side-by-side .license-summary dl > div { grid-template-columns: minmax(0, 1fr); }
}