@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}:root{--ink:#1d1b18;--paper:#f6f1e6;--paper-2:#efe8d8;--red:#d9472b;--blue:#2f6fb3;--muted:#5b564c;--water:#dde8ea;--on-red:#fff;--tape:#f6f1e6bf;--hand:"Caveat", "Comic Sans MS", cursive;--body:"Patrick Hand", "Comic Sans MS", cursive;--shot-filter:grayscale(.35) sepia(.15) contrast(1.05);--shot-blend:multiply;--grain-opacity:.28;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11  0 0 0 0 0.1  0 0 0 0 0.09  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--ink:#efe6d4;--paper:#1c1b19;--paper-2:#262421;--red:#ef6a4c;--blue:#7fb0e0;--muted:#a59d8d;--water:#24302f;--on-red:#1c1b19;--tape:#efe6d42e;--shot-filter:grayscale(.35) sepia(.1) brightness(.88);--shot-blend:normal;--grain-opacity:.5;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.94  0 0 0 0 0.9  0 0 0 0 0.83  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{color:var(--ink);background:var(--paper);font:400 17px/1.4 var(--body);margin:0;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:5;opacity:var(--grain-opacity);background-image:var(--grain);position:fixed;inset:0}h1,h2,h3{font-family:var(--hand);margin:0;font-weight:700;line-height:1}h2{font-size:36px}h3{font-size:20px}p{margin:0}a{color:inherit}b.hl{color:var(--blue);font-weight:400}img,video,svg{display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--red);outline-offset:2px}::selection{background:var(--red);color:var(--on-red)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=640px){h2{font-size:34px}}.sketch{z-index:-1;pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}.drawn{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.panel,.note{isolation:isolate;padding:22px 24px 20px;position:relative}.note{width:min(330px,100%)}.note.intro{width:min(440px,100%)}.note .num{font:700 22px/1 var(--hand);color:var(--red)}.note h2{margin:4px 0 8px}.note .watch{color:var(--muted);margin-top:12px;font-size:15px}.note:hover{animation:.45s jiggle}@keyframes jiggle{30%{rotate:-.8deg;scale:1.01}60%{rotate:.5deg}to{rotate:0deg;scale:1}}.display{font:700 clamp(60px, 8vw, 100px) / .9 var(--hand);letter-spacing:-.01em;display:inline-block}.display svg{width:100%;height:18px;margin-top:-6px}.btn{isolation:isolate;min-height:48px;font:700 22px/1 var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 26px 10px;text-decoration:none;display:inline-flex;position:relative}.btn.primary{color:var(--on-red)}.btn .sketch,.chip .sketch,.round .sketch{width:100%;height:100%;transition:scale .15s;inset:0}.btn:hover .sketch,.chip:hover .sketch,.round:hover .sketch{scale:1.07}.btn .under{opacity:0;transition:opacity .15s}.btn:hover .under,.btn:focus-visible .under{opacity:1}.round{isolation:isolate;cursor:pointer;background:0 0;border:0;width:44px;height:34px;padding:0;position:relative}.chips{flex-wrap:wrap;gap:8px 6px;margin:0;padding:0;list-style:none;display:flex}.chip{isolation:isolate;min-height:44px;font:700 19px/1 var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 20px 8px;position:relative}.chip[aria-pressed=true]{color:var(--on-red)}.link{text-decoration:none;display:inline-block;position:relative}.link .underline{pointer-events:none;width:100%;height:8px;position:absolute;bottom:-5px;left:0;overflow:visible}.tip{z-index:10;isolation:isolate;pointer-events:none;max-width:240px;padding:6px 12px 7px;font-size:15px;line-height:1.3;position:absolute}.tip[hidden]{display:none}.shot{rotate:var(--tilt,0deg);margin:0}.shot-mat{isolation:isolate;width:100%;font:inherit;color:inherit;text-align:inherit;background:0 0;border:0;padding:12px;display:block;position:relative}button.shot-mat{cursor:zoom-in}.hold{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}.shot img{width:100%;height:auto;filter:var(--shot-filter);mix-blend-mode:var(--shot-blend);background-size:cover;transition:filter .3s,mix-blend-mode .3s}.shot-mat:hover img,.shot-mat:focus-visible img{filter:none;mix-blend-mode:normal}.shot figcaption{font:700 18px/1.1 var(--hand);color:var(--muted);text-align:center;margin-top:8px}.shot.tall .shot-mat{width:fit-content;max-width:100%;margin-inline:auto}.shot.tall img{width:auto;max-width:100%;max-height:var(--tall-max,min(60vh, 520px))}.shot-play{isolation:isolate;width:40px;height:40px;position:absolute;bottom:20px;right:20px}.shot-play .sketch{width:100%;height:100%;inset:0}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:16px}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{background:#1d1b188c}.lb-sheet{isolation:isolate;flex-direction:column;width:min(1080px,100%);max-height:100%;padding:34px 34px 22px;display:flex;position:relative}.lb-sheet.tall{width:min(560px,100%)}.lb-figure{min-height:0;margin:0}.lb-media img,.lb-media video{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 210px)}.lb-figure figcaption{font:700 20px/1.1 var(--hand);color:var(--muted);text-align:center;margin-top:10px}.lb-foot{justify-content:center;align-items:center;gap:14px;margin-top:8px;display:flex}.lb-count{font:700 18px/1 var(--hand);color:var(--muted);text-align:center;min-width:70px}.lb-step{isolation:isolate;cursor:pointer;background:0 0;border:0;width:52px;height:40px;position:relative}.lb-step[hidden]{display:none}.lb-step .sketch,.lb-close .sketch{width:100%;height:100%;inset:0}.lb-close{isolation:isolate;cursor:pointer;background:0 0;border:0;width:44px;height:44px;position:absolute;top:14px;right:14px}@media (prefers-reduced-motion:reduce){.note:hover{animation:none}.btn .sketch,.chip .sketch,.round .sketch,.shot img,.btn .under{transition:none}}