@import "tailwindcss";

:root{--ink:#35312c;--orange:#ff9f2f;--cream:#fff1cd;--mint:#93d8c5;--green:#79c66e;--pink:#ff9eb3;--paper:#f7e9c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mint);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;overflow-x:hidden}.site{position:relative;background:var(--mint)}button,a{font:inherit;color:inherit}button{cursor:pointer}.paper-grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.15;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='.3'/%3E%3C/svg%3E")}.cursor-paw{position:fixed;left:-14px;top:-14px;z-index:99;pointer-events:none;font-size:22px;filter:sepia(1);opacity:.7}.sky-toys{position:fixed;inset:0;pointer-events:none;z-index:0}.sky-toys i{position:absolute;color:#f7e5aa;font-size:24px;font-style:normal;animation:twinkle 3s infinite}@keyframes twinkle{50%{transform:scale(1.5) rotate(25deg);opacity:.35}}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:3px solid var(--ink);position:absolute;z-index:20;top:0;left:0;right:0}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.logo-face{background:var(--orange);border:2px solid var(--ink);border-radius:50%;padding:10px 8px;font-size:12px}.logo b{font-size:19px;letter-spacing:-1px}.logo em{font-style:normal;background:var(--cream);border:2px solid;border-radius:20px;padding:3px 8px;font-size:11px}.topbar nav{display:flex;gap:40px}.topbar nav a,.socials a{font-size:12px;font-weight:900;text-decoration:none;letter-spacing:1px}.topbar nav a:hover{transform:rotate(-3deg);color:#fff}.socials{display:flex;gap:12px;align-items:center}.socials>a{border:2px solid;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:var(--cream)}.socials .buy{width:auto;border-radius:7px;background:var(--orange);padding:0 18px;box-shadow:3px 3px 0 var(--ink)}.hamburger{display:none;border:0;background:transparent;font-size:28px}
.hero{min-height:100vh;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden;padding-top:90px;border-bottom:3px solid}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7vw 3vw 5vw 7vw;z-index:2}.eyebrow{font-weight:900;font-size:11px;letter-spacing:2px}.eyebrow span{color:#fff}.hero h1,.story h2,.journey h2,.gallery h2,.playground h2{font-family:Arial Black,Impact,sans-serif;font-size:clamp(80px,11vw,175px);line-height:.72;letter-spacing:-.09em;margin:35px 0}.hero h1 i,h2 i{color:var(--cream);font-style:normal;-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--orange)}.hero-line{font-size:13px;font-weight:900;line-height:1.6}.hero-actions{display:flex;gap:14px;margin-top:25px}.primary,.paw-button{border:3px solid;border-radius:9px;padding:17px 22px;font-weight:900;font-size:12px;text-decoration:none;background:var(--orange);box-shadow:5px 5px 0 var(--ink)}.primary:hover,.paw-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0}.paw-button{background:var(--cream)}.paw-button span{font-size:18px}.paw-meter{margin-top:25px;width:310px;height:7px;background:#6bb9a9;border:1px solid;border-radius:10px;position:relative}.paw-meter span{display:block;height:100%;background:var(--orange);transition:width .35s}.paw-meter p{font-size:9px;font-weight:900;letter-spacing:1px}.hero-art{position:relative;background:#79c86f;border-left:3px solid;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);display:grid;place-items:center}.image-stamp{position:relative;width:min(70%,620px);transform:rotate(2deg);filter:drop-shadow(12px 15px 0 rgba(53,49,44,.2));z-index:2}.image-stamp img{width:100%;display:block;border:5px solid var(--ink);border-radius:45% 45% 16% 16%;object-fit:cover}.stamp-text{position:absolute;right:-40px;bottom:30px;background:var(--cream);border:3px solid;border-radius:50%;padding:28px 16px;text-align:center;font-weight:900;font-size:11px;transform:rotate(12deg)}.sun-scribble{position:absolute;right:7%;top:9%;width:110px;height:110px;border-radius:50%;background:#ffd668;border:3px solid;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(9deg)}.cloud{position:absolute;width:160px;height:55px;background:#b7ead9;border:3px solid;border-radius:50%;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border:inherit;border-radius:50%;width:70px;height:70px;top:-35px}.cloud:before{left:20px}.cloud:after{right:20px}.c1{left:2%;top:15%;transform:rotate(-8deg)}.c2{right:5%;bottom:8%;transform:scale(.7)}.floating-paw{position:absolute;font-size:50px;animation:float 3s ease-in-out infinite}.p1{left:6%;bottom:13%}.p2{right:6%;top:45%;animation-delay:1s}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}.scroll-note{position:absolute;bottom:14px;left:50%;z-index:3;font-weight:900;font-size:10px;letter-spacing:2px}
.story{min-height:900px;background:var(--paper);display:grid;grid-template-columns:30% 32% 38%;padding:120px 6vw;gap:4vw;position:relative;border-bottom:3px solid}.story-title span,.journey-head p,.gallery-head p,.play-copy>p:first-child{font-size:11px;letter-spacing:2px;font-weight:900}.story h2,.journey h2,.gallery h2,.playground h2{font-size:clamp(62px,7.5vw,115px);margin:30px 0}.scribble-arrow{font-size:80px;transform:rotate(28deg);text-align:right}.face-card{align-self:center;position:relative;transform:rotate(-3deg)}.face-card img{width:100%;border:4px solid;border-radius:18px;box-shadow:12px 14px 0 var(--pink)}.nose{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);opacity:0;border:0;border-radius:50%;width:70px;height:55px;background:var(--orange);font-size:10px;font-weight:900;transition:.2s}.face-card:hover .nose,.nose:focus{opacity:.9}.story-copy{font-family:Georgia,serif;font-size:17px;line-height:1.65;padding-top:25px}.story-copy .dropcap b{font-family:Arial Black;font-size:80px;float:left;line-height:.8;color:var(--orange);-webkit-text-stroke:2px var(--ink);margin-right:8px}.quote{font-family:Arial Black;margin-top:35px;border-top:3px solid;border-bottom:3px solid;padding:20px 0;transform:rotate(1deg)}.quote b{color:var(--orange)}
.journey{background:#7774b9;min-height:1000px;padding:110px 6vw;position:relative;border-bottom:3px solid}.journey-head{color:var(--cream)}.journey h2 i{color:var(--orange);text-shadow:5px 5px 0 var(--cream)}.map-card{min-height:600px;background:var(--chapter);border:4px solid;border-radius:40px 14px 35px 12px;box-shadow:15px 18px 0 var(--ink);position:relative;display:grid;grid-template-columns:42% 58%;overflow:hidden;transition:background .5s}.map-copy{padding:60px 30px 150px 60px;z-index:2}.map-copy>span{font-size:11px;font-weight:900;letter-spacing:2px}.map-copy h3{font-family:Arial Black;font-size:clamp(35px,4.5vw,70px);line-height:.9;margin:30px 0}.map-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:460px}.map-controls{display:flex;gap:12px}.map-controls button{width:55px;height:55px;border:3px solid;border-radius:50%;background:var(--cream);font-size:24px;box-shadow:4px 4px 0}.map-controls button:hover{transform:rotate(10deg)}.map-photo{padding:45px 60px 130px 20px;position:relative;animation:reveal .55s ease}@keyframes reveal{from{transform:translateX(40px) rotate(3deg);opacity:0}}.map-photo img{width:100%;height:490px;object-fit:cover;border:4px solid;border-radius:8px;transform:rotate(2deg);box-shadow:10px 10px 0 rgba(53,49,44,.25)}.tape{position:absolute;top:32px;left:42%;width:130px;height:35px;background:rgba(255,241,205,.7);transform:rotate(-5deg)}.trail{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;border-top:5px dotted var(--ink);padding-top:18px;z-index:3}.trail button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:900;letter-spacing:1px}.trail b{width:38px;height:38px;border:3px solid;border-radius:50%;background:var(--cream);display:grid;place-items:center;margin-top:-40px;transition:.25s}.trail .active b{background:var(--orange);transform:scale(1.4) rotate(-10deg)}.map-decor{position:absolute;right:4%;top:12px;font-size:25px;letter-spacing:15px}
.gallery{background:#f5be5b;padding:120px 6vw 150px;border-bottom:3px solid;position:relative}.gallery-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end}.gallery-head h2{margin:0}.gallery-head span{font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:20px}.gallery-grid{margin-top:80px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;gap:28px}.memory{position:relative;border:0;background:transparent;padding:0;text-align:left;transition:.3s}.memory img{width:100%;height:100%;object-fit:cover;border:4px solid;border-radius:12px;box-shadow:8px 9px 0 var(--ink)}.memory span{position:absolute;left:12px;top:12px;background:var(--cream);border:2px solid;border-radius:15px;padding:4px 7px;font-size:9px;font-weight:900}.memory b{display:block;margin:12px 0 0 8px;font-size:11px;letter-spacing:1px}.memory:hover{transform:scale(1.03) rotate(-1deg);z-index:2}.m1{grid-column:1/5;grid-row:1/4;transform:rotate(-2deg)}.m2{grid-column:5/9;grid-row:1/5;transform:rotate(1deg)}.m3{grid-column:9/13;grid-row:1/4;transform:rotate(2deg)}.m4{grid-column:1/4;grid-row:5/8}.m5{grid-column:4/8;grid-row:6/10;transform:rotate(-2deg)}.m6{grid-column:8/13;grid-row:5/8;transform:rotate(2deg)}.m7{grid-column:1/4;grid-row:9/12;transform:rotate(1deg)}.m8{grid-column:8/11;grid-row:9/12;transform:rotate(-2deg)}.m9{grid-column:11/13;grid-row:9/12}
.playground{min-height:900px;background:#86cfb5;position:relative;padding-top:80px;overflow:hidden}.marquee{border-top:3px solid;border-bottom:3px solid;background:var(--orange);overflow:hidden;transform:rotate(-2deg);width:104%;margin-left:-2%}.marquee div{font-family:Arial Black;font-size:32px;white-space:nowrap;padding:14px;animation:marquee 15s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.play-copy{padding:100px 7vw 150px;width:62%;position:relative;z-index:2}.playground h2{font-size:clamp(65px,9vw,140px)}.play-copy>p{max-width:550px;font-family:Georgia,serif;font-size:18px;line-height:1.6}.big-buy{display:inline-flex;gap:50px;align-items:center;background:var(--orange);border:4px solid;border-radius:12px;padding:23px 28px;box-shadow:8px 8px 0 var(--ink);font-weight:900;text-decoration:none;margin-top:25px}.big-buy:hover{transform:translate(4px,4px);box-shadow:4px 4px 0}.big-buy span{font-size:30px}.contract{font-size:9px;font-weight:900;letter-spacing:1px;margin-top:35px;border-bottom:2px dashed;display:table;padding-bottom:8px}.contract button{border:0;background:var(--cream);font-size:8px;margin-left:10px;padding:5px}.footer-tiger{position:absolute;right:2%;bottom:75px;width:38%;transform:rotate(2deg)}.footer-tiger img{width:100%;border:4px solid;border-radius:50% 50% 10% 10%;filter:drop-shadow(12px 14px 0 var(--pink))}.speech{position:absolute;left:-40px;top:10px;background:var(--cream);border:3px solid;border-radius:50%;padding:25px;font-family:Arial Black;text-align:center;transform:rotate(-10deg)}.sound-orb{position:absolute;right:35%;top:130px;border:3px solid;border-radius:50%;background:var(--cream);width:110px;height:110px;font-size:9px;font-weight:900;transform:rotate(8deg);z-index:4}.sound-orb span{display:block;font-size:28px}.sound-orb.on{animation:pulse 1s infinite;background:var(--pink)}@keyframes pulse{50%{transform:scale(1.08) rotate(4deg)}}footer{height:75px;position:absolute;bottom:0;left:0;right:0;border-top:3px solid;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:900;background:var(--cream)}footer div{display:flex;gap:20px}footer a{text-decoration:none}
.lightbox{position:fixed;inset:0;background:rgba(45,39,53,.91);z-index:110;display:flex;align-items:center;justify-content:center;padding:5vw;backdrop-filter:blur(10px)}.lightbox figure{margin:0;max-width:min(75vw,850px);animation:pop .35s ease}.lightbox img{max-width:100%;max-height:72vh;border:6px solid var(--cream);border-radius:10px;box-shadow:14px 14px 0 var(--orange)}.lightbox figcaption{color:var(--cream);display:flex;justify-content:space-between;margin-top:25px;font-size:12px;letter-spacing:2px}.close,.light-arrow{position:absolute;border:3px solid;border-radius:50%;background:var(--cream);width:52px;height:52px;font-size:25px}.close{right:4vw;top:4vw}.prev{left:3vw}.next{right:3vw}@keyframes pop{from{transform:scale(.8) rotate(-4deg);opacity:0}}
@media(max-width:900px){.cursor-paw{display:none}.topbar{height:72px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);border-bottom:3px solid;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.socials .buy{display:none}.hamburger{display:block}.hero{grid-template-columns:1fr;padding-top:72px}.hero-copy{min-height:680px;padding:130px 7vw 60px}.hero h1{font-size:26vw}.hero-art{min-height:650px;clip-path:none;border-left:0;border-top:3px solid}.story{grid-template-columns:1fr;padding:90px 7vw}.face-card{max-width:520px}.journey{padding:90px 4vw}.map-card{grid-template-columns:1fr}.map-copy{padding:50px 30px 30px}.map-photo{padding:15px 30px 150px}.map-photo img{height:auto}.trail small{display:none}.gallery-head{grid-template-columns:1fr}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:360px}.memory{grid-column:auto!important;grid-row:auto!important;transform:none!important}.play-copy{width:100%;padding:90px 6vw 630px}.footer-tiger{width:80%;right:8%;bottom:80px}.sound-orb{right:5%;top:130px}footer span{display:none}}
@media(max-width:560px){.logo em,.socials>a:not(.buy){display:none}.hero-copy{min-height:610px}.hero-actions{flex-direction:column;align-items:flex-start}.story h2,.journey h2,.gallery h2,.playground h2{font-size:17vw}.map-card{border-radius:22px}.trail{overflow-x:auto;gap:45px;justify-content:flex-start}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:430px}.gallery-head span{margin-top:20px}.light-arrow{bottom:4vw}.prev{left:30%}.next{right:30%}.play-copy{padding-bottom:520px}.footer-tiger{width:95%;right:0}.speech{left:0}.contract{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.cursor-paw{display:none}}
.lightbox-backdrop{position:absolute;inset:0;border:0;background:transparent}.lightbox figure{position:relative}
[hidden]{display:none!important}