/* Comfortable reading sizes, with substantive explanations in every scene. */
.site-header .wordmark small{font-size:10px;letter-spacing:1.2px;line-height:1.55}
.header-right{font-size:13px;letter-spacing:1.5px}.concept-tag{font-size:11px;letter-spacing:1px;opacity:.72;padding:10px 14px}
.section-grid{grid-template-columns:49% 51%;padding:112px 5.5vw 78px}
.chapter-copy{max-width:680px}
.chapter-copy h2{font-size:clamp(66px,5.6vw,108px);line-height:1.02;letter-spacing:-.06em}
.eyebrow{font-size:14px;letter-spacing:1.8px;color:#b9bec9;margin-bottom:25px;line-height:1.5}
.light .eyebrow{color:#5a6068}
.chapter-copy p:not(.eyebrow){font-size:clamp(28px,2vw,36px);line-height:1.43;color:#d4d7df;letter-spacing:-.02em;margin-top:27px;max-width:95%}
.light .chapter-copy p:not(.eyebrow){color:#474e56}
.copy-note{font-size:17px;line-height:1.5;letter-spacing:-.01em;margin-top:26px;color:#b7c0cd;max-width:95%;gap:13px}
.copy-note:before{width:25px;flex-shrink:0}.light .copy-note{color:#626971}
.visual-caption{font-size:12px;letter-spacing:1.25px;line-height:1.5;color:#a8b2c2;bottom:0}
.light .visual-caption{color:#626c73}
.journey-indicator{font-size:12px;bottom:23px}.journey-num{font-size:14px}.journey-dots i{width:4px;height:4px}.journey-dots i.active{width:19px}
.hero-copy{width:46vw;max-width:850px}.hero h1{font-size:clamp(65px,5.5vw,110px);line-height:1.04;letter-spacing:-.06em}
.hero .eyebrow{font-size:14px;letter-spacing:1.8px;margin-bottom:24px}
.hero-description{font-size:clamp(28px,2.1vw,38px);line-height:1.42;color:#d5d9e2;margin-top:27px;max-width:94%;letter-spacing:-.02em}
.hero-detail{font-size:11px;letter-spacing:1.1px;right:6vw;bottom:13%;color:#bac5ce}
.hero-bottom{font-size:10px;color:#a4acb8;max-width:40%;text-align:right;line-height:1.5;bottom:26px}
.scroll-cue{font-size:11px;letter-spacing:1.5px;bottom:79px}
.has-film .hero-realistic{position:absolute;right:-7vw;top:52%;width:61vw;height:79svh;filter:blur(calc(var(--scene-defocus,0)*1px));opacity:1;transform:translate3d(calc(var(--visual-shift,0)*1px),calc(-50% - var(--p)*15px),0) scale(calc(.97 + var(--p)*.07))}
.hero-render{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 30px #0004)}
.hero-glow{background:radial-gradient(circle,#baa17c22,transparent 65%);filter:blur(60px);right:-5vw}
.thought{font-size:15px;line-height:1.35;padding:16px 18px}.thought .icon{width:23px;height:23px}
.thought-one{left:-2%;top:6%}.thought-two{right:-3%;top:49%}.thought-three{left:2%;bottom:9%}
.sheet-top{font-size:10px;padding:18px}.sheet-top span{font-size:8px;letter-spacing:.5px}.sheet-bottom{font-size:9px;letter-spacing:.6px;padding:18px}
.manifest{width:49%;right:-3%;top:7%}.manifest-heading{font-size:11px;letter-spacing:1px}.manifest-row{font-size:12px;line-height:1.5;gap:8px;padding-block:14px}.manifest-row>.icon{width:18px;height:18px}.manifest-foot{font-size:8px;letter-spacing:.5px;line-height:1.5}
.assembly-visual{width:110%;margin-left:-4%}
.assembly-label{font-size:13px;line-height:1.3;gap:7px;max-width:180px}.assembly-label span{font-size:10px}.label-left{left:-3%;top:20%}.label-left div{width:23px;flex-shrink:0}.label-right{right:1%;top:54%;max-width:160px}.label-right div{width:20px;flex-shrink:0}
.assembly-seal{padding:14px 16px;gap:10px;right:3%;bottom:13%}.assembly-seal span{font-size:10px;letter-spacing:.6px;line-height:1.5}
.programming .sticky{padding-top:104px}.program-title{max-width:1080px;width:88%}
.program-title .eyebrow{font-size:14px;margin-bottom:16px}
.program-title h2{font-size:clamp(54px,4.6vw,88px);line-height:1.05}
.program-title p:not(.eyebrow){font-size:clamp(25px,1.95vw,34px);line-height:1.4;color:#d3d8e1;max-width:1040px;margin:20px auto 0;letter-spacing:-.02em}
.program-panel{width:min(53vw,850px);margin-top:28px}
.program-phase{font-size:13px;letter-spacing:1.4px;margin-top:27px;color:#c6c3d4}
.program-aside{font-size:15px;max-width:130px;color:#b9bdcc}.aside-one{left:4vw}.aside-two{right:3vw}
.scene-disclaimer{font-size:10px;line-height:1.3;color:#a3abba;letter-spacing:.8px;bottom:26px;max-width:42%;text-align:right}
.check-tag{font-size:12px;letter-spacing:1px;padding:12px 17px}.check-tag .icon{width:18px;height:18px}
.commission-status{font-size:12px;letter-spacing:1px;color:#bad7cc}
.training-callout{font-size:14px;line-height:1.4;padding:17px 18px}.training-callout .icon{width:22px;height:22px}.training-callout-two{right:-3%}
.guide-preview-note{font-size:11px;letter-spacing:1px;color:#626c67}
.learning .sticky{padding-top:102px}
.learning-heading{width:89%;display:grid;grid-template-columns:47% 53%;align-items:end;gap:0;padding-top:33px}
.learning-heading .eyebrow{font-size:14px;line-height:1.5;top:0;margin:0}
.learning-heading h2{font-size:clamp(52px,4.7vw,90px);padding-top:5px;line-height:1.06}
.learning-heading p:not(.eyebrow){font-size:clamp(25px,1.95vw,34px);line-height:1.4;color:#d0d7e2;padding:0 0 0 30px;letter-spacing:-.02em}
.learning-device{width:min(58vw,1000px);margin-top:30px}
.learning-labels{font-size:13px;letter-spacing:1.2px;margin-top:37px}
.learning-disclaimer{font-size:10px;color:#a5afbd;letter-spacing:.7px;bottom:26px}
.finale h2{font-size:clamp(61px,6.5vw,122px);line-height:1.06}
.finale .eyebrow{font-size:14px;margin-bottom:25px}
.finale-content>p:not(.eyebrow){font-size:clamp(28px,2vw,36px);line-height:1.45;color:#ced4df;max-width:1050px;margin:28px auto 0;letter-spacing:-.02em}
.finale-path{font-size:12px;letter-spacing:1.5px;margin:34px 0}.finale-brand small{font-size:11px;letter-spacing:1.3px}
.finale footer{font-size:10px;letter-spacing:1px;color:#a0a9b7}
@media(min-width:1700px){.section-grid{padding-top:125px;padding-bottom:90px}.visual-caption{font-size:14px}.copy-note{font-size:20px}.eyebrow{font-size:16px}.hero .eyebrow{font-size:16px}.hero-detail{font-size:13px}.hero-bottom{font-size:12px}.thought{font-size:17px}.manifest-row{font-size:14px}.manifest-heading{font-size:12px}.assembly-label{font-size:15px}.training-callout{font-size:16px}.programming .sticky,.learning .sticky{padding-top:125px}.program-panel{margin-top:35px}.learning-device{margin-top:38px}}
@media(max-height:800px) and (min-width:901px){
 .section-grid{padding-top:92px;padding-bottom:66px}.eyebrow{margin-bottom:16px;font-size:12px}
 .chapter-copy h2{font-size:clamp(54px,4.8vw,82px)}
 .chapter-copy p:not(.eyebrow){font-size:clamp(24px,1.8vw,29px);line-height:1.38;margin-top:20px}.copy-note{font-size:15px;margin-top:20px}
 .hero h1{font-size:clamp(59px,5.1vw,92px)}.hero-description{font-size:clamp(24px,1.9vw,32px);margin-top:22px;line-height:1.38}.hero .eyebrow{font-size:12px}
 .programming .sticky{padding-top:88px}.program-title h2{font-size:clamp(45px,4vw,66px)}.program-title p:not(.eyebrow){font-size:23px;line-height:1.35;margin-top:16px;max-width:1000px}.program-panel{width:min(48vw,750px);margin-top:22px}.program-phase{font-size:11px;margin-top:20px}
 .learning .sticky{padding-top:87px}.learning-heading h2{font-size:clamp(45px,4vw,68px)}.learning-heading p:not(.eyebrow){font-size:23px;line-height:1.35;padding-left:25px}.learning-device{width:min(52vw,840px);margin-top:24px}.learning-labels{font-size:11px;margin-top:34px}
 .finale-content>p:not(.eyebrow){font-size:25px;max-width:950px}.finale h2{font-size:clamp(55px,5.8vw,95px)}.finale-path{margin:25px 0}
}
@media(max-width:1100px) and (min-width:761px){
 .section-grid{padding-inline:4.5vw;grid-template-columns:51% 49%}.chapter-copy h2{font-size:6.3vw}.chapter-copy p:not(.eyebrow){font-size:24px;line-height:1.4}.copy-note{font-size:14px}.visual-caption{font-size:10px}
 .hero h1{font-size:5.8vw}.hero-copy{width:48vw}.hero-description{font-size:24px}.hero-detail{font-size:9px}
 .thought{font-size:12px;padding:12px;gap:8px}.sheet-top{font-size:8px}.sheet-top span{font-size:6px}.sheet-bottom{font-size:7px}
 .assembly-label{font-size:10px;max-width:120px}.label-left{left:-8%}.label-right{right:-3%}.assembly-seal span{font-size:8px}
 .manifest-row{font-size:9px}.manifest-heading{font-size:9px}.manifest-foot{font-size:6px}.training-callout{font-size:11px;padding:12px}
 .program-title p:not(.eyebrow){font-size:23px}.program-title h2{font-size:5.3vw}.program-panel{width:65vw}.program-aside{display:none}
 .learning-heading{grid-template-columns:45% 55%}.learning-heading h2{font-size:5.2vw}.learning-heading p:not(.eyebrow){font-size:22px;padding-left:22px}.learning-device{width:70vw}.learning-labels{font-size:11px}
 .finale-content>p:not(.eyebrow){font-size:25px;max-width:85%}
}
@media(max-width:760px){
 .site-header{padding:23px 6vw}.site-header .wordmark small{font-size:7px;letter-spacing:.8px}.header-right{font-size:10px;letter-spacing:1px}.concept-tag{display:none}
 .section-grid{padding:101px 7vw 58px;display:flex;flex-direction:column;gap:0}
 .chapter-copy h2{font-size:clamp(40px,10vw,65px);line-height:1.06;letter-spacing:-.055em}
 .eyebrow{font-size:11px;letter-spacing:1.3px;line-height:1.4;margin-bottom:17px}.light .eyebrow{color:#575e66}
 .chapter-copy p:not(.eyebrow){font-size:20px;line-height:1.4;max-width:100%;margin-top:19px;letter-spacing:-.018em;color:#d9dce4}.light .chapter-copy p:not(.eyebrow){color:#474e56}
 .copy-note{display:none}.visual{margin-top:22px;max-height:none;min-height:0;flex:1}
 .visual-caption{font-size:9px;letter-spacing:.7px;color:#afbacb;line-height:1.4;bottom:0}.light .visual-caption{color:#5d686f}
 .journey-indicator{font-size:10px;bottom:20px;gap:8px}.journey-num{font-size:11px}.journey-dots{margin-left:5px;gap:4px}.journey-dots i{width:3px;height:3px}.journey-dots i.active{width:12px}
 .hero-copy{left:7vw;top:13%;width:86vw;max-width:none}.hero h1{font-size:clamp(41px,10.4vw,65px);line-height:1.05;letter-spacing:-.055em}
 .hero .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:18px}
 .hero-description{font-size:20px;line-height:1.4;margin-top:21px;max-width:100%;color:#d9dee6}
 .has-film .hero-realistic{top:72%;right:-13vw;width:123vw;height:40svh;transform:translate3d(calc(var(--visual-shift,0)*.5px),calc(-50% - var(--p)*10px),0) scale(calc(.98 + var(--p)*.05))}
 .hero-detail{display:none}.hero-bottom{display:none}.scroll-cue{font-size:9px;bottom:62px;letter-spacing:1px}
 .thought{font-size:11px;padding:10px 11px;gap:7px}.thought .icon{width:16px;height:16px}.thought-one{top:2%;left:-1%}.thought-two{right:-3%;top:43%}.thought-three{left:1%;bottom:11%}
 .sheet-top{font-size:6px;padding:11px}.sheet-top span{font-size:5px;letter-spacing:.3px}.sheet-bottom{font-size:5px;padding:11px;letter-spacing:.3px}
 .manifest{width:48%;top:1%;right:-2%}.manifest-heading{font-size:7px;padding:10px;letter-spacing:.4px}.manifest-row{font-size:7px;line-height:1.4;padding-block:9px;margin-inline:10px;gap:5px}.manifest-row>.icon{width:11px;height:11px}.manifest-foot{font-size:4px;padding:8px 10px;letter-spacing:.3px}
 .assembly-visual{width:100%;margin-left:0}.assembly-label{font-size:8px;gap:5px;max-width:90px}.assembly-label span{font-size:6px}.label-left{left:-2%;top:22%}.label-left div{width:15px}.label-right{right:-2%;top:51%;max-width:92px}.label-right div{width:13px}
 .assembly-seal{right:0;bottom:13%;padding:9px;gap:7px}.assembly-seal span{font-size:6px;letter-spacing:.4px;line-height:1.5}
 .programming .sticky{padding:102px 0 60px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}
 .program-title{width:100%;max-width:none;padding:0 7vw;text-align:left}.program-title .eyebrow{font-size:11px;margin-bottom:17px}
 .program-title h2{font-size:clamp(39px,9.7vw,61px);line-height:1.06}.program-title p:not(.eyebrow){font-size:20px;line-height:1.4;max-width:none;margin-top:19px}
 .program-panel{width:90vw;margin:auto 0}.program-phase{font-size:10px;letter-spacing:1px;bottom:82px;min-width:100%;margin:0}.program-aside{display:none}
 .scene-disclaimer{font-size:7px;line-height:1.3;letter-spacing:.2px;max-width:88%;bottom:44px;right:6vw}
 .check-tag{font-size:9px;letter-spacing:.7px;padding:8px 10px;gap:7px}.check-tag .icon{width:13px;height:13px}
 .commission-status{font-size:8px;letter-spacing:.5px;line-height:1.4}.commission-room{top:5%}
 .training-callout{font-size:10px;line-height:1.3;padding:11px;gap:7px}.training-callout .icon{width:15px;height:15px}.training-callout-one{top:3%;left:-1%}.training-callout-two{right:-3%;top:53%}.training-callout-three{left:1%;bottom:11%}
 .guide-page{width:49%;left:26%;top:10%;height:auto;aspect-ratio:.707;padding:14px 12px}.guide-preview-note{font-size:8px;letter-spacing:.6px;bottom:1%;color:#5c6761}
 .page-cover h3{font-size:clamp(19px,4.8vw,30px)}.cover-kicker{margin-top:15px}.cover-graphic{margin-top:18px}.cover-bottom{left:12px;right:12px;bottom:13px}
 .learning .sticky{padding-top:102px;display:flex;flex-direction:column;align-items:center}
 .learning-heading{width:86%;display:block;padding-top:28px}.learning-heading .eyebrow{font-size:11px;line-height:1.4;top:0}.learning-heading h2{font-size:clamp(40px,10vw,65px);line-height:1.06;padding:0}
 .learning-heading p:not(.eyebrow){font-size:20px;line-height:1.4;color:#d4dbe6;letter-spacing:-.018em;margin-top:19px;padding:0}
 .learning-device{width:91vw;margin:auto 0}.learning-labels{font-size:9px;letter-spacing:.7px;margin:0;bottom:81px}.learning-disclaimer{font-size:7px;letter-spacing:.3px;bottom:44px;right:6vw}
 .finale .sticky{padding:90px 7vw 75px}.finale .eyebrow{font-size:11px;margin-bottom:24px}.finale h2{font-size:clamp(39px,10vw,65px);line-height:1.08}
 .finale-content>p:not(.eyebrow){font-size:20px;line-height:1.45;color:#d2dae5;max-width:100%;margin:25px auto 0}
 .finale-path{font-size:8px;letter-spacing:.8px;gap:8px;margin:29px 0}.finale-path i{width:18px}.finale-brand small{font-size:7px;letter-spacing:.6px}.finale footer{font-size:7px;letter-spacing:.3px;bottom:44px;color:#a5afbd}
}
@media(max-width:760px) and (max-height:750px){
 .section-grid{padding-top:89px;padding-bottom:56px}.eyebrow{font-size:10px;margin-bottom:13px}.chapter-copy h2{font-size:37px}.chapter-copy p:not(.eyebrow){font-size:18px;line-height:1.35;margin-top:15px}
 .hero-copy{top:12%}.hero h1{font-size:38px}.hero .eyebrow{font-size:9px;margin-bottom:14px}.hero-description{font-size:18px;line-height:1.35;margin-top:17px}.has-film .hero-realistic{top:74%;height:36svh}
 .programming .sticky,.learning .sticky{padding-top:90px}.program-title h2{font-size:36px}.program-title p:not(.eyebrow),.learning-heading p:not(.eyebrow){font-size:18px;line-height:1.35;margin-top:15px}.learning-heading h2{font-size:37px}
 .finale-content>p:not(.eyebrow){font-size:18px}.finale h2{font-size:36px}.finale-path{margin:23px 0}
}
@media(min-width:761px){
 .hero-copy{width:44vw}
 .has-film .hero-realistic{right:.5vw;width:54vw}
}
@media(max-width:760px){.has-film .hero-realistic{right:-4vw;width:108vw}}
@media(max-height:800px) and (min-width:901px){.program-panel{width:min(44vw,700px)}}
