/* Interior-page rhythm. Homepage proportions live in site.css. */
.flow-line{display:block;overflow:clip;padding-bottom:.1em;margin-bottom:-.1em}
.flow-line>span{display:block}
.page-about .recognition-section{padding:7vw 0 9vw}
.page-about .recognition-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:4.5vw}
.page-about .recognition-heading .section-heading{margin:0}
.page-about .recognition-note{justify-self:end;max-width:320px}
.page-about .recognition-note p{font-size:1.2vw;line-height:1.65;margin-bottom:22px}
.page-about .recognition-note .outline-link{font-size:1.1vw}
.page-about .achievement{padding-top:1.8vw}
.page-about .achievement-value{font-size:5.5vw;letter-spacing:-.045em;margin-bottom:1.8vw}

.community-section,.experience-section{display:grid;grid-template-columns:28% minmax(0,1fr);gap:8%;align-items:start;padding-bottom:10vw}
.community-section>.section-heading-row,.experience-section>.section-heading{position:sticky;top:18svh;margin:0}
.community-section .section-arrow{display:none}
.community-section .experience-row{grid-template-columns:28px minmax(0,1fr);gap:10px 12px;padding:2.4vw 0}
.community-section .experience-row h3{font-size:2.3vw;line-height:1.25;padding:0}
.community-section .experience-row>div{grid-column:2}
.community-section .experience-row p{font-size:1.15vw;line-height:1.6}
.community-section .experience-row div>span{font-size:1vw;margin-top:.25em;max-width:none}
.experience-section .experience-row{grid-template-columns:1fr;gap:12px;padding:2.4vw 0}
.experience-section .experience-row h3{font-size:2.3vw;line-height:1.25;padding:0}
.experience-section .experience-row p{font-size:1.15vw}
.education-section{display:grid;grid-template-columns:1fr 1fr;gap:2vw 6vw;align-items:start;padding-top:1vw;padding-bottom:12vw}
.education-section>.small-heading{grid-column:1/-1;margin:0}
.education-section h2{font-size:3.5vw;margin:0}
.education-section p{font-size:1.15vw}
.education-section .outline-link{margin-top:2vw}
.case-page .case-facts{position:sticky;top:18svh;align-self:start}
.case-body>section{border-top:1px solid var(--line);padding-top:2.5vw;margin-bottom:4vw}
.case-body h2{font-size:2.1vw;line-height:1.25}
.case-body p{max-width:58ch}
.case-primary .case-image{min-height:0}
.case-page .case-content:has(+.case-figure){padding-bottom:5vw}


@media(min-width:768px) and (max-width:1100px){
 .page-about .recognition-note p{font-size:15px}.page-about .recognition-note .outline-link{font-size:14px}
 .community-section .experience-row p,.experience-section .experience-row p,.education-section p{font-size:15px}
 .community-section .experience-row div>span{font-size:13px}
 .case-body h2{font-size:26px}
 .case-page .case-meta{font-size:14px}.case-page .case-meta span{font-size:10px}
}
@media(max-width:959px){.case-page .case-facts{position:static}}
@media(max-width:767px){
 .page-about .recognition-section{padding:35px 0 85px}
 .page-about .recognition-heading{display:block;margin-bottom:35px}
 .page-about .recognition-heading .section-heading{margin-bottom:26px}
 .page-about .recognition-note{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:22px}
 .page-about .recognition-note p{font-size:14px;line-height:1.6;max-width:165px;margin:0}
 .page-about .recognition-note .outline-link{font-size:13px;min-height:54px;padding-inline:19px;flex:none}
 .page-about .achievement-grid{gap:32px 22px}
 .page-about .achievement{padding-top:18px}.page-about .achievement-value{font-size:13vw;margin-bottom:17px}
 .community-section,.experience-section{display:block;padding-bottom:75px}
 .community-section>.section-heading-row,.experience-section>.section-heading{position:static;margin-bottom:35px}
 .community-section .experience-row{grid-template-columns:24px minmax(0,1fr);gap:9px;padding:23px 0}
 .community-section .experience-row h3,.experience-section .experience-row h3{font-size:25px;line-height:1.25}
 .community-section .experience-row p,.experience-section .experience-row p{font-size:14px}
 .community-section .experience-row div>span{font-size:12px;line-height:1.6}
 .experience-section .experience-row{padding:23px 0;gap:12px}
 .education-section{display:block;padding:0 0 90px}
 .education-section>.small-heading{margin-bottom:24px}
 .education-section h2{font-size:35px;line-height:1.12;margin-bottom:26px}
 .education-section p{font-size:14px}
 .education-section .outline-link{margin-top:24px}
 .case-body>section{padding-top:28px;margin-bottom:38px}.case-body h2{font-size:23px}
 .case-page .case-content:has(+.case-figure){padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.flow-line>span{transform:none!important;opacity:1!important}}