@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/57dd297ff72c8fa7-s.34afi_j1p0a6k.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85c577ec7d0c8010-s.26f9ryzsbsglu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f8cabcee3b0c666c-s.p.1qijn9nev9bbg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand Fallback;src:local(Arial);ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:81.43%}._3H4Naq_className{font-family:Patrick Hand,Patrick Hand Fallback;font-style:normal;font-weight:400}._3H4Naq_variable{--font-hand:"Patrick Hand", "Patrick Hand Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.TfJO5a_className{font-family:Nunito,Nunito Fallback;font-style:normal}.TfJO5a_variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}._78ed6G_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}._78ed6G_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--paper:#fff;--ink:#141414;--pencil:#55524c;--hl:#ffe14a;--sticky:#fff07a;--tape:#e6e1d3;--code-ink:#f4f1e8;--gut:18px;--max:1120px;--bleed:max(var(--gut), (100vw - var(--max)) / 2);--hand:var(--font-hand), "Patrick Hand", "Comic Sans MS", cursive;--body:var(--font-body), "Nunito", ui-rounded, system-ui, sans-serif;--mono:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;--r-a:18px 34px 16px 30px / 30px 16px 34px 18px;--r-b:30px 14px 28px 18px / 16px 30px 14px 28px;--r-c:12px 26px 10px 22px / 22px 10px 26px 12px;--r-btn:14px 38px 16px 30px / 30px 14px 36px 16px;--swipe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath fill='%23ffe14a' d='M6 11 Q 52 5 104 8 T 195 5 L 198 12 L 194 18 L 199 25 L 196 31 Q 146 35 98 33 T 4 36 L 7 30 L 2 24 L 6 18 Z'/%3E%3C/svg%3E");--under:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9 C 40 4, 80 11, 120 7 S 176 4, 196 8' fill='none' stroke='%23ffe14a' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E");--rule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 90 4, 180 11, 300 7 S 520 3, 640 8 S 860 11, 998 6' fill='none' stroke='%23141414' stroke-width='2.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--squig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 Q 12 1 25 4 T 50 4 T 75 4 T 99 4' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M30 5 C 14 4, 5 16, 6 30 C 7 44, 18 52, 31 51 C 44 50, 52 40, 51 27 C 50 14, 40 6, 26 7 C 20 8, 15 11, 12 15' fill='none' stroke='%23141414' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:768px){:root{--gut:32px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.62}@media (min-width:768px){body{font-size:1.125rem}}h1,h2,h3{font-family:var(--hand);text-wrap:balance;margin:0;font-weight:400;line-height:1.04}p{margin:0}a{color:inherit}img,video,svg{max-width:100%}::selection{background:var(--hl);color:var(--ink)}:focus-visible{outline:3px dashed var(--ink);outline-offset:4px;border-radius:10px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gut);z-index:10;font-family:var(--hand);background:var(--hl);padding:.3em .8em;position:absolute;top:-100px}.skip:focus{top:10px}main,.top{overflow-x:clip}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gut));padding-inline:var(--gut);margin-inline:auto}.sk{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;animation:1s step-end infinite boil;animation-delay:var(--d,0s);display:block}.sk.flip{scale:-1 1}@keyframes boil{0%{translate:0;rotate:0deg}25%{translate:1px -1px;rotate:.6deg}50%{translate:-1px .5px;rotate:-.5deg}75%{translate:.5px 1px;rotate:.3deg}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-5deg)translateY(-2px)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)translateY(-1px)}}@media (hover:hover){.sk:hover,a:hover .sk,.step:hover .sk,.news:hover .news-monkey,.g-end:hover .sk{animation:1s step-end infinite boil,.5s step-end infinite wiggle}}.hl{background:var(--swipe) 0 72% / 100% 74% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.06em;padding:0 .14em}.arrow{color:var(--ink);display:block;overflow:visible}.num{aspect-ratio:1;width:2.6rem;color:var(--ink);font-family:var(--hand);flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.num svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.num>span{font-size:1.5rem;position:relative;translate:0 .04em}.marks{color:var(--ink);overflow:visible}.tape{z-index:2;background:var(--tape);mix-blend-mode:multiply;clip-path:polygon(2% 0,98% 6%,100% 22%,96% 40%,100% 58%,96% 78%,99% 100%,1% 94%,4% 76%,0 56%,3% 38%,0 18%);width:88px;height:26px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:-4deg}.wob{isolation:isolate;--fill:var(--paper);--line:var(--ink);--bw:2.5px;--r:var(--r-a);position:relative}.wob:before{content:"";z-index:-1;background:var(--fill);border:var(--bw) solid var(--line);border-radius:var(--r);filter:url(#rough);pointer-events:none;position:absolute;inset:0}.wob.shadow:after{content:"";z-index:-2;background:var(--ink);border-radius:var(--r);filter:url(#rough);pointer-events:none;position:absolute;inset:0;translate:4px 5px}.tilt-l{rotate:-1.2deg}.tilt-r{rotate:1.1deg}.btn{--fill:var(--hl);--r:var(--r-btn);min-height:48px;color:var(--ink);font-family:var(--hand);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:.4em;padding:.55em 1.1em .5em;font-size:1.4rem;line-height:1.05;text-decoration:none;transition:translate 80ms steps(2,end);display:inline-flex}.btn-lg{min-height:60px;padding:.6em 1.3em .55em;font-size:1.6rem}.btn-sm{--bw:2.2px;min-height:40px;padding:.35em .85em .3em;font-size:1.15rem}.btn-ghost{--fill:var(--paper)}@media (hover:hover){.btn:hover{translate:-1px -2px}.btn.shadow:hover:after{translate:6px 7px}}.btn:active{translate:3px 4px}.btn.shadow:active:after{translate:1px 1px}.btn:disabled{cursor:progress;opacity:.7}.chip{--r:var(--r-c);--bw:2px;font-family:var(--hand);white-space:nowrap;align-items:baseline;gap:.3em;padding:.18em .7em .12em;font-size:1.12rem;line-height:1.2;display:inline-flex}.chip b{background:var(--swipe) 0 75% / 100% 70% no-repeat;letter-spacing:.03em;padding:0 .12em;font-weight:400}.chip-big{font-size:1.35rem}.bubble{--r:22px 30px 26px 18px / 26px 18px 30px 22px;font-family:var(--hand);padding:.75rem 1rem .7rem;font-size:1.32rem;line-height:1.15}.tail{width:30px;height:26px;color:var(--ink);position:absolute;overflow:visible}.tail-right{top:52%;right:-26px;rotate:8deg}.tail-left{top:40%;left:-26px;rotate:8deg;scale:-1 1}.top{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:6px;display:flex}.logo{min-width:0;font-family:var(--hand);align-items:center;gap:8px;font-size:1.45rem;line-height:1;text-decoration:none;display:inline-flex}.logo-head{border-radius:50%;width:42px;height:42px}.nav{font-family:var(--hand);align-items:center;gap:14px;font-size:1.25rem;display:flex}.nav>a:not(.btn){background:var(--squig) 0 92% / 100% .32em no-repeat;padding:.3em .1em;text-decoration:none}@media (min-width:900px){.top{padding-top:22px}.logo{gap:10px;font-size:1.9rem}.logo-head{width:54px;height:54px}.nav{gap:22px;font-size:1.5rem}.nav .btn-sm{padding:.35em 1em .3em;font-size:1.35rem}}.hero{padding-top:18px;overflow-x:clip}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art""cta";display:grid}.hero-copy{grid-area:copy}.kicker{font-family:var(--hand);color:var(--pencil);margin-bottom:4px;font-size:1.25rem}.hero-title{letter-spacing:-.005em;text-wrap:initial;font-size:clamp(3.4rem,15.5vw,7.6rem);line-height:.94}.hero-art{grid-area:art;margin-top:18px;position:relative}.cam{width:64%;margin:0 0 0 auto;position:relative;rotate:2.2deg}.cam-shot{border-radius:14px 24px 12px 20px/20px 12px 24px 14px;display:block;overflow:hidden}.cam-shot .sk{translate:0 3%;scale:-1.06 1.06}.cam:after{content:"";z-index:1;border:3px solid var(--ink);filter:url(#rough);pointer-events:none;border-radius:14px 24px 12px 20px/20px 12px 24px 14px;position:absolute;inset:0}.cam .tape{z-index:3;width:74px}.cam-tape-l{top:-10px;left:6%;rotate:-32deg}.cam-tape-r{top:auto;bottom:-8px;left:4%;rotate:34deg}.hero-art .bubble{z-index:4;width:44%;position:absolute;top:16%;left:0;rotate:-2.5deg}.hero-cta{grid-area:cta;justify-items:start;gap:14px;padding:26px 0 8px;display:grid}.hero-note{max-width:30ch;font-family:var(--hand);color:var(--pencil);padding-left:54px;font-size:1.22rem;line-height:1.2;position:relative}.hero-note-arrow{width:42px;position:absolute;top:-6px;left:4px}@media (min-width:900px){.hero{padding-top:30px}.hero-grid{grid-template:"copy art""cta art"1fr/minmax(0,1.05fr) minmax(0,1fr);column-gap:24px}.hero-copy{padding-top:48px}.hero-title{font-size:clamp(4.6rem,7.6vw,7.8rem)}.hero-art{align-self:center;margin-top:10px}.cam{width:82%;max-width:470px}.hero-art .bubble{width:auto;max-width:14ch;font-size:1.7rem;top:12%;left:-2%}.hero-cta{align-content:start;padding:34px 0 40px}.hero-note{font-size:1.35rem}}section{scroll-margin-top:20px}.btitle{text-align:center;justify-content:center;align-items:center;gap:.25em;font-size:clamp(2.3rem,9vw,3.6rem);display:flex}.btitle>span{min-width:0}.btitle-banana{flex:none;width:1.15em;rotate:-28deg}.btitle-banana.flip{rotate:28deg}.how{padding-top:64px}.steps{gap:58px;margin:30px 0 0;padding:0;list-style:none;display:grid}.step{--r:var(--r-b);grid-template-columns:40% minmax(0,1fr);align-items:center;gap:4px 12px;padding:14px 16px 16px 10px;display:grid}.step:nth-child(2){--r:var(--r-a)}.step-num{width:3rem;position:absolute;top:-18px;left:-8px;rotate:-6deg}.step-num>span{font-size:1.75rem}.step-art{display:block;position:relative}.step-marks{width:30%;position:absolute;top:2px;right:-4px}.step-sign{container-type:inline-size}.sign-word{width:63%;height:17%;font-family:var(--hand);place-items:center;font-size:12cqw;line-height:1;animation:1s step-end -.45s infinite boil;display:grid;position:absolute;top:4%;left:6%;rotate:-1deg}.step-text h3{margin-bottom:4px;font-size:1.85rem}.step-text p{font-size:1rem;line-height:1.5}.kw{letter-spacing:.02em;background:var(--swipe) 0 80% / 100% 70% no-repeat;padding:0 .1em;font-weight:800}.step-arrow{width:30px;position:absolute;bottom:-54px;left:50%;translate:-50%;rotate:6deg}.step:nth-child(2) .step-arrow{rotate:-8deg}.step-arrow-right{display:none}@media (min-width:900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-top:44px}.step{grid-template-columns:1fr;align-items:start;padding:18px 22px 24px}.step-art{width:74%;margin:0 auto}.step-text h3{font-size:2.1rem}.step-text p{font-size:1.06rem}.step-arrow-down{display:none}.step-arrow-right{width:66px;display:block;inset:34% -62px auto auto;translate:0;rotate:4deg}.step:nth-child(2) .step-arrow-right{top:42%;rotate:-6deg}}.latest{padding-top:76px}.cards{gap:26px;margin-top:28px;display:grid}.card{--r:var(--r-b);color:inherit;grid-template-columns:36% minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px 12px 12px;text-decoration:none;transition:rotate .12s steps(2,end),translate .12s steps(2,end);display:grid}.card:nth-child(3n+2){--r:var(--r-a)}@media (hover:hover){a.card:hover{translate:0 -3px;rotate:0deg}a.card:hover .card-title{background:var(--swipe) 0 80% / 100% 60% no-repeat}}.card-cover{aspect-ratio:9/16;border-radius:14px 22px 12px 20px/20px 12px 22px 14px;display:block;overflow:hidden}.card-cover img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}.card-soon .card-cover{place-items:center;display:grid}.card-cover:has(.card-art){place-items:center;display:grid}.card-art{width:100%;display:block}.card-text{align-content:center;justify-items:start;gap:8px;display:grid}.card-title{font-family:var(--hand);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:1.6rem;line-height:1.05}.card-sub{font-family:var(--hand);color:var(--pencil);margin-top:-6px;font-size:1.1rem;line-height:1.15}.card-hook{color:var(--pencil);font-size:.95rem;line-height:1.4}.card-meta{font-family:var(--hand);color:var(--pencil);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:1.05rem;display:flex}.card-soon{--bw:2px;--line:#9b978e}.card-soon .card-title{color:var(--pencil)}@media (min-width:720px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}.card{grid-template-columns:1fr;align-content:start;align-items:start;padding:14px 14px 18px}.card-cover{aspect-ratio:3/4}.card-cover img{object-position:50% 46%}.card-soon .card-cover .sk{width:78%}.card-text{padding:0 4px}.card-title{font-size:2.05rem}.card-sub{font-size:1.25rem}}@media (max-width:719px){.cards-home>:nth-child(n+5){display:none}}.more-link{text-align:center;font-family:var(--hand);margin-top:30px;font-size:1.4rem}.more-link a{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.inline-arrow{width:54px}.news{--r:var(--r-a);gap:4px;margin-top:170px;padding:18px 18px 22px;display:grid}.news-monkey{width:150px;margin:-156px auto 0}.news-body{gap:10px;display:grid}.news h2{font-size:clamp(2rem,8vw,2.8rem)}.news p{color:var(--pencil)}.news-form{gap:8px;margin-top:6px;display:grid}.field{flex-wrap:wrap;gap:12px;display:flex}.input{--r:var(--r-c);flex:220px;display:block}.input input{width:100%;min-height:52px;color:var(--ink);font-family:var(--body);background:0 0;border:0;outline:none;padding:.7rem 1rem;font-size:1.06rem;display:block}.input input::placeholder{color:#8c887f}.input:focus-within{--bw:3.5px}.news-form .btn{flex:auto}.news-msg{min-height:1.4em;font-family:var(--hand);font-size:1.3rem;line-height:1.2;color:var(--ink)!important}@media (min-width:768px){.news{margin-inline:auto;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;max-width:900px;margin-top:96px;padding:30px 40px 32px 24px}.news-monkey{width:100%;margin:0}.news-form .btn{flex:none}}.foot{margin-top:24px;padding-bottom:42px;overflow-x:clip}.foot-inner{text-align:center;justify-items:center;gap:4px;display:grid;position:relative}.foot-inner:before{content:"";background:var(--rule) center / 100% 100% no-repeat;height:14px;position:absolute;top:137.5px;left:-100vw;right:-100vw}.foot-monkey{width:170px;margin-bottom:16px}.foot-made{font-family:var(--hand);font-size:1.7rem}.foot-links{font-family:var(--hand);color:var(--pencil);font-size:1.2rem}.foot-links a{background:var(--squig) 0 96% / 100% .28em no-repeat;text-decoration:none}.guides-page{padding-top:26px}.guides-head{text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.guides-intro{max-width:34ch;color:var(--pencil)}.guides-monkey{width:150px}.guides-foot{text-align:center;color:var(--pencil);margin-top:40px}.guides-foot a{color:var(--ink)}.guide{padding-top:16px}.back{font-family:var(--hand);color:var(--pencil);gap:6px;font-size:1.25rem;text-decoration:none;display:inline-flex}.g-head{margin-top:10px}.g-title{font-size:clamp(2.6rem,11vw,5.2rem);line-height:.98}.g-aside{font-family:var(--hand);color:var(--pencil);margin-top:6px;font-size:clamp(1.35rem,5vw,1.9rem)}.g-layout{grid-template-columns:minmax(0,1fr) 44%;grid-template-areas:"intro reel""body body";gap:18px 14px;margin-top:20px;display:grid}.g-intro{grid-area:intro;align-content:start;gap:12px;display:grid}.g-meta{font-family:var(--hand);color:var(--pencil);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:1.1rem;display:flex}.g-dek{font-size:1.02rem;line-height:1.55}.g-reel{grid-area:reel;align-content:start;justify-items:center;gap:10px;display:grid}.g-reel-note{font-family:var(--hand);text-align:center;color:var(--pencil);font-size:1.05rem;line-height:1.15;display:none}.g-reel-note b{color:var(--ink);background:var(--swipe) 0 80% / 100% 70% no-repeat;font-weight:400}.g-reel-fallback{width:100%;font-family:var(--hand);color:var(--pencil);justify-items:center;font-size:1.1rem;display:grid}.g-body{grid-area:body;min-width:0}.reel{justify-items:center;gap:12px;width:100%;display:grid}.phone{--fill:var(--ink);--r:30px 36px 32px 38px / 36px 30px 38px 32px;width:100%;padding:9px 8px 10px;rotate:1.6deg}.phone:after{content:"";background:var(--ink);border-radius:3px 5px 5px 3px;width:6px;height:13%;position:absolute;top:22%;right:-5px}.phone video,.phone img{aspect-ratio:9/16;object-fit:cover;background:var(--paper);border-radius:22px 26px 24px 28px/26px 22px 28px 24px;width:100%;display:block}.phone-island{z-index:1;background:var(--ink);border-radius:10px;width:28%;height:9px;position:absolute;top:16px;left:50%;translate:-50%}.reel-play{border:2.5px solid var(--ink);background:var(--hl);width:84px;height:84px;font-family:var(--hand);cursor:pointer;border-radius:50% 46% 52% 48%;margin:auto;font-size:1.4rem;position:absolute;inset:0}.reel-play[data-idle]{display:none}@media (prefers-reduced-motion:reduce){.reel-play[data-idle]{display:block}}.reel-sound{--fill:var(--paper)}.b-p{white-space:pre-line;max-width:64ch;margin:.9rem 0}.ic{font-family:var(--mono);background:#f1eee6;border-radius:6px 9px 6px 8px;padding:.08em .35em;font-size:.86em}.b-h{align-items:center;gap:10px;margin:2.4rem 0 .6rem;scroll-margin-top:16px;font-size:clamp(1.95rem,7.4vw,2.6rem);line-height:1.02;display:flex}.b-h-num{align-self:center;width:2.9rem}.b-h-num>span{font-size:1.6rem}.b-h-t{min-width:0}.b-h-u{background:var(--under) 0 100% / 100% .34em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.14em;line-height:1.22}.b-h-art{flex:none;width:104px;margin:-14px 0 -10px auto}.b-h.art-l .b-h-art{order:-1;margin:-14px 0 -10px}.b-code{--fill:var(--ink);--r:var(--r-b);color:var(--code-ink);margin:1.1rem 0 1.3rem;padding:8px 0 12px}.b-code-top{font-family:var(--hand);color:var(--hl);justify-content:space-between;align-items:center;gap:10px;padding:2px 10px 0 18px;font-size:1.12rem;display:flex}.b-code pre{font-family:var(--mono);scrollbar-width:thin;scrollbar-color:#555 transparent;margin:0;padding:6px 18px 2px;font-size:.84rem;line-height:1.75;overflow-x:auto}.b-code .ln{white-space:pre-wrap;overflow-wrap:anywhere;text-indent:-1.5em;padding-left:1.5em;display:block}.b-code-table .ln{white-space:pre;overflow-wrap:normal;text-indent:0;padding-left:0}.b-code .ln.c{color:#a19c92}.b-code .ps{text-indent:0;width:1.5em;color:var(--hl);-webkit-user-select:none;user-select:none;display:inline-block}.copy{--fill:var(--paper);--r:var(--r-c);--bw:2px;min-height:36px;color:var(--ink);font-family:var(--hand);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.25em .8em .2em;font-size:1.1rem}.copy[data-state=done]{--fill:var(--hl)}.sticky{--fill:var(--sticky);--bw:2px;--r:4px 12px 6px 3px / 3px 6px 12px 4px}.b-note{white-space:pre-line;margin:1.6rem 6px 1.6rem 2px;padding:22px 18px 16px;font-size:1rem;line-height:1.5;display:block;rotate:1.2deg}.b-note-label{font-family:var(--hand);font-size:1.25rem;font-weight:400}.b-prompt{justify-items:start;gap:8px;margin:1.8rem 4px 1.6rem;padding:24px 18px 16px;display:grid;rotate:-1.3deg}.b-prompt .tape-l{left:18%;rotate:-8deg}.b-prompt .tape-r{width:64px;left:84%;rotate:6deg}.b-prompt figcaption{font-family:var(--hand);color:var(--pencil);font-size:1.15rem}.b-prompt blockquote{white-space:pre-line;font-family:var(--hand);margin:0;font-size:1.38rem;line-height:1.28}.b-prompt .copy{justify-self:end}.bananas,.circles{gap:12px;max-width:64ch;margin:1rem 0 1.2rem;padding:0;list-style:none;display:grid}.bananas li{padding-left:44px;position:relative}.bananas li:before{content:"";mix-blend-mode:multiply;background:url(/sketch/banana.png) 50%/contain no-repeat;width:34px;height:30px;position:absolute;top:0;left:0;rotate:-24deg}.bananas li:nth-child(2n):before{rotate:14deg;scale:-1 1}.circles{counter-reset:n}.circles li{counter-increment:n;min-height:38px;padding-left:48px;position:relative}.circles li:before{content:counter(n);width:36px;height:36px;font-family:var(--hand);background:var(--circle) center / contain no-repeat;place-items:center;font-size:1.3rem;line-height:1;display:grid;position:absolute;top:-4px;left:0}.circles li:nth-child(2n):before{rotate:160deg}.b-link{align-items:center;gap:12px;margin:1.8rem 0;text-decoration:none;display:flex}.b-link-arrow{flex:none;width:74px}.b-link-label{font-family:var(--hand);background:var(--squig) 0 100% / 100% .3em no-repeat;padding-bottom:.12em;font-size:1.6rem;line-height:1.1;display:inline}.b-link-note{color:var(--pencil);font-size:.98rem;display:block}@media (hover:hover){.b-link:hover .b-link-label{background:var(--squig) 0 100% / 100% .3em no-repeat, var(--swipe) 0 70% / 100% 72% no-repeat}}.g-end{grid-template-columns:40% minmax(0,1fr);align-items:center;gap:18px;margin-top:2.4rem;display:grid}.g-end-copy{justify-items:start;gap:16px;display:grid}.g-end .bubble{rotate:2deg}.g-end .btn{padding-inline:.9em;font-size:1.15rem}.btn-nowrap{white-space:nowrap}.more{margin-top:80px}@media (min-width:900px){.guide{max-width:calc(1044px + 2 * var(--gut));padding-top:26px}.g-head{max-width:920px}.g-layout{grid-template:"reel intro""reel body"1fr/300px minmax(0,680px);gap:10px 64px;margin-top:30px}.g-reel-note{display:block}.g-reel{align-self:start;position:sticky;top:24px}.g-dek{font-size:1.22rem}.b-h-art{width:124px}.g-end{grid-template-columns:220px minmax(0,1fr)}}.lost{text-align:center;justify-items:center;gap:8px;padding-top:24px;display:grid}.lost-art{width:min(280px,72vw)}.lost-copy{justify-items:center;gap:14px;display:grid}.lost h1{font-size:clamp(3rem,14vw,5.5rem)}.lost .bubble{max-width:22ch;rotate:-1.5deg}.lost .tail-left{top:-24px;left:50%;rotate:-90deg;scale:1}.lost-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}@media (min-width:768px){.lost{text-align:left;grid-template-columns:340px minmax(0,460px);justify-content:center;align-items:center;gap:40px;padding-top:60px}.lost-art{width:100%}.lost-copy{justify-items:start}.lost .tail-left{top:40%;left:-26px;rotate:8deg;scale:-1 1}.lost-btns{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}