/* Keep the sticky portrait within the biography, above the career divider. */
.about.section{display:block}
.about-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9vw;align-items:start}
/* Professional biography and career milestones, based on the supplied CV. */
.about .portrait{background:#050505;border-radius:6px;isolation:isolate;position:sticky;top:120px;align-self:start;margin-top:15px}
.about .portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}
.about .portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 30%,transparent 65%,#000b);z-index:-1;pointer-events:none}
.about .portrait>span{color:#d8e4ce;position:relative}
.about .portrait>p{color:#fff}
.about .portrait small{color:#d6dece}
.about-copy .section-copy{max-width:none;line-height:1.7}
.about-text{font-size:15px;line-height:1.8;color:#60705d;max-width:570px}
.about-copy .qualifications li{line-height:1.6;padding:12px 0}
.qualifications small{display:block;font-size:12px;line-height:1.6;color:#7a8672;margin-top:3px}
.about-development{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;margin:24px 0 0;padding:18px 20px;border-left:2px solid #94c11f;background:#e9efdf;font-size:14px;color:#275f19}
.about-development>span{width:100%;font-size:9px;letter-spacing:.15em;color:#697c5c}
.about-development small{font-size:11px;color:#697c5c}
.about-interest{margin:20px 0 0;font-size:12px;line-height:1.8;color:#75836a}
.about-career{width:100%;margin-top:90px}
.career-heading{padding-top:35px;border-top:1px solid #c6d0bd}
.about .career-heading h3{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0 0 35px}
.career-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.career-steps li{border-top:2px solid #275f19;padding-top:18px;position:relative}
.career-steps li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#94c11f;left:0;top:-4px;box-shadow:0 0 0 4px #f5f6ef}
.career-steps li>span{font-size:11px;letter-spacing:.08em;color:#6f7d63}
.career-steps h4{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:19px 0 12px;color:#275f19}
.career-steps p{font-size:13px;line-height:1.8;color:#6a7664;margin:0}
@media(max-width:1000px){.career-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.about-career{margin-top:65px}}
@media(max-width:760px){.about-profile{grid-template-columns:minmax(0,1fr);gap:40px}.about-career{margin-top:60px}.about .portrait{position:relative;top:auto;margin-top:0}.about-copy .section-copy{font-size:16px}.about-text{font-size:14px}.about .career-heading h3{margin-bottom:28px}.career-steps{grid-template-columns:1fr;gap:28px}.career-steps li{padding-top:14px}.career-steps h4{margin-top:14px}.career-steps p{max-width:470px}}