:root{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:2.074rem;--text-section:1.728rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(95.7% .013 82);--color-paper-2:oklch(92.8% .021 79);--color-paper-3:oklch(99.4% .007 89);--color-ink:oklch(21% .011 81);--color-ink-2:oklch(30% .013 78);--color-muted:oklch(50% .017 64);--color-rule:oklch(89.7% .02 80);--color-white:oklch(99.5% .003 82);--color-accent:oklch(56% .225 2);--color-accent-deep:oklch(49% .205 2);--color-accent-2:oklch(87.6% .179 119);--color-slot:oklch(95% .021 355);--color-accent-ink:oklch(99.5% .003 82);--color-focus:oklch(56% .225 2);--font-display:"Unbounded", "Arial Black", ui-sans-serif, sans-serif;--font-body:"Nunito Sans", ui-sans-serif, system-ui, sans-serif;--font-outlier:"Nunito Sans", ui-sans-serif, system-ui, sans-serif;--radius-card:18px;--radius-pill:999px;--rule-hair:1px;--rule-bar:2px;--shadow-card:5px 6px 0 var(--color-ink);--shadow-press:1px 1px 0 var(--color-ink);--tracking-display:-.01em;--display-weight:800;--color-head:oklch(97.8% .012 92);--color-hoop:oklch(80% .01 250);--color-hoop-deep:oklch(62% .012 250);--color-brass:oklch(81% .118 84);--color-brass-deep:oklch(68% .112 74);--color-brass-ring:oklch(74% .112 78);--color-wrap-studio:oklch(56% .225 2);--color-wrap-rock:oklch(30% .013 78);--color-wrap-mallets:oklch(87.6% .179 119);--color-wrap-marching:oklch(99.5% .003 82);--color-stage:oklch(92.8% .021 79);--color-shadow:oklch(21% .011 81)}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:var(--color-accent-2);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(1.08)contrast(1.05)}body{line-height:1.55}h1,h2,h3{line-height:1.08}h3{font-size:var(--text-lg)}a:hover{text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);display:flex}.wordmark{white-space:nowrap;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:var(--tracking-display);color:var(--color-ink);text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:28px;height:28px}.wordmark-shell{fill:var(--color-accent);stroke:var(--color-ink);stroke-width:1.5px}.wordmark-head{fill:var(--color-head);stroke:var(--color-ink);stroke-width:1.5px}.wordmark:hover{text-decoration:none}.wordmark:hover .wordmark-shell{fill:var(--color-accent-deep)}.lang{position:relative}.lang summary{align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 2px var(--color-ink);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:16px;height:16px}.lang summary:hover{background:var(--color-paper-2)}.lang summary:active{background:var(--color-rule)}.lang[open] summary{background:var(--color-ink);color:var(--color-paper)}.lang ul{right:0;top:calc(100% + var(--space-xs));z-index:var(--z-dropdown);padding:var(--space-xs);background:var(--color-paper-3);border:6px solid var(--color-white);border-radius:var(--radius-card);min-width:200px;box-shadow:var(--shadow-card);margin:0;list-style:none;position:absolute}.lang a{padding:var(--space-xs) var(--space-sm);border-radius:10px;text-decoration:none;display:block}.lang a:hover{background:var(--color-paper-2)}.lang a[aria-current=page]{background:var(--color-accent-2);font-weight:700}.stage{padding-block:var(--space-xs) var(--space-2xl)}.stage-head{align-items:baseline;gap:var(--space-2xs) var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.stage-head h1{max-width:none}.stage-head .lead{color:var(--color-ink-2)}.drum-controls{align-items:center;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.ctl{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.ctl-label{font-size:var(--text-sm);color:var(--color-muted);font-weight:700}.select{position:relative}.select select{-webkit-appearance:none;appearance:none;height:40px;padding:0 36px 0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);font-weight:700;font-size:var(--text-md);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);border:0}.select select:hover{background:var(--color-paper-2)}.select select:active{background:var(--color-rule)}.select select:disabled{opacity:.5;cursor:not-allowed}.select-caret{fill:none;width:12px;height:12px;stroke:var(--color-ink);stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;right:14px;translate:0 -50%}.fader{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:112px;height:44px;margin:0}.fader::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-ink) var(--level), var(--color-paper-2) var(--level));height:8px;box-shadow:inset 0 0 0 2px var(--color-ink)}.fader::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-ink) var(--level), var(--color-paper-2) var(--level));height:8px;box-shadow:inset 0 0 0 2px var(--color-ink)}.fader::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:calc(-1 * var(--space-xs));background:var(--color-accent);border:3px solid var(--color-white);box-shadow:2px 2px 0 var(--color-ink);transition:translate var(--dur-micro) var(--ease-out);border-radius:50%}.fader::-moz-range-thumb{background:var(--color-accent);border:3px solid var(--color-white);width:16px;height:16px;box-shadow:2px 2px 0 var(--color-ink);border-radius:50%}.fader:hover::-webkit-slider-thumb{background:var(--color-accent-deep)}.fader:active::-webkit-slider-thumb{box-shadow:var(--shadow-press);translate:1px 1px}.fader:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-pill)}.fader:disabled{opacity:.5;cursor:not-allowed}.seg{padding:var(--space-2xs);gap:var(--space-3xs);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 2px var(--color-ink);background:var(--color-paper-3);display:inline-flex}.seg-btn{height:34px;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0}.seg-btn:hover{background:var(--color-paper-2)}.seg-btn:active{background:var(--color-rule)}.seg-btn[aria-checked=true]{background:var(--color-ink);color:var(--color-paper)}.seg-btn:disabled{opacity:.5;cursor:not-allowed}.chip{height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), translate var(--dur-micro) var(--ease-out);border:0;align-items:center;text-decoration:none;display:inline-flex}.chip:hover{background:var(--color-paper-2);text-decoration:none}.chip:active{background:var(--color-rule);translate:1px 1px}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.chip:disabled{opacity:.5;cursor:not-allowed}.link-btn{color:var(--color-ink);font:inherit;text-decoration:underline;text-decoration-color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.link-btn:hover{text-decoration-thickness:2px}.kit{padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-stage);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;container:kit/inline-size}.kit-stage{aspect-ratio:2.2;width:min(100%,220svh - 660px);min-width:min(100%,640px);margin-inline:auto;position:relative}.kit[data-kit=studio]{--wrap:var(--color-wrap-studio);--wrap-ink:var(--color-white)}.kit[data-kit=rock]{--wrap:var(--color-wrap-rock);--wrap-ink:var(--color-white)}.kit[data-kit=mallets]{--wrap:var(--color-wrap-mallets);--wrap-ink:var(--color-ink);--wrap-hit:var(--color-accent)}.kit[data-kit=marching]{--wrap:var(--color-wrap-marching);--wrap-ink:var(--color-ink)}.piece{left:var(--x);top:var(--y);width:var(--d);aspect-ratio:var(--ar,1);border-radius:50%;position:absolute;translate:-50% -50%}.piece-shadow{border-radius:inherit;background:var(--color-shadow);position:absolute;inset:0;transform:translate(5px,6px)}.piece-face{border-radius:inherit;transition:transform var(--dur-short) var(--ease-out);position:absolute;inset:0}.piece.is-hit .piece-face{transition:none;transform:translate(4px,5px)}.piece--crash.is-hit .piece-face,.piece--ride.is-hit .piece-face,.piece--hihat.is-hit .piece-face{transform:translate(4px,5px)rotate(-4deg)}.zone{border-radius:inherit;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.zone .zone{inset:var(--inner,14%)}.zone-label{z-index:2;padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;font-weight:700;line-height:1.5;position:relative}.zone:has(>.zone)>.zone-label{top:calc(var(--inner,14%) / 2);position:absolute;translate:0 -50%}.zone--head,.zone--ring{background:var(--wrap);border:6px solid var(--color-white)}.zone--head:before{content:"";background:var(--color-head);box-shadow:0 0 0 3px var(--color-hoop), 0 0 0 5px var(--color-ink);border-radius:50%;position:absolute;inset:11%}.zone .zone--head{background:var(--color-head);box-shadow:0 0 0 3px var(--color-hoop), 0 0 0 5px var(--color-ink);border:0}.zone .zone--head:before{display:none}.piece--snare{--inner:15%}.zone--head.is-down:before,.zone .zone--head.is-down{background:var(--color-accent-2)}.zone--ring.is-down{background:var(--wrap-hit,var(--color-accent-2))}.zone--cymbal{background:var(--color-brass);border:6px solid var(--color-white)}.zone--cymbal:before,.zone--cymbal:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.zone--cymbal:before{border:2px solid var(--color-brass-ring);inset:18%}.zone--cymbal:after{background:var(--color-brass-deep);inset:38%}.zone--cymbal:has(>.zone):before,.zone--cymbal:has(>.zone):after{display:none}.zone .zone--cymbal{background:var(--color-brass-ring);box-shadow:0 0 0 2px var(--color-brass-deep);border:0}.zone .zone--cymbal:before{inset:22%}.zone .zone--cymbal:after{inset:40%}.piece--hihat{--inner:17%}.piece--ride{--inner:34%}.zone--cymbal.zone--ride:before{display:block;inset:14%}.zone--bell{background:var(--color-brass-deep);box-shadow:0 0 0 2px var(--color-brass-ring)}.zone--cymbal.is-down,.zone--bell.is-down{background:var(--color-accent-2)}.piece--kick,.piece--pedal{border-radius:14%}.zone--kick{background:var(--wrap);border:6px solid var(--color-white);box-shadow:inset 0 9px 0 var(--color-hoop), inset 0 -9px 0 var(--color-hoop)}.zone--kick .zone-label{font-size:var(--text-sm)}.zone--kick.is-down{background:var(--wrap-hit,var(--color-accent-2))}.zone--pedal{background:var(--color-ink-2);border:6px solid var(--color-white);box-shadow:inset 0 0 0 3px var(--color-hoop-deep)}.zone--pedal.is-down{background:var(--color-accent-2)}.piece--crash{--x:15%;--y:22%;--d:20%}.piece--hihat{--x:10%;--y:63%;--d:15%}.piece--pedal{--x:10%;--y:89%;--d:6.5%;--ar:.85}.piece--snare{--x:27%;--y:67%;--d:17%}.piece--tom1{--x:39%;--y:27%;--d:14%}.piece--tom2{--x:55%;--y:27%;--d:15.5%}.piece--kick{--x:46.5%;--y:73%;--d:19%;--ar:1.35}.piece--floor{--x:66.5%;--y:69%;--d:18.5%}.piece--ride{--x:86%;--y:41%;--d:25%}.kit-status{left:50%;top:var(--space-sm);z-index:3;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);box-shadow:2px 3px 0 var(--color-ink);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;margin:0;font-weight:700;position:absolute;translate:-50%}.kit-status:empty{display:none}.kit-status.is-error{pointer-events:auto;white-space:normal;text-align:center}.kit-hint{left:50%;bottom:var(--space-md);z-index:3;max-width:calc(100% - 2 * var(--space-md));padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);text-align:center;pointer-events:none;margin:0;font-weight:700;position:absolute;translate:-50%}@container kit (width<=600px){.kit-stage{aspect-ratio:4/5;width:100%;min-width:0}.piece--crash{--x:22%;--y:16%;--d:37%}.piece--ride{--x:76%;--y:17%;--d:41%}.piece--tom1{--x:33%;--y:44%;--d:27%}.piece--tom2{--x:67%;--y:45%;--d:29%}.piece--hihat{--x:17%;--y:68%;--d:30%}.piece--snare{--x:48%;--y:71%;--d:29%}.piece--floor{--x:82%;--y:69%;--d:30%}.piece--kick{--x:64%;--y:90%;--d:34%;--ar:1.8}.piece--pedal{--x:17%;--y:90%;--d:15%;--ar:1}.zone-label{padding:0 var(--space-2xs);font-size:var(--text-xs)}.piece--ride{--inner:31%}.kit-hint{width:fit-content;margin:var(--space-xs) auto 0;position:static;translate:none}}.section{padding-block:var(--section-gap-s) 0}.section--band{margin-top:var(--space-3xl);padding-block:var(--space-2xl);background:var(--color-paper-2)}.section-intro{margin-top:var(--space-sm);max-width:62ch;color:var(--color-ink-2)}.howto-grid{gap:var(--space-xl);display:grid}@media (width>=60rem){.howto-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}.steps{counter-reset:step;margin:var(--space-lg) 0 0;gap:var(--space-sm);max-width:60ch;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;gap:var(--space-sm);grid-template-columns:2.25rem minmax(0,1fr);align-items:start;display:grid}.steps li:before{content:counter(step);background:var(--color-accent-2);width:2.25rem;height:2.25rem;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid}.keymap{min-width:0;margin:0}.keyboard{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);display:grid}.keyboard-row{gap:var(--space-xs);grid-template-columns:repeat(14,minmax(0,1fr));display:grid}.keyboard-row>.keycap{grid-column:span 2}.keyboard-row--1>.keycap:first-child{grid-column:2/span 2}.keyboard-row--2>.keycap:first-child{grid-column:3/span 2}.keyboard-row--space>.keycap{grid-column:5/span 7}.keycap{align-content:start;gap:var(--space-3xs);min-width:0;padding:var(--space-xs);border:4px solid var(--color-white);background:var(--color-paper-3);box-shadow:3px 4px 0 var(--color-ink);border-radius:12px;display:grid}.keycap b{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.1}.keycap span{font-size:var(--text-sm);color:var(--color-ink-2);overflow-wrap:break-word;hyphens:auto;line-height:1.25}.keymap-legend{margin:var(--space-md) 0 0;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);padding:0;list-style:none;display:grid}@media (width<=40rem){.keyboard{padding:var(--space-xs);gap:var(--space-2xs)}.keyboard-row{gap:var(--space-xs);grid-template-columns:repeat(4,minmax(0,1fr))}.keyboard-row>.keycap,.keyboard-row--1>.keycap:first-child,.keyboard-row--2>.keycap:first-child{grid-column:auto}.keyboard-row--space>.keycap{grid-column:span 2}.keycap{padding:var(--space-2xs) var(--space-xs);box-shadow:2px 3px 0 var(--color-ink);border-width:3px;border-radius:8px}.keycap b{font-size:var(--text-md)}.keycap span{font-size:var(--text-xs)}}.kit-list{margin:var(--space-xl) 0 0;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (width>=40rem){.kit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.kit-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.kit-card{align-content:start;justify-items:start;gap:var(--space-sm);padding:var(--space-lg);border:6px solid var(--color-white);border-radius:var(--radius-card);background:var(--card);color:var(--card-ink);box-shadow:var(--shadow-card);display:grid}.kit-card:nth-child(odd){rotate:-1deg}.kit-card:nth-child(2n){rotate:1.2deg}.kit-card h3{font-size:var(--text-xl)}.kit-card .chip{margin-top:var(--space-2xs);background:var(--color-white);color:var(--color-ink)}.kit-card .chip:hover{background:var(--color-paper-2)}.kit-card :focus-visible{outline-color:var(--card-ink)}.kit-card .chip[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink);box-shadow:inset 0 0 0 2px var(--chip-on-ink)}.kit-card--studio{--card:var(--color-wrap-studio);--card-ink:var(--color-accent-ink);--chip-on:var(--color-accent-2);--chip-on-ink:var(--color-ink)}.kit-card--rock{--card:var(--color-wrap-rock);--card-ink:var(--color-paper);--chip-on:var(--color-accent-2);--chip-on-ink:var(--color-ink)}.kit-card--mallets{--card:var(--color-wrap-mallets);--card-ink:var(--color-ink);--chip-on:var(--color-ink);--chip-on-ink:var(--color-paper)}.kit-card--marching{--card:var(--color-wrap-marching);--card-ink:var(--color-ink);--chip-on:var(--color-ink);--chip-on-ink:var(--color-paper)}.about-cols{margin-top:var(--space-lg);gap:var(--space-md) var(--gap-columns);display:grid}@media (width>=60rem){.about-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}.faq-list{margin:var(--space-lg) 0 0;max-width:72ch;padding:0;list-style:none}.faq-list li{border-top:var(--rule-bar) dashed var(--color-rule)}.faq-list li:last-child{border-bottom:var(--rule-bar) dashed var(--color-rule)}.faq-list summary{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:56px;padding-block:var(--space-sm);cursor:pointer;border-radius:8px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--color-ink-2)}.faq-list summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px;transition:transform var(--dur-short) var(--ease-out);flex:none}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{padding-bottom:var(--space-md);color:var(--color-ink-2)}.ad{margin-top:var(--space-3xl)}.ad-box{min-height:280px}.ad iframe:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ad:has(ins[data-ad-status=unfilled]){display:none}.footer{margin-top:var(--space-3xl);padding-block:var(--space-2xl) var(--space-xl);background:var(--color-ink);color:var(--color-paper)}.footer-grid{gap:var(--space-lg);display:grid}.footer-langs{gap:var(--space-xs) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer a{color:var(--color-paper);text-decoration:none}.footer a:hover{text-decoration:underline;text-decoration-color:var(--color-accent-2)}.footer a[aria-current=page]{color:var(--color-accent-2)}.footer :focus-visible{outline-color:var(--color-accent-2)}.footer-bottom{gap:var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.prose{padding-block:var(--space-xl) var(--space-3xl)}.prose h1{margin-bottom:var(--space-md)}.prose h2{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:var(--text-xl)}.prose p+p{margin-top:var(--space-sm)}@media (width<=40rem){.topbar{padding-block:var(--space-sm)}.stage-head{margin-bottom:var(--space-sm)}h1{font-size:var(--text-xl)}.stage-head .lead{font-size:var(--text-sm)}.drum-controls{gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm)}.fader{width:84px}.kit{padding:var(--space-xs)}}html,body{overflow-x:clip}