/* Each image gives way to the biography in the same reading space. */
.profile-chapter{position:relative;max-width:none;margin:0;padding:0!important}
.profile-chapter-stage{position:relative;width:100%;max-width:780px;margin:auto;padding:45px 30px;box-sizing:border-box}
.profile-chapter-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.profile-chapter .sid-portrait,.profile-chapter .sid-second-photo,.profile-chapter .about-image,.sid-profile .profile-chapter .sid-portrait{position:relative;top:auto;margin:0 auto 20px;width:min(66%,340px);max-width:340px}
.profile-scroll-hint{display:flex;align-items:center;gap:18px;margin:12px 0 0;font:400 12px 'DM Sans';letter-spacing:.08em;text-transform:uppercase;color:#a48b55}.profile-scroll-hint>span{font-size:22px;animation:profile-scroll-cue 2s ease-in-out infinite}
.profile-chapter-copy{padding:35px 0}.profile-chapter-copy p{font:400 17px/1.8 'DM Sans';margin:0 0 22px}.profile-chapter-copy h3{font:500 clamp(25px,3vw,36px)/1.15 'Manrope';margin:28px 0 20px;letter-spacing:-.04em}.profile-chapter-copy h3:before{display:none}.profile-chapter-copy h2{font-size:clamp(32px,4.4vw,60px);line-height:1.08}.profile-chapter-copy .profile-chapter-number{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#b49b66;margin-bottom:30px}
.profile-chapter.chapter-scroll{height:190svh}
.chapter-scroll .profile-chapter-stage{position:sticky;top:82px;height:calc(100svh - 82px);display:grid;align-items:center}
.sid-profile .chapter-scroll .profile-chapter-stage{top:65px;height:calc(100svh - 65px)}
.chapter-scroll .profile-chapter-photo,.chapter-scroll .profile-chapter-copy{grid-area:1/1;will-change:opacity,transform}
.chapter-scroll .profile-chapter-photo{opacity:var(--photo-opacity,1);transform:translateY(calc(var(--story-progress,0)*-65px)) scale(calc(1 - var(--story-progress,0)*.12));pointer-events:none}
.chapter-scroll .profile-chapter-copy{opacity:var(--copy-opacity,0);transform:translateY(calc((1 - var(--copy-opacity,0))*55px));padding:0}
.chapter-scroll .profile-chapter-copy>.eyebrow{position:static}
.profile-chapter.about-intro{background:#f4f3ed}.profile-chapter.educator{display:block;background:#142b20}
.sid-profile-layout{max-width:960px;padding-top:35px;padding-left:0;padding-right:0}.sid-biography>.sid-eyebrow,.sid-biography>h2,.sid-biography>.sid-qualifications,.sid-biography>.sid-bio-source{margin-left:28px;margin-right:28px}
.sid-biography>.sid-qualifications{margin-bottom:0}.sid-biography>.sid-bio-source{display:block;text-align:center;margin-top:30px}
@keyframes profile-scroll-cue{50%{translate:0 6px}}
@media(max-width:700px){.profile-chapter-stage{padding:30px 24px}.profile-chapter-copy p{font-size:16px;line-height:1.7}.profile-chapter-copy h3{font-size:27px;margin:20px 0 15px}.profile-chapter .sid-portrait,.profile-chapter .sid-second-photo,.profile-chapter .about-image,.sid-profile .profile-chapter .sid-portrait{width:min(72%,300px)}.chapter-scroll .profile-chapter-stage{top:72px;height:calc(100svh - 72px)}}
@media(prefers-reduced-motion:reduce){.profile-scroll-hint>span{animation:none}.profile-chapter.chapter-scroll{height:auto}.chapter-scroll .profile-chapter-stage{position:static;height:auto;display:block}.chapter-scroll .profile-chapter-photo,.chapter-scroll .profile-chapter-copy{opacity:1;transform:none;will-change:auto}.profile-chapter-copy{padding-top:30px!important}}
.profile-bio-continuation{max-width:780px;margin:0 auto;padding:30px 30px 65px;box-sizing:border-box}
.profile-bio-continuation h3{font:500 clamp(25px,3vw,36px)/1.2 'Manrope';letter-spacing:-.035em;margin:35px 0 22px}
.profile-bio-continuation p,.profile-bio-continuation li{font:400 17px/1.85 'DM Sans';margin:0 0 20px}
.profile-bio-continuation ul{padding-left:22px;margin:25px 0 45px}.profile-bio-continuation li{margin-bottom:12px}
.full-biography{background:#f4f3ed;color:#142c20}.full-biography .profile-chapter:nth-of-type(3){background:#e7eae2}
.sid-profile .profile-bio-continuation p,.sid-profile .profile-bio-continuation li{color:#c6d1c5}.sid-profile .profile-bio-continuation h3{color:#f0e4c9}
@media(max-width:700px){.profile-bio-continuation{padding:20px 24px 45px}.profile-bio-continuation p,.profile-bio-continuation li{font-size:16px;line-height:1.75}}
