@font-face{font-family:jost variable;src:url(/fonts/jost-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"source sans 3 variable";src:url(/fonts/source-sans-3-latin-wght-normal.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:"source sans 3 variable";src:url(/fonts/source-sans-3-latin-wght-italic.woff2)format("woff2");font-weight:200 900;font-style:italic;font-display:swap}:root{--black:#000;--white:#fff;--gorse:#ffce00;--stage:#121212;--panel:#1f1f1f;--ink-2:#474747;--ink-3:#696969;--paper-2:#bfbfbf;--paper-3:#969696;--display:"Jost Variable", Jost, ui-sans-serif, system-ui, sans-serif;--text:"Source Sans 3 Variable", "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--wrap:1040px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--white);color:var(--black);font:1.125rem/1.6 var(--text)}@media(max-width:600px){body{font-size:1.0625rem}}::selection{background:var(--gorse);color:var(--black)}.top,.hero,.about,.site-foot{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--display);font-weight:500}a{color:inherit;text-decoration:underline;text-decoration-color:var(--gorse);text-decoration-thickness:2px;text-underline-offset:.2em}a:hover{background:var(--gorse);color:var(--black);text-decoration-color:var(--black)}:focus-visible{outline:3px solid var(--gorse);outline-offset:2px;box-shadow:0 0 0 2px var(--black)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:10;padding:8px 14px;background:var(--gorse);color:var(--black);font:500 1rem var(--display)}.skip:focus{top:12px}.wrap{max-width:var(--wrap);margin:0 auto}.top{background:var(--black);color:var(--white)}.top-inner{max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:500 1.25rem/1 var(--display);letter-spacing:.01em;text-decoration:none;color:inherit;white-space:nowrap}.brand:hover{background:0 0;color:inherit}.brand .icon{display:inline-block;width:var(--g-size);height:var(--g-size);vertical-align:var(--g-drop);margin-right:.1em}.brand{--g-size:1.24em;--g-drop:-0.27em}@media(max-width:360px){.top-inner{gap:12px}.brand{font-size:1.125rem}.top ul{gap:14px}}.top ul{list-style:none;display:flex;gap:clamp(18px,3vw,36px);margin:0;padding:0;font:500 1.0625rem/1 var(--display)}.top ul a{display:inline-block;padding:8px 0;text-decoration:none}.top ul a[aria-current]{text-decoration:underline;text-decoration-color:var(--gorse);text-decoration-thickness:2px;text-underline-offset:.35em}.top ul a:hover{background:0 0;color:var(--gorse)}.hero{--stage-pad:clamp(18px, 3.5vw, 44px);--logo:max(280px, calc((100vh - 330px) * 2.34));background:var(--black);color:var(--white);padding:clamp(16px,3vh,32px)var(--gutter)clamp(32px,6vh,64px)}.hero-inner{max-width:var(--wrap);margin:0 auto}.console{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-bottom:12px;padding:8px 18px 8px 8px;background:var(--panel);border-radius:16px}.console[hidden]{display:none}.sound{appearance:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:4px 16px 4px 4px;border-radius:999px;background:var(--black);color:var(--white);font:500 1rem/1 var(--display);white-space:nowrap}.sound:hover{color:var(--gorse)}.sound:focus-visible{outline:3px solid var(--gorse);outline-offset:2px;box-shadow:none}.sound-dot{width:40px;height:40px;flex:none}.sound-dot circle{fill:var(--gorse)}.sound-dot .speaker{fill:var(--black)}.sound-dot .waves,.sound-dot .hush{fill:none;stroke:var(--black);stroke-width:2;stroke-linecap:round}.sound[aria-pressed=false] .waves,.sound[aria-pressed=true] .hush{display:none}.action{position:relative;flex:1 1 12rem;margin:0;min-height:1.5em;font:500 1.0625rem/1.5 var(--display)}.action .hint,.action .caption{transition:opacity .25s}.action .hint{color:var(--paper-3)}.action .caption{position:absolute;left:0;top:0;color:var(--gorse);opacity:0;white-space:nowrap}.action.is-saying .hint{opacity:0}.action.is-saying .caption{opacity:1}.scale{display:flex;flex-direction:column;gap:2px;margin:0;min-width:9.5rem}.scale-name{font:500 .9375rem/1.2 var(--display);color:var(--white);transition:color .3s}.scale-notes{font:.875rem/1.2 var(--display);color:var(--paper-3);word-spacing:.3em}.scale.is-new .scale-name{color:var(--gorse)}.phrase-words{display:flex;gap:2px;margin:0;font:500 .9375rem/1 var(--display);color:var(--paper-3)}.phrase-words [data-q]{padding:8px 10px 6px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.phrase-words [data-q].is-now{color:var(--gorse);border-bottom-color:var(--gorse)}.stage{position:relative;isolation:isolate;overflow:hidden;padding:var(--stage-pad);background:var(--stage);border-radius:20px}.stage .pollen{position:absolute;inset:0;z-index:0;width:100%!important;height:100%!important;pointer-events:none}@supports(height:100svh){.hero{--logo:max(280px, calc((100svh - 330px) * 2.34))}}.lockup{position:relative;z-index:1;margin:0 auto;width:min(100%,var(--logo))}.instrument{position:relative;margin:-4% -2%;padding:4% 2%;border-radius:14px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.is-sounding .instrument{touch-action:none}.instrument:focus-visible{outline:2px solid var(--gorse);outline-offset:-2px;box-shadow:none}.gorse{display:block;width:100%;height:auto;overflow:visible;color:var(--white)}.gorse .spine{fill:currentColor}.gorse .stem{fill:none;stroke:currentColor;stroke-width:1.81;stroke-linejoin:round;shape-rendering:crispEdges}.gorse .stem.is-moving{shape-rendering:auto}.gorse .flower{fill:var(--gorse);transform-box:fill-box;transform-origin:center}.is-playable .gorse .flower{cursor:pointer}.gorse .ring{fill:none;stroke:var(--gorse);stroke-width:1.5px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;pointer-events:none}.gorse .ring-soft{stroke:var(--white)}.gorse .seed{fill:var(--gorse);pointer-events:none}.gorse .cursor{fill:none;stroke:var(--gorse);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.instrument:not(.keys-on) .cursor{display:none}.wordmark{margin:5.47% 0 0;line-height:0;font-size:0}.lettering{display:block;width:100%;height:auto;fill:var(--white)}.hero-foot{width:min(100% - 2 * var(--stage-pad),var(--logo));margin:clamp(24px,4vh,44px)auto 0;display:grid;grid-template-columns:52.83% minmax(0,1fr);row-gap:20px;align-items:start}.lede{margin:0;padding-right:24px;font:clamp(1.375rem,.95rem + 1.3vw,1.875rem)/1.25 var(--display);text-wrap:balance}.play-text[hidden]{display:none}.play-text p{margin:0;max-width:62ch;font-size:1rem;line-height:1.5;color:var(--paper-2)}.play-text p+p{margin-top:8px}@media(hover:none) and (pointer:coarse){.keys{display:none}}@media(max-width:760px){.hero-foot{grid-template-columns:1fr}.lede{padding-right:0}.console{padding-right:8px}.action{flex-basis:5rem;font-size:1rem}.phrase-words{width:100%;justify-content:space-between;font-size:.875rem}.phrase-words [data-q]{padding:6px 4px 4px}}@media(max-width:640px){.instrument{margin:-6% -3%;padding:6% 3%}}.section{padding:clamp(56px,9vw,120px)var(--gutter)}.section+.section{padding-top:0}.intro{max-width:34ch;margin:0 0 clamp(48px,7vw,88px);font:clamp(1.375rem,1rem + 1vw,1.75rem)/1.35 var(--display)}.intro p{margin:0}.intro.todo{outline:2px dashed var(--gorse);outline-offset:14px;color:var(--ink-3);font-family:var(--text);font-size:1.125rem}.group,.split{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,2fr);gap:20px clamp(24px,5vw,72px)}.group+.group{margin-top:clamp(48px,7vw,88px)}.group h2,.split>h2{margin:0;font-size:clamp(1.75rem,1.25rem + 1.5vw,2.25rem);line-height:1.15}@media(max-width:760px){.group,.split{grid-template-columns:1fr}}.product-list{list-style:none;margin:0;padding:0 0 0 40px}.product-list li{position:relative}.product-list li+li{margin-top:36px}.product-list .bloom{position:absolute;left:-40px;top:4px}.product-list h3{margin:0 0 4px;font-size:1.5rem;line-height:1.25}.product-list h3 a{text-decoration:none}.product-list h3 a:hover{background:0 0;text-decoration:underline;text-decoration-color:var(--gorse);text-decoration-thickness:3px}.product-list p{margin:0;max-width:54ch;color:var(--ink-2)}.status{font-weight:600;color:var(--black)}.bloom{display:block;width:24px;height:24px;flex:none}.bloom circle{fill:var(--gorse);stroke:var(--black);stroke-width:1.5}.bloom-idea circle{fill:var(--white)}.note-list{list-style:none;margin:0;padding:0}.note-list li+li{margin-top:28px}.note-list h2,.note-list h3{margin:0;font-size:1.375rem;line-height:1.3}.note-list p{margin:4px 0 0;color:var(--ink-2);max-width:60ch}.meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0 0 4px;font-size:.9375rem;color:var(--ink-3)}.empty{margin:0;max-width:46ch;color:var(--ink-2)}.split>div>p:last-child:not(.empty){margin:28px 0 0;font:500 1.0625rem var(--display)}.about{background:var(--black);color:var(--white);padding:clamp(56px,8vw,96px)var(--gutter)clamp(8px,2vw,24px)}.about p{margin:0;max-width:38ch;font:clamp(1.25rem,1rem + .9vw,1.625rem)/1.4 var(--display)}.site-foot{background:var(--black);color:var(--paper-2);padding:48px var(--gutter)40px;font-size:1rem}.foot-grid{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(0,1fr);gap:28px clamp(24px,5vw,72px);align-items:start;padding-top:8px}.site-foot .brand{color:var(--white);font-size:1.125rem}.site-foot h2{margin:0 0 8px;font-size:1rem;color:var(--white)}.site-foot ul{list-style:none;margin:0;padding:0}.site-foot li+li{margin-top:4px}.site-foot a{color:var(--white)}.colophon{margin-top:36px;font-size:.9375rem;color:var(--paper-3)}@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}.page{padding:clamp(40px,7vw,88px)var(--gutter)clamp(64px,9vw,120px)}.page-head{max-width:46rem;margin-bottom:clamp(40px,6vw,72px)}.page-head h1{margin:0;font-size:clamp(2.25rem,1.4rem + 2.8vw,3.5rem);line-height:1.08;letter-spacing:-.01em}.crumb{margin:0 0 18px;font:500 1rem var(--display)}.page-intro p{margin:16px 0 0;font-size:1.25rem;line-height:1.45;color:var(--ink-2)}.standfirst{max-width:42ch;margin:22px 0 0;font-size:1.25rem;line-height:1.45;color:var(--ink-2)}.page-head .meta{margin-bottom:10px}.product-page{display:grid;grid-template-columns:minmax(0,1fr);row-gap:64px}@media(min-width:900px){.product-page{grid-template-columns:12rem minmax(0,1fr);column-gap:clamp(40px,6vw,88px)}.product-page>.product{grid-column:2;grid-row:1}.product-page>.product-menu{grid-column:1;grid-row:1;position:sticky;top:32px;align-self:start;padding-top:12px}}.product-menu{font:500 1rem/1.3 var(--display)}.product-menu-head{margin:0 0 4px;font-size:1.125rem}.product-menu-group{margin:22px 0 8px;font-size:.9375rem;color:var(--ink-3)}.product-menu ul{list-style:none;margin:0;padding:0}.product-menu li+li{margin-top:6px}.product-menu ul a{position:relative;display:inline-block;padding:2px 0 2px 20px;text-decoration:none}.product-menu ul a:hover{background:0 0;text-decoration:underline;text-decoration-color:var(--gorse);text-decoration-thickness:2px}.product-menu a[aria-current]{font-weight:600}.product-menu a[aria-current]::before{content:"";position:absolute;left:2px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--gorse);box-shadow:0 0 0 1.5px var(--black)}.page-art{display:block;width:min(100%,280px);height:auto;margin:18px 0 0 -6px}@media(min-width:1100px){.page-head.has-art{max-width:none;display:grid;grid-template-columns:minmax(0,1fr)240px;column-gap:48px}.page-head.has-art>*{grid-column:1}.page-head.has-art>.page-art{grid-column:2;grid-row:1/span 3;align-self:center;width:240px;margin:0}}.product-status{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:var(--ink-2)}.product-status strong{color:var(--black);font-weight:600}.product .page-head{margin-bottom:clamp(28px,3.5vw,40px)}.product .standfirst,.entry .standfirst{max-width:34ch;padding-left:16px;margin-left:2px;border-left:3px solid var(--gorse);font:1.375rem/1.35 var(--display);color:var(--black)}.legend{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:26px 0 0;padding:0;font-size:1rem;color:var(--ink-2)}.legend li{display:flex;align-items:center;gap:8px}.legend strong{color:var(--black);font-weight:600}.legend .bloom{width:18px;height:18px}.prose{max-width:38rem}.prose h2{margin:44px 0 10px;font-size:1.5rem;line-height:1.25}.prose h2:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose blockquote{margin:24px 0;padding-left:18px;border-left:3px solid var(--gorse);color:var(--ink-2)}.prose code{font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.prose pre{overflow-x:auto;padding:4px 0 4px 16px;border-left:3px solid var(--gorse)}.prose img{max-width:100%;height:auto}.product-links{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:8px 0 0;padding:0;font:500 1.0625rem var(--display)}.entry-foot{max-width:38rem;margin-top:56px}.entry-foot h2{margin:0 0 10px;font-size:1rem}.tags{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.tags.large{font-size:1.25rem}.tags .count{color:var(--ink-3);font-size:.9375rem}figure.audio{margin:24px 0}figure.audio audio{width:100%}figure.audio figcaption{margin-top:6px;font-size:.9375rem;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}