@font-face{font-family:Anton;src:url(../fonts/anton.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(../fonts/barlow.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(../fonts/barlow-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(../fonts/barlow-semibold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(../fonts/barlow-condensed.woff2)format("woff2");font-weight:700;font-display:swap}:root{--paper:#f6f4ef;--ink:#111;--red:#f0443a;--on-red:#111;--red-ink:#c8281f;--blush:#fde6e2;--card:#fff;--graphite:#5e5b57;--stone:#d9d6cf;--mist:#ece9e3;--display:Anton, Impact, "Arial Narrow", sans-serif;--label:"Barlow Condensed", "Arial Narrow", sans-serif;--body:Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--ease:cubic-bezier(.2, .8, .2, 1);--gutter:clamp(16px, 4vw, 64px);--max:1360px;--header:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111;--ink:#f6f4ef;--red-ink:#ff8f83;--blush:#392421;--card:#191919;--graphite:#bcb8b1;--stone:#484540;--mist:#242321;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#111;--ink:#f6f4ef;--red-ink:#ff8f83;--blush:#392421;--card:#191919;--graphite:#bcb8b1;--stone:#484540;--mist:#242321;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px);-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--red);outline-offset:3px}h1,h2{font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-weight:400;line-height:.9}h2{letter-spacing:.005em;font-size:clamp(2.6rem,6.2vw,6rem)}h3{font:400 clamp(1.45rem, 2vw, 1.9rem)/1.05 var(--display);text-transform:uppercase}mark{background:var(--red);color:var(--on-red);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.02em .1em 0}h1 mark{margin-top:.06em;padding:.05em .08em 0;line-height:.88;display:inline-block}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lede{max-width:38ch;font-size:clamp(1.125rem,1.5vw,1.35rem);font-weight:500;line-height:1.5}.label{font:700 .9375rem/1.2 var(--label);letter-spacing:.06em;text-transform:uppercase}.skip{z-index:60;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip:focus{transform:none}.art{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .art img{filter:drop-shadow(5px 5px 0 var(--red))}}:root[data-theme=dark] .art img{filter:drop-shadow(5px 5px 0 var(--red))}.tone-invert{--paper:#111;--ink:#f6f4ef;--red-ink:#ff8f83;--blush:#392421;--card:#191919;--graphite:#bcb8b1;--stone:#484540;--mist:#242321;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tone-invert .art img{filter:drop-shadow(5px 5px 0 var(--red))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tone-invert{--paper:#f6f4ef;--ink:#111;--red-ink:#c8281f;--blush:#fde6e2;--card:#fff;--graphite:#5e5b57;--stone:#d9d6cf;--mist:#ece9e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme=light]) .tone-invert .art img{filter:none}}:root[data-theme=dark] .tone-invert{--paper:#f6f4ef;--ink:#111;--red-ink:#c8281f;--blush:#fde6e2;--card:#fff;--graphite:#5e5b57;--stone:#d9d6cf;--mist:#ece9e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] .tone-invert .art img{filter:none}.tone-invert{--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);background:var(--paper);color:var(--ink)}.loop-art{position:relative}.loop-art img{filter:none!important}.loop-art video{object-fit:contain;object-position:left bottom;width:100%;height:100%;position:absolute;inset:0}.btn{border:2px solid var(--ink);min-height:56px;box-shadow:var(--shadow);transition:transform .12s var(--ease), box-shadow .12s var(--ease);align-items:stretch;text-decoration:none;display:inline-flex}.btn>span{background:var(--red);color:var(--on-red);font:700 1.125rem/1 var(--label);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 22px;display:flex}.btn>i{background:var(--ink);width:56px;color:var(--paper);place-items:center;display:grid}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.text-btn,.text-link{min-height:44px;font:700 1rem/1.2 var(--label);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.text-btn .icon{width:18px;height:18px}.text-btn span,.text-link{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.text-btn:hover span,.text-link:hover{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.site-header{top:env(safe-area-inset-top,0px);z-index:40;background:var(--paper);border-bottom:2px solid #0000;transition:border-color .2s;position:sticky}.site-header.is-stuck{border-bottom-color:var(--ink)}.header-row{height:var(--header);align-items:center;gap:28px;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.brand span{font:400 1.9rem/1 var(--display);letter-spacing:.01em}.site-nav{gap:26px;display:flex}.site-nav a{font:700 1rem/1 var(--label);letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid #0000;padding:12px 0;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current]{border-bottom-color:var(--red)}.store-btn{border:2px solid var(--ink);height:44px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease);align-items:stretch;display:inline-flex}.store-btn>i{background:var(--ink);width:42px;color:var(--paper);place-items:center;display:grid}.store-btn .icon{width:20px;height:20px}.store-btn span{background:var(--red);color:var(--on-red);font:700 1rem/1 var(--label);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:0 14px;display:flex}.store-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.menu-btn{border:2px solid var(--ink);place-items:center;width:44px;height:44px;display:none}@media (max-width:920px){.header-row{gap:12px}.menu-btn{display:grid}.site-nav{padding:8px var(--gutter) 20px;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.site-header.menu-open .site-nav{display:flex}.site-header.menu-open{border-bottom-color:var(--ink)}.site-nav a{border-bottom:1px solid var(--stone);padding:14px 0;font-size:1.5rem}}@media (max-width:400px){.brand span{font-size:1.6rem}.store-btn span{padding:0 10px}}.site-footer{border-top:2px solid var(--ink);margin-top:clamp(64px,10vw,140px)}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-block:clamp(40px,6vw,80px) 28px;display:flex}.footer-line{font:400 clamp(2.4rem, 6vw, 5.5rem)/.92 var(--display);text-transform:uppercase;text-wrap:balance;max-width:15ch}.footer-line span{color:var(--red)}.footer-nav{flex-wrap:wrap;gap:8px 22px;display:flex}.footer-nav a{font:700 1rem/1 var(--label);letter-spacing:.05em;text-transform:uppercase;padding:12px 0;text-decoration:none}.footer-nav a:hover{-webkit-text-decoration:underline 2px var(--red);text-decoration:underline 2px var(--red);text-underline-offset:5px}.footer-legal{border-top:1px solid var(--stone);color:var(--graphite);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px;font-size:.875rem;display:flex}.piano-bar{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:18px 14px;display:flex}.piano-title{font:400 1.5rem/1 var(--display);text-transform:uppercase}.piano-tools{align-items:center;gap:6px;display:flex}.piano-tools button{border:2px solid var(--ink);place-items:center;width:40px;height:40px;display:grid}.piano-tools button:disabled{opacity:.35}.piano-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.piano-tools output{text-align:center;min-width:64px;font:700 1rem/1 var(--label);letter-spacing:.04em;font-variant-numeric:tabular-nums}.piano-hint{color:var(--graphite);margin-left:auto;font-size:.9375rem}.piano{grid-template-columns:repeat(var(--whites,28), 1fr);border-top:2px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;height:clamp(120px,16vw,190px);display:grid;position:relative}.piano-key{border-right:2px solid var(--ink);background:var(--card);justify-content:center;align-items:flex-end;padding-bottom:10px;transition:background 80ms;display:flex;position:relative}.piano-key.black{top:0;left:var(--left);width:calc(100% / var(--whites,28) * .62);z-index:1;background:var(--ink);height:60%;color:var(--paper);border:0;position:absolute}.piano-key.pressed{background:var(--red)}.key-label{font:700 .8125rem/1 var(--label);color:var(--graphite)}.piano-key.black .key-label{color:var(--stone)}.phone{aspect-ratio:393/852;box-shadow:12px 12px 0 var(--red);background:#161616;border-radius:50px;position:relative}.phone .screen{background:var(--paper);border-radius:40px;position:absolute;inset:10px;overflow:hidden}dialog{background:var(--paper);width:min(92vw,520px);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-lg);padding:36px 32px 32px}dialog::backdrop{background:#1111118c}dialog h2{margin-bottom:14px;padding-right:36px;font-size:clamp(2rem,6vw,2.9rem)}dialog p{margin-bottom:24px}.dialog-close{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}