/* About page: story columns, leadership cards. Loads after content.css. */
.about-story { width: 100%; }
.about-story .lead { max-width: 62ch; font-size: clamp(17px, 1.3vw, 19px); }

.about-team { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 960px) { .about-team { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.about-person { background: var(--bone); border: 1px solid var(--line); border-radius: 14px; padding: clamp(20px, 2.4vw, 32px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-content: start; }
@media (min-width: 640px) { .about-person { grid-template-columns: 120px minmax(0, 1fr); } }
.about-person__photo { width: 120px; height: 120px; border-radius: 10px; object-fit: cover; display: block; border: 1px solid var(--line); }
.about-person__body { display: grid; gap: 14px; color: var(--ink-2); }
.about-person__body > p { margin: 0; font-size: 16px; line-height: 1.6; text-wrap: pretty; }
.about-person__name { display: grid; gap: 6px; }
.about-person__name h3 { margin: 0; font: 600 clamp(26px, 2.4vw, 34px)/1.05 var(--font-display); letter-spacing: -0.02em; color: var(--ink); }
.about-person__name p { margin: 0; }
.about-person__name a { color: var(--gold); }
.about-person__name a:hover { color: var(--gold-2); }

.about-thesis { max-width: 46ch; font-size: clamp(20px, 1.9vw, 26px); line-height: 1.45; color: var(--ink); }
#thesis .page-section__head { align-content: start; margin-bottom: 0; }