@font-face{font-family:Aileron;src:url(assets/aileron-400.woff2) format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Aileron;src:url(assets/aileron-600.woff2) format('woff2');font-display:swap;font-weight:600}@font-face{font-family:STIX;src:url(assets/stix-two-text-400.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#07144c;background:#f6f7ef;font-family:Aileron,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #335bff;outline-offset:6px}.skip{position:fixed;left:15px;top:-100px;padding:14px;z-index:99;background:white}.skip:focus{top:15px}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #07144c18;background:#f6f7efee;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand img{display:block;width:168px;height:auto}.header-label{font-size:12px;letter-spacing:.18em}.header-link{font-size:14px}.header-link span{margin-left:28px;font-size:22px}.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#1b35ff}.hero{position:relative;min-height:760px;height:calc(100svh - 88px);max-height:1050px;overflow:hidden}.hero-copy{position:relative;padding:95px 0 140px 7%;width:58%;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.4;margin:0 0 30px;display:flex;align-items:center;gap:12px}.eyebrow>span{display:inline-block;width:24px;height:1px;background:currentColor}h1,h2{font-family:STIX,Georgia,serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(64px,6.6vw,110px);line-height:.99;margin:0 0 34px}em{font-style:normal;color:#1b35ff}.hero-description{font-size:17px;line-height:1.65;max-width:440px;color:#566079;margin:0 0 32px}.round-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;line-height:1.5}.round-link strong{font-weight:400}.arrow{border:1px solid #07144c30;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .2s,color .2s}.round-link:hover .arrow{background:#1b35ff;color:white;border-color:#1b35ff}.hero-visual{position:absolute;right:0;top:0;bottom:100px;width:48%;background:radial-gradient(ellipse at 55% 47%,#315378 0%,#0c203d 65%,#091a33 100%);overflow:hidden}.hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07142c88,transparent 35%)}#vial-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;cursor:grab;touch-action:pan-y}.orbit{position:absolute;width:480px;height:480px;border:1px solid #aacbff24;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);pointer-events:none}.orbit-two{width:600px;height:600px;border-style:dashed;opacity:.5}.object-note{position:absolute;left:35px;bottom:45px;z-index:4;display:flex;gap:15px;color:#adc6e3;font-size:11px;letter-spacing:.1em;line-height:1.8;pointer-events:none}.object-note b{font-weight:400;color:white}.cross{font-size:30px;font-weight:400;line-height:1}.visual-index{position:absolute;top:35px;left:35px;color:#aec3db;font-size:11px;letter-spacing:.14em;z-index:3}.motion-toggle{position:absolute;right:30px;bottom:45px;z-index:4;font-size:12px;background:none;border:0;border-bottom:1px solid #abc5dd66;color:#dbe8fb;padding:8px 0;cursor:pointer}.motion-toggle span{margin-left:15px}#model-status{position:absolute;top:46%;left:10%;right:10%;text-align:center;color:#d4e3fb;font-size:14px;z-index:4}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:100px;border-top:1px solid #07144c20;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:13px;line-height:1.6}.hero-bottom>span:last-child{font-size:11px;letter-spacing:.12em}.small-path{display:flex;align-items:center;width:27%;padding:0 20px}.small-path i{width:8px;height:8px;border:1px solid #1b35ff;border-radius:50%;flex:none}.small-path i:first-child{background:#1b35ff;box-shadow:0 0 0 5px #1b35ff10}.small-path b{height:1px;background:#1b35ff40;flex:1}.journey-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5%;border-top:1px solid #07144c20;border-bottom:1px solid #07144c20}.journey-nav a{font-size:14px;padding:30px 20px;display:flex;gap:13px;align-items:center;border-right:1px solid #07144c20;transition:color .2s,background .2s}.journey-nav a:first-child{border-left:1px solid #07144c20}.journey-nav span{font-size:12px;color:#7782a4}.journey-nav b{font-size:18px;font-weight:400;margin-left:auto}.journey-nav a:hover{color:#1b35ff;background:#e9edff}.chapter{padding:55px 6% 0;scroll-margin-top:0;overflow:hidden;position:relative}.dark{background:#08192d;color:#edf3ff}.dark em{color:#83b6ff}.light{background:#eff1e9}.chapter-heading{display:flex;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #8194ad35}.chapter-heading .eyebrow{margin:0;font-size:11px;letter-spacing:.15em}.chapter-number{font-family:STIX,Georgia,serif;font-size:32px}.chapter-location{margin-left:auto;font-size:10px;letter-spacing:.13em;color:#7e8ca3}.chapter-layout{display:grid;grid-template-columns: .85fr 1.25fr;align-items:center;gap:5%;padding:55px 0 65px;min-height:680px}.chapter-copy{max-width:450px;position:relative;z-index:2}.chapter-copy h2{font-size:clamp(52px,5.2vw,82px);line-height:1.01;margin:0 0 30px}.chapter-copy>p{font-size:17px;line-height:1.75;color:#a9bbd2;max-width:380px}.light .chapter-copy>p{color:#57617a}.chapter-copy details{margin-top:26px;padding:18px 0;border-top:1px solid #8593ad50;border-bottom:1px solid #8593ad50;max-width:380px}.chapter-copy summary{font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:14px;list-style:none}.chapter-copy summary::-webkit-details-marker{display:none}.chapter-copy summary span{font-size:22px;line-height:16px}.chapter-copy details[open] summary span{transform:rotate(45deg)}.chapter-copy details div{font-size:14px;line-height:1.65;color:#a9bbd2;padding:16px 0 0}.light .chapter-copy details div{color:#57617a}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:14px;margin-top:28px;padding-bottom:8px;border-bottom:1px solid #8593ad66}.text-link span{font-size:20px}.text-link:hover{color:#79b3ff}.light .text-link:hover{color:#1b35ff}.scene{margin:0;position:relative;min-width:0;perspective:1200px}.scene img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;transform:scale(.97) translateY(14px);transition:transform 1.6s cubic-bezier(.2,.7,.2,1);background:#10243c}.chapter.in-view .scene img{transform:scale(1) translateY(0)}.scene-marker{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #ffffff25;background:#081b30c9;backdrop-filter:blur(12px);color:#d9e7ff;font-size:12px}.scene-marker i{width:5px;height:5px;background:#8ebeff;border-radius:50%;box-shadow:0 0 0 4px #8ebeff1a}.scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.09em;color:#92abc9;border-top:1px solid #7292bc40;padding:18px 0}.light .scene figcaption{color:#66718a}.scene svg{width:130px;height:25px;overflow:visible}.scene svg path{stroke:#669fff;stroke-width:1;fill:none;stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 2.5s ease .3s}.in-view .scene svg path{stroke-dashoffset:0}.reverse .chapter-copy{grid-column:2;grid-row:1;justify-self:end}.reverse .scene{grid-column:1;grid-row:1}.reverse .chapter-layout{grid-template-columns:1.25fr .85fr}.handoff{display:flex;align-items:center;gap:22px;padding:0 0 40px}.handoff-line{width:10%;height:1px;background:#7495bd55}.handoff p{font-size:13px;color:#92a5be;line-height:1.7;margin:0}.handoff strong{font-weight:400;color:#d6e1f1}.light .handoff p{color:#66718a}.light .handoff strong{color:#07144c}.handoff>a{font-size:24px;margin-left:auto;border:1px solid #8392ab50;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.transport{background:#0a1731}.closing{padding:110px 7% 100px;text-align:center;background:#193aff;color:white;position:relative;overflow:hidden}.closing:before,.closing:after{content:'';width:600px;height:600px;border:1px solid #ffffff18;border-radius:50%;position:absolute;left:-380px;top:0;pointer-events:none}.closing:after{left:auto;right:-380px}.closing .eyebrow{justify-content:center;color:#c5d4ff}.closing h2{font-size:clamp(54px,6.2vw,90px);line-height:1;margin:0 0 30px}.closing em{color:#bdd6ff}.closing>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#d5e0ff}.closing-link{display:inline-flex;gap:60px;align-items:center;border:1px solid #fff8;padding:18px 24px;margin-top:24px;font-size:15px;transition:background .2s}.closing-link:hover{background:white;color:#193aff}.closing-link span{font-size:24px}.back-top{display:block;width:fit-content;margin:30px auto 0;font-size:13px;color:#c8d8ff}footer{padding:38px 5%;display:flex;align-items:center;gap:40px;border-top:1px solid #07144c20}footer img{width:135px;height:auto}footer p{font-size:12px;line-height:1.6;color:#758096;margin:0}footer>span{margin-left:auto;font-size:10px;letter-spacing:.15em;color:#758096}
@media(min-width:1600px){.hero-copy{padding-top:130px}.chapter-layout{gap:8%}.chapter{padding-left:8%;padding-right:8%}}
@media(max-width:1050px){.header-label{display:none}.hero-copy{padding-left:5%;width:60%;padding-top:90px}h1{font-size:72px}.hero-description{max-width:350px}.hero-visual{width:45%}.object-note{left:20px;font-size:9px}.motion-toggle{right:15px;font-size:11px;bottom:15px}.journey-nav{padding:0}.journey-nav a{padding:25px 14px;font-size:12px}.chapter-layout{gap:4%}.chapter-copy h2{font-size:57px}.chapter-copy>p{font-size:16px}.chapter-location{display:none}.chapter{padding-left:5%;padding-right:5%}.scene-marker{font-size:10px;left:12px;top:12px;padding:8px}.scene figcaption{font-size:9px}.scene svg{width:70px}footer{gap:22px}footer>span{display:none}}
@media(max-width:700px){html{scroll-padding-top:69px}.header{height:69px;padding:0 6%}.brand img{width:135px}.header-link{font-size:12px}.header-link span{margin-left:10px}.hero{height:auto;min-height:0;max-height:none}.hero-copy{width:100%;padding:48px 6% 35px;pointer-events:auto}.hero-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:22px;gap:9px}.hero-copy .eyebrow span{width:16px}h1{font-size:clamp(49px,12vw,70px);line-height:1.02;margin-bottom:24px}.hero-description{font-size:16px;max-width:340px;line-height:1.6}.desktop{display:none}.round-link{font-size:13px;gap:14px}.arrow{width:42px;height:42px}.hero-visual{position:relative;width:100%;height:440px;bottom:auto;top:auto}.visual-index{left:6%;top:22px;font-size:10px}.object-note{left:6%;bottom:25px;font-size:9px}.motion-toggle{right:6%;bottom:25px;font-size:11px}.hero-bottom{position:relative;height:auto;min-height:100px;padding:24px 6%;gap:22px;font-size:12px}.hero-bottom>span:last-child{font-size:9px;max-width:115px}.small-path{display:none}.journey-nav{grid-template-columns:1fr 1fr;padding:0 6%}.journey-nav a{font-size:12px;border:0;border-bottom:1px solid #07144c15;padding:20px 5px;gap:9px}.journey-nav a:first-child{border-left:0}.journey-nav a:nth-child(odd){padding-right:12px}.journey-nav a:nth-child(even){padding-left:12px;border-left:1px solid #07144c15}.journey-nav b{font-size:15px}.journey-nav span{font-size:10px}.chapter{padding:32px 6% 0}.chapter-heading{gap:14px;padding-bottom:20px}.chapter-number{font-size:28px}.chapter-heading .eyebrow{font-size:9px;letter-spacing:.08em}.chapter-layout,.reverse .chapter-layout{display:flex;flex-direction:column;gap:30px;padding:34px 0 35px;min-height:0;align-items:stretch}.chapter-copy,.reverse .chapter-copy{max-width:none}.chapter-copy h2{font-size:clamp(48px,12vw,64px);margin-bottom:22px}.chapter-copy h2 br{display:block}.chapter-copy h2 em{display:block}.chapter-copy>p{max-width:none;font-size:16px;line-height:1.7;margin:0 0 18px}.chapter-copy details{max-width:none;margin-top:20px;padding:16px 0}.chapter-copy summary{font-size:14px}.text-link{font-size:14px;margin-top:22px}.scene{width:calc(100% + 13.64%);margin-left:-6.82%;order:-1}.chapter-copy{order:0}.scene img{aspect-ratio:5/4}.scene figcaption{margin:0 6%;font-size:9px;padding:14px 0}.scene svg{width:90px}.scene-marker{left:6%;top:18px;font-size:10px}.handoff{padding-bottom:30px;gap:15px}.handoff p{font-size:12px}.handoff>a{width:40px;height:40px}.handoff-line{width:20px}.closing{padding:70px 6%}.closing .eyebrow{font-size:10px;line-height:1.6}.closing h2{font-size:56px}.closing>p:not(.eyebrow){font-size:16px}.closing-link{font-size:14px;gap:25px;padding:15px 18px}footer{padding:28px 6%;align-items:flex-start;flex-direction:column;gap:18px}footer img{width:130px}footer p{font-size:11px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.scene img{transform:none}.scene svg path{stroke-dashoffset:0}}
.orbit{z-index:3}
@media(max-width:700px){.chapter-copy,.reverse .chapter-copy{display:contents}.chapter-copy h2{order:0;margin-bottom:0}.scene{order:1}.chapter-copy>p{order:2;margin-bottom:0}.chapter-copy details{order:3;margin-top:0}.chapter-copy .text-link{order:4;align-self:flex-start;margin-top:0}.chapter-layout,.reverse .chapter-layout{gap:24px}}
/* Short, independent scroll sequences: native page scroll, no wheel interception. */
.hero-track{height:calc(160svh + 88px);position:relative}.hero{position:sticky;top:88px;height:calc(100svh - 88px);min-height:650px;max-height:none}.hero-track .hero-bottom{height:80px}.hero-visual{bottom:80px}.hero-copy{padding-top:clamp(45px,8vh,95px)}
.scene-track{position:relative;height:calc(100vh + 180px);min-width:0}.scene{position:sticky;top:120px;z-index:auto}.world-viewport{width:100%;aspect-ratio:5/4;position:relative;background:#15263b;isolation:isolate}.world-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#b7cce5;font-size:13px;padding:24px}.world-status[hidden]{display:none}.world-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.scene-marker{z-index:4}.scene figcaption{position:relative;z-index:4}.scene figcaption:after{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#85b6ff;transform:scaleX(var(--scene-progress,0));transform-origin:left}.chapter-layout{align-items:start}.chapter-copy{position:sticky;top:150px}.reverse .scene-track{grid-column:1;grid-row:1}.reverse .scene{grid-column:auto;grid-row:auto}.scene svg path{transition:none;stroke-dashoffset:calc(220 * (1 - var(--scene-progress,0)))}
@media(max-width:700px){.hero-track{height:calc(170svh + 69px)}.hero{top:69px;height:calc(100svh - 69px);min-height:0;display:flex;flex-direction:column}.hero-copy{padding:26px 6% 18px;flex:none}.hero-copy .eyebrow{font-size:9px;margin-bottom:14px}.hero-copy h1{font-size:clamp(37px,10vw,50px);line-height:1; margin-bottom:14px}.hero-description{font-size:14px;line-height:1.5;margin-bottom:0;max-width:330px}.hero .round-link{display:none}.hero-visual{flex:1;min-height:240px;height:auto;width:100%;bottom:auto}.hero-bottom{display:none}.object-note{bottom:15px;font-size:8px}.motion-toggle{bottom:15px;font-size:10px}.visual-index{top:15px;font-size:9px}.scene-track{order:1;height:calc(72vw + 210px);width:calc(100% + 13.64%);margin-left:-6.82%}.scene{width:100%;margin-left:0;top:85px}.scene-marker{font-size:9px}.chapter-copy,.reverse .chapter-copy{position:static}.chapter-copy h2{font-size:clamp(40px,10.5vw,56px)}.chapter-copy details{order:3}.scene figcaption{margin:0 6%}.chapter-layout,.reverse .chapter-layout{gap:28px}.world-canvas{z-index:3}}
@media(max-width:700px) and (max-height:700px){.hero-copy{padding-top:18px}.hero-copy h1{font-size:34px}.hero-description{font-size:12px}.hero-copy .eyebrow{font-size:8px}.hero-visual{min-height:200px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto}.hero{position:relative;top:0}.scene-track{height:auto}.scene{position:relative;top:0}.chapter-copy{position:relative;top:0}}
.chapter{overflow:clip}
#vial-canvas{cursor:default}.scene-marker{display:none}
.scroll-hint{position:absolute;right:30px;top:35px;z-index:4;font-size:9px;letter-spacing:.12em;color:#afc6df;pointer-events:none}
@media(max-width:700px){.scroll-hint{right:6%;top:15px;font-size:8px}.scene-track{height:calc(72vw + 290px)}}
@media(prefers-reduced-motion:reduce){.scene-track{height:auto}.scroll-hint{display:none}}
