/* About-page-only portrait and the existing five approach points. */
.about-profile-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
.about-profile-copy{min-width:0}
.about-profile-copy h1,.about-profile-copy h2{font-size:clamp(2.35rem,4.1vw,4rem);line-height:1.12;margin:0 0 26px}
.about-profile-copy .lead{max-width:64ch}
.about-profile-copy .lead+.lead{margin-top:20px}
.about-profile-photo{margin:0;width:100%;max-width:420px;justify-self:end}
.about-profile-photo img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:26px}
.about-profile-photo figcaption{color:#fff;font-weight:700;margin-top:16px;font-size:1.15rem;line-height:1.4}
.about-profile-photo figcaption span{display:block;margin-top:3px;color:#c6ced0;font-size:.95rem;font-weight:400}
.about-approach-section{scroll-margin-top:120px}
.about-approach-section h2{max-width:850px;margin-bottom:34px}
.about-approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-approach-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--soft)}
.about-approach-card:last-child{grid-column:1/-1}
.about-approach-card h3{font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.25;margin:0 0 14px;color:var(--ink)}
.about-approach-card p{margin:0;color:var(--muted);max-width:76ch}
@media(max-width:800px){
 .about-profile-grid{grid-template-columns:1fr;gap:28px}
 .about-profile-copy{display:contents}
 .about-profile-copy h1,.about-profile-copy h2{grid-row:1;margin-bottom:0}
 .about-profile-photo{grid-row:2;justify-self:start;max-width:340px;margin-bottom:4px}
 .about-profile-copy .lead{margin:0}
 .about-profile-copy .lead+.lead{margin-top:0}
 .about-profile-copy .about-reviews-button{justify-self:start;margin:0}
 .about-approach-grid{grid-template-columns:1fr;gap:18px}
 .about-approach-card{padding:24px}
 .about-approach-card:last-child{grid-column:auto}
}
/* Bring the About sections closer without changing spacing on other pages. */
.section:is(.about-profile-section,.about-approach-section,.about-values-section,.about-licenses,.about-reviews-widget,.about-contact-section){padding-block:52px}
.section.about-talk-section{padding-bottom:52px}
@media(max-width:680px){
 .section:is(.about-profile-section,.about-approach-section,.about-values-section,.about-licenses,.about-reviews-widget,.about-contact-section){padding-block:36px}
 .section.about-talk-section{padding-bottom:36px}
}