/* A continuous visual explanation, driven by ordinary page scrolling. */
:root{--story-ink:#0b1b2d;--story-stone:#e8e6e1;--story-lime:#d8ff4f;--story-coral:#ff6b4a}
.scroll-story{background:#f4f2ec;border-block:1px solid #dcded7;padding:92px 0 0;position:relative}
.story-intro{max-width:800px;padding-bottom:64px}
.story-intro h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-2.5px;margin:19px 0 22px}
.story-intro h2 em{font-weight:400}
.story-intro>p:last-child{font-size:16px;max-width:540px;color:#52616a}
.story-grid{display:grid;grid-template-columns:.85fr 1.25fr;gap:72px;position:relative;align-items:start;padding-bottom:70px}
.story-chapters{position:relative;z-index:1}
.story-chapter{min-height:80svh;display:flex;flex-direction:column;justify-content:center;padding:68px 0;scroll-margin-top:100px}
.story-chapter:first-child{padding-top:30px}
.story-chapter:last-child{min-height:74svh}
.story-chapter .eyebrow{color:#69767b;font-size:11px;letter-spacing:1.25px}
.story-chapter h3{font-family:Georgia,serif;font-size:clamp(32px,3.4vw,48px);line-height:1.07;letter-spacing:-1.6px;margin:22px 0}
.story-chapter>p:not(.eyebrow){font-size:15px;color:#52616a;max-width:370px}
.story-detail{border-top:1px solid #cbd0c8;margin-top:27px;padding-top:19px;font-size:13px;color:#53636b;line-height:1.5}
.story-detail strong{display:block;color:#102b35;font-weight:500;font-size:14px;margin-bottom:6px}
.story-detail span{display:block}
.story-equation{margin-top:24px;font-size:12px;color:#53636b;line-height:1.5}
.story-equation strong{font:normal 38px/1.2 Georgia,serif;color:#102b35;display:block;margin:5px 0;letter-spacing:-1px}
.story-equation small{display:block;font-size:11px}
.story-chapter .text-link{align-self:start;margin-top:24px;font-size:13px}
.story-visual{position:sticky;top:64px;align-self:start;min-width:0;z-index:2}
.story-canvas{position:relative;background:#0b1b2d;border:1px solid #203442;border-radius:18px;color:var(--story-stone);box-shadow:0 28px 70px #0b1b2d12;overflow:hidden}
.story-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 35%,#40636b45,transparent 70%);pointer-events:none}
.story-bar{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e6e119;gap:10px;position:relative;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.story-bar img{width:30px;height:18px;opacity:.92}
.story-bar>span{color:#c3cccc}
.story-svg{width:100%;height:clamp(250px,calc(100svh - 285px),420px);display:block;overflow:visible;position:relative}
.story-svg text{font-family:Arial,Helvetica,sans-serif;fill:#e8e6e1;letter-spacing:0}
.story-svg .diagram-serif{font-family:Georgia,serif}
.story-svg .diagram-small{font-size:11px;fill:#c4cdd0}
.story-svg .diagram-label{font-size:10px;fill:#c4cdd0;letter-spacing:1.4px}
.story-svg .diagram-line{stroke:#83989e;stroke-width:1;fill:none}
.story-svg .diagram-card{fill:#142a37;stroke:#81949955;stroke-width:1}
.story-scene{opacity:0;visibility:hidden}
.story-scene[data-scene="0"]{opacity:1;visibility:visible}
.story-meter{border-top:1px solid #e8e6e119;display:flex;justify-content:space-between;gap:18px;padding:20px 24px;font-size:12px;position:relative}
.story-meter strong{font-weight:500;color:#d8ff4f}
.story-progress{height:2px;background:#ffffff14;position:relative}
.story-progress span{display:block;height:100%;background:var(--story-lime);width:0}
.story-index{display:flex;gap:0;justify-content:space-between;margin-top:18px;position:relative}
.story-index a{display:flex;gap:7px;align-items:center;font-size:11px;color:#77848a;padding:8px 3px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.story-index a span{font-size:10px}
.story-index a[aria-current="step"]{color:#102b35;border-color:#102b35}
.story-note{font-size:11px;line-height:1.5;color:#65737a;max-width:510px;margin-top:13px}
.story-bridge{border-top:1px solid #cbd0c8;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px}
.story-bridge p{max-width:520px}
.story-bridge .text-link{white-space:nowrap}
.story-mobile-visual{display:none}
.offer-section{padding-top:100px}
.offer-path{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;color:#58666c;margin-top:27px;border-top:1px solid #d3cbbc;padding-top:20px}
.offer-path b{font-weight:400;color:#ad553c}
.founder .eyebrow{font-size:11px}
.header nav{font-size:12px}
.hero-mountain .hero-description{max-width:485px}
.hero-mountain .hero-discover{font-size:9px;letter-spacing:1.5px}
@media(max-width:1100px){.story-grid{gap:35px;grid-template-columns:1fr 1.2fr}.story-visual{top:44px}.story-chapter h3{font-size:36px}.story-meter{font-size:11px;padding:17px}.story-bar{padding:18px}.story-index a{font-size:10px}}
@media(max-width:760px){.scroll-story{padding-top:63px}.story-intro{padding-bottom:8px}.story-intro h2{font-size:42px;letter-spacing:-1.8px}.story-intro>p:last-child{font-size:15px}.story-grid{display:block;padding-bottom:30px}.story-visual{display:none}.story-chapter,.story-chapter:last-child{min-height:0;padding:55px 0 26px}.story-chapter:first-child{padding-top:38px}.story-chapter h3{font-size:34px;margin:17px 0}.story-chapter>p:not(.eyebrow){max-width:none}.story-mobile-visual{display:block;margin-top:26px}.story-mobile-visual .story-note{margin-top:13px}.story-detail{margin-top:21px}.story-svg{height:auto;aspect-ratio:600/450}.story-bar{padding:17px}.story-meter{padding:17px;font-size:11px}.story-bridge{display:block;padding:25px 0}.story-bridge .text-link{display:inline-block;margin-top:20px}.offer-section{padding-top:62px}.offer{padding:30px}.offer h2{font-size:36px!important}.hero-mountain .hero-content{padding-top:220px}.hero-mountain .hero-description{font-size:13px;max-width:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-index a{transition:none}}
/* Readers who disable motion get each diagram with its corresponding chapter. */
html.story-static .story-grid{display:block}
html.story-static .story-visual{display:none}
html.story-static .story-chapter,html.story-static .story-chapter:last-child{min-height:0;padding:44px 0;max-width:940px;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:start}
html.story-static .story-chapter>p,html.story-static .story-chapter>h3,html.story-static .story-chapter>.story-detail,html.story-static .story-chapter>.text-link,html.story-static .story-chapter>.story-equation{grid-column:1}
html.story-static .story-mobile-visual{display:block;grid-column:2;grid-row:1/7;margin-top:0}
@media(max-width:760px){html.story-static .story-chapter,html.story-static .story-chapter:last-child{display:flex;max-width:none}html.story-static .story-mobile-visual{margin-top:26px}}