/* The introduction shares the offering pages' image/copy proportions. */
.about-page .about-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:center;padding-block:32px 80px}
.about-introduction-photo{margin:0;min-width:0}
.about-introduction-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 25%;border-radius:20px}
.about-introduction-photo figcaption{font-size:13px;line-height:1.5;color:#526e82;margin-top:12px}
.about-introduction-copy{min-width:0;max-width:640px}
.about-page .eyebrow{color:#526e82;font-size:12px;line-height:1.5;letter-spacing:.11em;font-weight:600;margin:0 0 16px}
.about-introduction h1{font-size:clamp(38px,4.2vw,62px);line-height:1.07;letter-spacing:-.035em;color:var(--navy);margin:0 0 28px;text-wrap:balance}
.about-page .about-introduction-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;margin:0 0 20px}
.about-page .about-introduction-copy>p.about-lead{font-size:clamp(20px,1.65vw,23px);line-height:1.5;color:var(--navy);margin-bottom:24px}
.about-page .about-introduction-copy>p:last-child{margin-bottom:0}
.about-page .about-experience{padding-block:24px 56px}
.about-experience>h2,.about-academic h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--navy);margin:0 0 40px}
/* A fixed date column and one continuous reading column keep each role together. */
.about-role-group+.about-role-group{margin-top:72px}
.about-role-group>.eyebrow{margin-bottom:36px}
.about-role-list{display:grid;gap:60px}
.about-role{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:48px;align-items:start}
.about-role .about-role-date{font-size:15px;line-height:1.5;color:#526e82;margin:0;padding-top:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.about-role-content{min-width:0;max-width:900px}
.about-role h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25;letter-spacing:-.025em;color:var(--navy);margin:0 0 8px;text-wrap:wrap}
.about-role .about-role-company{font-size:20px;line-height:1.4;color:var(--navy);margin:0 0 6px}
.about-role .about-role-location{font-size:14px;line-height:1.5;color:#526e82;margin:0}
.about-role-detail{margin-top:18px;max-width:760px}
.about-role-detail>p{font-size:17px;line-height:1.6;margin:0 0 10px}
.about-role-detail>p:last-child{margin-bottom:0}
.about-role .about-role-evidence{display:flex;align-items:center;gap:24px;max-width:760px;margin:22px 0 0;padding:20px 24px;border-radius:14px;background:linear-gradient(110deg,#dce6eb,#eee5d4);color:var(--navy)}
.about-role-evidence strong{flex:none;min-width:132px;font-size:clamp(36px,3.5vw,46px);font-weight:650;line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.about-role-evidence span{font-size:17px;font-weight:500;line-height:1.5;max-width:440px}
.about-page .about-academic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:start;padding-block:32px}
.about-academic h2{margin:0}
.about-academic>p{font-size:18px;line-height:1.65;margin:0}
@media(max-width:1000px){
 .about-page .about-introduction{grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px;padding-block:20px 112px;text-align:center}
 .about-page .about-experience{padding-top:48px}
 .about-introduction-photo{max-width:680px;width:100%}
 .about-introduction h1{font-size:clamp(36px,7vw,54px)}
}
@media(max-width:900px){
 .about-role{grid-template-columns:150px minmax(0,1fr);column-gap:32px}
 .about-role-list{gap:52px}
 .about-role .about-role-evidence{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}
 .about-page .about-experience{padding-block:32px 40px}
 .about-page .about-academic{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px}
}
@media(max-width:540px){
 .about-introduction-photo img{border-radius:16px}
 .about-page .about-introduction-copy>p:not(.eyebrow),.about-academic>p{font-size:17px;line-height:1.6}
 .about-page .about-introduction-copy>p.about-lead{font-size:20px}
 .about-role .about-role-company{font-size:18px}
 .about-role{grid-template-columns:minmax(0,1fr);row-gap:12px}
 .about-role .about-role-date{padding-top:0;font-size:14px}
 .about-role-list{gap:48px}
 .about-role-evidence strong{min-width:0;font-size:38px}
 .about-role-group+.about-role-group{margin-top:60px}
}

.about-introduction-copy>.site-cta{margin-top:8px;max-width:100%}
