:root{--ink:#0b0607;--paper:#eee6d9;--acid:#c8ff28;--meat:#bc1824;--pink:#f0a19a;--line:rgba(238,230,217,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;cursor:crosshair}button,a{color:inherit}button{font:inherit}a{text-decoration:none}::selection{background:var(--acid);color:var(--ink)}
.site{--mx:50vw;--my:50vh;--px:0px;--py:0px;overflow:hidden}.loader{position:fixed;z-index:9999;inset:0;display:grid;place-content:center;text-align:center;background:var(--paper);color:var(--ink);transition:transform .8s cubic-bezier(.8,0,.2,1);transform-origin:top}.is-loaded .loader{transform:translateY(-105%)}.loader-p{font-size:26vw;font-weight:1000;line-height:.7;color:var(--meat);filter:blur(.5px)}.loader p{font:900 11px/1 monospace;letter-spacing:.2em}.cursor-glow{position:fixed;z-index:20;width:260px;height:260px;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(200,255,40,.13),transparent 65%);mix-blend-mode:screen}
.signal-meter{position:fixed;z-index:50;right:17px;top:50%;transform:translateY(-50%);width:44px;padding:9px 8px;background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--meat)}.signal-meter span{font:1000 12px/1 monospace}.signal-meter b{display:block;margin-top:8px;writing-mode:vertical-rl;font:900 8px/1 monospace;letter-spacing:.12em}.signal-meter i{display:block;position:absolute;bottom:0;left:0;height:4px;background:var(--meat);transition:.4s}
.hero{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(8,3,4,.96) 0%,rgba(8,3,4,.78) 34%,rgba(8,3,4,.05) 73%),url('public/meaty-pons-world.png') center/cover}.hero:after,.manifesto:after,.roadmap:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero{background-position:calc(50% + var(--px)) calc(50% + var(--py));transition:background-position .15s linear}.nav{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.08em}.brand{font-size:18px;letter-spacing:-.04em}.nav-links{display:flex;gap:30px}.nav-links a:hover{color:var(--acid)}.nav-buy{justify-self:end;border:1px solid var(--paper);background:rgba(11,6,7,.6);padding:12px 18px;cursor:pointer}.nav-buy:hover{background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--meat)}
.hero-copy{position:relative;z-index:3;width:min(670px,90vw);padding:clamp(100px,15vh,160px) 0 110px clamp(24px,6vw,92px)}.eyebrow,.kicker{display:inline-block;margin:0 0 18px;padding:7px 10px;color:var(--ink);background:var(--acid);font:900 11px/1 monospace;transform:rotate(-1deg)}h1{margin:0;font-size:clamp(72px,10.4vw,158px);line-height:.77;letter-spacing:-.085em;font-weight:1000;text-transform:uppercase}.lede{max-width:480px;margin:30px 0;font:600 clamp(16px,1.7vw,21px)/1.45 monospace}.hero-actions,.final-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{padding:15px 18px;border:1px solid var(--paper);background:transparent;font:900 12px/1 monospace;cursor:pointer}.primary{background:var(--paper);color:var(--ink)}.primary:hover,.secondary:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:6px 6px 0 var(--acid)}.scroll-note{position:absolute;z-index:3;bottom:45px;left:28px;color:var(--acid);font:700 10px/1 monospace;letter-spacing:.12em}.ticker{position:absolute;z-index:5;bottom:0;left:0;width:100%;overflow:hidden;background:var(--acid);color:var(--ink);padding:8px 0;white-space:nowrap;transform:rotate(-.3deg)}.ticker div{width:max-content;font:1000 11px/1 monospace;letter-spacing:.16em;animation:ticker 26s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.float-signal{position:absolute;z-index:8;border:0;background:var(--acid);color:var(--ink);width:46px;height:46px;font-size:24px;cursor:pointer;box-shadow:5px 5px 0 var(--meat);animation:float 3s ease-in-out infinite}.float-signal:hover{transform:scale(1.15) rotate(8deg)}.float-signal.found{background:var(--paper);opacity:.38;box-shadow:none;animation:none}.phone{right:8%;top:30%}.cross{right:30%;bottom:14%;animation-delay:-1s}@keyframes float{50%{translate:0 -12px;rotate:3deg}}
.manifesto{position:relative;min-height:110vh;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px);align-items:center;padding:120px clamp(24px,8vw,130px);background:var(--paper);color:var(--ink);overflow:hidden}.origin-card{position:relative;z-index:2;max-width:520px;padding:14px 14px 40px;background:#fff;transform:rotate(-3deg);box-shadow:18px 22px 0 var(--pink)}.origin-card img{display:block;width:100%;filter:saturate(1.2) contrast(1.04)}.origin-card span{display:block;margin:14px 8px 0;font:900 11px/1 monospace}.manifesto-copy{position:relative;z-index:2}.manifesto h2,.closet h2,.roadmap h2,.archive h2,.finale h2,.buy-modal h2{margin:0;font-size:clamp(58px,7.6vw,120px);line-height:.78;letter-spacing:-.075em;font-weight:1000}.manifesto h2 em{color:var(--meat);font-style:normal}.manifesto-copy>p:not(.kicker){max-width:590px;font:600 15px/1.65 monospace}.scribble{position:absolute;z-index:3;padding:8px;background:var(--acid);font:900 11px/1 monospace;transform:rotate(7deg)}.s1{left:4%;top:13%}.s2{left:42%;bottom:12%;transform:rotate(-9deg)}
.chapters{position:relative;min-height:95vh;display:grid;grid-template-columns:minmax(260px,35%) 1fr;background:var(--meat);color:var(--paper)}.chapter-index{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.35)}.chapter-index button{flex:1;display:flex;gap:25px;align-items:center;text-align:left;padding:28px clamp(24px,5vw,70px);border:0;border-bottom:1px solid rgba(255,255,255,.25);background:transparent;font:900 13px/1 monospace;cursor:pointer;transition:.25s}.chapter-index button span{opacity:.5}.chapter-index button.active,.chapter-index button:hover{background:var(--acid);color:var(--ink);padding-left:calc(clamp(24px,5vw,70px) + 14px)}.chapter-stage{align-self:center;padding:70px clamp(35px,9vw,150px);animation:memory .45s ease}.chapter-stage>span{font:900 12px/1 monospace}.chapter-stage h3{margin:28px 0;font-size:clamp(60px,9vw,145px);line-height:.8;letter-spacing:-.07em}.chapter-stage p{max-width:700px;font:600 clamp(17px,2vw,24px)/1.55 monospace}.chapter-stage button{margin-top:20px;padding:14px 17px;background:transparent;border:1px solid var(--paper);font:900 11px/1 monospace;cursor:pointer}.headphones{right:5%;top:12%}@keyframes memory{from{opacity:0;transform:translateY(25px) rotate(1deg)}}
.closet{min-height:100vh;display:grid;grid-template-columns:1fr minmax(320px,580px) minmax(210px,.55fr);gap:50px;align-items:center;padding:110px clamp(24px,6vw,100px);background:#171112}.closet-head p,.roadmap header p,.archive-title>p,.finale-copy>p{color:var(--acid);font:900 11px/1 monospace;letter-spacing:.14em}.character-window{position:relative;height:min(70vh,680px);display:grid;place-items:center;background:repeating-linear-gradient(90deg,#e8dfd1 0,#e8dfd1 2px,#efe7dc 2px,#efe7dc 60px);overflow:hidden;box-shadow:16px 16px 0 var(--meat);transition:.4s}.character-window:before{content:'';position:absolute;inset:8%;border:2px dashed var(--ink)}.character-window img{width:72%;mix-blend-mode:multiply;filter:saturate(1.25) contrast(1.06);transition:.5s}.character-window .face{position:absolute;top:27%;left:51%;color:#fff;text-shadow:2px 2px var(--ink);font-size:28px;letter-spacing:-8px}.character-window .hat{position:absolute;top:10%;font-size:110px;color:var(--ink);font-weight:1000;transform:rotate(-7deg)}.character-window .legs{position:absolute;bottom:5%;color:var(--ink);font-size:70px;font-weight:900}.outfit-1{background:repeating-linear-gradient(135deg,var(--acid) 0,var(--acid) 14px,var(--ink) 14px,var(--ink) 28px)}.outfit-1 img{filter:saturate(1.5) hue-rotate(-10deg)}.outfit-2{background:#9e1921}.outfit-2 img{filter:grayscale(1) contrast(1.3);mix-blend-mode:screen}.beanie{left:8%;top:10%}.outfit-controls p{font:900 11px/1 monospace;color:var(--pink)}.outfit-controls button{display:block;width:100%;padding:18px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;font:900 14px/1 monospace;cursor:pointer}.outfit-controls button.active,.outfit-controls button:hover{color:var(--acid);padding-left:14px}
.roadmap{position:relative;min-height:110vh;padding:110px clamp(24px,6vw,100px);background:var(--paper);color:var(--ink);overflow:hidden}.roadmap header{position:relative;z-index:2}.roadmap header span{display:block;margin-top:24px;font:700 13px/1.5 monospace}.map{position:relative;height:760px;margin-top:-60px}.pulse-core{position:absolute;z-index:3;left:48%;top:44%;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:var(--meat);color:var(--paper);font-size:90px;font-weight:1000;box-shadow:0 0 0 18px var(--pink),0 0 0 20px var(--ink);animation:pulse 2.2s ease-in-out infinite}.pulse-core i{position:absolute;inset:-40px;border:2px dashed var(--meat);border-radius:50%;animation:spin 18s linear infinite}.nerve{position:absolute;height:6px;background:var(--ink);transform-origin:left;box-shadow:0 9px 0 var(--pink)}.n1{left:19%;top:26%;width:35%;transform:rotate(24deg)}.n2{left:51%;top:51%;width:33%;transform:rotate(-38deg)}.n3{left:21%;top:72%;width:34%;transform:rotate(-25deg)}.n4{left:53%;top:53%;width:36%;transform:rotate(26deg)}.n5{left:53%;top:51%;width:18%;transform:rotate(88deg)}.node{position:absolute;z-index:4;width:120px;height:120px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:9px 9px 0 var(--pink);transition:.25s}.node small,.node b{display:block}.node small{font:700 11px/1 monospace}.node b{font:1000 17px/1 sans-serif}.node:hover,.node.active{transform:scale(1.16) rotate(-5deg);background:var(--acid);box-shadow:11px 11px 0 var(--meat)}.node-1{left:13%;top:18%}.node-2{right:13%;top:18%}.node-3{left:10%;bottom:5%}.node-4{right:8%;bottom:12%}.node-5{left:62%;bottom:0}.phase-card{position:absolute;z-index:5;left:7%;top:44%;width:300px;padding:22px;background:var(--ink);color:var(--paper);box-shadow:10px 10px 0 var(--acid);animation:memory .35s ease}.phase-card small,.phase-card span{font:900 9px/1 monospace;color:var(--acid)}.phase-card h3{margin:8px 0;font-size:42px;line-height:1}.phase-card p{font:600 12px/1.5 monospace}.cassette{right:2%;top:48%}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}
.archive{padding:100px 0 120px;background:#191011}.archive-title{padding:0 clamp(24px,6vw,100px) 50px}.archive-reel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(24px,6vw,100px) 35px}.archive-reel button{flex:0 0 min(380px,82vw);min-height:430px;scroll-snap-align:center;position:relative;text-align:left;padding:28px;border:1px solid var(--line);background:#26191b;color:var(--paper);cursor:pointer;transition:.3s}.archive-reel button:hover{transform:translateY(-10px) rotate(1deg);border-color:var(--acid)}.archive-reel button.unlocked{background:var(--acid);color:var(--ink);box-shadow:10px 10px 0 var(--meat)}.archive-reel i{display:block;font:normal 130px/1 monospace}.archive-reel span{font:900 11px/1 monospace}.archive-reel h3{margin:16px 0;font-size:36px;line-height:.9}.archive-reel p{font:700 11px/1.5 monospace}
.finale{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.finale-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,7,.97),rgba(11,6,7,.1)),url('public/meaty-pons-world.png') center/cover;filter:hue-rotate(-5deg)}.finale-copy{position:relative;z-index:2;padding:80px clamp(24px,7vw,110px)}.finale h2{font-size:clamp(78px,13vw,200px)}.finale h2 span{color:var(--acid)}.final-actions{margin-top:45px}.final-actions button,.final-actions a,.modal-buy{padding:18px 21px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font:900 12px/1 monospace;cursor:pointer}.final-actions a{background:transparent;color:var(--paper)}.final-actions button:hover,.final-actions a:hover{background:var(--acid);color:var(--ink);transform:rotate(-2deg)}footer{position:absolute;z-index:3;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--line);font:900 9px/1 monospace;letter-spacing:.12em}
.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(11,6,7,.86);backdrop-filter:blur(12px)}.buy-modal{position:relative;width:min(640px,95vw);padding:clamp(30px,6vw,70px);background:var(--paper);color:var(--ink);box-shadow:18px 18px 0 var(--meat);animation:memory .3s ease}.buy-modal .close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:42px;cursor:pointer}.buy-modal>p:not(.kicker){font:700 13px/1.55 monospace}.contract{display:flex;width:100%;align-items:center;gap:15px;margin:22px 0;padding:16px;border:2px dashed var(--ink);background:transparent;text-align:left;cursor:pointer}.contract span{padding:7px;background:var(--acid);font:900 10px/1 monospace}.contract b{overflow:hidden;text-overflow:ellipsis;font:900 11px/1 monospace}.modal-buy{display:block;width:max-content;background:var(--ink);color:var(--paper)}.buy-modal small{display:block;margin-top:20px;font:700 9px/1 monospace}
@media(max-width:900px){.nav-links{display:none}.nav{grid-template-columns:1fr auto}.hero{background-position:62% center}.manifesto{grid-template-columns:1fr;padding-top:100px}.origin-card{width:min(82vw,480px)}.chapters{grid-template-columns:1fr}.chapter-index{display:grid;grid-template-columns:repeat(4,1fr);border-right:0}.chapter-index button{padding:18px 8px;justify-content:center}.chapter-index button span{display:none}.chapter-index button.active{padding-left:8px}.chapter-stage{min-height:65vh}.closet{grid-template-columns:1fr 1fr}.closet-head{grid-column:1/-1}.outfit-controls{grid-column:1/-1}.outfit-controls button{display:inline-block;width:auto;margin-right:20px}.map{transform:scale(.84);transform-origin:left top;width:118%;margin-bottom:-120px}.phase-card{left:0}.archive-title h2{font-size:64px}}
@media(max-width:600px){.cursor-glow{display:none}.signal-meter{right:9px}.nav{padding:15px}.brand{font-size:15px}.nav-buy{padding:10px}.hero-copy{padding:160px 22px 110px}.hero h1{font-size:72px}.scroll-note{left:18px}.manifesto{padding:90px 22px}.manifesto h2,.closet h2,.roadmap h2,.archive h2{font-size:56px}.chapters{min-height:auto}.chapter-index button{font-size:9px}.chapter-stage{padding:70px 25px}.chapter-stage h3{font-size:62px}.closet{display:block;padding:90px 22px}.character-window{height:580px;margin:40px 0}.outfit-controls button{display:block;width:100%}.roadmap{padding:90px 20px;min-height:1180px}.map{height:900px;margin-top:20px;transform:none;width:100%}.pulse-core{left:35%;top:40%;width:110px;height:110px;font-size:65px}.node{width:90px;height:90px}.node-1{left:0;top:16%}.node-2{right:0;top:18%}.node-3{left:0;bottom:13%}.node-4{right:0;bottom:14%}.node-5{left:36%;bottom:0}.phase-card{left:5%;top:58%;width:90%}.nerve{display:none}.cassette{right:5%;top:47%}.finale h2{font-size:74px}footer{gap:14px;flex-wrap:wrap}.final-actions{flex-direction:column}.final-actions a,.final-actions button{text-align:center;width:100%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hero{transition:none}}
.final-actions .buy-link{background:var(--paper);color:var(--ink)}