@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Patrick+Hand&display=swap');
:root{--yellow:#ffe817;--cyan:#23c9da;--kraft:#dca95c;--ink:#090909;--cream:#fff7dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);color:var(--ink);font-family:'Patrick Hand',cursive;overflow-x:hidden}.nav{height:82px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid #000;position:absolute;z-index:20;width:100%}.mini-logo img{width:145px;display:block}.nav nav{display:flex;gap:28px}.nav a{color:#000;font-size:19px;font-weight:900;text-decoration:none}.scribble-link{background:var(--cyan);border:4px solid #000;padding:8px 15px;transform:rotate(1deg);box-shadow:4px 4px 0 #000}.hero{min-height:100svh;padding:130px 5vw 70px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 55% 45%,#fff856 0 18%,transparent 45%)}.hero-copy{z-index:2}.eyebrow,.kicker{font-weight:900;letter-spacing:2px;font-size:18px}.hero-logo{width:min(530px,92%);filter:drop-shadow(5px 6px 0 #000);margin:5px 0}.hero h1,.story h2,.bag-lab h2,.contract-scene h2,.market h2{font:clamp(55px,7vw,112px)/.82 'Archivo Black',sans-serif;letter-spacing:-5px;margin:8px 0}.hero h1 em{color:var(--cyan);font-style:normal;-webkit-text-stroke:4px #000;filter:drop-shadow(5px 6px 0 #000)}.intro{font-size:24px;line-height:1.05}.actions,.social-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.paper-button{color:#000;text-decoration:none;font:22px 'Archivo Black';padding:16px 24px;border:5px solid #000;box-shadow:7px 7px 0 #000;clip-path:polygon(2% 7%,97% 0,100% 88%,94% 100%,4% 95%,0 14%);transition:.16s}.paper-button:hover{transform:translate(5px,5px) rotate(-1deg);box-shadow:2px 2px 0 #000}.cyan{background:var(--cyan)}.kraft{background:var(--kraft)}.yellow{background:var(--yellow)}.runner-wrap{height:72vh;position:relative;display:grid;place-items:center}.runner{width:min(610px,48vw);filter:drop-shadow(10px 13px 0 #000);animation:run 1.1s ease-in-out infinite;z-index:2}.ground-shadow{position:absolute;width:55%;height:7%;bottom:5%;background:#000;border-radius:50%;animation:shadow 1.1s ease-in-out infinite}.wind{position:absolute;height:7px;background:#000;border-radius:70% 20%;left:0;animation:wind 1.5s linear infinite}.w1{top:28%;width:25%}.w2{top:48%;width:13%;animation-delay:-.5s}.w3{top:67%;width:31%;animation-delay:-1s}.scroll-note{position:absolute;bottom:17px;left:50%;transform:translateX(-50%) rotate(-2deg);font-size:17px;font-weight:bold}.story{min-height:800px;background:var(--cyan);border-block:8px solid #000;position:relative;display:grid;place-items:center;padding:110px 7vw}.torn-note{max-width:780px;background:var(--cream);border:7px solid #000;padding:60px 70px;transform:rotate(-1deg);clip-path:polygon(2% 2%,19% 0,36% 3%,58% 1%,81% 3%,98% 0,100% 21%,97% 43%,100% 67%,98% 99%,76% 97%,53% 100%,28% 97%,1% 100%,3% 77%,0 55%,2% 31%);box-shadow:16px 17px 0 #000}.torn-note p{font-size:26px}.torn-note h2{font-size:clamp(48px,6vw,84px)}.signature{text-align:right}.big-question{position:absolute;font:500px 'Archivo Black';color:#0aaaba;left:-30px;top:70px;transform:rotate(-15deg)}.peeper{position:absolute;right:5%;bottom:5%;display:flex;gap:8px;align-items:center;transform:rotate(7deg)}.peeper small{font-size:18px}.eye{width:58px;height:58px;background:#fff;border:6px solid #000;border-radius:50%;position:relative}.eye:after{content:"";width:16px;height:16px;background:#000;border-radius:50%;position:absolute;left:25px;top:15px}.eye.odd{background:var(--yellow)}.bag-lab{min-height:780px;padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:center;position:relative}.bag-copy p{font-size:26px}.mystery-bag{justify-self:center;width:min(390px,75vw);height:460px;background:var(--kraft);border:8px solid #000;clip-path:polygon(6% 10%,28% 4%,58% 7%,94% 2%,91% 84%,77% 88%,67% 84%,54% 91%,43% 85%,30% 91%,18% 85%,5% 90%);position:relative;cursor:pointer;filter:drop-shadow(14px 16px 0 #000);transition:.2s}.mystery-bag:hover{transform:rotate(2deg) scale(1.02)}.mystery-bag.shake{animation:shake .55s}.bag-fold{position:absolute;inset:9% 7% auto;height:15%;border-bottom:7px solid #000;transform:rotate(-4deg)}.bag-eye{position:absolute;width:72px;height:72px;border:7px solid #000;border-radius:50%;background:#fff;top:37%}.bag-eye:after{content:"";position:absolute;width:23px;height:23px;background:#000;border-radius:50%;top:17px;left:17px}.bag-eye.left{left:25%}.bag-eye.right{right:24%;background:var(--cyan)}.mystery-bag strong{font:100px 'Archivo Black';position:absolute;bottom:17%;left:42%;transform:rotate(-9deg)}.bag-answer{font:clamp(28px,4vw,55px) 'Archivo Black';grid-column:1/-1;text-align:center;background:var(--cyan);border:6px solid #000;padding:22px;transform:rotate(-1deg);box-shadow:9px 9px 0 #000}.fine-print{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:17px}.contract-scene{background:var(--kraft);border-block:8px solid #000;text-align:center;padding:110px 6vw}.contract-scene h2{font-size:clamp(45px,7vw,95px)}.contract{max-width:980px;width:100%;background:var(--cream);border:7px solid #000;padding:25px;font:24px 'Patrick Hand';cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:12px 12px 0 #000;transform:rotate(.5deg)}.contract span{overflow:hidden;text-overflow:ellipsis}.contract b{white-space:nowrap;font-family:'Archivo Black'}.contract-scene .social-row{justify-content:center}.market{background:#111;color:var(--cream);padding:110px 7vw;min-height:800px}.market-head{display:flex;justify-content:space-between;align-items:end}.market-head h2{color:var(--cyan);font-size:clamp(46px,7vw,90px)}.market-head a,.chart-paper a{color:var(--yellow);font-size:22px}.chart-paper{margin-top:55px;min-height:380px;border:8px solid var(--cream);outline:5px solid var(--cyan);outline-offset:10px;display:grid;place-items:center;text-align:center;padding:40px;transform:rotate(-.4deg);position:relative}.chart-paper p{font:clamp(25px,4vw,46px) 'Archivo Black'}.chart-face{display:flex;gap:22px}.chart-face span{width:58px;height:58px;border:7px solid var(--cream);border-radius:50%}.chart-face span:after{content:"";display:block;width:16px;height:16px;background:var(--yellow);border-radius:50%;margin:14px 0 0 23px}footer{background:var(--cyan);border-top:8px solid #000;padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:180px}footer p{font-size:20px;font-weight:bold}footer button{background:none;border:0;text-decoration:underline;font:20px 'Patrick Hand';cursor:pointer}.cursor-eye{position:fixed;width:34px;height:34px;border:4px solid #000;border-radius:50%;background:#fff;pointer-events:none;z-index:99;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.cursor-eye i{display:block;width:10px;height:10px;background:#000;border-radius:50%;margin:8px}.cursor-eye.on{opacity:1}@keyframes run{50%{transform:translateY(-17px) rotate(2deg)}}@keyframes shadow{50%{transform:scaleX(.8);opacity:.6}}@keyframes wind{from{transform:translateX(-20vw)}to{transform:translateX(40vw)}}@keyframes shake{20%,60%{transform:rotate(-5deg)}40%,80%{transform:rotate(5deg)}}
@media(max-width:760px){.nav{height:68px}.nav nav{display:none}.mini-logo img{width:105px}.scribble-link{font-size:15px}.hero{grid-template-columns:1fr;padding-top:100px;text-align:center}.hero-logo{width:82%}.hero h1{font-size:58px}.runner-wrap{height:48vh}.runner{width:min(440px,86vw)}.actions{justify-content:center}.scroll-note{display:none}.story{min-height:700px;padding:75px 18px}.torn-note{padding:45px 28px}.torn-note p{font-size:21px}.torn-note h2{letter-spacing:-3px}.big-question{font-size:330px}.peeper{right:4%;bottom:2%}.bag-lab{grid-template-columns:1fr;text-align:center;padding:80px 20px}.mystery-bag{height:390px}.bag-answer{margin-top:45px}.fine-print{bottom:18px;width:100%}.contract-scene{padding:80px 18px}.contract{font-size:17px;display:block}.contract b{display:block;margin-top:14px}.social-row{justify-content:center}.market{padding:80px 20px}.market-head{display:block}.chart-paper{min-height:330px}footer{flex-direction:column;text-align:center}.cursor-eye{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.sun-scribble{position:absolute;inset:0;pointer-events:none}
.peeper .eye.odd{background:#fff}
.mystery-bag{width:min(470px,84vw);height:500px;background:transparent;border:0;clip-path:none;filter:drop-shadow(12px 14px 0 #000);padding:0}.drawn-bag-head{display:block;width:100%;height:100%;object-fit:contain}.mystery-bag .bag-fold,.mystery-bag .bag-eye,.mystery-bag>strong{display:none}.chart-paper{padding:0;overflow:hidden}.chart-paper iframe{display:block;width:100%;height:520px;border:0;background:#111}.chart-loading{position:absolute;inset:0;background:#111;display:grid;place-items:center;align-content:center;gap:28px;padding:30px;transition:opacity .35s}.chart-paper.loaded .chart-loading{opacity:0;pointer-events:none}footer{background:var(--yellow)}
@media(max-width:760px){.mystery-bag{height:430px}.chart-paper iframe{height:460px}}