.education .academic-highlight{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:5%;padding:32px 6% 0}
.education .graduate-copy{min-width:0;padding:24px 0 42px}
.education .graduate-copy h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.65px;line-height:1.18;margin:0 0 22px;font-weight:500}
.education .graduate-copy h2 em{letter-spacing:-.4px}
.education .graduate-copy>p{font-size:15px;line-height:1.6;margin:0 0 14px}
.education .graduate-copy .degree-label{font-size:11px;letter-spacing:1px;padding:7px 12px}
.education .celebrate-graduation{display:flex;width:fit-content;margin-top:24px}
@media(max-width:900px){
 .education .academic-highlight{grid-template-columns:minmax(0,1fr);gap:0;padding:32px 7% 0}
 .education .graduate-copy{grid-row:1;padding:0 0 28px}
 .education .graduate-art{height:350px;width:100%;max-width:370px;justify-self:center}
 .education .graduate-halo{width:290px;height:290px;top:35px}
 .education .graduate-copy h2{font-size:clamp(30px,4.5vw,40px)}
}
@media(max-width:640px){
 .education .academic-highlight{padding:28px 7% 0}
 .education .graduate-art{height:330px}
 .education .graduate-halo{width:270px;height:270px}
 .education .graduate-copy{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.education .celebrate-graduation{display:none}}
/* Give the graduation portrait more presence while keeping the full gown visible. */
.education .graduate-art{height:480px}
.education .graduate-halo{width:min(360px,95%);height:auto;aspect-ratio:1;top:65px}
@media(max-width:900px){
 .education .graduate-art{height:460px;max-width:440px}
}
@media(max-width:640px){
 .education .graduate-art{height:clamp(360px,110vw,430px)}
 .education .graduate-halo{width:min(340px,95%);top:60px}
}