@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;600;800&display=swap');
:root{--ink:#151515;--cream:#f1ead9;--lime:#a6ff00;--pink:#ff6f9f;--blue:#3768ff;--purple:#744b9a;--paper:#fffaf0;--shadow:9px 10px 0 var(--ink);--tilt-x:0deg;--tilt-y:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:92px;display:flex;align-items:center;padding:13px 4vw;border-bottom:4px dashed var(--ink);background:rgba(241,234,217,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;font:15px/13px 'Archivo Black',sans-serif;letter-spacing:-.03em}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--pink)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-weight:800;font-size:14px}.site-header nav>a:not(.join){border-bottom:2px solid transparent}.site-header nav>a:not(.join):hover{border-color:var(--pink)}.join,.button{display:inline-flex;justify-content:center;align-items:center;border:3px solid var(--ink);border-radius:15px;padding:13px 19px;font-weight:800;box-shadow:5px 6px 0 var(--ink);transition:.2s}.join{background:var(--lime)}.join:hover,.button:hover{transform:translate(-2px,-2px);box-shadow:8px 9px 0 var(--ink)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:calc(100svh - 92px);padding:6vw 5vw 5vw;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;background:linear-gradient(90deg,transparent 0 64%,rgba(255,255,255,.45) 64%),repeating-linear-gradient(0deg,transparent 0 41px,rgba(21,21,21,.07) 42px);overflow:hidden}.hero-copy{position:relative;z-index:2}.issue{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.17em}.issue i{width:45px;border-top:3px dashed var(--ink)}.hero h1{font:clamp(74px,10vw,160px)/.73 'Archivo Black',sans-serif;letter-spacing:-.075em;margin:48px 0 38px}.hero h1 span{-webkit-text-stroke:3px var(--ink);color:var(--paper);text-shadow:8px 9px 0 var(--ink)}.hero h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:3px var(--ink);text-shadow:8px 9px 0 var(--ink)}.hero-copy>p{font-size:19px;line-height:1.55;max-width:520px}.hero-actions{display:flex;gap:14px;margin-top:34px}.button.hot{background:var(--lime)}.button.paper{background:var(--paper)}.hero-scrap{height:660px;position:relative;perspective:1200px}.logo-photo{position:absolute;inset:30px 6% 30px 10%;background:white;padding:18px 18px 58px;border:4px solid var(--ink);box-shadow:16px 18px 0 var(--blue);transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) rotate(3deg);transition:transform .15s ease-out}.logo-photo img{width:100%;height:100%;object-fit:cover}.tape{position:absolute;width:145px;height:42px;background:rgba(255,223,122,.78);z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.tape-a{left:2%;top:30px;transform:rotate(-23deg)}.tape-b{right:1%;bottom:55px;transform:rotate(-18deg)}.scribble{position:absolute;z-index:4;background:var(--paper);border:3px solid var(--ink);border-radius:50%;padding:14px 18px;font:15px 'Archivo Black',sans-serif;box-shadow:5px 5px 0 var(--ink);animation:bob 3s ease-in-out infinite}.s1{top:8%;right:-2%;transform:rotate(10deg)}.s2{left:-1%;bottom:17%;background:var(--pink);font-size:19px;animation-delay:-1.4s}.paw{position:absolute;color:var(--pink);font-size:45px;z-index:2}.p1{right:2%;top:35%}.p2{left:2%;top:28%;color:var(--blue)}.yarn{position:absolute;right:-35px;bottom:-5px;width:120px;height:120px;border-radius:50%;background:var(--purple);border:4px solid var(--ink);z-index:3;animation:roll 7s linear infinite}.yarn i{position:absolute;inset:18px;border:2px solid #c8a2dd;border-radius:50%;transform:rotate(25deg)}.yarn i:nth-child(2){transform:rotate(78deg)}.yarn i:nth-child(3){inset:35px;transform:rotate(130deg)}.hero-note{position:absolute;left:5%;bottom:24px;font:11px 'Archivo Black',sans-serif;letter-spacing:.12em}.hero-note b{color:var(--pink);margin:0 8px}@keyframes bob{50%{translate:0 -12px;rotate:-3deg}}@keyframes roll{to{transform:rotate(360deg)}}.ribbon{background:var(--ink);color:white;border-block:4px solid var(--ink);overflow:hidden;transform:rotate(-1deg);position:relative;z-index:4}.ribbon>div{min-width:max-content;display:flex;align-items:center;gap:35px;padding:17px 0;font:15px 'Archivo Black',sans-serif;letter-spacing:.08em;animation:marquee 20s linear infinite}.ribbon span{color:var(--lime)}.ribbon b{color:var(--pink)}@keyframes marquee{to{transform:translateX(-25%)}}.crew{background:#141a36;color:white;padding:125px 5vw 140px;border-bottom:4px dashed var(--lime)}.section-head{max-width:1280px;margin:auto 0 60px;display:grid;grid-template-columns:1.5fr .6fr;gap:50px;align-items:end}.section-head small,.club-title small,.finale small{color:var(--lime);font-weight:800;letter-spacing:.16em}.section-head h2,.club h2,.finale h2{font:clamp(54px,7vw,100px)/.93 'Archivo Black',sans-serif;letter-spacing:-.055em;margin:18px 0}.section-head h2 em{font-style:normal;color:var(--pink)}.section-head>p{color:#adb1c8;line-height:1.6}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1400px;margin:auto}.character-card{background:var(--cream);border:4px solid #0d0d0d;padding:14px 14px 20px;color:var(--ink);text-align:left;box-shadow:9px 10px 0 var(--lime);cursor:pointer;position:relative;transition:.25s}.character-card:nth-child(2n){transform:rotate(1.4deg);box-shadow:9px 10px 0 var(--pink)}.character-card:nth-child(3n){transform:rotate(-1deg);box-shadow:9px 10px 0 var(--blue)}.character-card:hover{transform:translateY(-8px) rotate(0);z-index:2}.character-card img{width:100%;aspect-ratio:.89;object-fit:cover;border:3px solid var(--ink);margin-bottom:16px;animation:card-float 4s ease-in-out infinite}.character-card:nth-child(2) img{animation-delay:-.8s}.character-card:nth-child(3) img{animation-delay:-1.6s}.character-card:nth-child(4) img{animation-delay:-2.4s}.character-card:nth-child(5) img{animation-delay:-3.2s}.character-card strong{display:block;font:21px 'Archivo Black',sans-serif}.character-card small{font-size:10px;letter-spacing:.15em}.pin{position:absolute;right:24px;top:24px;z-index:2;background:var(--lime);border:3px solid var(--ink);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:800}@keyframes card-float{50%{transform:translateY(-5px) rotate(.4deg)}}.story{padding:130px 5vw;background:var(--pink);border-bottom:4px solid var(--ink)}.story-board{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr .85fr 1fr;grid-template-rows:auto auto;gap:45px;align-items:center}.note{background:var(--paper);border:4px solid var(--ink);padding:35px;box-shadow:var(--shadow);position:relative}.note:before{content:'';position:absolute;width:105px;height:30px;background:#f2d689;top:-16px;left:50%;translate:-50%;opacity:.8}.note small{font-weight:800;letter-spacing:.15em}.note h3{font:43px/1 'Archivo Black',sans-serif;margin:22px 0}.note p{line-height:1.6}.n1{transform:rotate(-2deg)}.n2{transform:rotate(2deg)}.n3{grid-column:2/4;max-width:560px;justify-self:center;transform:rotate(-1deg);background:var(--lime)}.story-logo{position:relative;background:#111;padding:17px 17px 50px;transform:rotate(4deg);box-shadow:13px 15px 0 var(--blue)}.story-logo img{width:100%}.story-logo span{position:absolute;right:-35px;bottom:-30px;background:var(--cream);border:3px solid var(--ink);padding:12px;transform:rotate(-9deg);font:13px 'Archivo Black',sans-serif}.club{padding:130px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--cream);border-bottom:4px dashed var(--ink)}.club h2 em{font-style:normal;color:var(--blue)}.club ol{padding:0;margin:0;list-style:none}.club li{display:grid;grid-template-columns:60px 1fr;gap:10px;border-top:3px solid var(--ink);padding:30px 0}.club li b{font:18px 'Archivo Black',sans-serif;color:var(--pink)}.club li span{font:clamp(26px,3vw,45px) 'Archivo Black',sans-serif}.club li i{grid-column:2;color:#6a655b;font-style:normal}.finale{min-height:720px;padding:90px 7vw;background:var(--blue);color:white;display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:center}.finale h2{font-size:clamp(65px,9vw,140px)}.sticker-wheel{position:relative;width:min(480px,90vw);aspect-ratio:1;border:5px dashed white;border-radius:50%;display:grid;place-items:center;animation:slow-spin 18s linear infinite}.sticker-wheel img{width:72%;border-radius:50%;border:4px solid var(--ink)}.sticker-wheel span{position:absolute;right:-30px;top:15%;background:var(--lime);color:var(--ink);padding:16px;border:4px solid var(--ink);font:25px 'Archivo Black',sans-serif;transform:rotate(12deg)}@keyframes slow-spin{to{transform:rotate(360deg)}}footer{min-height:150px;padding:30px 5vw;display:flex;align-items:center;gap:10%;background:var(--ink);color:white}footer p{color:#a5a49e}footer>a:last-child{margin-left:auto;color:var(--lime);font-weight:800}.lightbox{width:min(900px,92vw);border:4px solid var(--ink);padding:14px;background:var(--cream);box-shadow:18px 20px 0 var(--pink)}.lightbox::backdrop{background:rgba(20,20,25,.83);backdrop-filter:blur(8px)}.lightbox img{max-height:72vh;margin:auto;border:3px solid var(--ink)}.lightbox>div{padding:15px 10px}.lightbox small{color:var(--blue);font-weight:800;letter-spacing:.15em}.lightbox h3{font:34px 'Archivo Black',sans-serif;margin:6px 0}.lightbox p{margin:0;color:#666}.close{position:absolute;right:22px;top:22px;width:44px;height:44px;border:3px solid var(--ink);background:var(--lime);font-size:25px;font-weight:800;z-index:3;cursor:pointer}.menu-toggle{padding:8px}.menu-toggle span{width:28px;height:3px;background:var(--ink)}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:91px;left:0;right:0;background:var(--cream);border-bottom:4px dashed var(--ink);padding:18px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 22px 85px;background:repeating-linear-gradient(0deg,transparent 0 41px,rgba(21,21,21,.07) 42px)}.hero h1{font-size:24vw}.hero-scrap{height:620px;margin-top:50px}.hero-note{display:none}.section-head,.club,.finale{grid-template-columns:1fr}.crew-grid{grid-template-columns:repeat(2,1fr)}.story-board{grid-template-columns:1fr 1fr}.n3{grid-column:1/3}.finale{padding-block:100px}.sticker-wheel{justify-self:center}footer{flex-wrap:wrap;gap:24px}footer>a:last-child{margin-left:0;width:100%}}
@media(max-width:580px){.site-header{height:78px}.brand img{width:48px;height:48px}.site-header nav{top:77px}.hero{padding-top:52px}.hero h1{font-size:25vw}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-scrap{height:440px}.logo-photo{inset:18px 5% 18px 5%;padding:10px 10px 38px;box-shadow:10px 11px 0 var(--blue)}.scribble{font-size:10px;padding:9px}.s2{font-size:13px}.yarn{width:80px;height:80px;right:-18px}.crew{padding:90px 18px}.section-head{grid-template-columns:1fr}.crew-grid{grid-template-columns:1fr}.story{padding:90px 18px}.story-board{grid-template-columns:1fr}.n1,.n2,.n3{grid-column:1;transform:none}.story-logo{grid-row:2}.club{padding:90px 20px}.club li{grid-template-columns:42px 1fr}.finale{padding:80px 20px}.finale h2{font-size:17vw}.sticker-wheel{width:82vw}footer{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-photo{transform:rotate(3deg)}}