.about-page { display:grid; grid-template-columns:minmax(0,18rem) minmax(0,46rem); align-items:start; justify-content:center; gap:clamp(2rem,6vw,5rem); width:100%; padding:clamp(2rem,6vw,6rem) clamp(1rem,4vw,3rem); background:linear-gradient(180deg,var(--color-mist),var(--color-white) 30rem); }
.about-page__portrait { position:sticky; top:2rem; margin:0; }
.about-page__portrait img { display:block; width:100%; height:auto; border-radius:1.25rem; box-shadow:0 1.5rem 3.5rem rgba(7,29,47,.18); }
.about-article { max-width:72ch; color:var(--color-ink); }
.about-article h1 { margin:0 0 1rem; font-size:clamp(3rem,8vw,5.75rem); line-height:.92; }
.about-article h2 { margin:clamp(3rem,8vw,5rem) 0 1rem; font-size:clamp(2rem,5vw,3.25rem); line-height:1; }
.about-article p { margin:0 0 1.25rem; font-size:clamp(1rem,1.5vw,1.125rem); line-height:1.75; white-space:pre-line; }
.about-article h1 + h2 { margin-top:1.25rem; color:var(--color-blue-medium-dark); font-size:clamp(1.4rem,3vw,2rem); line-height:1.2; }
@media (max-width:760px) { .about-page { grid-template-columns:minmax(0,1fr); } .about-page__portrait { position:static; max-width:24rem; } }