@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Caveat:wght@600;700&family=Karla:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Karla", system-ui, sans-serif;--text-xs:.7rem;--text-sm:.825rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.15;--leading-normal:1.65;--leading-loose:1.85;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.08em;--tracking-stamp:.18em;--color-bg:#f6eedf;--color-surface:#fcf7ec;--color-text:#241b12;--color-text-muted:#6b5d4c;--color-accent:#a85c36;--color-accent-light:#efe3cf;--color-border:#e0d3bf;--color-border-dark:#c9b79e;--color-success:#4a7c59;--color-error:#9b3a2a;--radius-hand:2px 4px 3px 2px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:1200px;--content-width:680px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-heading:var(--font-display);--radius-md:10px;--radius-sm:6px;--font-loud:"Fredoka", system-ui, sans-serif;--font-scrawl:"Caveat", cursive;--font-serif:"Instrument Serif", Georgia, serif;--font-ui:"Karla", system-ui, sans-serif;--paper:#fbf6ec;--paper-deep:#f3ead8;--ink:#241b12;--ink-soft:#6b5d4c;--accent-strong:#a85c36;--warm-panel:#e4cdb2;--sec-cream:#f6eedf;--sec-oat:#ece1ce;--sec-sage:#cbd3c1;--sec-fog:#cbd6d6;--sec-clay:#e3c8b2;--sec-dust:#dec9c2;--sec-deep:#2c2016;--sketch-w:2.4px;--marigold:#ffc53a;--marigold-deep:#f2a81e;--tomato:#ff5b43;--tomato-deep:#e23e28;--sky:#46c6d6;--sky-deep:#23a3b4;--grass:#7bc35b;--grass-deep:#57a238;--bubblegum:#ff9ec4;--bubblegum-deep:#f56fa6;--grape:#9b7bd8;--sticker-edge:#fff;--sketch:#fff;--sketch-ink:#2b2016;--sticker-border-w:7px;--sticker-shadow:0 14px 30px -12px #2d1e0f6b;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-soft:cubic-bezier(.16, 1, .3, 1)}@keyframes ol-jitter{0%{transform:rotate(var(--r,0deg)) translateY(0)}25%{transform:rotate(calc(var(--r,0deg) + 3deg)) translateY(-4px)}50%{transform:rotate(calc(var(--r,0deg) - 2deg)) translateY(-1px)}75%{transform:rotate(calc(var(--r,0deg) + 1.5deg)) translateY(-5px)}to{transform:rotate(var(--r,0deg)) translateY(0)}}@keyframes ol-jitter-still{0%,to{transform:rotate(var(--r,0deg))}50%{transform:rotate(calc(var(--r,0deg) - 2.5deg))}}.ol-anim-jitter{animation:1.5s step-end infinite ol-jitter}.ol-anim-jitter-slow{animation:2s step-end infinite ol-jitter-still}@keyframes ol-throw-clip{0%,55%,94%,to{clip-path:inset(0 22% 0 0)}61%,87%{clip-path:inset(0 34% 0 0)}67%,80%{clip-path:inset(0 47.5% 0 0)}72%{clip-path:inset(0 57.5% 0 0)}}@keyframes ol-throw-knife{0%,55%,94%,to{transform:translate(0)rotate(0)}61%,87%{transform:translate(-13.7%,12.25%)rotate(-7deg)}67%,80%{transform:translate(-27.2%,25.25%)rotate(13deg)}72%{transform:translate(-37.2%,19.85%)rotate(5deg)}}@keyframes ol-throw-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-1deg)}}.ol-throw-base{animation:3.6s step-end infinite ol-throw-clip}.ol-throw-knife{animation:3.6s step-end infinite ol-throw-knife}.ol-throw-idle{transform-origin:25% 58%;animation:2.6s step-end infinite ol-throw-idle}@keyframes ol-wobble{0%,to{transform:rotate(var(--rest,0deg))}30%{transform:rotate(calc(var(--rest,0deg) + 2.2deg))}65%{transform:rotate(calc(var(--rest,0deg) - 1.8deg))}}@keyframes ol-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ol-drift{0%{transform:translate(0, 0) rotate(var(--rest,0deg))}25%{transform:translate(6px, -8px) rotate(calc(var(--rest,0deg) + 1.5deg))}50%{transform:translate(-4px, -14px) rotate(calc(var(--rest,0deg) - 1deg))}75%{transform:translate(-7px, -6px) rotate(calc(var(--rest,0deg) + .8deg))}to{transform:translate(0, 0) rotate(var(--rest,0deg))}}@keyframes ol-flicker{0%,to{opacity:.9;transform:translate(0)rotate(0)}50%{opacity:.55;transform:translate(.6px,-.6px)rotate(.4deg)}}@keyframes ol-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-light);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}body:after{content:"";opacity:.035;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}img,picture,video,canvas,svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}::selection{background-color:var(--color-accent);color:var(--color-surface)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-hand)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--float-rotate,0deg))}50%{transform:translateY(-10px) rotate(var(--float-rotate,0deg))}}@keyframes drawIn{0%{stroke-dashoffset:var(--dash-length,200)}to{stroke-dashoffset:0}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-hidden{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.sr-hidden.sr-stagger{opacity:1;transform:none}.sr-stagger>*{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.sr-visible{opacity:1!important;transform:translateY(0)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-normal);font-weight:var(--weight-light)}small{font-size:var(--text-sm)}