/* Opening: a fixed frame, slow surface transformation, then the person. */
.opening{height:175svh!important;min-height:1200px;background:#060606}
.opening-stage{position:sticky!important;top:0!important;height:100svh!important;min-height:680px!important;padding-top:125px;padding-bottom:90px}
.thought-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.13;pointer-events:none;z-index:0}
.opening-nav{z-index:4}
.hero-copy{z-index:2}
.story-study{position:absolute;inset:auto var(--gutter) auto 47%;top:175px;height:430px;display:block;gap:0;margin:0;pointer-events:none;z-index:1}
.story-study canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.story-caption{position:absolute;bottom:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;color:#aaa99f;font-size:10px;letter-spacing:.025em;z-index:2}
.page-content{position:relative;z-index:3;border-radius:28px 28px 0 0}
.profile-layout{align-items:start;gap:8%;grid-template-columns:minmax(0,.86fr) minmax(0,1.25fr)}
.profile-intro .about-text{font-size:clamp(25px,2.6vw,36px);line-height:1.5;margin-bottom:28px}
.profile-name{margin-top:4px}
.profile-facts{margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.profile-facts div:first-child{grid-column:1/-1}
.profile-facts dt{font-size:10px;color:var(--muted);margin-bottom:5px}
.profile-facts dd{font-size:13px;line-height:1.7;margin:0}
.profile-description{font-size:13px;line-height:1.85}
.profile-responsibilities{border-top:1px solid var(--line);padding-top:24px;margin:22px 0}
.profile-responsibilities .eyebrow{font-size:10px;margin:0 0 16px}
.profile-responsibilities ul{padding:0;margin:0;list-style:none}
.profile-responsibilities li{font-size:13px;line-height:1.65;padding:7px 0}
.profile-responsibilities li:before{content:'—';color:var(--muted);margin-right:10px}
.portrait-frame{position:relative}
.motion-off .opening{height:auto!important;min-height:0}
.motion-off .opening-stage{position:relative!important;height:auto!important;min-height:680px!important}
@media(min-width:1200px){.story-study{top:160px;height:490px}.thought-background{object-position:50% 35%}}
@media(max-width:1000px){.story-study{left:46%;top:170px;height:390px}.opening-stage{padding-top:120px}.thought-background{opacity:.10}}
@media(max-width:650px){
 .opening{height:175svh!important;min-height:1200px}
 .opening-stage{height:100svh!important;min-height:690px!important;padding:82px var(--gutter) 74px}
 .opening-nav{top:16px}
 .hero-copy h1{font-size:clamp(58px,15.5vw,76px);margin:28px 0 18px}
 .hero-copy .eyebrow{font-size:9px}
 .hero-intro{font-size:12px;line-height:1.8;margin:0}
 .hero-about-link{margin-top:16px;min-height:40px}
 .story-study{position:relative;left:auto;right:auto;top:auto;width:100%;height:290px;margin:14px 0 0}
 .thought-background{object-position:65% center;opacity:.08}
 .story-caption{bottom:28px;font-size:9px}
 .page-content{border-radius:18px 18px 0 0}
 .profile-layout{display:flex;gap:30px}
 .profile-intro .about-text{font-size:28px}
 .profile-facts{gap:16px 20px}
 .profile-facts dd,.profile-responsibilities li{font-size:13px}
 .motion-off .opening-stage{min-height:690px!important}
}
@media(max-width:360px){
 .opening{min-height:1220px}
 .opening-stage{min-height:760px!important}
 .story-study{height:260px}
 .hero-copy h1{font-size:58px;max-width:270px}
 .hero-copy h1 br{display:block}
 .story-caption{font-size:8px;gap:12px}
}
@media(prefers-reduced-motion:reduce){
 .opening{height:auto!important;min-height:0}
 .opening-stage{position:relative!important;height:auto!important}
}