@font-face{font-family:Manrope;src:url('fonts/body.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#101a22;--white:#f4f7fa;--muted:#d3dce4;--blue:#168ee3;--gutter:clamp(28px,5vw,112px);font-family:Manrope,Arial,sans-serif;color:var(--white);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scrollbar-width:none;scroll-behavior:auto}html::-webkit-scrollbar{display:none}body{margin:0}body.dialog-open{overflow:hidden}h1,h2,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #8ed0ff;outline-offset:6px}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:24px;z-index:30;padding:16px;background:var(--ink)}.skip-link:focus{top:20px}
.sequence{height:760vh;height:760svh}.stage{position:sticky;top:0;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;outline:none;background:#b9babc}.film-frame{position:absolute;inset:0;overflow:hidden}.film-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus-x,50%) 50%}.edge-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0c141b70,transparent 19%,transparent 77%,#0c141b99);pointer-events:none}
.site-header{position:absolute;z-index:10;top:max(30px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:27px;letter-spacing:-.065em;line-height:1;padding:8px 0}.brand span{color:#57b9ff}.brand i{width:4px;height:4px;background:#57b9ff;border-radius:50%;margin:0 0 16px 5px}.header-shop{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:500;padding:13px 0}.header-shop svg{width:20px;height:20px;transition:transform .3s}.header-shop:hover svg{transform:translate(3px,-3px)}
.story-panel{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}.story-panel.is-active{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1721e8 0%,#0d1721b3 27%,#0d17214a 49%,#0d172100 75%)}.floating-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-51%);width:590px;max-width:48%;padding-bottom:20px}.floating-copy h1,.floating-copy h2{font-size:clamp(52px,5.3vw,92px);font-weight:500;line-height:1.06;letter-spacing:-.045em}.line{display:block;overflow:hidden;padding:0 .07em .12em 0;margin-bottom:-.12em}.line>span{display:block;transform-origin:0 100%}.body-copy{font-size:clamp(15px,1.12vw,18px);font-weight:400;line-height:1.65;letter-spacing:-.015em;color:var(--muted);margin-top:28px;max-width:420px}.scene-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.story-panel.is-active .scene-actions{pointer-events:auto}.shop-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:54px;padding:15px 21px;background:var(--white);color:var(--ink);font-size:14px;font-weight:600;border-radius:5px;position:relative;overflow:hidden;transition:background .25s,box-shadow .25s}.shop-button svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.shop-button:hover{background:#dff1ff;box-shadow:0 7px 28px #0002}.shop-button:hover svg{transform:translateX(4px)}.feature-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:#e4eaf0}.scene-icon{width:38px;height:38px;stroke-width:1.4;overflow:visible}.accent-stroke{stroke:#59bdff}.inventory-icon g{transform-origin:20px 21px;opacity:.55}.inventory-panel .floating-copy,.delivery-panel .floating-copy{left:auto;right:var(--gutter);max-width:46%;width:650px}.inventory-panel .scene-shade,.delivery-panel .scene-shade{background:linear-gradient(270deg,#0d1721ed 0%,#0d1721d6 28%,#0d1721b0 52%,#0d172100 80%)}.inventory-panel h2{font-size:clamp(43px,4.65vw,80px)}.fee-panel .floating-copy{width:550px}.fee-panel .feature-heading{font-size:13px}.fee-number{display:block;font-size:clamp(122px,13vw,220px);line-height:.95;letter-spacing:-.065em;font-weight:500;transform-origin:0 70%;margin-bottom:20px}.fee-number>span{font-size:.6em;margin-left:.025em}.fee-label{font-size:clamp(32px,3.4vw,57px);letter-spacing:-.035em}.fee-panel .body-copy{margin-top:24px}.delivery-panel h2{font-size:clamp(41px,4.4vw,76px)}.final-panel h2{font-size:clamp(52px,5.1vw,88px)}.replay-button{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px;padding:8px 0;color:var(--muted)}.replay-button svg{width:17px;height:17px;transition:transform .35s}.replay-button:hover{color:white}.replay-button:hover svg{transform:rotate(-35deg)}
.stage-footer{position:absolute;z-index:8;left:var(--gutter);right:var(--gutter);bottom:max(29px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:30px}.watch-button{display:flex;align-items:center;gap:11px;font-size:12px;padding:10px 0;min-height:44px;white-space:nowrap}.watch-button svg{width:23px;height:23px;stroke-width:1.2}.watch-button:hover svg{color:#70c5ff}.chapter-nav{display:flex;width:min(50vw,620px);gap:20px}.chapter-nav button{flex:1;min-width:0;padding:8px 0;min-height:44px;text-align:left;color:#ffffff75;transition:color .25s}.chapter-nav button:hover,.chapter-nav button[aria-current]{color:white}.chapter-name{font-size:10px;font-weight:500;white-space:nowrap}.chapter-track{display:block;height:2px;width:100%;margin-top:10px;background:#ffffff35;overflow:hidden}.chapter-track i{display:block;height:100%;width:100%;background:#70c5ff;transform:scaleX(var(--chapter-progress,0));transform-origin:0 50%}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap}.scroll-cue svg{width:21px;height:21px;stroke-width:1.3;transform:translateY(var(--cue-offset,0px))}
.media-status{position:absolute;z-index:12;right:var(--gutter);bottom:98px;display:flex;align-items:center;gap:9px;padding:11px 14px;background:#101a22d9;border:1px solid #ffffff20;border-radius:4px;font-size:11px}.media-status.loaded{opacity:0;visibility:hidden;pointer-events:none}.status-dot{width:5px;height:5px;border-radius:50%;background:#57b9ff;animation:status-pulse 1.5s infinite}.media-status button{padding:8px 10px;background:#f4f7fa;color:var(--ink);border-radius:3px}.media-error{position:absolute;z-index:12;right:var(--gutter);bottom:98px;padding:15px;background:#101a22e8;border-radius:4px;font-size:12px;line-height:1.8}.media-error a{text-decoration:underline;text-underline-offset:3px}.motion-toggle{position:absolute;z-index:12;left:var(--gutter);bottom:100px;border-bottom:1px solid #ffffff88;padding:8px 0;font-size:12px}.reduced .sequence:not(.motion-enabled){height:100dvh}.reduced .sequence:not(.motion-enabled) .chapter-nav,.reduced .sequence:not(.motion-enabled) .scroll-cue{display:none}
dialog{width:min(1280px,94vw);max-height:94dvh;padding:0;border:1px solid #ffffff20;border-radius:6px;background:var(--ink);color:var(--white);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#071018e6;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;gap:20px}.dialog-header p{font-weight:600;font-size:15px}.dialog-header p span{font-size:12px;font-weight:400;margin-left:15px;color:var(--muted)}.dialog-header button{display:flex;align-items:center;gap:16px;font-size:12px;min-height:32px}.dialog-header svg{width:21px;height:21px}dialog video{display:block;width:100%;max-height:72dvh;background:#aaa;object-fit:contain}.dialog-caption{font-size:12px;padding:19px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted)}.dialog-caption a{display:flex;align-items:center;gap:10px;color:var(--white)}.dialog-caption svg{width:16px;height:16px}.player-error{padding:18px 25px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;font-size:13px}.player-error button{padding:10px 15px;background:var(--white);color:var(--ink);border-radius:3px}.player-error a{text-decoration:underline}.no-script{position:fixed;bottom:0;left:0;z-index:20;background:var(--ink);padding:16px;font-size:13px}.no-script a{text-decoration:underline}
@keyframes status-pulse{50%{opacity:.3}}
@media(max-width:1100px){:root{--gutter:40px}.floating-copy{max-width:53%;width:580px}.floating-copy h1,.floating-copy h2{font-size:5.5vw}.inventory-panel .floating-copy,.delivery-panel .floating-copy{max-width:52%}.inventory-panel h2,.delivery-panel h2{font-size:4.9vw}.body-copy{font-size:15px}.feature-heading{margin-bottom:22px}.chapter-nav{gap:14px;width:52vw}.scroll-cue span{display:none}.final-panel h2{font-size:5.7vw}.fee-label{font-size:4vw}}
@media(max-width:700px) and (orientation:portrait){:root{--gutter:26px}.sequence{height:740vh;height:740svh}.site-header{top:max(20px,env(safe-area-inset-top))}.brand{font-size:24px}.header-shop{font-size:11px;gap:10px}.header-shop svg{width:18px;height:18px}.floating-copy,.inventory-panel .floating-copy,.delivery-panel .floating-copy,.fee-panel .floating-copy,.final-panel .floating-copy{left:var(--gutter);right:auto;width:calc(100% - var(--gutter)*2);max-width:none;transform:none;padding:0}.floating-copy h1,.floating-copy h2{font-size:clamp(39px,10.4vw,64px);line-height:1.09;letter-spacing:-.04em}.hero-panel .floating-copy{top:17%}.body-copy{font-size:14px;line-height:1.6;letter-spacing:-.012em;max-width:330px;margin-top:22px}.scene-actions{margin-top:24px;gap:22px}.shop-button{min-height:49px;padding:13px 17px;font-size:12px;gap:26px}.shop-button svg{width:21px;height:21px}.hero-panel .scene-shade{background:linear-gradient(180deg,#0d1721b0 0%,#0d1721e0 23%,#0d17218a 49%,#0d172100 78%)}.inventory-panel .floating-copy{top:18%}.inventory-panel h2{font-size:9.8vw}.inventory-panel .scene-shade{background:linear-gradient(180deg,#0d172145 0%,#0d1721cf 23%,#0d1721a3 43%,#0d172100 78%)}.feature-heading{gap:12px;font-size:13px;margin-bottom:22px}.scene-icon{width:32px;height:32px}.fee-panel .floating-copy{top:auto;bottom:21%}.fee-panel .scene-shade,.delivery-panel .scene-shade,.final-panel .scene-shade{background:linear-gradient(0deg,#0d1721d9 0%,#0d1721e0 22%,#0d172196 45%,#0d172100 73%)}.fee-panel .feature-heading{font-size:11px;gap:10px;margin-bottom:14px}.fee-number{font-size:27vw;margin-bottom:14px}.fee-label{font-size:8.8vw}.fee-panel .body-copy{margin-top:18px}.delivery-panel .floating-copy{top:auto;bottom:21%}.delivery-panel h2{font-size:9.5vw}.final-panel .floating-copy{top:auto;bottom:21%}.final-panel h2{font-size:11.5vw}.replay-button{font-size:11px;gap:8px}.replay-button svg{width:15px;height:15px}.stage-footer{bottom:max(22px,env(safe-area-inset-bottom));height:72px;align-items:flex-start;gap:20px}.watch-button{font-size:11px;gap:9px}.watch-button svg{width:22px;height:22px}.chapter-nav{position:absolute;bottom:0;left:0;right:0;width:100%;gap:12px}.chapter-nav button{min-height:28px;padding:10px 0 0}.chapter-name{display:none}.chapter-track{margin-top:0;height:2px}.scroll-cue{margin-left:auto;padding-top:13px;font-size:10px;gap:10px}.scroll-cue span{display:block}.scroll-cue svg{width:17px;height:17px}.media-status,.media-error{right:var(--gutter);bottom:116px;font-size:10px}.motion-toggle{bottom:112px;font-size:11px}.dialog-header{padding:15px}.dialog-header p{font-size:13px}.dialog-header p span{display:block;margin:4px 0 0;font-size:10px}.dialog-header button span{display:none}.dialog-caption{padding:15px;font-size:10px}.dialog-caption svg{width:14px;height:14px}}
@media(max-width:700px) and (orientation:portrait) and (max-height:700px){.hero-panel .floating-copy{top:17%}.floating-copy h1,.floating-copy h2{font-size:10.3vw}.body-copy{font-size:13px;line-height:1.55;margin-top:17px}.feature-heading{margin-bottom:16px}.scene-actions{margin-top:20px}.inventory-panel .floating-copy{top:18%}.inventory-panel h2{font-size:9.5vw}.fee-panel .floating-copy,.delivery-panel .floating-copy,.final-panel .floating-copy{bottom:22%}.fee-number{font-size:23vw}.fee-label{font-size:8vw}.delivery-panel h2{font-size:9.4vw}.final-panel h2{font-size:10.8vw}.fee-panel .body-copy{margin-top:16px}.final-panel .scene-actions{gap:20px}.shop-button{min-height:46px}.stage-footer{bottom:16px}.feature-heading .scene-icon{width:28px;height:28px}.fee-panel .feature-heading{font-size:10px}}
@media(orientation:landscape) and (max-height:600px){:root{--gutter:32px}.site-header{top:13px}.brand{font-size:22px}.header-shop{font-size:11px;padding:9px 0}.floating-copy{padding:0;max-width:52%;transform:translateY(-46%)}.floating-copy h1,.floating-copy h2{font-size:10.5vh}.inventory-panel h2,.delivery-panel h2{font-size:9.3vh}.body-copy{font-size:12px;line-height:1.5;margin-top:16px}.scene-actions{margin-top:18px;gap:20px}.shop-button{min-height:43px;padding:11px 16px;font-size:11px;gap:24px}.shop-button svg{width:18px;height:18px}.feature-heading{font-size:11px;gap:10px;margin-bottom:12px}.scene-icon{width:27px;height:27px}.fee-panel .feature-heading{font-size:10px;margin-bottom:8px}.fee-number{font-size:22vh;margin-bottom:8px}.fee-label{font-size:8vh}.fee-panel .body-copy{margin-top:12px}.final-panel h2{font-size:10.7vh}.stage-footer{bottom:14px;gap:20px}.watch-button{font-size:10px;gap:8px}.watch-button svg{width:20px;height:20px}.chapter-nav{width:53vw;gap:13px}.chapter-name{font-size:8px}.scroll-cue span{display:none}.replay-button{font-size:10px}.media-status,.media-error{bottom:74px;font-size:10px}.motion-toggle{bottom:73px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:1101px) and (min-height:601px){.inventory-panel .floating-copy{top:16%;transform:none}.inventory-panel h2{font-size:clamp(48px,4.1vw,73px)}.inventory-panel .feature-heading{margin-bottom:20px}.inventory-panel .body-copy{margin-top:24px}}