:root{--paper:#f0ece1;--paper-dark:#e4dfcf;--ink:#141414;--lime:#c8e01f;--lime-dark:#a9bd12;--cream:#f0e3c8;--beige:#d9b98a;--tear:#a8d8f0;--red:#c0392b;--font-marker:"Permanent Marker", cursive;--font-type:"Special Elite", monospace;--font-hand:"Caveat", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-type);cursor:crosshair;background-image:linear-gradient(#1414140d 1px,#0000 1px),linear-gradient(90deg,#1414140d 1px,#0000 1px);background-size:34px 34px;overflow-x:hidden}a{color:var(--ink)}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::selection{background:var(--lime);color:var(--ink)}#webgl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#trail{z-index:50;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:fixed;inset:0}.grain{z-index:40;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.9s steps(4,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}main{z-index:10;position:relative}.section{padding:12vh 6vw;position:relative}.type-note{font-family:var(--font-type);letter-spacing:.02em;font-size:.95rem}.section__title{font-family:var(--font-marker);margin-bottom:6vh;font-size:clamp(2.4rem,7vw,5rem);display:inline-block;transform:rotate(-2deg)}.scribble-underline{padding:0 .2em;display:inline-block;position:relative}.scribble-underline:after{content:"";background:var(--lime);z-index:-1;transform-origin:0;height:.32em;position:absolute;bottom:.02em;left:-4%;right:-4%;transform:skew(-12deg)rotate(-1deg)}.clip__tape,.board__tape,.hero__cat-tape,.chart__tape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:3;background:#c8e01f73;border-left:2px dashed #14141426;border-right:2px dashed #14141426;width:110px;height:34px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-4deg)}.loader{z-index:100;background:var(--paper);background-image:linear-gradient(#1414140d 1px,#0000 1px),linear-gradient(90deg,#1414140d 1px,#0000 1px);background-size:34px 34px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader__inner{text-align:center}.loader__cat{border:4px solid var(--ink);mix-blend-mode:multiply;border-radius:50%;width:110px;height:110px;animation:1s ease-in-out infinite alternate loader-bob}@keyframes loader-bob{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.loader__text{font-family:var(--font-marker);margin-top:1rem;font-size:clamp(2rem,6vw,3.4rem)}.loader__text span{display:inline-block}.loader__bar{border:3px solid var(--ink);border-radius:8px;width:220px;height:14px;margin:1.2rem auto 0;overflow:hidden;transform:rotate(-1.5deg)}.loader__bar-fill{background:repeating-linear-gradient(-45deg, var(--lime), var(--lime) 10px, var(--lime-dark) 10px, var(--lime-dark) 20px);width:0%;height:100%}.nav{z-index:20;justify-content:space-between;align-items:center;padding:1.2rem 6vw;display:flex;position:absolute;top:0;left:0;right:0}.nav__logo{font-family:var(--font-marker);align-items:center;gap:.6rem;font-size:1.3rem;display:flex}.nav__logo img{border:3px solid var(--ink);mix-blend-mode:multiply;border-radius:50%;width:44px;height:44px}.nav__links{gap:.8rem;display:flex}.nav__link{font-family:var(--font-type);border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:3px 14px 4px 12px/12px 3px 14px 4px;padding:.35rem .9rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.nav__link:hover{box-shadow:5px 5px 0 var(--ink);background:var(--lime);transform:translate(-2px,-2px)rotate(-2deg)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-bottom:0;display:flex}.hero__stage{text-align:center;flex-direction:column;align-items:center;padding-top:8vh;display:flex;position:relative}.hero__title-wrap{padding:2vh 4vw;display:inline-block;position:relative}.hero__title{font-family:var(--font-marker);letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;gap:.35em;font-size:clamp(3.4rem,13vw,10rem);line-height:.95;display:flex}.hero__word{display:inline-flex}.ltr{will-change:transform;display:inline-block}.hero__ellipse{z-index:-1;width:116%;height:112%;position:absolute;inset:-6% -8%;overflow:visible}.hero__sub{background:var(--paper);border:2px solid var(--ink);margin-top:1.2rem;padding:.3rem .9rem;font-size:clamp(1rem,2.4vw,1.35rem);transform:rotate(1.2deg);box-shadow:3px 3px #141414d9}.hero__cat-wrap{width:min(300px,56vw);margin-top:4vh;position:relative}.hero__cat{mix-blend-mode:multiply;cursor:pointer;filter:drop-shadow(6px 8px #1414141f);width:100%;transition:filter .2s}.hero__cat:hover{filter:drop-shadow(6px 8px #c8e01f99)}.hero__cat-note{background:var(--lime);padding:.5rem .7rem;font-size:.85rem;position:absolute;top:8%;right:-22%;transform:rotate(8deg);box-shadow:3px 3px #14141440}.hero__tears{border-bottom:3px solid var(--lime);margin-top:2vh;padding-bottom:2px}.hero__scroll{opacity:.75;text-align:center;margin-top:5vh}.tear{background:var(--tear);border:2px solid var(--ink);z-index:45;pointer-events:none;border-radius:50% 50% 55% 55%/40% 40% 65% 65%;width:16px;height:22px;position:fixed}.ticker{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--ink);color:var(--paper);margin-top:6vh;padding:.55rem 0;overflow:hidden;transform:rotate(-.6deg)scale(1.02)}.ticker__track{white-space:nowrap;will-change:transform;font-family:var(--font-type);font-size:1rem;display:inline-flex}.ticker__track .lime{color:var(--lime)}.ticker__track span{padding:0 1.2rem}.story__cards{flex-wrap:wrap;justify-content:center;gap:3.5vw;display:flex}.clip{clip-path:polygon(0% 3%,6% 0%,15% 2%,28% 0%,41% 3%,55% 0%,68% 2%,82% 0%,93% 3%,100% 1%,100% 97%,94% 100%,81% 98%,66% 100%,52% 97%,38% 100%,24% 98%,12% 100%,4% 97%,0% 100%);background:#f7f3e8;border:1px solid #14141433;width:min(340px,86vw);padding:2rem 1.6rem 2.4rem;position:relative;box-shadow:6px 8px #1414141f}.clip--1{transform:rotate(-2.5deg)}.clip--2{transform:rotate(1.8deg)}.clip--3{transform:rotate(-1.2deg)}.clip h3{font-family:var(--font-type);letter-spacing:.14em;border-bottom:3px double var(--ink);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.05rem}.clip p{font-size:1rem;line-height:1.75}.clip__stamp{font-family:var(--font-marker);color:var(--red);border:3px solid var(--red);opacity:.85;border-radius:4px;padding:.05em .35em;font-size:1.5rem;position:absolute;bottom:10px;right:14px;transform:rotate(-8deg)}.clip__stamp--lime{color:var(--lime-dark);border-color:var(--lime-dark)}.chart{min-height:100vh}.chart__pin{flex-direction:column;align-items:center;display:flex}.chart__frame{border:3px solid var(--ink);background:#f7f3e8;width:min(900px,92vw);padding:1.4rem;position:relative;transform:rotate(-.8deg);box-shadow:8px 10px #14141426}.chart__tape--l{left:12%;transform:rotate(-14deg)}.chart__tape--r{left:88%;transform:rotate(10deg)}#chartSvg{width:100%;height:auto;display:block}.chart__note-text{font-family:var(--font-hand);fill:var(--ink);font-size:30px}.chart__note-text--lime{fill:var(--lime-dark);font-size:34px}.chart__cat{mix-blend-mode:multiply;will-change:transform;pointer-events:none;width:90px;position:absolute;top:0;left:0}.board{text-align:center}.board__hint{opacity:.7;margin:-4vh 0 4vh}.board__area{background:#e4dfcf80;border:3px dashed #14141459;border-radius:6px;height:min(78vh,760px);position:relative;overflow:hidden}.board__item{position:absolute}.drag{cursor:grab;touch-action:none}.drag:active{cursor:grabbing}.board__banner{background:#fff;width:min(520px,70vw);padding:10px 10px 6px;top:8%;left:6%;transform:rotate(-3deg);box-shadow:8px 10px #1414142e}.board__banner img{pointer-events:none;width:100%;display:block}.board__banner figcaption{padding-top:6px}.board__sticky{background:var(--lime);width:190px;font-family:var(--font-hand);padding:1.1rem .9rem 1.4rem;font-size:1.35rem;line-height:1.2;transform:rotate(4deg);box-shadow:5px 7px #1414142e}.board__sticky--1{top:6%;right:10%}.board__sticky--2{background:#f5ee9e;top:52%;right:22%;transform:rotate(-6deg)}.board__sticky-small{opacity:.75;margin-top:.4rem;font-size:1rem}.board__polaroid{background:#fff;width:170px;padding:10px 10px 4px;bottom:6%;left:12%;transform:rotate(6deg);box-shadow:6px 8px #1414142e}.board__polaroid img{mix-blend-mode:multiply;pointer-events:none;width:100%}.board__sticker{width:90px;bottom:14%;right:6%;transform:rotate(-14deg)}.board__sticker img{border:3px solid var(--ink);mix-blend-mode:multiply;background:var(--paper);pointer-events:none;border-radius:50%;width:100%}.board__sticker--2{width:70px;bottom:4%;right:40%;transform:rotate(18deg)}.board__scrawl{font-family:var(--font-marker);background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--lime);padding:.3rem .8rem;font-size:1.6rem;top:40%;left:46%;transform:rotate(-5deg)}.join__steps{flex-wrap:wrap;justify-content:center;gap:3vw;display:flex}.step{border:3px solid var(--ink);background:#f7f3e8;border-radius:4px 18px 6px 16px/16px 5px 18px 6px;width:min(300px,86vw);padding:2.4rem 1.6rem 2rem;position:relative;box-shadow:7px 8px #141414d9}.step:first-child{transform:rotate(-1.6deg)}.step:nth-child(2){transform:rotate(1.4deg)}.step:nth-child(3){transform:rotate(-.8deg)}.step__num{background:var(--lime);border:3px solid var(--ink);width:52px;height:52px;font-family:var(--font-marker);border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:-24px;left:-18px}.step h3{font-family:var(--font-marker);margin-bottom:.7rem;font-size:1.5rem}.step p{margin-bottom:1.4rem;line-height:1.7}.btn{font-family:var(--font-type);border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);border-radius:3px 12px 4px 10px/10px 3px 12px 4px;padding:.55rem 1.1rem;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.btn:hover{box-shadow:6px 6px 0 var(--ink);background:var(--lime);transform:translate(-2px,-2px)rotate(-1.5deg)}.btn--lime{background:var(--lime)}.btn--lime:hover{background:var(--paper)}.footer{text-align:center;border-top:3px solid var(--ink);margin-top:8vh;padding:10vh 6vw 6vh;position:relative;overflow:hidden}.footer__big{font-family:var(--font-marker);white-space:nowrap;opacity:.07;pointer-events:none;font-size:clamp(3rem,10vw,8rem);position:absolute;top:0;left:0;right:0}.footer__word{will-change:transform;display:inline-block}.footer__cat{mix-blend-mode:multiply;width:130px;margin-bottom:1rem}.footer__links{margin-top:.6rem}.footer__links a{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-decoration-thickness:3px}@media (width<=640px){.hero__cat-note{top:-14%;right:-6%}.board__area{height:120vw}.board__banner{width:82vw}.nav{padding:1rem 4vw}.section{padding:10vh 5vw}}@media (prefers-reduced-motion:reduce){.grain{animation:none}html{scroll-behavior:auto}}