@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.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:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.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:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_5e8fc53f-module__1TpIwa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_5e8fc53f-module__1TpIwa__variable{--font-sans:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/46a2d2c98087cd7f-s.3rb87y0ovhfkt.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/95accdfe7438af8b-s.p.00p23epsigc9r.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:Architects Daughter Fallback;src:local(Arial);ascent-override:93.03%;descent-override:38.04%;line-gap-override:0.0%;size-adjust:106.02%}.architects_daughter_a64fa8e8-module__ervPyW__className{font-family:Architects Daughter,Architects Daughter Fallback;font-style:normal;font-weight:400}.architects_daughter_a64fa8e8-module__ervPyW__variable{--font-hand:"Architects Daughter", "Architects Daughter Fallback"}
:root{--paper:#f2f2f4;--ink:#15151a;--ink-soft:#5c5c66;--grid:#15151a0f;--pen:#f05138;--pen-text:#b0351c;--sans:var(--font-sans),system-ui,sans-serif;--hand:var(--font-hand),cursive;--s1:.25rem;--s2:.5rem;--s3:1rem;--s4:1.75rem;--s5:3rem;--s6:4.5rem;--radius:3px;--stroke:2px;--measure:34rem;--dur-quick:.18s;--dur-base:.42s;--dur-draw:1.1s;--dur-wind:5.2s;--ease:cubic-bezier(.2,.9,.3,1);--ease-wind:cubic-bezier(.45,0,.55,1);--ease-draw:cubic-bezier(.65,.05,.36,1);--ease-spring:linear(0,.006,.028 3%,.11,.216 10%,.557,.782 22%,.94,1.03 30%,1.06,1.07 37%,1.05,1.01 51%,.995,.998 70%,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111116;--ink:#eeeef2;--ink-soft:#9a9aa6;--grid:#ffffff0d;--pen:#ff7a5c;--pen-text:#ff7a5c}}:root[data-theme=dark]{--paper:#111116;--ink:#eeeef2;--ink-soft:#9a9aa6;--grid:#ffffff0d;--pen:#ff7a5c;--pen-text:#ff7a5c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);letter-spacing:.005em;background-size:26px 26px;margin:0;padding:clamp(1.5rem,6vw,5rem) 1.25rem 6rem}main{max-width:var(--measure);margin:0 auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--pen);outline-offset:4px;border-radius:2px}.rough{filter:url(#wobble)}.rough-soft{filter:url(#wobble-soft)}.boil{filter:url(#boil)}h1{font:400 clamp(2.75rem,13vw,5rem)/.92 var(--hand);letter-spacing:-.01em;margin:0 0 .35em}h1 .dot{color:var(--pen)}h2{font:500 .8125rem/1 var(--sans);text-transform:lowercase;letter-spacing:.14em;color:var(--ink-soft);margin:var(--s6) 0 var(--s3)}p{max-width:32rem;margin:0 0 1.15em}.lede{font-size:1.1875rem}.quiet{color:var(--ink-soft)}.mark{white-space:nowrap;position:relative}.mark svg{pointer-events:none;position:absolute;overflow:visible}.mark-underline svg{width:104%;height:.5em;bottom:-.42em;left:-2%}.mark-circle svg{width:116%;height:170%;top:-30%;left:-8%}.mark-strike svg{width:100%;height:.5em;top:45%;left:0}.draw path{fill:none;stroke:var(--pen);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.draw.is-drawn path{animation:draw var(--dur-draw) var(--ease-draw) forwards}.draw.is-drawn path:nth-child(2){animation-delay:.4s}@keyframes draw{to{stroke-dashoffset:0}}.write{clip-path:inset(0 100% 0 0)}.write.is-drawn{animation:write 1.4s var(--ease-draw) forwards}@keyframes write{to{clip-path:inset(0 -2% 0 0)}}.note{font:400 1.0625rem/1.35 var(--hand);color:var(--pen-text);margin:.5rem 0 var(--s4);transform:rotate(-1.6deg)}.card{border:var(--stroke) solid var(--ink);border-radius:var(--radius);background:var(--paper);transform:rotate(var(--tilt,-.5deg));transition:transform var(--dur-base) var(--ease-spring);margin:0 0 var(--s3);padding:1.25rem 1.35rem;display:block}.card h3{font:500 1.0625rem/1.3 var(--sans);margin:0 0 .25rem}.card p{color:var(--ink-soft);margin:0;font-size:.9375rem}.card .meta{font:400 1rem/1 var(--hand);color:var(--pen-text);float:right}@media (hover:hover){.card:hover{transform:rotate(0)translateY(-3px)}footer a:hover{background:var(--pen);color:var(--paper)}}.card:focus-visible{transform:rotate(0)translateY(-3px)}.toggle{z-index:2;width:2.6rem;height:3.05rem;color:var(--ink);cursor:pointer;transform:rotate(var(--tilt,1.2deg));transition:transform var(--dur-base) var(--ease-spring);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,2.5rem)}.toggle-frame{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.toggle-icons{place-items:center;width:1.15rem;height:1.15rem;display:grid;position:relative;overflow:hidden}.toggle-icons svg{fill:none;stroke:currentColor;width:100%;height:100%;stroke-width:var(--stroke);stroke-linecap:round;transition:transform var(--dur-base) var(--ease-spring), opacity var(--dur-quick) var(--ease);grid-area:1/1}@media (hover:hover){.toggle:hover{transform:rotate(0)translateY(-2px)}}.toggle:focus-visible{outline:2px solid var(--pen);outline-offset:4px;transform:rotate(0)translateY(-2px)}.toggle .sun{opacity:0;transform:translateY(150%)rotate(40deg)}.toggle .moon{opacity:1;transform:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toggle .sun{opacity:1;transform:none}:root:not([data-theme=light]) .toggle .moon{opacity:0;transform:translateY(-150%)rotate(-40deg)}}:root[data-theme=dark] .toggle .sun{opacity:1;transform:none}:root[data-theme=dark] .toggle .moon{opacity:0;transform:translateY(-150%)rotate(-40deg)}:root[data-theme=light] .toggle .sun{opacity:0;transform:translateY(150%)rotate(40deg)}:root[data-theme=light] .toggle .moon{opacity:1;transform:none}ul.plain{margin:0 0 1em;padding:0;list-style:none}ul.plain li{border-bottom:1px dashed var(--grid);padding:.4rem 0;font-size:.9375rem}ul.plain span{color:var(--ink-soft);float:right}.reveal>*{opacity:0;transform:translateY(6px)}.reveal.is-drawn>*{animation:rise .5s var(--ease-spring) forwards;animation-delay:calc(var(--i,0) * 70ms)}@keyframes rise{to{opacity:1;transform:none}}.me{float:right;width:clamp(4.5rem,16vw,6rem);height:auto;margin:0 0 var(--s3) var(--s3);fill:none;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-1.5deg)}.me .eye{fill:var(--ink);stroke:none}.me .hair{transform-box:view-box;transform-origin:60px 36px;animation:wind var(--dur-wind) var(--ease-wind) infinite alternate}.me .hair-r{animation-duration:calc(var(--dur-wind) * .78);animation-delay:calc(var(--dur-wind) * -.43)}@keyframes wind{0%{transform:rotate(-2.8deg)skew(-1.8deg)}to{transform:rotate(4.4deg)skew(2.6deg)}}footer{margin-top:var(--s5);color:var(--ink-soft);font-size:.9375rem}footer a{color:var(--pen-text);border-bottom:1.5px solid var(--pen);transition:background var(--dur-quick) var(--ease);padding-bottom:1px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.draw path{stroke-dashoffset:0}.write{clip-path:none}.reveal>*{opacity:1;transform:none}.boil{filter:url(#wobble)}}