@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;700;800&display=swap');
:root{--orange:#ff5a16;--cyan:#78f4ee;--ink:#11100d;--cream:#f4ead9;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif;overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}.noise{position:fixed;inset:0;opacity:.055;z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor{width:18px;height:18px;border:1px solid var(--cyan);border-radius:50%;position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s}header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em}.brand{font:800 20px Manrope;text-decoration:none;letter-spacing:-.06em}.brand span{color:var(--cyan)}.counter{position:absolute;left:50%;transform:translateX(-50%)}.counter span{opacity:.5}.sound{background:none;border:0;font-family:inherit;font-size:10px;letter-spacing:.1em}.dots{position:fixed;z-index:30;bottom:28px;left:34px;display:flex;gap:8px}.dots a{width:26px;height:3px;background:#fff4;border-radius:3px;transition:.4s}.dots a.active{width:54px;background:var(--cyan)}#track{display:flex;width:100vw;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}#track::-webkit-scrollbar{display:none}.panel{position:relative;min-width:100vw;height:100vh;overflow:hidden;scroll-snap-align:start;padding:clamp(84px,8vw,150px) clamp(28px,7vw,135px);isolation:isolate}.kicker,.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.18em}.hero{display:grid;place-items:center;background:#ed500d;padding:0;color:#111}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.2) contrast(1.05);transform:scale(1.04)}.wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,78,6,.36),transparent 35% 70%,rgba(0,220,219,.2)),linear-gradient(0deg,rgba(255,100,20,.42),transparent 45%)}.hero h1{position:absolute;margin:0;font-size:clamp(110px,20vw,385px);line-height:.72;letter-spacing:-.115em;font-weight:800;display:flex;width:90%;justify-content:space-between;z-index:-1}.hero h1 span:last-child{color:#f7ead8}.eyebrow{position:absolute;top:16%;left:4%;writing-mode:vertical-rl}.ape-wrap{height:min(92vh,1020px);aspect-ratio:1/1.18;display:grid;place-items:end center;touch-action:none;cursor:grab;transform-style:preserve-3d;transition:transform .2s}.ape-wrap:active{cursor:grabbing}.ape{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 40px 50px #51200066);user-select:none;transition:filter .6s,transform .6s var(--ease)}.halo{position:absolute;width:43vw;height:43vw;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 100px #8ff8f055,inset 0 0 90px #fff2;z-index:-1}.intro{position:absolute;left:5%;bottom:13%;font-size:clamp(16px,1.5vw,28px);line-height:1;letter-spacing:-.05em}.drag-hint{position:absolute;right:5%;bottom:12%;border:1px solid #1116;border-radius:50%;width:110px;height:110px;background:#bff6ed88;backdrop-filter:blur(10px);font:500 10px 'DM Mono';letter-spacing:.1em;animation:float 3s ease-in-out infinite}.drag-hint i{display:block;font-size:24px;margin-top:5px}.lore{background:var(--cyan);color:var(--ink)}.lore h2,.moods h2,.roadmap h2,.final h2{font-size:clamp(58px,7.4vw,142px);line-height:.79;letter-spacing:-.09em;margin:5vh 0 0}.lore h2 em,.final h2 em{font-family:Georgia,serif;font-weight:400}.copy{position:absolute;right:8%;top:28%;width:min(340px,28vw);font-size:clamp(13px,1vw,17px);line-height:1.6}.copy p+ p{margin-top:3em}.orb{position:absolute;right:15%;bottom:-25%;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#6ee7df 24%,#ff7029 61%,#20140f);box-shadow:0 30px 80px #1126}.bigword{position:absolute;bottom:-.13em;left:-.03em;font-size:25vw;font-weight:800;letter-spacing:-.12em;color:#0d242018;z-index:-1}.moods{background:#17130f}.moods h2{font-size:clamp(45px,6vw,115px)}.mood-stage{position:absolute;right:9%;bottom:0;height:92%;width:45%;display:grid;place-items:end center}.mood-stage img{height:92%;width:100%;object-fit:contain;object-position:bottom;z-index:1;transition:transform .7s var(--ease),filter .7s}.mood-ring{position:absolute;top:18%;width:32vw;height:32vw;border:2px solid var(--orange);border-radius:50%;box-shadow:0 0 120px #ff5a1633}.mood-tabs{position:absolute;left:7%;bottom:22%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mood-tabs button{border:0;background:none;opacity:.35;font-size:clamp(20px,2vw,36px);font-weight:800;letter-spacing:-.06em;padding:4px 0}.mood-tabs button.active{opacity:1;color:var(--cyan)}#moodText{position:absolute;left:7%;bottom:12%;font:12px 'DM Mono';max-width:300px;line-height:1.5}.roadmap{background:#ec5c19;color:#120e0b}.roadmap h2{font-size:clamp(48px,6.5vw,125px)}.steps{position:absolute;left:44%;right:6%;top:18%;bottom:12%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1115;border-left:1px solid #1115}.steps article{padding:26px;border-right:1px solid #1115;border-bottom:1px solid #1115}.steps b{font:10px 'DM Mono'}.steps h3{font-size:clamp(24px,2.5vw,48px);letter-spacing:-.07em;margin:20px 0 4px}.steps p{font:12px 'DM Mono';opacity:.7}.final{background:linear-gradient(120deg,#15110e,#173434);display:flex;flex-direction:column;justify-content:center}.final>img{position:absolute;right:-2%;bottom:-12%;height:100%;filter:drop-shadow(0 0 90px #5df6e342);z-index:-1}.final h2{margin:2vh 0 5vh}.actions{display:flex;gap:10px;flex-wrap:wrap}.magnetic{display:grid;place-items:center;min-width:160px;padding:19px 24px;border:1px solid #fff5;border-radius:99px;background:#ffffff0a;text-decoration:none;font:10px 'DM Mono';letter-spacing:.08em;backdrop-filter:blur(12px);transition:background .3s,color .3s,transform .2s}.magnetic:hover{background:var(--cyan);color:#111}.ca span{color:var(--orange)}.tiny{position:absolute;bottom:5%;font:9px 'DM Mono';opacity:.5}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@media(max-width:800px){header{padding:20px}.counter{display:none}.panel{padding:85px 24px 70px}.hero h1{font-size:29vw;top:24%;width:94%}.ape-wrap{height:77vh;margin-top:12vh}.eyebrow{display:none}.intro{left:24px;bottom:10%}.drag-hint{width:78px;height:78px;right:20px;bottom:8%}.lore h2{font-size:16vw}.copy{left:25px;right:25px;top:auto;bottom:12%;width:auto}.copy p+ p{margin-top:1em}.orb{right:-18%;bottom:22%;width:65vw;height:65vw}.moods h2{font-size:13vw}.mood-stage{height:58%;width:80%;right:-5%}.mood-tabs{bottom:20%;left:24px}.mood-tabs button{font-size:20px}.steps{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:35px;grid-template-columns:1fr 1fr}.steps article{padding:13px}.steps h3{font-size:22px;margin:10px 0 3px}.final>img{opacity:.44;right:-40%;height:80%}.actions{max-width:330px}.dots{left:20px;bottom:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor{display:none}}