/* The scroll story uses the browser's native scroll; no wheel events are captured. */
:root{--night:#070f20;--ice:#abcaff;--electric:#5e91ff}
.header{position:fixed;left:0;right:0;top:0;height:96px;background:rgba(7,15,32,.82);border-color:rgba(255,255,255,.09);color:#e8efff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header .brand img{filter:brightness(0) invert(1)}
.header .brand{width:170px}.header .desktop-nav a:after{background:#bdd3ff}.header-cta{background:transparent;border-color:#52637e;color:white}.header-cta:hover{background:#1b347b}.menu-toggle{color:white}.mobile-nav{background:#0c1932;border-color:#293752;color:#eaf1ff}
.experience{position:relative;background:var(--night);color:#f4f7ff;isolation:isolate}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none;background:var(--night)}
.stage-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(140,176,246,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(140,176,246,.14) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at 67% 55%,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 67% 55%,black,transparent 70%)}
.stage-glow{position:absolute;width:80%;height:100%;top:0;right:-10%;background:radial-gradient(ellipse at 50% 48%,rgba(45,83,161,.16),transparent 60%)}
#bottle-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.stage-top{position:absolute;left:56px;right:56px;top:129px;display:flex;justify-content:space-between;color:#73839f;font-size:12px;letter-spacing:.13em}
.stage-bottom{position:absolute;left:56px;right:56px;bottom:36px;display:flex;gap:30px;align-items:center;font-size:12px;color:#aebedb;letter-spacing:.05em}
.stage-status{display:flex;gap:13px;align-items:center;min-width:210px}.stage-separator{color:#61718d}#stage-number{color:#fff}#stage-name{margin-left:16px;color:#b2c5e7}.scroll-track{height:1px;flex:1;background:#2a3650;position:relative}.scroll-track span{display:block;height:1px;width:100%;background:#7ca8ff;transform:scaleX(0);transform-origin:left}.stage-percent{width:42px;text-align:right}
.chapters{position:relative;margin-top:-100vh;margin-top:-100svh;z-index:2;pointer-events:none}
.chapter{height:100vh;height:100svh;position:relative;display:flex;align-items:center;scroll-margin-top:0}
.chapter-inner{display:flex;align-items:center;padding-top:35px}.chapter-copy{width:47%;max-width:620px;pointer-events:auto;will-change:opacity,transform}
.chapter-right .chapter-inner{justify-content:flex-end}.chapter-right .chapter-copy{width:44%}
.chapter .eyebrow{font-size:12px;letter-spacing:.14em;color:#8ca6ce;line-height:1.7;margin-bottom:30px}.chapter h1,.chapter h2{color:#f6f8ff;font-size:clamp(60px,6.6vw,101px);letter-spacing:-.062em;line-height:1.04;font-weight:450;margin-bottom:30px}.chapter h2{font-size:clamp(52px,5.6vw,82px)}.chapter h1 em,.chapter h2 em{color:var(--ice);font-style:normal}.chapter p:not(.eyebrow){font-size:16px;line-height:1.85;color:#a0b0ca;max-width:340px;margin-bottom:27px}.scroll-invitation{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:#afbfda;margin-top:13px}.scroll-invitation>svg{transform:rotate(90deg);width:17px;height:17px;margin-left:4px;color:#d8e4fb}.scroll-mouse{width:19px;height:29px;border:1px solid #7285a6;border-radius:11px;display:flex;justify-content:center;padding-top:6px}.scroll-mouse span{width:2px;height:6px;border-radius:2px;background:#bfd6ff;animation:scroll-hint 2s ease-in-out infinite}.chapter-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.chapter-tags span{font-size:12px;color:#9bb3d9;padding:8px 13px;border:1px solid #32425f;border-radius:3px}.button-light{background:#dbe7ff;color:#12284d;border-color:#dbe7ff;border-radius:3px;font-size:14px;padding:18px 22px}.button-light:hover{background:#fff}.transition-band{background:#dce7f9;color:#213d77}.transition-band>.wrap{display:flex;gap:45px;align-items:center;justify-content:space-between;padding-block:37px;font-family:var(--display);font-size:clamp(16px,2.1vw,30px);letter-spacing:-.035em}.transition-band svg{width:31px;height:31px}.no-animation{position:relative;padding:30px;background:#112348}.no-animation img{max-height:500px;object-fit:cover;margin-bottom:20px}.no-animation p{margin:0}.experience.is-static .stage{height:100svh}.experience.is-static .chapter-copy{opacity:1!important;transform:none!important}
@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}
@media(min-width:1600px){.chapter-copy{max-width:650px}.stage-top,.stage-bottom{left:max(56px,calc((100vw - 1344px)/2));right:max(56px,calc((100vw - 1344px)/2))}}
@media(max-width:1100px){.stage-top,.stage-bottom{left:36px;right:36px}.header .brand{width:150px}.chapter h1{font-size:clamp(60px,7.2vw,80px)}.chapter h2{font-size:clamp(44px,5.5vw,62px)}.chapter .eyebrow{font-size:12px;letter-spacing:.1em}.chapter-right .chapter-copy{width:46%}.chapter-copy{width:48%}.chapter p:not(.eyebrow){max-width:310px}}
@media(max-width:760px){.header{height:78px}.header .brand{width:143px}.header .desktop-nav{display:none}.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:0;background:transparent;padding:10px}.header .menu-toggle span{height:1.5px;width:24px;background:currentColor}.stage-top{top:98px;left:24px;right:24px;font-size:12px;letter-spacing:.055em}.chapter{align-items:flex-start}.chapter-inner{padding-top:153px;width:calc(100% - 48px)}.chapter-copy,.chapter-right .chapter-copy{width:100%;max-width:none}.chapter-right .chapter-inner{justify-content:flex-start}.chapter .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:17px}.chapter h1,.chapter h2{font-size:clamp(39px,9vw,64px);line-height:1.07;letter-spacing:-.05em;margin-bottom:18px}.chapter h1 br:nth-child(2),.chapter h2 br:nth-child(2){display:none}.chapter p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:340px;margin-bottom:17px}.scroll-invitation{font-size:12px;margin-top:0;gap:10px}.scroll-mouse{width:16px;height:24px}.scroll-invitation>svg{display:none}.chapter-tags{margin-top:16px;gap:8px}.chapter-tags span{font-size:12px;padding:6px 10px}.button-light{font-size:13px;min-height:48px;padding:12px 15px;gap:20px}.stage-bottom{bottom:24px;left:24px;right:24px;gap:18px}.stage-status{min-width:0;gap:10px}.stage-status #stage-name{display:none}.stage-grid{background-size:65px 65px;mask-image:radial-gradient(ellipse at 50% 70%,black,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 70%,black,transparent 80%)}.stage-glow{top:25%;right:0;width:100%;height:75%}.transition-band>.wrap{padding-block:28px;gap:16px;font-size:14px}.transition-band svg{width:20px;height:20px}}
@media(max-height:730px) and (max-width:760px){.chapter-inner{padding-top:128px}.stage-top{top:94px}.chapter .eyebrow{margin-bottom:13px;font-size:12px}.chapter h1,.chapter h2{font-size:38px;margin-bottom:12px}.chapter p:not(.eyebrow){font-size:14px;max-width:345px;line-height:1.5}.chapter-tags{margin-top:10px}.scroll-invitation{font-size:12px}.stage-bottom{bottom:18px}}
@media(max-height:600px) and (min-width:761px){.stage-top{display:none}.chapter h1{font-size:60px}.chapter h2{font-size:49px}.chapter .eyebrow{margin-bottom:18px}.chapter p:not(.eyebrow){font-size:14px}.chapter h1,.chapter h2{margin-bottom:18px}.chapter-inner{padding-top:70px}.stage-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){.scroll-mouse span{animation:none}.chapter-copy{will-change:auto}.stage-glow{opacity:.6}}