/* The opening is a two-position portrait, scrubbed by the reader. */
.hero{height:200svh;min-height:1200px;background:#050810}
.hero-stage{min-height:600px;background:#050810}
.hero-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}
.hero-light{background:radial-gradient(ellipse at 54% 41%,#145095 0%,#0a254b 32%,#050a13 69%)}
.hero-light:after{background:linear-gradient(0deg,#060910 0%,transparent 28%)}
/* Negative tracking needs paint space after the final A. */
.first-name{padding-inline-end:.075em;background:linear-gradient(100deg,#5ea9f6,#a7d8ff 48%,#4c8fde);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cinematic-ready .first-name,.cinematic-ready .last-name{left:0;top:0;bottom:auto;transform-origin:0 0;will-change:transform}
.cinematic-ready .first-name{transform:translate3d(var(--first-x,0px),var(--first-y,0px),0) scale(var(--first-scale,1))}
.cinematic-ready .last-name{transform:translate3d(var(--last-x,0px),var(--last-y,0px),0) scale(var(--last-scale,1))}
.cinematic-ready .portrait-layer{transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0) scale(var(--portrait-scale,1));transform-origin:50% 70%}
.cinematic-ready .hero-role{left:var(--gutter);top:var(--role-y,52%);transform:translateZ(0)}
.hero-role p{font-size:clamp(20px,1.8vw,29px);line-height:1.4}
.hero-role .role-company{color:#bed4ed}
.hero-progress{display:flex;align-items:center;gap:16px;position:absolute;right:var(--gutter);bottom:41px;z-index:8;color:#a6bbd5;font-size:12px;letter-spacing:.07em}
.hero-progress .progress-track{width:88px;height:1px;background:#a6c6ef33;position:relative;overflow:hidden}
.hero-progress .progress-track:after{content:'';position:absolute;inset:0;background:#b8d9ff;transform:scaleX(var(--hero-progress,0));transform-origin:left}
.hero-explore{left:var(--gutter);font-size:14px;color:#e3edff}
.hero-explore:hover{color:#a0ceff}
.hero-note{display:none}
.site-header{transition:background .35s,border-color .35s,transform .4s}
.chapter-label{font-variant-numeric:tabular-nums}
.cinematic-ready .education-portrait-frame img{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.075);will-change:transform}
.cinematic-ready .path-archive-image img{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.06);will-change:transform}
.path-archive-image,.education-portrait-frame{isolation:isolate}
.story .path-archive-heading h3{font-size:clamp(40px,5.2vw,76px)}
.story .path-archive-secondary{width:88%;gap:clamp(32px,7vw,110px);margin-top:75px}
.story .path-srm-campaign{padding-top:70px}
.story .path-community{margin-top:0}
@media(min-width:900px) and (max-height:720px){.hero{min-height:1100px}.hero-stage{min-height:560px}.hero-role p{font-size:22px}.hero-explore{bottom:25px}.hero-progress{bottom:34px}.first-name{font-size:21vw}.last-name{font-size:22svh}}
@media(max-width:899px){.hero{height:175svh;min-height:1200px}.hero-role p{font-size:20px}.hero-progress{font-size:11px;gap:12px}.hero-progress .progress-track{width:65px}.story .path-archive-secondary{gap:33px;width:92%}}
@media(max-width:599px){.hero{height:155svh;min-height:1080px}.hero-stage{min-height:640px}.hero-role p{font-size:15px}.cinematic-ready .hero-role{left:var(--gutter);top:17%;transform:none}.hero-progress{display:none}.hero-explore{font-size:13px;bottom:26px}.first-name{font-size:21.8vw}.last-name{font-size:20vw}.story .path-archive-secondary{width:100%;gap:32px;margin-top:38px}.story .path-srm-campaign{padding-top:0}.cinematic-ready .education-portrait-frame img,.cinematic-ready .path-archive-image img{transform:none;will-change:auto}}
@media(max-height:550px){.hero{height:100svh;min-height:580px}.hero-stage{height:580px;position:relative}.hero-role{top:56%}.hero-progress{display:none}.hero-explore{bottom:24px}}
html.reduced-motion .hero{height:100svh;min-height:640px}
html.reduced-motion .hero-stage{position:relative;min-height:640px}
html.reduced-motion .hero-progress{display:none}
html.reduced-motion .cinematic-ready .first-name,html.reduced-motion .cinematic-ready .last-name{transform:none}
html.reduced-motion.cinematic-ready .first-name{transform:translate3d(var(--first-x,0px),var(--first-y,0px),0) scale(var(--first-scale,1))!important}
html.reduced-motion.cinematic-ready .last-name{transform:translate3d(var(--last-x,0px),var(--last-y,0px),0) scale(var(--last-scale,1))!important}
html.reduced-motion .education-portrait-frame img,html.reduced-motion .path-archive-image img{transform:none;will-change:auto}