@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#343832;--paper:#faf9f4;--muted:#6c7468;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #3a6776;outline-offset:6px}header{position:fixed;top:0;left:0;right:0;height:98px;padding:30px 4.5vw;display:flex;align-items:center;gap:34px;z-index:5;pointer-events:none}header a{pointer-events:auto}header img{width:126px;display:block}header>span{font-size:10px;letter-spacing:.16em}.skip{margin-left:auto;font-size:12px;border-bottom:1px solid #b3beb1;padding-bottom:5px}#journey{position:relative}.journey-viewport{position:fixed;inset:0;overflow:hidden;background:linear-gradient(100deg,#faf9f4,#f3f4ed)}#stage{position:absolute;top:86px;bottom:100px;left:35%;right:2%;overflow:hidden}#stage canvas,#stage>img{position:absolute;width:100%;height:100%;display:block}#stage>img{object-fit:contain;transition:opacity .5s var(--ease-out)}#stage canvas{opacity:0;transition:opacity .5s var(--ease-out)}#stage.ready canvas{opacity:1}#stage.ready>img{opacity:0;pointer-events:none}.copy-area{position:absolute;left:6vw;top:22%;width:30%;max-width:480px;bottom:115px;pointer-events:none}.copy-area article{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity,transform}.copy-area article:first-child{opacity:1;visibility:visible}.eyebrow{font-size:11px;letter-spacing:.18em;margin:0 0 30px;line-height:1.5}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0 0 30px}h1{font-size:clamp(72px,8.5vw,145px)}h2{font-size:clamp(45px,5.2vw,85px)}em{font-weight:400}article>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:365px}.deck{font-size:22px!important}.invitation{font-size:12px!important;margin-top:42px}.invitation span{padding-left:20px}.note{font-size:13px!important;color:var(--muted);line-height:1.6!important;margin-top:28px}.level-readout{display:flex;gap:20px;align-items:center;margin-top:27px}.level-readout>span{font-size:55px;line-height:1}.level-readout p{font-size:16px;margin:0 0 6px}.level-readout div>span{font-size:10px;letter-spacing:.1em}.level-bar{display:flex;gap:4px;width:125px;margin-top:14px}.level-bar i{height:7px;flex:1;border:1px solid var(--ink)}.level-bar i.filled{background:var(--ink)}.credit{font-size:11px!important;letter-spacing:.07em;margin-top:28px}.credit span{font-size:11px;letter-spacing:0;color:var(--muted)}.journey-rail{position:fixed;bottom:0;left:0;right:0;height:80px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-top:1px solid #d9e0d5;z-index:6}.rail-label{font-size:10px;letter-spacing:.15em}.chapter-links{display:flex;gap:clamp(18px,3vw,60px)}.chapter-links a{font-size:13px;min-height:44px;display:flex;align-items:center;gap:9px;color:#7c8276}.chapter-links a span{font-size:10px}.chapter-links a[aria-current]{color:#263b31}.chapter-links a[aria-current] span{color:#527f8f}#journey-count{font-size:11px;letter-spacing:.12em}.progress{position:absolute;left:0;right:0;top:-2px;height:2px;background:#e0e6de}.progress i{display:block;height:100%;background:#8baebb;transform-origin:left;transform:scaleX(0)}.scroll-track{height:780svh;pointer-events:none;position:relative}.scroll-track>div{position:absolute;width:1px;height:1px}#top{top:0}#scale{top:calc(680svh * .19)}#formats{top:calc(680svh * .59)}#details{top:calc(680svh * .78)}#finish{top:680svh}
@media(min-width:1650px){.copy-area{left:7vw;top:25%}}@media(max-width:1000px) and (min-width:701px){.copy-area{left:4vw;width:32%;top:21%}h2{font-size:48px}.rail-label{display:none}.chapter-links{flex:1;justify-content:space-between}.note{font-size:12px!important}}
@media(max-width:700px){header{height:72px;padding:22px 6vw}header img{width:105px}header>span{display:none}.skip{font-size:11px}.copy-area{top:104px;left:7vw;right:7vw;width:auto;max-width:none;bottom:auto;height:245px}h1{font-size:64px;margin-bottom:12px}h2{font-size:42px;margin-bottom:14px}.eyebrow{font-size:10px;margin-bottom:15px}.copy-area article>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:94%}.deck{font-size:17px!important}.invitation{display:none}.note{font-size:11px!important;margin-top:14px;max-width:94%}.level-readout{position:absolute;top:118px;right:0;margin:0;gap:10px}.level-readout>span{font-size:38px}.level-readout p{font-size:11px;max-width:100px}.level-readout div>span{font-size:8px}.level-bar{position:absolute;right:0;top:165px;width:90px;margin:0}article[data-chapter="1"]>p:not(.eyebrow){max-width:52%}article[data-chapter="1"]>.note{max-width:94%!important;margin-top:30px}#stage{top:350px;bottom:85px;left:0;right:0}.journey-rail{height:65px;padding:0 6vw}.rail-label,#journey-count{display:none}.chapter-links{width:100%;justify-content:space-between;gap:8px}.chapter-links a{font-size:10px;gap:4px;flex-direction:column;justify-content:center}.chapter-links a span{font-size:9px}.credit{margin-top:14px!important;font-size:9px!important}.credit span{font-size:10px}.scroll-track{height:700svh}#scale{top:calc(600svh * .19)}#formats{top:calc(600svh * .59)}#details{top:calc(600svh * .78)}#finish{top:600svh}}
@media(max-width:700px) and (max-height:740px){.copy-area{top:90px;height:230px}#stage{top:320px}h1{font-size:54px}h2{font-size:36px}.eyebrow{margin-bottom:12px}.note{font-size:10px!important}.copy-area article>p:not(.eyebrow){font-size:13px}.level-readout{top:107px}.level-bar{top:154px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#stage canvas,#stage>img{transition:none}.copy-area article{will-change:auto}}
@media(min-width:1001px){#stage{left:38%}.copy-area{width:29%}}

/* Keep the numeral and its scale together in normal flow. */
.level-identifier{flex:none}#level-number{font-size:55px;line-height:1}.level-identifier .level-bar{width:100%;min-width:70px;margin-top:10px}
#stage>img{opacity:0;visibility:hidden;transition:none}
#stage.fallback>img{opacity:1;visibility:visible}
.scene-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.08em;color:var(--muted)}
#stage.ready .scene-loading,#stage.fallback .scene-loading{display:none}
#stage.fallback canvas{opacity:0}
@media(max-width:700px){
 .copy-area article{inset:0 0 auto;height:auto}
 article[data-chapter="1"]{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:14px 20px;align-items:start}
 article[data-chapter="1"]>.eyebrow,article[data-chapter="1"]>h2,article[data-chapter="1"]>.note{grid-column:1/-1;margin:0}
 article[data-chapter="1"]>p:not(.eyebrow){max-width:none;margin:0}
 article[data-chapter="1"]>.note{max-width:none!important;margin:0;font-size:12px!important}
 .level-readout{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0}
 #level-number{font-size:40px}
 .level-identifier .level-bar{position:static;width:72px;min-width:0;margin-top:7px;gap:3px}
 .level-readout p{font-size:12px;max-width:none;margin:0 0 4px}
 .level-readout div>span:not(#level-number){font-size:10px;letter-spacing:.04em;display:block;line-height:1.4}
 #stage{top:var(--mobile-stage-top,350px)}
}