.about-page{background:#fff}
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(48px,8vw,120px);align-items:center;padding-block:clamp(68px,8vw,118px)}
.about-hero h1{max-width:12ch;font-size:clamp(3.2rem,6vw,6.6rem);line-height:.96;letter-spacing:-.065em}
.about-hero-copy>p{max-width:62ch;margin-top:22px;font-size:.9rem;line-height:1.75}
.about-portrait{position:relative;margin:0;padding:20px 20px 0 0}
.about-portrait:before,.about-portrait:after{content:'';position:absolute;border:1px solid #f288be;border-radius:50%;z-index:0}
.about-portrait:before{inset:0 0 52px 9%}
.about-portrait:after{width:42%;aspect-ratio:1;right:-3%;top:-3%;background:var(--accent);border:0}
.about-portrait img{position:relative;z-index:1;display:block;width:100%;max-height:660px;object-fit:cover;object-position:50% 34%;border-radius:48% 48% 22% 22%/35% 35% 16% 16%}
.about-portrait figcaption{position:relative;z-index:2;width:88%;margin:-25px auto 0;padding:15px 18px;background:#fff;border:1px solid var(--line);font-size:.68rem;font-weight:650;text-align:center}
.about-thesis{background:var(--ink);color:#fff}
.about-thesis>.wrap{display:grid;grid-template-columns:.45fr 1.55fr;gap:clamp(35px,8vw,110px);align-items:start;padding-block:clamp(58px,7vw,88px)}
.about-thesis span{color:#f288be;font-size:.66rem;font-weight:700;letter-spacing:.12em}
.about-thesis p{max-width:33ch;color:#fff;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:600;line-height:1.35;letter-spacing:-.035em}
.journey-section{padding-block:clamp(80px,9vw,128px)}
.journey-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:45px;align-items:start;margin-bottom:60px}
.journey-heading h2{max-width:18ch;font-size:clamp(2.25rem,4.5vw,4.7rem);line-height:1.02;letter-spacing:-.055em}
.career-timeline{position:relative;width:min(100%,980px);margin:0 0 0 auto;padding:0;list-style:none}
.career-timeline:before{content:'';position:absolute;left:31px;top:28px;bottom:40px;width:2px;background:#f288be}
.career-timeline li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:28px;padding:0 0 54px}
.timeline-index{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--accent);border-radius:50%;background:#fff;color:var(--accent);font-size:.7rem;font-weight:700}
.career-timeline li>div{padding:0 0 43px;border-bottom:1px solid var(--line)}
.timeline-label{display:block;margin-bottom:13px;color:var(--accent);font-size:.64rem;font-weight:700;letter-spacing:.12em}
.career-timeline h3{max-width:29ch;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.25}
.career-timeline p{max-width:70ch;margin-top:15px;font-size:.82rem;line-height:1.72}
.teaching-story{background:var(--pale)}
.teaching-story>.wrap,.purpose-section{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(310px,.87fr);gap:clamp(45px,8vw,110px);align-items:center;padding-block:clamp(72px,8vw,110px)}
.teaching-story figure,.purpose-section figure{margin:0}
.teaching-story img{display:block;width:100%;height:auto;border-radius:14px}
.teaching-story h2,.purpose-section h2{max-width:16ch;font-size:clamp(2.25rem,4.2vw,4.4rem);line-height:1.03;letter-spacing:-.05em}
.teaching-story p,.purpose-section p{max-width:58ch;margin-top:19px;font-size:.84rem;line-height:1.72}
.purpose-section{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}
.purpose-section figure{align-self:stretch;min-height:580px;overflow:hidden;border-radius:14px}
.purpose-section img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 67%}
.purpose-signature{margin-top:27px!important;padding:18px 0;border-block:1px solid var(--ink);color:var(--ink)!important;font-weight:650}
.about-now{background:var(--ink);color:#fff}
.about-now>.wrap{padding-block:clamp(72px,8vw,110px)}
.about-now h2{max-width:22ch;color:#fff;font-size:clamp(2.4rem,4.8vw,5rem);line-height:1.05;letter-spacing:-.055em}
.about-now h2 em{color:#f288be}
.about-now-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}
.about-now .tertiary{color:#fff}
@media(max-width:900px){.about-hero,.teaching-story>.wrap,.purpose-section{grid-template-columns:1fr}.about-portrait{width:min(100%,560px);margin-inline:auto}.about-thesis>.wrap,.journey-heading{grid-template-columns:1fr;gap:20px}.career-timeline{width:100%}.teaching-story figure{order:2}.purpose-section figure{min-height:0;aspect-ratio:4/5;width:min(100%,560px)}}
@media(max-width:600px){.about-hero{gap:38px}.about-hero h1{font-size:clamp(3rem,14vw,4.35rem)}.about-portrait{padding:11px 11px 0 0}.about-thesis p{font-size:1.45rem}.journey-heading{margin-bottom:42px}.career-timeline:before{left:20px}.career-timeline li{grid-template-columns:42px minmax(0,1fr);gap:17px;padding-bottom:35px}.timeline-index{width:42px;height:42px;font-size:.58rem}.career-timeline li>div{padding-bottom:30px}.career-timeline h3{font-size:1.25rem}.career-timeline p{font-size:.77rem}.teaching-story>.wrap,.purpose-section{gap:32px}.teaching-story h2,.purpose-section h2{font-size:clamp(2.15rem,11vw,3.25rem)}.about-now h2{font-size:clamp(2.2rem,11vw,3.4rem)}.about-now-actions{align-items:stretch;flex-direction:column}.about-now-actions .primary-cta{width:100%;text-align:center}.about-now-actions .tertiary{align-self:flex-start}}