.tut[data-astro-cid-tk2gjjpx]{background:var(--bg)}.tut-hero[data-astro-cid-tk2gjjpx]{padding:var(--pad-y) var(--pad-x) 48px;max-width:880px}.tut-back[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);display:inline-block;margin-bottom:40px}.tut-kicker[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 60%,transparent);margin-bottom:22px}.tut-h1[data-astro-cid-tk2gjjpx]{font-family:var(--ff-display);font-size:clamp(40px,7vw,84px);line-height:.98;font-weight:var(--h-weight);text-transform:var(--h-transform);letter-spacing:-.015em;margin:0 0 28px}.tut-standfirst[data-astro-cid-tk2gjjpx]{font-family:var(--ff-serif);font-size:clamp(22px,3.2vw,30px);line-height:1.35;color:color-mix(in srgb,var(--ink) 86%,transparent);max-width:700px}.tut-standfirst[data-astro-cid-tk2gjjpx] code[data-astro-cid-tk2gjjpx],.tut-body[data-astro-cid-tk2gjjpx] code[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:.86em;background:color-mix(in srgb,var(--ink) 10%,transparent);padding:2px 7px;border-radius:4px}.tut-meta[data-astro-cid-tk2gjjpx]{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:40px;padding-top:24px;border-top:var(--rule-thin) solid color-mix(in srgb,var(--ink) 25%,transparent)}.tut-meta[data-astro-cid-tk2gjjpx] div[data-astro-cid-tk2gjjpx]{display:flex;flex-direction:column;gap:4px}.tut-meta[data-astro-cid-tk2gjjpx] dt[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.tut-meta[data-astro-cid-tk2gjjpx] dd[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:15px;color:color-mix(in srgb,var(--ink) 80%,transparent)}.tut-meta[data-astro-cid-tk2gjjpx] dd[data-astro-cid-tk2gjjpx] a[data-astro-cid-tk2gjjpx]{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.tut-body[data-astro-cid-tk2gjjpx]{padding:56px var(--pad-x) var(--pad-y);max-width:720px}.tut-body[data-astro-cid-tk2gjjpx] p[data-astro-cid-tk2gjjpx]{font-family:var(--ff-serif);font-size:22px;line-height:1.55;margin:0 0 28px;color:color-mix(in srgb,var(--ink) 90%,transparent)}.tut-body[data-astro-cid-tk2gjjpx] em[data-astro-cid-tk2gjjpx]{font-style:italic}.tut-body[data-astro-cid-tk2gjjpx] strong[data-astro-cid-tk2gjjpx]{font-weight:700}.tut-body[data-astro-cid-tk2gjjpx] h2[data-astro-cid-tk2gjjpx]{font-family:var(--ff-display);font-size:clamp(24px,3.6vw,34px);line-height:1.1;font-weight:600;text-transform:none;letter-spacing:-.01em;margin:52px 0 22px;padding-top:28px;border-top:var(--rule-thin) solid color-mix(in srgb,var(--ink) 25%,transparent)}.tut-body[data-astro-cid-tk2gjjpx] a[data-astro-cid-tk2gjjpx]{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cmd[data-astro-cid-tk2gjjpx]{background:var(--bg-2);color:#f3ede2;font-family:var(--ff-mono);font-size:16px;line-height:1.7;padding:22px 24px;margin:0 0 28px;overflow-x:auto;border:var(--rule-thick) solid var(--ink)}.cmd[data-astro-cid-tk2gjjpx] code[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);background:none;padding:0}.cmd[data-astro-cid-tk2gjjpx] .o[data-astro-cid-tk2gjjpx]{color:color-mix(in srgb,#f3ede2 50%,transparent)}.codefold[data-astro-cid-tk2gjjpx]{margin:0 0 28px}.codefold[data-astro-cid-tk2gjjpx] .cmd[data-astro-cid-tk2gjjpx]{margin:0}.codefold[data-astro-cid-tk2gjjpx] .cmd-peek[data-astro-cid-tk2gjjpx]{border-bottom:none}.cmd-more[data-astro-cid-tk2gjjpx]{display:flex;flex-direction:column}.cmd-more[data-astro-cid-tk2gjjpx]>summary[data-astro-cid-tk2gjjpx]{list-style:none;cursor:pointer;font-family:var(--ff-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);background:var(--bg-2);border:var(--rule-thick) solid var(--ink);border-top:none;padding:13px 24px;display:flex;align-items:center;gap:10px}.cmd-more[data-astro-cid-tk2gjjpx]>summary[data-astro-cid-tk2gjjpx]::-webkit-details-marker{display:none}.cmd-more[data-astro-cid-tk2gjjpx]>summary[data-astro-cid-tk2gjjpx]:before{content:"▸";display:inline-block;transition:transform .15s ease}.cmd-more[data-astro-cid-tk2gjjpx][open]>summary[data-astro-cid-tk2gjjpx]{order:1}.cmd-more[data-astro-cid-tk2gjjpx][open]>summary[data-astro-cid-tk2gjjpx]:before{transform:rotate(-90deg)}.cmd-more[data-astro-cid-tk2gjjpx]>summary[data-astro-cid-tk2gjjpx] .cf-less[data-astro-cid-tk2gjjpx]{display:none}.cmd-more[data-astro-cid-tk2gjjpx][open]>summary[data-astro-cid-tk2gjjpx] .cf-more[data-astro-cid-tk2gjjpx]{display:none}.cmd-more[data-astro-cid-tk2gjjpx][open]>summary[data-astro-cid-tk2gjjpx] .cf-less[data-astro-cid-tk2gjjpx]{display:inline}.codefold[data-astro-cid-tk2gjjpx] .cmd-cont[data-astro-cid-tk2gjjpx]{border-top:none;border-bottom:none}.tut-fig[data-astro-cid-tk2gjjpx]{margin:0 0 36px}.tut-fig[data-astro-cid-tk2gjjpx] svg[data-astro-cid-tk2gjjpx]{width:100%;height:auto;display:block;border:var(--rule-thick) solid var(--ink);background:var(--paper)}.tut-fig[data-astro-cid-tk2gjjpx] rect[data-astro-cid-tk2gjjpx]{fill:var(--paper);stroke:var(--ink);stroke-width:2}.tut-fig[data-astro-cid-tk2gjjpx] text[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);fill:var(--ink)}.tut-fig[data-astro-cid-tk2gjjpx] .t-title[data-astro-cid-tk2gjjpx]{font-size:16px;font-weight:700;letter-spacing:1px}.tut-fig[data-astro-cid-tk2gjjpx] .t-sub[data-astro-cid-tk2gjjpx]{font-size:12px;fill:color-mix(in srgb,var(--ink) 65%,transparent)}.tut-fig[data-astro-cid-tk2gjjpx] .t-accent[data-astro-cid-tk2gjjpx]{font-size:12px;fill:var(--accent);letter-spacing:1px}.tut-fig[data-astro-cid-tk2gjjpx] .arr[data-astro-cid-tk2gjjpx]{stroke:var(--accent);stroke-width:3}.tut-fig[data-astro-cid-tk2gjjpx] .ret[data-astro-cid-tk2gjjpx]{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:4 4}.tut-fig[data-astro-cid-tk2gjjpx] .ah[data-astro-cid-tk2gjjpx]{fill:var(--accent)}.tut-fig[data-astro-cid-tk2gjjpx] figcaption[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--ink) 60%,transparent);margin-top:12px}.tut-demo[data-astro-cid-tk2gjjpx]{margin:0 0 40px}.tut-demo-stage[data-astro-cid-tk2gjjpx]{width:100%;aspect-ratio:16 / 11;background:#0e0e0f;border:var(--rule-thick) solid var(--ink);cursor:grab;touch-action:none}.tut-demo-stage[data-astro-cid-tk2gjjpx]:active{cursor:grabbing}.tut-demo-stage[data-astro-cid-tk2gjjpx] canvas[data-astro-cid-tk2gjjpx]{display:block}.tut-demo[data-astro-cid-tk2gjjpx] figcaption[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--ink) 60%,transparent);margin-top:12px}.tut-beats[data-astro-cid-tk2gjjpx]{margin:0 0 28px;display:flex;flex-direction:column;gap:16px}.tut-beats[data-astro-cid-tk2gjjpx] li[data-astro-cid-tk2gjjpx]{font-family:var(--ff-serif);font-size:20px;line-height:1.5;padding-left:24px;position:relative;color:color-mix(in srgb,var(--ink) 88%,transparent)}.tut-beats[data-astro-cid-tk2gjjpx] li[data-astro-cid-tk2gjjpx]:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:var(--accent)}.tut-body[data-astro-cid-tk2gjjpx] b[data-astro-cid-tk2gjjpx]{font-family:var(--ff-display);font-weight:700;font-size:.92em}.tut-cta[data-astro-cid-tk2gjjpx]{margin-top:64px;padding:40px;background:var(--bg-2);color:#f3ede2;border-radius:var(--radius-lg)}.tut-cta-k[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:11px;letter-spacing:2px;color:var(--accent);display:block;margin-bottom:16px}.tut-cta[data-astro-cid-tk2gjjpx] p[data-astro-cid-tk2gjjpx]{font-family:var(--ff-serif);font-size:24px;line-height:1.4;color:inherit;margin:0 0 22px}.tut-cta-link[data-astro-cid-tk2gjjpx]{font-family:var(--ff-mono);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);text-decoration:none}