.nowrap[data-astro-cid-lags6wg3]{white-space:nowrap}a[data-astro-cid-lags6wg3] svg[data-astro-cid-lags6wg3]{color:var(--gray-11);display:inline;vertical-align:middle;inline-size:auto;block-size:1.1em;margin-block-start:-.15em;margin-inline-end:.2em}a[data-astro-cid-lags6wg3]:hover svg[data-astro-cid-lags6wg3]{color:var(--gray-12)}.transitioning #phone[data-astro-cid-i45gwdcj] [data-astro-cid-i45gwdcj]{transition:fill .2s ease-in-out,stroke .2s ease-in-out}.link-wrapper[data-astro-cid-i45gwdcj]{display:inline-block;transform:rotate(-4deg)}svg[data-astro-cid-i45gwdcj]{overflow:visible}.phone[data-astro-cid-i45gwdcj]{fill:var(--blue-4);stroke:var(--blue-12);stroke-width:3px;vector-effect:non-scaling-stroke}.eva[data-astro-cid-i45gwdcj],.designs[data-astro-cid-i45gwdcj],.and[data-astro-cid-i45gwdcj],.builds[data-astro-cid-i45gwdcj],.for[data-astro-cid-i45gwdcj],.the[data-astro-cid-i45gwdcj],.web[data-astro-cid-i45gwdcj],.heart[data-astro-cid-i45gwdcj],.music[data-astro-cid-i45gwdcj],.smiley[data-astro-cid-i45gwdcj],.sensors[data-astro-cid-i45gwdcj],.homebar[data-astro-cid-i45gwdcj]{fill:var(--blue-12)}.sketch[data-astro-cid-i45gwdcj]{stroke:var(--blue-12)}.time[data-astro-cid-i45gwdcj]{font-family:system-ui,-apple-system,Segoe UI,roboto,Helvetica Neue,sans-serif;font-size:11px;font-weight:700;fill:var(--blue-12);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion: no-preference){[data-astro-cid-i45gwdcj][data-animating=true] .sketch[data-astro-cid-i45gwdcj]{stroke-dasharray:1;stroke-dashoffset:1;animation-name:stroke;animation-timing-function:linear;animation-fill-mode:both}[data-astro-cid-i45gwdcj][data-animating=true] .sprout[data-astro-cid-i45gwdcj]{animation-duration:.3s}[data-astro-cid-i45gwdcj][data-animating=true] .sprout-leaf[data-astro-cid-i45gwdcj]{animation-duration:.2s;animation-delay:.3s}[data-astro-cid-i45gwdcj][data-animating=true] .curls[data-astro-cid-i45gwdcj]{animation-duration:.5s;animation-delay:.5s}[data-astro-cid-i45gwdcj][data-animating=true] .flower-petals[data-astro-cid-i45gwdcj]{animation-duration:1s;animation-delay:1s}[data-astro-cid-i45gwdcj][data-animating=true] .flower-center[data-astro-cid-i45gwdcj]{animation-duration:.5s;animation-delay:2s}}.synth-base[data-astro-cid-aygdy6nt]{fill:var(--red-4);stroke:var(--red-12);stroke-width:3px;vector-effect:non-scaling-stroke}.transitioning .synth-base[data-astro-cid-aygdy6nt]{transition:fill .2s ease-in-out,stroke .2s ease-in-out}.synth-keys-backdrop[data-astro-cid-vk7ffprd]{fill:var(--synth-stroke)}.synth-keys-outline[data-astro-cid-vk7ffprd]{fill:none;stroke:var(--synth-stroke);stroke-width:3px;vector-effect:non-scaling-stroke}.synth-key[data-astro-cid-vk7ffprd]{cursor:pointer;transition:fill .4s ease-out}.synth-key[data-astro-cid-vk7ffprd] .pressed-overlay[data-astro-cid-vk7ffprd]{fill:var(--synth-stroke);transform:translateY(2px);transition:transform .1s ease-out}.synth-key[data-astro-cid-vk7ffprd] .base[data-astro-cid-vk7ffprd]{transition:fill .4s ease-out;stroke:var(--synth-stroke);stroke-width:1.5px}.synth-key[data-astro-cid-vk7ffprd].white .base[data-astro-cid-vk7ffprd]{fill:var(--synth-whitekey)}.synth-key[data-astro-cid-vk7ffprd].black .base[data-astro-cid-vk7ffprd]{fill:var(--synth-blackkey)}.synth-key[data-astro-cid-vk7ffprd].pressed .base[data-astro-cid-vk7ffprd]{transition:none;fill:var(--synth-whitekey-pressed)}.synth-key[data-astro-cid-vk7ffprd].pressed.black .base[data-astro-cid-vk7ffprd]{fill:var(--synth-blackkey-pressed)}.synth-key[data-astro-cid-vk7ffprd].pressed .pressed-overlay[data-astro-cid-vk7ffprd]{transition:none;transform:translateY(0)}.key-letter[data-astro-cid-vk7ffprd]{fill:var(--synth-keyletter);opacity:0;transform:translateY(4px);transition:.4s ease-out}.key-letter[data-astro-cid-vk7ffprd].visible{opacity:1;transform:translateY(0)}.key-letter[data-astro-cid-vk7ffprd].fadeout{opacity:0;transition:opacity 1s ease-in;transition-delay:.2s}@keyframes press-start{0%,20%{transform:translateY(-10%)}to{transform:translateY(0)}}.lcd-bg[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-bg);stroke:var(--synth-stroke);stroke-width:3px;vector-effect:non-scaling-stroke}.lcd-highlight[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-light)}.lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-medium)}.notehead[data-astro-cid-xpfci5sh],.synth-instrument[data-astro-cid-xpfci5sh] .lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-dark)}.start[data-astro-cid-xpfci5sh]{cursor:pointer}[data-enabled=true] .start[data-astro-cid-xpfci5sh]{display:none}.start[data-astro-cid-xpfci5sh] .lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-dark)}.start[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]{animation:press-start 1s step-start infinite}.start[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]:nth-child(2){animation-delay:.1s}.start[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]:nth-child(3){animation-delay:.2s}.start[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]:nth-child(4){animation-delay:.3s}.start[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]:nth-child(5){animation-delay:.4s}.synth-randomize[data-astro-cid-xpfci5sh],[data-loading=true] .synth-randomize[data-astro-cid-xpfci5sh]{display:none}@media all and (pointer: coarse){.synth-randomize[data-astro-cid-xpfci5sh]{display:none}}@media not all and (pointer: coarse){.synth-instrument[data-astro-cid-xpfci5sh]:hover .instrument[data-astro-cid-xpfci5sh]{display:none}.synth-randomize[data-astro-cid-xpfci5sh] .synth-instrument[data-astro-cid-xpfci5sh]:hover{display:block}.instrument-arrow[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-dark)}}.instrument[data-astro-cid-xpfci5sh],.notehead[data-astro-cid-xpfci5sh],[data-enabled=false] .synth-instruments[data-astro-cid-xpfci5sh],[data-enabled=false] .synth-staff[data-astro-cid-xpfci5sh]{display:none}.synth-instrument[data-astro-cid-xpfci5sh],.instrument-arrow[data-astro-cid-xpfci5sh]{cursor:pointer}.synth[data-astro-cid-uhknsr27]{width:100%;max-width:540px;transform:rotate(2deg);--synth-whitekey: var(--red-4);--synth-whitekey-pressed: var(--red-1);--synth-blackkey: var(--red-12);--synth-blackkey-pressed: var(--red-11);--synth-stroke: var(--red-12);--synth-lcd-bg: var(--red-4);--synth-lcd-light: var(--red-2);--synth-lcd-medium: var(--red-11);--synth-lcd-dark: var(--red-12);--synth-keyletter: var(--red-12)}.dark .synth[data-astro-cid-uhknsr27]{--synth-whitekey: var(--red-12);--synth-whitekey-pressed: white;--synth-blackkey: var(--red-3);--synth-blackkey-pressed: var(--red-1);--synth-stroke: var(--red-1);--synth-lcd-bg: var(--red-12);--synth-lcd-light: white;--synth-lcd-medium: var(--red-5);--synth-lcd-dark: var(--red-3);--synth-keyletter: var(--red-3)}.synth[data-astro-cid-uhknsr27][data-loading=true]{pointer-events:none;cursor:default}.synth[data-astro-cid-uhknsr27]:focus,.synth[data-astro-cid-uhknsr27]:focus-within{outline:none}.synth[data-astro-cid-uhknsr27] svg[data-astro-cid-uhknsr27]{overflow:visible}@media (width < 600px){.synth[data-astro-cid-uhknsr27]{width:130%;margin-inline:-15%}}.visuallyhidden[data-astro-cid-j7pv25f6]{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pronouns[data-astro-cid-j7pv25f6]{color:var(--gray-11)}.grid[data-astro-cid-j7pv25f6]{display:grid;padding:var(--space-xl);grid-template:"phone intro intro" "phone synth synth" "postcard postcard postcard";grid-template-columns:repeat(3,1fr);gap:var(--space-3xl);width:960px;max-width:100%;margin-inline:auto;overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE5MjA5ZS0wNyAxTDAgMjRIMUwxIDFIMjRWMEgxSDEuMDcyODhlLTA2TDEuMTkyMDllLTA3IDFaIiBmaWxsPSIjODA4MDgwIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz4KPC9zdmc+Cg==);background-position:top left;background-position:center;box-shadow:inset 0 0 var(--space-3xl) var(--space-3xl) var(--gray-1)}@media (width < 900px){.grid[data-astro-cid-j7pv25f6]{width:660px;grid-template:"phone" "intro" "synth" "postcard";align-items:center}}.grid[data-astro-cid-j7pv25f6]>[data-astro-cid-j7pv25f6]{z-index:1}.transitioning .grid[data-astro-cid-j7pv25f6]{transition:box-shadow .2s ease-in-out}.phone[data-astro-cid-j7pv25f6]{grid-area:phone;display:flex;justify-content:center}.intro[data-astro-cid-j7pv25f6]{grid-area:intro;justify-self:flex-start}.intro[data-astro-cid-j7pv25f6] a{font-weight:var(--font-weight-bold)}.intro[data-astro-cid-j7pv25f6] a:hover{text-decoration:underline;text-decoration-color:var(--gray-8);text-underline-offset:.1em}.intro[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:var(--step-1);max-width:36ch;line-height:1.2;transform:rotate(-2deg);text-wrap:balance}@media (width < 900px){.intro[data-astro-cid-j7pv25f6]{place-self:center}}.synth[data-astro-cid-j7pv25f6]{grid-area:synth;display:flex;justify-content:center}.postcard[data-astro-cid-j7pv25f6]{grid-area:postcard}