@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Gochi+Hand&family=Oswald:wght@500;600;700&display=swap');
:root{--paper:#e9dfcc;--paper2:#d6c4aa;--ink:#292520;--taupe:#7c6b61;--rose:#b47b75;--sage:#7d8f78;--cream:#f5eddb;--burg:#5f3132;--mx:0px;--my:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Mono",monospace;overflow-x:hidden;cursor:none}button,a,input{font:inherit}button,a{cursor:none}a{color:inherit;text-decoration:none}::selection{background:var(--burg);color:var(--cream)}
.grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.17;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.cursor{position:fixed;z-index:1200;pointer-events:none;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;translate:-50% -50%;transition:width .2s,height .2s,background .2s}.cursor i{position:absolute;width:4px;height:4px;background:var(--burg);border-radius:50%;left:50%;top:50%;translate:-50% -50%}.cursor.hot{width:64px;height:64px;background:rgba(180,123,117,.2)}
.door{position:fixed;inset:0;z-index:1100;background:#2b2723;display:grid;place-items:center;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1);clip-path:inset(0)}.door.open{clip-path:inset(0 0 100% 0);pointer-events:none}.door-card{width:min(460px,86vw);background:var(--paper);padding:24px 28px 30px;text-align:center;transform:rotate(-1deg);box-shadow:13px 15px 0 #171513}.door-card img{width:150px;max-width:45%;filter:sepia(.15)}.door-card h1{font:700 clamp(48px,8vw,82px)/.82 Oswald;margin:12px 0}.door-card p{font:21px Gochi Hand;margin:15px}.door-card button{border:2px solid var(--ink);background:var(--burg);color:var(--cream);padding:14px 22px;box-shadow:5px 5px 0 var(--ink);font-weight:500}.scribble,.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase}
header{position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 2.5vw;background:rgba(233,223,204,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(41,37,32,.2)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px;border-radius:50%}.brand b{font:700 19px Oswald}.brand small{padding:3px 6px;border:1px solid}nav{display:flex;align-items:center;gap:8px}nav a,.sound{border:1px solid var(--ink);background:transparent;padding:9px 12px;font-size:10px;transition:.2s}.buy{background:var(--ink)!important;color:var(--cream);box-shadow:3px 3px 0 var(--rose)}nav a:hover,.sound:hover{transform:rotate(-2deg) translateY(-2px);background:var(--cream)}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:110px 5vw 8vh}.hero-art{position:absolute;inset:-3%;background:url('assets/public-cat-world.png') 57% center/cover no-repeat;transform:translate(var(--mx),var(--my)) scale(1.04);transition:transform .12s linear}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,224,204,.95) 0%,rgba(235,224,204,.65) 37%,rgba(235,224,204,.08) 63%),linear-gradient(0deg,var(--paper) 0,transparent 23%)}.hero-copy{position:relative;z-index:2;width:min(650px,86vw)}.eyebrow{display:inline-block;border-bottom:1px solid;padding-bottom:7px}.hero h2,.origin h2,.city h2,.radio h2,.roadmap h2,.booth h2,footer h2{font:700 clamp(76px,14vw,208px)/.72 Oswald;letter-spacing:-.055em;margin:22px 0;text-transform:uppercase}.hero h2 i,.origin h2 i,.city h2 i,.radio h2 i,.roadmap h2 i,.booth h2 i{font-family:Gochi Hand;font-weight:400;color:var(--burg)}.hero-copy p{max-width:530px;font:clamp(18px,2vw,28px)/1.2 Gochi Hand}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions button,.hero-actions a{border:2px solid var(--ink);padding:14px 19px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);font-size:11px}.hero-actions a{background:var(--burg);color:white}.floating-object{position:absolute;z-index:3;border:1px solid var(--ink);background:rgba(245,237,219,.82);color:var(--ink);box-shadow:4px 5px 0 rgba(41,37,32,.7);font:44px Gochi Hand;display:grid;place-items:center;transition:.25s;animation:float 4s ease-in-out infinite}.floating-object:hover{transform:scale(1.15) rotate(-8deg);background:var(--rose)}.floating-object small{font:8px DM Mono}.phone-float{right:8%;top:22%;width:76px;height:105px;rotate:8deg}.cross-float{right:44%;top:17%;width:55px;height:55px;border-radius:50%;rotate:-7deg;animation-delay:-1.3s}.music-float{right:3%;bottom:18%;width:75px;height:75px;border-radius:50%;animation-delay:-2.5s}.hero-note{position:absolute;right:4%;bottom:5%;font:17px Gochi Hand;rotate:4deg}@keyframes float{50%{translate:0 -13px;rotate:3deg}}
.marquee{background:var(--burg);color:var(--cream);border-block:2px solid var(--ink);overflow:hidden;transform:rotate(-1deg);position:relative;z-index:3}.marquee div{width:max-content;font:600 25px Oswald;letter-spacing:.08em;padding:9px 0;animation:marquee 23s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:120px 5vw;position:relative}.origin{display:grid;grid-template-columns:.72fr .78fr .75fr;gap:4vw;align-items:center;min-height:100vh;background:radial-gradient(circle at 50% 45%,#f4ead7 0 23%,transparent 50%)}.origin h2{font-size:clamp(58px,8vw,115px)}.portrait-stack{height:630px;position:relative;perspective:1000px}.photo-card{position:absolute;margin:0;width:88%;left:6%;top:5%;background:#efe4d0;padding:13px 13px 35px;box-shadow:9px 11px 0 rgba(41,37,32,.25);border:1px solid rgba(41,37,32,.45);transition:.7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.photo-card img{width:100%;height:480px;object-fit:cover;filter:sepia(.16) contrast(.94)}.photo-card figcaption{font:14px Gochi Hand;margin-top:8px}.photo-card.original{transform:rotate(-5deg)}.photo-card.sketch{transform:rotate(4deg) translate(25px,28px);opacity:0}.portrait-stack.flipped .original{transform:rotate(-10deg) translateX(-45px);opacity:0}.portrait-stack.flipped .sketch{transform:rotate(-3deg);opacity:1}.portrait-stack button{position:absolute;z-index:4;bottom:5%;left:50%;translate:-50% 0;border:1px solid;background:var(--ink);color:var(--cream);padding:12px 16px}.origin-copy{font-size:12px;line-height:1.8}.origin-copy .lead{font:25px/1.2 Gochi Hand}.origin-copy strong{color:var(--burg);font-size:16px}
.city{background:#cbbba4;overflow:hidden}.city-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:4vw}.city-head .eyebrow,.city-head p{grid-column:1}.city h2{font-size:clamp(66px,10vw,145px);grid-column:1/3;margin-bottom:0}.city-head p{font:20px Gochi Hand}.map-frame{height:720px;margin-top:48px;border:2px solid var(--ink);position:relative;overflow:hidden;background:#dfd2bb;box-shadow:10px 12px 0 var(--ink);touch-action:none}.map-world{position:absolute;width:140%;height:130%;left:-20%;top:-15%;background:repeating-linear-gradient(25deg,transparent 0 105px,rgba(41,37,32,.06) 107px),repeating-linear-gradient(112deg,transparent 0 140px,rgba(95,49,50,.08) 143px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.street{position:absolute;height:38px;background:#b4a48e;border:1px dashed rgba(41,37,32,.7);transform-origin:left center}.s1{width:75%;left:8%;top:42%;rotate:12deg}.s2{width:65%;left:30%;top:72%;rotate:-37deg}.s3{width:45%;left:58%;top:15%;rotate:76deg}.place-label{position:absolute;font:600 18px Oswald;letter-spacing:.12em}.l1{left:17%;top:22%;rotate:-4deg}.l2{left:67%;top:20%;rotate:2deg}.l3{left:74%;top:67%;rotate:-5deg}.l4{left:24%;top:75%;rotate:4deg}.l5{left:48%;top:48%}.hotspot{position:absolute;width:64px;height:64px;border-radius:50%;background:var(--cream);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);font:32px Gochi Hand;z-index:3;transition:.25s}.hotspot:hover,.hotspot.active{background:var(--burg);color:white;transform:scale(1.15)}.h1{left:21%;top:29%}.h2{left:73%;top:28%}.h3{left:80%;top:74%}.h4{left:29%;top:80%}.h5{left:53%;top:55%}.map-cat{position:absolute;width:92px;height:92px;border-radius:50%;left:17%;top:33%;z-index:4;filter:drop-shadow(5px 7px 0 rgba(41,37,32,.4));transition:left .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.case-note{position:absolute;right:25px;bottom:25px;z-index:7;width:min(380px,calc(100% - 50px));background:var(--cream);padding:22px 24px;border:1px solid;box-shadow:6px 7px 0 var(--ink);transform:rotate(1deg)}.case-note small{color:var(--burg)}.case-note h3{font:600 35px Oswald;margin:7px 0}.case-note p{font:18px/1.25 Gochi Hand}.case-note span{font-size:9px}.drag-hint{position:absolute;left:20px;bottom:18px;z-index:5;font-size:10px}
.radio{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:900px;background:var(--ink);color:var(--paper);overflow:hidden}.radio::before{content:"92.13";position:absolute;font:700 35vw/.7 Oswald;color:rgba(255,255,255,.025);left:-3vw;bottom:0}.radio h2{font-size:clamp(65px,9vw,135px)}.radio-box{background:#b9a990;color:var(--ink);border:4px solid #0f0e0d;padding:35px;box-shadow:14px 16px 0 var(--rose);transform:rotate(2deg)}.dial{height:210px;background:#292520;border:8px solid #6d5f52;color:#e0d3bc;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 30px #000}.dial span{font:700 clamp(55px,9vw,110px)/1 Oswald}.dial small{letter-spacing:.3em}.radio-box input{width:100%;accent-color:var(--burg);margin:27px 0}.radio-message{min-height:74px;background:#ded1b9;border:1px solid;padding:18px;font:22px/1.3 Gochi Hand}.radio-box button{width:100%;margin-top:15px;padding:14px;background:var(--burg);color:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.roadmap{min-height:1100px;background:#ddd0b8;overflow:hidden}.roadmap-head{max-width:850px}.roadmap h2{font-size:clamp(65px,10vw,145px)}.roadmap-head p{font:21px Gochi Hand}.orbit{height:760px;position:relative;margin-top:-70px;user-select:none;touch-action:none}.orbit-rings{position:absolute;width:680px;height:680px;border:2px dashed var(--taupe);border-radius:50%;left:50%;top:50%;translate:-50% -50%;transition:transform .25s}.orbit-rings::before,.orbit-rings::after{content:"";position:absolute;border:1px solid rgba(41,37,32,.4);border-radius:50%;inset:14%}.orbit-rings::after{inset:33%;border-style:dotted}.moon{position:absolute;z-index:4;width:190px;height:210px;border:0;background:transparent;left:50%;top:50%;translate:-50% -50%;filter:drop-shadow(8px 10px 0 rgba(41,37,32,.23))}.moon img{width:150px;height:150px;border-radius:50%}.moon span{display:block;font:15px Gochi Hand}.orbit-node{position:absolute;z-index:5;width:135px;height:120px;background:var(--cream);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);transition:.3s;transform:translate(-50%,-50%) rotate(var(--node-rot,0deg))}.orbit-node b{display:block;font:50px Oswald}.orbit-node span{font-size:9px}.orbit-node:hover,.orbit-node.active{background:var(--rose);transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}.n1{left:50%;top:10%}.n2{left:82%;top:31%}.n3{left:72%;top:78%}.n4{left:29%;top:79%}.n5{left:17%;top:32%}.orbit-card{position:absolute;right:1%;bottom:2%;width:310px;padding:20px;background:var(--ink);color:var(--cream);box-shadow:7px 8px 0 var(--rose);rotate:2deg}.orbit-card h3{font:32px Oswald;margin:8px 0}.orbit-card p{font:18px Gochi Hand;margin:0}
.booth{background:var(--rose);min-height:100vh}.booth-head{max-width:900px}.booth h2{font-size:clamp(70px,10vw,150px)}.booth-grid{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:7vw;align-items:center}.booth-photo{aspect-ratio:1;background:var(--paper);border:3px solid var(--ink);padding:25px;position:relative;box-shadow:14px 15px 0 var(--ink);overflow:hidden;transition:.4s}.booth-photo img{width:100%;height:100%;object-fit:contain;filter:sepia(.16);transition:.35s}.booth-photo.rose{background:#c98d88}.booth-photo.sage{background:#9cac91}.booth-photo.night{background:#35302c}.booth-photo.night img{filter:grayscale(.5) contrast(1.1)}.stamp{position:absolute;right:5%;bottom:8%;border:4px double var(--burg);color:var(--burg);font:700 clamp(19px,3vw,34px) Oswald;padding:7px 10px;rotate:-8deg;mix-blend-mode:multiply}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.booth-photo.snap .flash{animation:flash .55s}@keyframes flash{20%{opacity:1}100%{opacity:0}}.booth-controls label{font-size:10px;letter-spacing:.2em;display:block;margin:25px 0 9px}.swatches,.stamps{display:flex;flex-wrap:wrap;gap:8px}.booth-controls button{border:2px solid var(--ink);background:var(--paper);padding:12px 15px;box-shadow:3px 3px 0 var(--ink)}.booth-controls button.active{background:var(--ink);color:var(--paper)}.take-photo{margin-top:35px!important;width:100%;background:var(--burg)!important;color:white;font-size:15px}
footer{padding:100px 5vw 40px;background:var(--cream);display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:end;overflow:hidden}footer h2{font-size:clamp(90px,18vw,270px);margin:30px 0 -20px}.footer-links{display:flex;flex-direction:column;gap:16px}.footer-links a{font:600 30px Oswald;border-bottom:2px solid}.footer-links p{font-size:10px;line-height:1.7}.toast{position:fixed;z-index:1000;right:22px;bottom:22px;background:var(--ink);color:var(--cream);padding:16px 20px;box-shadow:5px 5px 0 var(--rose);font-size:10px;transform:translateY(120px) rotate(2deg);transition:.35s}.toast.show{transform:none}.reveal{opacity:0;transform:translateY(35px);transition:.8s cubic-bezier(.2,.8,.2,1)}.reveal.seen{opacity:1;transform:none}
@media(max-width:900px){body,button,a{cursor:auto}.cursor{display:none}header{padding:10px 14px}.brand small,.sound,nav a:first-of-type{display:none}.hero{padding-inline:24px}.hero-art{background-position:62% center}.hero-wash{background:linear-gradient(90deg,rgba(235,224,204,.93),rgba(235,224,204,.2)),linear-gradient(0deg,var(--paper),transparent 35%)}.floating-object{display:none}.origin{grid-template-columns:1fr;padding-inline:24px}.portrait-stack{height:560px}.photo-card img{height:420px}.city-head{display:block}.city h2{font-size:20vw}.map-frame{height:680px}.map-world{width:190%;left:-45%}.case-note{right:14px;bottom:14px}.radio{grid-template-columns:1fr;padding-inline:24px}.orbit{height:700px;margin-top:0}.orbit-rings{width:500px;height:500px}.orbit-node{width:94px;height:90px}.orbit-node b{font-size:34px}.n2{left:86%}.n5{left:14%}.orbit-card{bottom:-20px;right:50%;translate:50% 0}.booth-grid,footer{grid-template-columns:1fr}.booth{padding-inline:24px}.hero h2{font-size:26vw}}
@media(max-width:560px){nav a{padding:9px 8px}.brand b{font-size:15px}.hero-copy p{font-size:20px}.origin,.city,.radio,.roadmap,.booth{padding-block:90px}.portrait-stack{height:470px}.photo-card img{height:330px}.map-frame{height:650px}.map-world{width:240%;left:-70%}.orbit-rings{width:390px;height:390px}.moon{width:130px}.moon img{width:110px;height:110px}.n1{top:18%}.n3,.n4{top:70%}.n2{left:82%}.n5{left:18%}.orbit-card{width:270px}.booth-photo{padding:12px}footer h2{font-size:28vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}