/* About: photo on the left, the full bio on the right */

.about-page { display: grid; gap: 2rem 4rem; padding-block: clamp(3rem, 8vw, 6rem); }
@media (min-width: 48rem) { .about-page { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
.about-page__photo { aspect-ratio: 4 / 5; max-width: 26rem; }
@media (min-width: 48rem) { .about-page__photo { position: sticky; top: 2rem; } }
.about-page h1 { margin-top: 0.75rem; font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.2rem); font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.about-page__title { margin-top: 0.9rem; color: var(--muted); }
.about-page__bio { margin-top: 1.75rem; max-width: 38rem; font-size: 1.05rem; line-height: 1.7; }
.about-page__bio p + p { margin-top: 1rem; }
.about-page__actions { margin-top: 2rem; }