.stage[data-astro-cid-qfxwi337]{perspective:var(--persp);perspective-origin:50% 40%}.scene[data-astro-cid-qfxwi337]{align-items:center;gap:var(--gap);transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateZ(var(--tilt-z));will-change:transform;display:flex}.slot[data-astro-cid-qfxwi337]{height:var(--u);transform-style:preserve-3d;position:relative}.slot[data-astro-cid-qfxwi337].ctrl{width:calc(var(--u) * 1.6)}.slot[data-astro-cid-qfxwi337].z{width:var(--u)}.glow[data-astro-cid-qfxwi337],.shadow[data-astro-cid-qfxwi337]{border-radius:var(--key-r);pointer-events:none;position:absolute;inset:0}.glow[data-astro-cid-qfxwi337]{opacity:.18;background:radial-gradient(#d11111bf 0%,#d1111147 45%,#d1111100 72%);inset:-14% -12%;transform:translateZ(-1px)}.shadow[data-astro-cid-qfxwi337]{box-shadow:0 0 calc(var(--u) * .18) calc(var(--u) * .08) #000000b3;opacity:.8;background:0 0;inset:6% 4%;transform:translateZ(-.5px)}.key[data-astro-cid-qfxwi337]{transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.face[data-astro-cid-qfxwi337]{backface-visibility:visible;position:absolute}.top[data-astro-cid-qfxwi337]{border-radius:var(--key-r);transform:translateZ(var(--key-h));background:linear-gradient(170deg, var(--key-top) 0%, var(--key-body) 60%, var(--key-top-lo) 100%);font-weight:600;font-size:calc(var(--u) * .14);letter-spacing:.01em;color:var(--legend);text-shadow:none;place-items:center;display:grid;inset:0;box-shadow:inset 0 1px #ffffff1a,inset 1px 0 #ffffff0a,inset 0 -1px #0009}.ctrl[data-astro-cid-qfxwi337] .top[data-astro-cid-qfxwi337]{padding-bottom:calc(var(--u) * .11);align-items:end}.ctrl[data-astro-cid-qfxwi337] .sym[data-astro-cid-qfxwi337]{top:calc(var(--u) * .09);right:calc(var(--u) * .11);font-size:calc(var(--u) * .16);color:var(--legend);font-weight:600;line-height:1;font-family:-apple-system, "SF Pro", "Segoe UI Symbol", var(--font);position:absolute}.top[data-astro-cid-qfxwi337]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.z[data-astro-cid-qfxwi337] .top[data-astro-cid-qfxwi337]{font-weight:700;font-size:calc(var(--u) * .3)}.body[data-astro-cid-qfxwi337]{border-radius:var(--key-r);background:var(--key-side);transform:translateZ(calc(var(--key-h) * var(--i) / 8));inset:0}.body[data-astro-cid-qfxwi337]:first-child{--i:0}.body[data-astro-cid-qfxwi337]:nth-child(2){--i:1}.body[data-astro-cid-qfxwi337]:nth-child(3){--i:2}.body[data-astro-cid-qfxwi337]:nth-child(4){--i:3}.body[data-astro-cid-qfxwi337]:nth-child(5){--i:4}.body[data-astro-cid-qfxwi337]:nth-child(6){--i:5}.body[data-astro-cid-qfxwi337]:nth-child(7){--i:6}.body[data-astro-cid-qfxwi337]:nth-child(8){--i:7}.body[data-astro-cid-qfxwi337]:nth-child(n+5){background:#1a1617}.plus[data-astro-cid-qfxwi337]{transform:translateZ(var(--key-h));font-weight:600;font-size:calc(var(--u) * .3);color:#ffffff8c;user-select:none;line-height:1}.undo[data-astro-cid-qfxwi337]{background:var(--accent);transform-origin:100%;opacity:0;pointer-events:none;height:2px;position:absolute;bottom:-16%;left:8%;right:8%;transform:translateZ(0)scaleX(0);box-shadow:0 0 10px 1px #d1111199}.key[data-astro-cid-qfxwi337],.shadow[data-astro-cid-qfxwi337],.glow[data-astro-cid-qfxwi337],.top[data-astro-cid-qfxwi337]:after,.undo[data-astro-cid-qfxwi337]{animation-duration:var(--cycle);animation-iteration-count:infinite;animation-fill-mode:both}.ctrl[data-astro-cid-qfxwi337] .key[data-astro-cid-qfxwi337]{animation-name:ctrl-key}.z[data-astro-cid-qfxwi337] .key[data-astro-cid-qfxwi337]{animation-name:z-key}.ctrl[data-astro-cid-qfxwi337] .shadow[data-astro-cid-qfxwi337]{animation-name:ctrl-shadow}.z[data-astro-cid-qfxwi337] .shadow[data-astro-cid-qfxwi337]{animation-name:z-shadow}.ctrl[data-astro-cid-qfxwi337] .glow[data-astro-cid-qfxwi337]{animation-name:ctrl-glow}.z[data-astro-cid-qfxwi337] .glow[data-astro-cid-qfxwi337]{animation-name:z-glow}.ctrl[data-astro-cid-qfxwi337] .top[data-astro-cid-qfxwi337]:after{animation-name:ctrl-dark}.z[data-astro-cid-qfxwi337] .top[data-astro-cid-qfxwi337]:after{animation-name:z-dark}.undo[data-astro-cid-qfxwi337]{animation-name:undo-line}@keyframes ctrl-key{0%,14.286%{animation-timing-function:var(--press-ease);transform:translateZ(0)}18.571%,54.762%{transform:translateZ(calc(var(--key-travel) * -1));animation-timing-function:var(--release-ease)}58.333%{transform:translateZ(var(--key-overshoot));animation-timing-function:var(--settle-ease)}60.714%,to{transform:translateZ(0)}}@keyframes z-key{0%,26.19%{animation-timing-function:var(--press-ease);transform:translateZ(0)}30.476%,45.238%{transform:translateZ(calc(var(--key-travel) * -1));animation-timing-function:var(--release-ease)}48.81%{transform:translateZ(var(--key-overshoot));animation-timing-function:var(--settle-ease)}51.19%,to{transform:translateZ(0)}}@keyframes ctrl-shadow{0%,14.286%{opacity:.8;animation-timing-function:var(--press-ease);transform:translateZ(-.5px)scale(1)}18.571%,54.762%{opacity:.45;animation-timing-function:var(--release-ease);transform:translateZ(-.5px)scale(.94)}60.714%,to{opacity:.8;transform:translateZ(-.5px)scale(1)}}@keyframes z-shadow{0%,26.19%{opacity:.8;animation-timing-function:var(--press-ease);transform:translateZ(-.5px)scale(1)}30.476%,45.238%{opacity:.45;animation-timing-function:var(--release-ease);transform:translateZ(-.5px)scale(.94)}51.19%,to{opacity:.8;transform:translateZ(-.5px)scale(1)}}@keyframes ctrl-glow{0%{opacity:.18;animation-timing-function:var(--breathe-ease)}7%{opacity:.3;animation-timing-function:var(--breathe-ease)}14.286%{opacity:.18;animation-timing-function:var(--press-ease)}18.571%,54.762%{opacity:.75;animation-timing-function:var(--release-ease)}60.714%{opacity:.18;animation-timing-function:var(--breathe-ease)}80%{opacity:.3;animation-timing-function:var(--breathe-ease)}to{opacity:.18}}@keyframes z-glow{0%{opacity:.18;animation-timing-function:var(--breathe-ease)}7%{opacity:.3;animation-timing-function:var(--breathe-ease)}14.286%,26.19%{opacity:.18;animation-timing-function:var(--press-ease)}30.476%,45.238%{opacity:.75;animation-timing-function:var(--release-ease)}51.19%{opacity:.18;animation-timing-function:var(--breathe-ease)}80%{opacity:.3;animation-timing-function:var(--breathe-ease)}to{opacity:.18}}@keyframes ctrl-dark{0%,14.286%{opacity:0;animation-timing-function:var(--press-ease)}18.571%,54.762%{opacity:.18;animation-timing-function:var(--release-ease)}60.714%,to{opacity:0}}@keyframes z-dark{0%,26.19%{opacity:0;animation-timing-function:var(--press-ease)}30.476%,45.238%{opacity:.18;animation-timing-function:var(--release-ease)}51.19%,to{opacity:0}}@keyframes undo-line{0%,32.143%{opacity:0;transform:translateZ(0)scaleX(0)}32.2%{opacity:.9;animation-timing-function:var(--press-ease);transform:translateZ(0)scaleX(0)}40%{opacity:.9;animation-timing-function:ease-out;transform:translateZ(0)scaleX(1)}50%,to{opacity:0;transform:translateZ(0)scaleX(1)}}@media (prefers-reduced-motion:reduce){.key[data-astro-cid-qfxwi337],.shadow[data-astro-cid-qfxwi337],.glow[data-astro-cid-qfxwi337],.top[data-astro-cid-qfxwi337]:after,.undo[data-astro-cid-qfxwi337]{animation:none}.key[data-astro-cid-qfxwi337]{transform:translateZ(calc(var(--key-travel) * -1))}.shadow[data-astro-cid-qfxwi337]{opacity:.45;transform:translateZ(-.5px)scale(.94)}.glow[data-astro-cid-qfxwi337]{opacity:.55}.top[data-astro-cid-qfxwi337]:after{opacity:.18}.undo[data-astro-cid-qfxwi337]{opacity:0}}:root{--bg-0:#0f0f10;--bg-1:#1a1a1b;--key-body:#231f20;--key-top:#302c2d;--key-top-lo:#1e1a1b;--key-side:#151213;--legend:#fff;--accent:#d11111;--font:var(--font-montserrat), system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--u:clamp(96px, 24vw, 150px);--key-h:calc(var(--u) * .11);--key-r:calc(var(--u) * .08);--gap:calc(var(--u) * .42);--key-travel:7px;--key-overshoot:1.5px;--tilt-x:52deg;--tilt-z:-6deg;--persp:1600px;--cycle:4.2s;--press-ease:cubic-bezier(.2, .8, .2, 1);--release-ease:cubic-bezier(.3, .6, .4, 1);--settle-ease:cubic-bezier(.4, 0, .6, 1);--breathe-ease:ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);height:100%;overflow:hidden}body{font-family:var(--font);-webkit-font-smoothing:antialiased;color:var(--legend)}main{background:radial-gradient(ellipse 70% 60% at 50% 48%, var(--bg-1) 0%, #141415 55%, var(--bg-0) 100%);place-items:center;display:grid;position:fixed;inset:0}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}