.about-intro { max-width: 800px; }
.about-intro .about-lead { font-size: calc(clamp(20px, 2.8vw, 30px) + var(--page-font-increase, 0pt)); font-family: var(--display-font); line-height: 1.8; }
.about-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.about-row > div { min-width: 0; }
.about-row--photo-left > div { grid-column: 2; grid-row: 1; }
.about-row--photo-left > figure { grid-column: 1; grid-row: 1; }
.about-row .about-methods { grid-template-columns: 1fr; gap: 20px; }
.about-row figure { margin: 0; }
.about-row img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.about-tint { background: var(--off-white); }
.about-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
.about-methods article { border-top: 1px solid var(--border); padding-top: 20px; }
.about-methods h3 { font-size: calc(18px + var(--page-font-increase, 0pt)); margin: 0 0 12px; }
.about-links { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 28px; }
.about-links a { color: var(--crimson); border-bottom: 1px solid var(--border); }
.about-history { border-left: 2px solid var(--crimson); padding-left: 24px; margin-block: 28px; }
.about-history strong { font: calc(38px + var(--page-font-increase, 0pt)) Georgia, serif; color: var(--crimson); }
.about-source { margin-top: 40px; font-size: calc(12px + var(--page-font-increase, 0pt)); color: var(--text-muted); }
.about-source a { text-decoration: underline; }
@media (max-width: 768px) {
  .about-row, .about-methods { grid-template-columns: 1fr; gap: 24px; }
  .about-row--photo-left > div, .about-row--photo-left > figure { grid-column: auto; grid-row: auto; }
}