*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]){scroll-behavior:smooth}}body{margin:0}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:root{--bg:#fff6ec;--surface:#fff;--ink:#1b1b2f;--muted:#5b5870;--primary:#ff5fa2;--secondary:#7cf29a;--accent:#ffd84d;--pop:#6b5cff;--on-primary:#1b1b2f;--f-display:"Cherry Bomb One", system-ui, sans-serif;--f-body:"DM Sans", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--ink-10:color-mix(in oklab, var(--ink) 10%, transparent);--ink-20:color-mix(in oklab, var(--ink) 20%, transparent);--ink-40:color-mix(in oklab, var(--ink) 40%, transparent);--container:1200px;--gutter:clamp(1rem, 4vw, 2.5rem);--section-y:clamp(4.5rem, 9vw, 7.5rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--focus:var(--ink);--blob-a:var(--primary);--blob-b:var(--secondary);--blob-c:var(--accent)}:root[data-palette=oatmilk]{--blob-a:var(--accent);--blob-b:color-mix(in oklab, var(--accent) 55%, var(--bg));--blob-c:color-mix(in oklab, var(--accent) 30%, var(--bg))}:root,[data-shape=soft]{--radius:28px;--radius-sm:16px;--radius-pill:999px;--border-w:0px;--border-c:transparent;--shadow:0 1px 2px var(--ink-10), 0 14px 34px -14px var(--ink-40);--shadow-hover:0 2px 4px var(--ink-10), 0 22px 44px -16px var(--ink-40);--tilt:0deg}[data-shape=brutal]{--radius:18px;--radius-sm:12px;--border-w:3px;--border-c:var(--ink);--shadow:6px 6px 0 var(--ink);--shadow-hover:10px 10px 0 var(--ink)}[data-shape=clay]{--radius:38px;--radius-sm:22px;--border-w:0px;--border-c:transparent;--shadow:inset -6px -8px 16px color-mix(in oklab, var(--ink) 14%, transparent), inset 6px 8px 16px oklab(100% 0 5.96046e-8/.55), 0 18px 32px -14px var(--ink-40);--shadow-hover:inset -6px -8px 16px color-mix(in oklab, var(--ink) 14%, transparent), inset 6px 8px 16px oklab(100% 0 5.96046e-8/.55), 0 26px 40px -16px var(--ink-40)}[data-shape=sticker]{--radius:24px;--radius-sm:16px;--border-w:6px;--border-c:#fff;--shadow:0 2px 0 var(--ink-20), 0 12px 24px -10px var(--ink-40);--shadow-hover:0 3px 0 var(--ink-20), 0 18px 30px -10px var(--ink-40);--tilt:-1.5deg}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);transition:background-color .5s var(--ease-out), color .5s var(--ease-out);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;overflow-x:clip}::selection{background:var(--primary);color:var(--on-primary)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{font-family:var(--f-display);font-weight:var(--display-w,400);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.02}h1{font-size:clamp(3rem,2rem + 6vw,7.5rem)}h2{font-size:clamp(2.4rem,1.6rem + 4vw,5rem)}h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}p{margin:0}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}[id]{scroll-margin-top:6rem}main>section,body>footer{overflow-x:clip}.eyebrow{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6em;font-size:.8rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);width:.6em;height:.6em;box-shadow:0 0 0 3px var(--ink-10);border-radius:50%}.mono{font-family:var(--f-mono)}.lede{color:var(--muted);max-width:60ch;font-size:clamp(1.1rem,1rem + .5vw,1.35rem)}.section-head{gap:1rem;max-width:52rem;margin-bottom:clamp(2.5rem,6vw,4rem);display:grid}.card{background:var(--surface);border:var(--border-w) solid var(--border-c);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .3s var(--ease-out), transform .3s var(--ease-out), background-color .5s}.card:hover{box-shadow:var(--shadow-hover)}[data-shape=sticker] .card:nth-child(2n){--tilt:1.2deg}[data-shape=sticker] .card{rotate:var(--tilt)}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);border:max(var(--border-w), 2px) solid var(--border-c,var(--ink));box-shadow:var(--shadow);cursor:pointer;white-space:nowrap;transition:box-shadow .25s var(--ease-out), background-color .3s;justify-content:center;align-items:center;gap:.55em;padding:.85em 1.5em;font-weight:700;text-decoration:none;display:inline-flex}[data-shape=soft] .btn,[data-shape=clay] .btn{border-color:#0000}.btn:hover{box-shadow:var(--shadow-hover)}.btn-primary{--btn-bg:var(--primary);--btn-fg:var(--on-primary)}.btn-ink{--btn-bg:var(--ink);--btn-fg:var(--bg)}.chip{border-radius:var(--radius-pill);background:var(--ink-10);font-family:var(--f-mono);align-items:center;gap:.4em;padding:.35em .85em;font-size:.78rem;font-weight:600;display:inline-flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--motion-a:1;--motion-t:1}:root[data-motion=chill]{--motion-a:.5;--motion-t:1.25}:root[data-motion=hyper]{--motion-a:1.9;--motion-t:.8}@keyframes jrc-float{0%,to{translate:0;rotate:0deg}50%{translate:0 calc(var(--float-d,10) * -1px * var(--motion-a));rotate:calc(2deg * var(--motion-a))}}:root:not([data-motion=off]) [data-float]{animation:jrc-float calc(var(--float-dur,3.4) * var(--motion-t) * 1s) ease-in-out var(--float-delay,0s) infinite}.js [data-float]:not([data-floating]){animation-play-state:paused}.js:not([data-motion=off]) [data-reveal]{opacity:0}.bg-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer>*{display:none}[data-bg=grain] .bg-grain,[data-bg=dots] .bg-dots,[data-bg=grid] .bg-grid,[data-bg=blobs] .bg-blobs{display:block}[data-bg=blobs] .bg-grain{opacity:.35;display:block}[data-bg=stripes] .bgp-stripes,[data-bg=gingham] .bgp-gingham,[data-bg=scallops] .bgp-scallops,[data-bg=confetti] .bgp-confetti,[data-bg=plus] .bgp-plus,[data-bg=sunburst] .bgp-sunburst,[data-bg=clouds] .bgp-clouds,[data-bg=ruled] .bgp-ruled,[data-bg=zigzag] .bgp-zigzag,[data-bg=halftone] .bgp-halftone{display:block}.bg-grain{opacity:.11;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.bg-dots{background-image:radial-gradient(var(--ink-20) 1.6px, transparent 1.8px);background-size:26px 26px;position:absolute;inset:0}[data-mode=dark] .bg-dots{background-image:radial-gradient(var(--ink-10) 1.2px, transparent 1.4px);-webkit-mask-image:linear-gradient(90deg,#000 0 8%,#0000 22% 78%,#000 92%);mask-image:linear-gradient(90deg,#000 0 8%,#0000 22% 78%,#000 92%)}.bg-grid{background-image:linear-gradient(var(--ink-10) 1px, transparent 1px), linear-gradient(90deg, var(--ink-10) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0}.bg-blobs{opacity:.6;position:absolute;inset:0}.bg-blobs i{--c:var(--blob-a);background:radial-gradient(closest-side, color-mix(in oklab, var(--c) 85%, transparent), color-mix(in oklab, var(--c) 35%, transparent) 55%, transparent);will-change:transform;border-radius:50%;width:60vmax;height:60vmax;animation:22s ease-in-out infinite alternate drift;position:absolute}.bg-blobs i:first-child{top:-22%;left:-16%}.bg-blobs i:nth-child(2){--c:var(--blob-b);animation-duration:28s;animation-delay:-6s;bottom:-28%;right:-18%}.bg-blobs i:nth-child(3){--c:var(--blob-c);width:42vmax;height:42vmax;animation-duration:18s;animation-delay:-11s;top:30%;left:36%}@keyframes drift{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(8vw,6vh)rotate(40deg)scale(1.1)}to{transform:translate(-6vw,10vh)rotate(-20deg)scale(.95)}}[data-motion=off] .bg-grain,[data-motion=off] .bg-blobs i{animation:none}@media (prefers-reduced-motion:reduce){.bg-grain,.bg-blobs i{animation:none}}main [tabindex="-1"]:focus{outline:none}.bg-pat{--u:28px;--t1:color-mix(in oklab, var(--primary) 22%, transparent);--t2:color-mix(in oklab, var(--secondary) 26%, transparent);--tl:var(--ink-10);position:absolute;inset:0}.bgp-stripes{background-image:repeating-linear-gradient(-45deg, var(--t1) 0 calc(var(--u) * .4), transparent 0 calc(var(--u) * .8))}.bgp-gingham{background-image:linear-gradient(90deg, var(--t1) 50%, transparent 0), linear-gradient(var(--t1) 50%, transparent 0);background-size:calc(var(--u) * 1.4) calc(var(--u) * 1.4)}.bgp-scallops{background-image:radial-gradient(circle at 50% 0, transparent calc(var(--u) * .42), var(--t1) 0 calc(var(--u) * .5), transparent 0);background-size:var(--u) calc(var(--u) * .5)}.bgp-confetti{background-image:radial-gradient(circle, var(--primary) 0 3px, transparent 3.5px), radial-gradient(circle, var(--secondary) 0 3px, transparent 3.5px), radial-gradient(circle, var(--accent) 0 2.5px, transparent 3px), radial-gradient(circle, var(--pop) 0 2.5px, transparent 3px);background-size:calc(var(--u) * 4) calc(var(--u) * 4), calc(var(--u) * 5) calc(var(--u) * 5), calc(var(--u) * 3.4) calc(var(--u) * 3.4), calc(var(--u) * 6) calc(var(--u) * 6);background-position:0 0, calc(var(--u) * 1.7) calc(var(--u) * 2.3), calc(var(--u) * 2.9) calc(var(--u) * .6), calc(var(--u) * .8) calc(var(--u) * 3.1);opacity:.55}.bgp-plus{--pl:color-mix(in oklab, var(--primary) 45%, transparent);background-image:linear-gradient(transparent calc(50% - 1.5px), var(--pl) 0 calc(50% + 1.5px), transparent 0), linear-gradient(90deg, transparent calc(50% - 1.5px), var(--pl) 0 calc(50% + 1.5px), transparent 0);background-size:calc(var(--u) * 1.5) calc(var(--u) * 1.5);-webkit-mask:radial-gradient(circle, #000 0 calc(var(--u) * .26), transparent 0) 0 0 / calc(var(--u) * 1.5) calc(var(--u) * 1.5);mask:radial-gradient(circle, #000 0 calc(var(--u) * .26), transparent 0) 0 0 / calc(var(--u) * 1.5) calc(var(--u) * 1.5)}.bgp-sunburst{background-image:repeating-conic-gradient(from 0deg at 50% 38%, var(--t1) 0 7.5deg, transparent 0 15deg);-webkit-mask:radial-gradient(circle at 50% 38%,#000,#0000 75%);mask:radial-gradient(circle at 50% 38%,#000,#0000 75%)}.bgp-clouds{--cl:color-mix(in oklab, var(--surface) 85%, transparent);background-image:radial-gradient(ellipse calc(var(--u) * 3) calc(var(--u) * 1.3) at 20% 30%, var(--cl) 60%, transparent 62%), radial-gradient(ellipse calc(var(--u) * 2) calc(var(--u) * 1.4) at 28% 26%, var(--cl) 60%, transparent 62%), radial-gradient(ellipse calc(var(--u) * 3.6) calc(var(--u) * 1.4) at 72% 64%, var(--cl) 60%, transparent 62%), radial-gradient(ellipse calc(var(--u) * 2.2) calc(var(--u) * 1.5) at 66% 59%, var(--cl) 60%, transparent 62%);background-size:calc(var(--u) * 14) calc(var(--u) * 9)}.bgp-ruled{background-image:linear-gradient(90deg, transparent calc(var(--u) * 2.5), color-mix(in oklab, var(--pop) 45%, transparent) 0 calc(var(--u) * 2.5 + 2px), transparent 0), linear-gradient(transparent calc(var(--u) - 1px), color-mix(in oklab, var(--primary) 40%, transparent) 0);background-size:100% 100%, 100% var(--u)}.bgp-zigzag{background-image:linear-gradient(135deg, var(--t1) 25%, transparent 25%), linear-gradient(225deg, var(--t1) 25%, transparent 25%), linear-gradient(315deg, var(--t1) 25%, transparent 25%), linear-gradient(45deg, var(--t1) 25%, transparent 25%);background-size:var(--u) var(--u);background-position:calc(var(--u) / -2) 0, calc(var(--u) / -2) 0, 0 0, 0 0}.bgp-halftone{background-image:radial-gradient(circle, color-mix(in oklab, var(--primary) 55%, transparent) 0 calc(var(--u) * .14), transparent calc(var(--u) * .15));background-size:calc(var(--u) * .5) calc(var(--u) * .5);-webkit-mask:linear-gradient(165deg,#000,#0000 70%);mask:linear-gradient(165deg,#000,#0000 70%)}