@import url('./assets.css');
@import url('./winter-window.css');
@import url('./assembly.css');
:root{--pink:#E82F85;--charcoal:#1D1D1B;--white:#FFFFFF;--ink:var(--white);--muted:#ffffff99;--mx:0px;--my:0px;--reveal:0;--entry:0;color-scheme:dark;font-family:'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:#1D1D1B}
*{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;touch-action:manipulation}button:disabled{opacity:.3;cursor:default}a{text-decoration:none}button:focus-visible,a:focus-visible,.experience:focus-visible{outline:2px solid #E82F85;outline-offset:5px}.experience:focus{outline-offset:-5px}
.experience{position:absolute;inset:0;overflow:hidden;isolation:isolate;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 42%,#30302e 0%,#1D1D1B 45%,#171715 85%)}.experience.dragging{cursor:grabbing}
.ghost-countdown{position:absolute;z-index:7;top:65%;left:50%;transform:translate(-50%,-50%);width:min(89vw,1330px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,24px);pointer-events:none;font-weight:200;font-variant-numeric:tabular-nums;font-size:clamp(60px,12vw,174px);letter-spacing:-.065em;color:#ffffff38;-webkit-text-stroke:1px #ffffff45;line-height:1}
.ghost-countdown>div{display:flex;flex-direction:column;align-items:center;min-width:1.15em}.ghost-countdown small{font-size:7px;font-weight:400;letter-spacing:3px;text-transform:uppercase;-webkit-text-stroke:0;color:#ffffff80;margin:16px 0 0 8px}.ghost-countdown i{font-size:.5em;font-style:normal;align-self:flex-start;line-height:1.7;opacity:.65}
#scene{position:absolute;inset:0;z-index:2;pointer-events:none}#scene canvas{display:block;width:100%;height:100%}
.header{position:absolute;z-index:12;top:max(32px,env(safe-area-inset-top));left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:block;flex:0 0 auto;width:160px;line-height:0}
.brand-logo{display:block;width:100%;height:auto}

.chapters{display:flex;gap:28px}.chapters button{padding:13px 0;border:0;border-bottom:1px solid transparent;background:none;font-size:9px;letter-spacing:1px;color:#ffffff80}.chapters span{margin-left:7px}.chapters button[aria-current=step]{color:#FFFFFF;border-bottom-color:#E82F8580}.chapters button:hover{color:white}.process-link{display:flex;gap:14px;align-items:center;background:none;border:0;padding:0;font-size:10px;min-height:48px}.process-caption{padding:12px 0;border-bottom:1px solid #ffffff40}.process-link:hover .process-caption{border-bottom-color:var(--pink)}
.story-avatar{position:relative;display:block;flex:0 0 48px;width:48px;height:48px;padding:5px;border-radius:50%;background:conic-gradient(from 200deg,#ffd600 0deg,#ff7a00 65deg,#ff0069 140deg,#d300c5 220deg,#ff0069 285deg,#ffd600 360deg);isolation:isolate}
.story-avatar::before{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--charcoal);z-index:-1}
.story-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.process-link:hover .story-avatar{filter:brightness(1.08)}
.story{position:absolute;z-index:5;left:50%;bottom:18%;transform:translateX(-50%);width:min(450px,80vw);pointer-events:none;text-align:center}.story-panel{position:absolute;bottom:0;width:100%;will-change:opacity}.story-panel p{margin:0;font-size:10px;font-weight:400;letter-spacing:1.9px;color:#ffffffcc}.story-panel p span{margin-left:12px;font-size:8px;color:#ffffff99}.vision-panel,.launch-panel{opacity:0;visibility:hidden}
.frame-bottom{position:absolute;z-index:10;bottom:max(26px,env(safe-area-inset-bottom));left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.launch-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.collaboration{font-size:7px;letter-spacing:1.4px;color:#ffffff99}.launch-date{font-size:10px;letter-spacing:1.5px;color:#ffffffcc}.scroll-cue{display:flex;gap:16px;align-items:center;border:0;background:none;color:#ffffffcc;font-size:9px;letter-spacing:1px;min-height:44px;padding:9px 0}.scroll-arrow{font-size:17px;color:#ffffffcc}.bottom-right{display:flex;gap:24px;align-items:center}.progress{display:flex;gap:10px;font-size:8px;color:#ffffff66}.progress b{font-weight:400;color:#ffffffcc}.progress i{font-style:normal;color:#ffffff99}.scene-feedback{position:absolute;z-index:15;top:73%;left:50%;transform:translateX(-50%);max-width:min(500px,84vw);text-align:center}.scene-status{font-size:10px;color:#ffffffcc;padding:12px 18px;border:1px solid #ffffff33;background:#1D1D1Be6;border-radius:12px;margin:0}.scene-status:empty{display:none}#scene-retry{margin-top:8px;padding:10px 16px;background:#1D1D1B;border:1px solid #ffffff5c;border-radius:24px;font-size:10px}#scene-retry[hidden]{display:none}
.toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translateX(-50%);background:#1D1D1B;color:#FFFFFF;border:1px solid #ffffff33;border-radius:3px;padding:14px 22px;font-size:11px;max-width:85%;text-align:center}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.chapters{gap:18px}.chapters span{display:none}.launch-date{font-size:8px}.ghost-countdown{font-size:12vw}}
@media(max-width:650px){.header{left:24px;right:24px;top:max(23px,env(safe-area-inset-top))}.wordmark{width:clamp(112px,34vw,132px)}.collaboration{font-size:6px;letter-spacing:1px}.chapters{position:absolute;top:58px;left:50%;transform:translateX(-50%);gap:26px}.chapters button{font-size:8px;padding:12px 0}.process-link{font-size:9px;gap:10px;min-height:44px}.story-avatar{flex-basis:44px;width:44px;height:44px;padding:5px}.ghost-countdown{top:min(82%,calc(100% - 92px - env(safe-area-inset-bottom)));width:94vw;font-size:13vw;gap:1.2vw}.ghost-countdown small{font-size:5px;letter-spacing:1.4px;margin-top:8px}.story{bottom:24%;width:90vw}.story-panel p{font-size:8px;letter-spacing:1.3px}.frame-bottom{left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom));gap:14px;align-items:center}.launch-date{font-size:7px;letter-spacing:1px}.scroll-cue{font-size:8px;gap:9px}.progress{font-size:7px;gap:6px}.scene-feedback{top:69%;width:max-content}.scene-status{font-size:9px}.toast{bottom:90px;font-size:10px}}
@media(max-height:650px) and (min-width:651px){.header{top:18px}.story{bottom:21%}.frame-bottom{bottom:15px}}
@media(max-height:700px) and (max-width:650px){.header{top:16px}.chapters{top:48px}.story{bottom:26%}.frame-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:650px){.frame-bottom .launch-date,.frame-bottom .scroll-cue,.frame-bottom .scroll-arrow,.frame-bottom .progress,.frame-bottom .progress b,.frame-bottom .progress i,.story-panel p,.story-panel p span{color:#ffffffdd}}

/* Safe date-only presentation if a future launch configuration omits its time. */
.pending-launch-date{display:none}
.ghost-countdown[data-date-pending=true]>:not(.pending-launch-date){display:none}
.ghost-countdown[data-date-pending=true]>.pending-launch-date{display:block;font-size:.88em;letter-spacing:-.055em;white-space:nowrap}
@media(max-width:650px){.launch-date{max-width:145px;line-height:1.5}.launch-meta{gap:5px}}

/* Keep the lower mobile timer clear of the existing footer on short screens. */
@media(max-height:500px) and (max-width:1000px){.ghost-countdown{top:calc(100% - 104px - env(safe-area-inset-bottom));font-size:clamp(34px,9vw,56px);gap:1.2vw}.ghost-countdown small{font-size:5px;letter-spacing:1.4px;margin-top:8px}.story{bottom:calc(172px + env(safe-area-inset-bottom))}}