/* Biography lives on the page, immediately after the research landscape. */
.intro{display:block}
.intro-copy{max-width:950px}
.intro h1{font-size:clamp(48px,5.4vw,76px)}
.about-journey{max-width:1160px;margin:54px auto 0;padding:60px 25px 45px;border-top:1px solid var(--line);scroll-margin-top:25px}
.about-overview{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;align-items:center}
.journey-portrait{margin:0;text-align:center}
.portrait-circle{width:225px;height:225px;border-radius:50%;overflow:hidden;margin:0 auto;outline:1.5px solid var(--ink);outline-offset:7px;background:#e0e4d6}
.portrait-circle img{display:block;width:100%;height:100%;object-fit:cover;object-position:84% 50%;transform:scale(1.3);transform-origin:72% 70%}
.journey-portrait figcaption{font:14px/1.7 var(--hand);color:var(--rust);margin:24px -10px 0;transform:rotate(-3deg)}
.journey-intro h2{font-size:44px;margin-bottom:20px}
.journey-intro p:not(.eyebrow){font-size:17px;line-height:1.8;margin:0 0 15px}
.journey-intro .journey-interests{font-size:20px!important;line-height:1.6!important}
.milestone-timeline{list-style:none;margin:50px 0 0;padding:0}
.milestone-timeline>li{display:grid;grid-template-columns:128px 96px minmax(0,1fr);gap:24px;position:relative;padding:0 0 46px}
.milestone-timeline>li:before{content:'';position:absolute;left:199px;top:72px;bottom:8px;border-left:1px solid var(--line)}
.milestone-timeline>li:last-child:before{display:none}
.milestone-date{text-align:right;font:18px/1.7 var(--hand);color:var(--rust);padding-top:12px}
.milestone-date span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.08em;margin-top:3px;color:var(--muted)}
.milestone-date .milestone-range{display:inline;font:inherit;letter-spacing:normal;margin:0;color:inherit}
.milestone-marker{display:flex;align-items:center;justify-content:center;width:96px;height:64px;background:var(--paper)}
.milestone-marker img{display:block;width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.marker-pennstate img{width:96px;height:54px}
.marker-mcc img{width:80px;height:56px}
.milestone-copy{min-width:0}
.milestone-copy h4{font:25px/1.4 Georgia,serif;font-weight:normal;margin:9px 0 9px}
.milestone-copy p{font-size:16px;line-height:1.8;margin:0;max-width:690px}
.milestone-copy .text-link{margin-top:7px}
.milestone-copy .affiliation-role{font:12px/1.7 Arial,sans-serif;letter-spacing:.035em;color:var(--muted);margin:0 0 30px}
.research-milestones{list-style:none;margin:0;padding:0}
.research-milestones>li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:26px;position:relative;padding:0 0 28px}
.research-milestones>li:last-child{padding-bottom:0}
.research-milestones>li:before{content:'';position:absolute;left:60px;top:11px;width:9px;border-top:1px solid var(--muted)}
.research-date{font:13px/1.8 Arial,sans-serif;color:var(--muted);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}
.research-date span{display:block;font-size:8px;letter-spacing:.04em;line-height:1.5;margin-top:4px}
.research-copy{min-width:0}
.research-copy h5{font:normal 21px/1.4 Georgia,serif;margin:0 0 8px}
.about-journey .about-field-photo{width:75%;max-width:480px;margin:18px auto 0}
@media(max-width:760px){
 .about-journey{margin:28px 5% 0;padding:40px 5px 35px}
 .about-overview{grid-template-columns:1fr;gap:36px}
 .portrait-circle{width:190px;height:190px}
 .journey-intro h2{font-size:35px}
 .journey-intro .eyebrow{font-size:10px}
 .journey-intro .journey-interests{font-size:19px!important}
 .milestone-timeline{margin-top:36px}
 .milestone-timeline>li{grid-template-columns:68px minmax(0,1fr);gap:20px;padding-bottom:38px}
 .milestone-timeline>li:before{left:33px;top:104px;bottom:8px}
 .milestone-timeline>.milestone-period:before{top:138px}
 .milestone-timeline>.milestone-pennstate:before{top:162px}
 .milestone-date{font-size:15px;line-height:1.8;padding-top:4px}
 .milestone-date span{font-size:8px}
 .milestone-date .milestone-range{display:block;line-height:.5;font-size:inherit}
 .milestone-marker{position:absolute;left:0;top:40px;width:68px;height:56px}
 .milestone-marker img{width:48px;height:48px}
 .milestone-period>.milestone-marker{top:76px}
 .milestone-pennstate>.milestone-marker{top:100px}
 .marker-pennstate img{width:68px;height:40px}
 .marker-mcc img{width:64px;height:46px}
 .milestone-copy h4{font-size:22px;margin-top:2px}
 .milestone-copy p{font-size:15px;line-height:1.75}
 .milestone-copy .affiliation-role{font-size:11px;margin-bottom:24px}
 .research-milestones>li{display:block;padding-bottom:26px}
 .research-milestones>li:before{left:0;top:11px;width:11px}
 .research-date{font-size:12px;text-align:left;padding:0 0 0 22px;margin:0 0 8px;display:flex;align-items:center;gap:8px}
 .research-date span{display:inline;font-size:8px;margin:0}
 .research-copy h5{font-size:20px}
}