@import url('./assets.css');
:root{--pink:#e82f85;--ink:#22312e;--mx:0px;--my:0px;--reveal:0;--entry:0;color-scheme:light;font-family:'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:#e7ecec}
*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,.experience:focus-visible{outline:2px solid var(--pink);outline-offset:5px}button{touch-action:manipulation}.experience:focus{outline-offset:-5px}
.experience{position:absolute;inset:10px;overflow:hidden;border:1px solid #ffffffc0;border-radius:12px;isolation:isolate;touch-action:none;background:#dce7eb;cursor:grab;box-shadow:0 0 0 10px #f0f2ee}.experience.dragging{cursor:grabbing}
.landscape{position:absolute;inset:-10%;background-size:cover;background-position:center 47%;will-change:transform;filter:saturate(.15) contrast(.77) brightness(1.18)}.landscape-back{transform:translate(calc(var(--mx)*-.32),calc(var(--my)*-.25 - var(--reveal)*30px)) scale(calc(1.05 + (1 - var(--entry))*.12 + var(--reveal)*.04))}.landscape-near{clip-path:polygon(0 56%,12% 66%,28% 81%,40% 100%,72% 100%,83% 77%,89% 57%,95% 60%,100% 54%,100% 100%,0 100%);transform:translate(calc(var(--mx)*-.85),calc(var(--my)*-.7 - var(--reveal)*92px)) scale(calc(1.06 + var(--reveal)*.08 + (1 - var(--entry))*.08));filter:saturate(.12) contrast(.72) brightness(1.12)}.landscape-wash{position:absolute;inset:0;background:linear-gradient(90deg,#e9eff1e8 0%,#e7eeef85 33%,#f0f5f315 70%),linear-gradient(180deg,#e9f0f370 0%,transparent 48%,#dce6eb90 100%);pointer-events:none}
#scene{position:absolute;inset:0;z-index:2;opacity:var(--entry);transform:translateY(calc((1 - var(--entry))*70px));will-change:transform,opacity;pointer-events:none}#scene canvas{display:block;width:100%;height:100%}
.header{position:absolute;top:30px;left:3.7%;right:3.7%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:12}.wordmark{display:flex;align-items:flex-start;font-size:46px;line-height:1;font-weight:800;letter-spacing:-5px}.wordmark>span{font-size:22px;letter-spacing:0;position:relative;top:0;left:4px}.wordmark i{display:block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin:29px 0 0 15px}.chapters{display:flex;padding:5px;border-radius:40px;background:#ffffff35;border:1px solid #ffffff8a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chapters button{border:0;background:none;border-radius:30px;font-size:11px;padding:12px 18px;transition:background .3s}.chapters button>span{font-size:8px;color:#78837e;margin-right:9px}.chapters button[aria-current=step]{background:#fff9;box-shadow:0 2px 8px #38494008}.chapters button:hover{background:#fffc}.calendar-button{display:flex;gap:28px;align-items:center;background:#ffffff60;border:1px solid #ffffffd0;border-radius:40px;padding:15px 21px;font-size:11px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.calendar-button:hover{background:#fffc}
.frame-side{position:absolute;left:25px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:8px;letter-spacing:2px;z-index:6;color:#6a7c77;pointer-events:none}.story{position:absolute;inset:0;z-index:5;pointer-events:none}.story-panel{position:absolute;left:7%;top:50%;width:470px;max-width:44%;transform:translateY(-50%);will-change:opacity,transform;pointer-events:none}.story-panel .panel-inner{pointer-events:auto}.vision-panel,.launch-panel{opacity:0;visibility:hidden}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.pink-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);flex-shrink:0}h1,h2{font-size:clamp(48px,4.7vw,76px);font-weight:450;line-height:1.04;letter-spacing:-3.5px;margin:25px 0 25px}h1 em,h2 em{color:#83928b;font-style:normal}.story-panel p{font-size:13px;line-height:1.8;color:#60726b;margin:20px 0 28px}.text-button{display:flex;align-items:center;justify-content:space-between;width:210px;border:0;border-bottom:1px solid #73877b55;background:none;font-size:11px;padding:14px 0;text-align:left}.text-button>span{font-size:18px}.text-button:hover{color:var(--pink)}.vision-panel h2{font-size:clamp(40px,4vw,65px);line-height:1.08}.launch-panel h2{font-size:clamp(38px,3.8vw,59px);line-height:1.1}.launch-glass{width:310px;max-width:100%;padding:25px;background:#f9fcfa65;border:1px solid #ffffffc9;border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 15px 50px #3d535a0c}.launch-date{font-size:29px;letter-spacing:-1.1px;line-height:1.2}.launch-date span{display:block;font-size:10px;letter-spacing:.4px;color:#65766d;margin:6px 0 22px}.dark-button{border:0;background:#27382f;color:white;border-radius:30px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px}.dark-button:hover{background:var(--pink)}.launch-glass small{display:block;font-size:8px;color:#6a7b71;text-align:center;margin-top:11px}.product-label{position:absolute;z-index:4;left:62%;top:74%;font-size:8px;letter-spacing:1.5px;display:flex;gap:8px;align-items:center;opacity:calc(.8 - var(--reveal)*.2);pointer-events:none}
.frame-bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:3.7%;right:3.7%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.launch-meta>span{display:block;font-size:8px;letter-spacing:1.6px;color:#667a73;margin-bottom:9px}.launch-meta strong{font-size:11px;font-weight:500;letter-spacing:1px}.launch-meta i{font-style:normal;font-size:8px;color:#65766f;margin-left:16px}.scroll-cue{display:flex;gap:11px;align-items:center;background:#ffffff50;border:1px solid #ffffffb0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:40px;padding:13px 20px;font-size:10px;min-height:44px}.scroll-arrow{font-size:21px;line-height:1}.bottom-right{display:flex;gap:23px;align-items:center}.progress{display:flex;align-items:center;gap:9px;font-size:8px}.progress>span:last-child{color:#7b8a84}.progress i{display:block;width:75px;height:1px;background:#8c9c9066;position:relative}.progress b{position:absolute;left:0;top:0;height:1px;width:calc(4% + var(--reveal)*96%);background:var(--ink)}.motion-toggle{background:#eef5f560;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffffb0;padding:10px 12px;border-radius:30px;font-size:9px;display:flex;align-items:center;gap:9px;min-height:44px}.motion-toggle>span{font-size:8px;border-radius:15px;padding:5px 7px;background:#fff8}.motion-toggle[aria-pressed=true]>span{color:#fff;background:#334b40}.scene-status{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:6;font-size:10px;max-width:80%;text-align:center;background:#ffffffe0;border:1px solid white;border-radius:30px;padding:10px 18px}.scene-status:empty{display:none}.toast{position:fixed;z-index:50;bottom:95px;left:50%;transform:translateX(-50%);font-size:12px;background:#24382e;color:white;border-radius:30px;padding:14px 22px;max-width:85%;text-align:center}.fallback-countdown{position:absolute;z-index:1;left:42%;right:7%;top:48%;display:flex;justify-content:space-between;font-size:clamp(40px,6vw,90px);font-weight:500;letter-spacing:-3px;color:#f6f8fa;text-shadow:2px 4px #90a1ac;opacity:.5}.scene-ready .fallback-countdown{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-loaded .intro-panel .eyebrow{animation:copy-in 1s .1s both}.scene-loaded .intro-panel h1{animation:copy-in 1.2s .25s both}.scene-loaded .intro-panel p,.scene-loaded .intro-panel .text-button{animation:copy-in 1.2s .45s both}@keyframes copy-in{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1000px){.header{top:24px}.chapters button{padding:12px}.chapters button>span{display:none}.story-panel{left:7%;max-width:49%}h1{font-size:58px;letter-spacing:-2.9px}.frame-side{left:16px;font-size:7px}.bottom-right{gap:13px}.progress i{width:45px}.calendar-button{gap:20px;padding:14px 17px}.launch-meta i{display:none}}
@media(max-width:650px){.experience{inset:5px;border-radius:8px;box-shadow:0 0 0 5px #f0f2ee}.header{left:20px;right:20px;top:max(21px,env(safe-area-inset-top));gap:12px}.wordmark{font-size:36px;letter-spacing:-4px}.wordmark>span{font-size:17px}.wordmark i{margin-top:23px;margin-left:12px;width:5px;height:5px}.calendar-button{font-size:10px;min-height:44px;padding:12px 15px;gap:16px}.chapters{position:absolute;top:60px;left:0;padding:2px;background:#ffffff30}.chapters button{font-size:8px;padding:10px 12px}.chapters button>span{display:inline;font-size:7px;margin-right:6px}.story-panel{left:24px;top:143px;max-width:calc(100% - 48px);width:340px;transform:none}h1{font-size:46px;letter-spacing:-2.6px;margin:15px 0;line-height:1.02}.eyebrow{font-size:7px;letter-spacing:1.3px}.story-panel p{font-size:10px;line-height:1.6;margin:14px 0}.intro-panel p br{display:none}.text-button{width:175px;font-size:9px;padding:10px 0;min-height:40px}.vision-panel h2{font-size:38px;letter-spacing:-2px;line-height:1.03;margin:15px 0}.vision-panel h2 br:nth-child(2){display:none}.vision-panel h2 em{display:block;margin-top:4px}.launch-panel h2{font-size:34px;letter-spacing:-1.8px;margin:15px 0}.launch-glass{width:245px;padding:17px;max-width:80%;border-radius:13px}.launch-date{font-size:23px}.launch-date span{font-size:9px;margin-bottom:14px}.dark-button{padding:13px 14px;font-size:9px;min-height:42px}.launch-glass small{font-size:7px;margin-top:8px}.frame-side{left:12px;top:63%;font-size:6px;letter-spacing:1.5px}.frame-bottom{left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom));gap:10px;flex-wrap:wrap}.launch-meta{width:100%;position:absolute;bottom:64px;display:flex;justify-content:space-between;align-items:center}.launch-meta>span{font-size:6px;letter-spacing:1.2px;margin:0}.launch-meta strong{font-size:8px}.launch-meta i{display:inline;font-size:6px;margin-left:7px}.scroll-cue{font-size:8px;padding:10px 12px;gap:8px;min-height:44px}.scroll-arrow{font-size:18px}.bottom-right{gap:10px}.progress{gap:5px;font-size:7px}.progress i{width:32px}.motion-toggle{font-size:0;padding:8px;border:1px solid #fffb;gap:0;min-width:44px;justify-content:center}.motion-toggle>span{font-size:8px;padding:5px}.product-label{left:auto;right:25px;top:auto;bottom:145px;font-size:6px;letter-spacing:1px}.scene-status{bottom:145px;font-size:8px;max-width:80%}.fallback-countdown{left:15%;right:10%;top:58%;font-size:37px}.landscape-wash{background:linear-gradient(180deg,#eaf0f1e6 0%,#edf2f0b0 27%,#e5edf315 60%,#e3edef90 100%)}.toast{bottom:115px;font-size:10px}}
@media(max-height:700px) and (min-width:651px){h1{font-size:54px}.story-panel{top:49%}.vision-panel h2{font-size:44px}.launch-panel h2{font-size:40px}.launch-glass{padding:18px}.header{top:20px}.frame-bottom{bottom:20px}}
@media(max-height:720px) and (max-width:650px){.story-panel{top:130px}h1{font-size:36px}.intro-panel p{margin:10px 0}.text-button{display:none}.vision-panel h2{font-size:30px}.launch-panel h2{font-size:27px}.launch-glass{padding:13px;width:225px}.launch-date{font-size:20px}.launch-glass small{display:none}.launch-date span{margin-bottom:10px}.product-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;filter:none!important}.landscape{filter:saturate(.15) contrast(.77) brightness(1.18)!important}}

.js body:not(.scene-loaded) .intro-panel .panel-inner{opacity:0}