@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAQgABAAAAAAB+wAAAPGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbahwoBmA/U1RBVEgAXBEICoJ8gkMLFAABNgIkAyIEIAWFCgdiDAcbhQbIPg1vjKH/SZAjGKk6g0Cz4ZDoqIq9ujYKvX+56LMpeKqx39u9+yKCiGazJpasMYQkFiKJSmhkKiQRqyQSleGnud+7DTG5L6jJGPdNJriH5JbwBBG6JVISgmK/170QegCQmWgmlyggSYrYRiVCU8mVdSoUqdZWfpsHE7m10AI7gL2xGtH/pVj0d/045f9hYeqMUicC2WdxoPzP5fhug8y4jw3gwAJO/G57a1i0nm8KMKFeYGdNPGoNsbVxiQSWuba48mH8gQtyCg5ZGAvDD5agO4oAPwBQQhhCgFe5RFRvaXUzOG0xggGcWMA/AWSTcAawAQKEpdyEm4qzANWCIApAGEIZSsgghakUSrjFgCREbxu/cRzQGwWAUWtGFiE8qqmDC6iWQ71FdfCqquouvdcYFiOuCtAtgPxPewaK0aS0ggxDgXLUnlIlIIClbUaH7BBxFsMkfAAIGOGXWNkB/QSAAgPiaALiLAwBgtyUU7EC+w6DKv6QgJ+R/PPNsuFpiK5bSEIxAA+AKMALZgHrgCwgDgCl77kplpAM67LJDJl10GcCuuhI+33L9mq73u62NvsWZu3rMWb3cgvn12x/P8lffyqb/HglnFmEf+rjy4X7/ql37b5+6vY78+HB0UP1UoRu7ouL/fbFUbnaWt23vt79XKns2uzimnswMDd4/sV5T+tRyfifEJTXp0rO6M72e3+7lt5c7R9a9l9j3tdUtXfNZMugZxqkJWfd0l8q27px4E9LcXRh+Fpfy289JTldsUkNKfimSnyrbqPraoPjv2PDRXk54d4RkT5h2QXVBUA1QMDF5ccP6u/k3oV4ABGgm/SiDaYEBEz6xGt/Ouacs1M038DXTWWO5d+ncE1S92PgXGCNBfLTfYd+nQZUqml3/MkRYQsLL6dd3AEtEiDg0c5CBh22pgT47TIkwwMcReIOIh9JUMFwg9HlDax62+CQNQdOtdrtQZ2kDgJ+SbAEww1e/LyL8uEFY4z0GAYVBAwdNVYbQk1JRcB/FpjwMsWJw2Nx1EwEvFg8NZ1YRhylOHVKVSvHMNAiDMpwjAQETytGI0JJpMPgtCI4PDUjAyxJrHgJkuK1sHjCUuBqyVKuWJE6WQVKqfrUwiJGJqO4dr4JliheogRYMxUC19bqGdFobDRUQGxZM7ZQHwtvPKSkdvNFA2KxD6bEIcTgSNEBUTYW8eKokr1jKFMRKOrzf9Xm4AHl3oPChBErDnE6uwc4MkSsRYM6Pr4g3g5MjC9Mtl1gRYF8TUNxOCXjk+JT/6qR+4TujRUA)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-vietnamese-400-normal-BLrFBAHj.woff2)format("woff2"),url(/assets/hanken-grotesk-vietnamese-400-normal-C-iWyKLC.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-ext-400-normal-DR7lHpW4.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-ext-400-normal-DI-aIsWt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-400-normal-BG6hkEXj.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-400-normal-CjyVwvJV.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(data:font/woff2;base64,d09GMgABAAAAAAQIABAAAAAACAQAAAOvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbahwoBmA/U1RBVEQAXBEICoJ8gkILFAABNgIkAyIEIAWFKAdiDAcbngYoLgpsW7F2EW5iaDHUuE4MfK2EiuDJv6h63X9mQfCkiMhBhsvo5EiaqbW2d/+I+KtIQl7tBEmQGRKRRIOu1qgM08UaQyggDm7nRPJEQ8yt/i+kPxzR/3NNvjVI8z4uSAc88SqLKssyHUVb097RKkT3pocLQBwwzNwaPrRPwsDGVWMcQ0JC6POwBxWoCUhCyEKguo4k4ImTfTHQv3MdVgf9CqgQiB2bkDroRCAUkqpCVUlDRHQ1D5JAyEKSJYGU4qidMYjDVkQilhfxV/yqRLoxLQXMUK3Eaqx0JRxVkEydutYguNe2j/N3/7OjjD5tAXQrxM/pRbRFEP1vS0MwOoKPbCliELZdqgpVFxoiFnfUoG4WEKX4FSRkNEQQ+IJTAbUDsClry2zfm5HaPlMBxKLylTdsMk58Oh9E7h2iQh1QDdQHVMcywAlAc0BDAEn61CcqhCiKKkXjYjt17Rq5VlpfK9essaPGtuqrVyaTPYvWbV+4EFc82GLJ4SPOvvlhjZsudlj0cm5z1LE76xb/63f4H3up+o2f9Fx8dDH2/HlnH2m6xk1ZuMYWNc6+eiJ9/fBDzvW/fNflgx0iu/P1135hTq0X9rzb8b2OffZaL/9ttxws1OTtcs2ifurg4aN54vRp2vBVpxF+zfPqLpPezVhxxNg+pnTtuPK4cx07sOdmLi627vZzbK74f/MIh3FRKIso5sp/ek5tZ9stN3vviznTbUYH/aNT55eOkyw+M4A7g1BFFb/4BK0uq3qaCKA26Xi+Rm22BYScFx5lvr6+ps7I36rm/B18emObqir5nt/W66/caaU8xXJTpJNusFD+f6j0OwWqxr/6J1HDioKXS30NAnrhg1DNQETNEDjokkBtj8miqIa3YiiA0D21IakdIBvtsbEwQklzh1DW1RbUNpgH6polYNfTq702JGLjxtIlUp1Y/T+ooTrma6hJqXPDpFSVZCTllBQUYfxyskpwNS4pdRU5dSROiAZMDqqiCINpQmkICaEyECVNGJQAqqRKoAFRIBTk4OOWKs38+GBCDkKSN2p7KQERManm13KxsQrWho5E+l+Aq0pBHtlMcudbNTRtQIb1TUgkRCTESGKKckhUeQgiZXmGgr0ZDlPUgECRsAZrLCjZ1sGlCWQ01AjVpCBIWm2QQhscSqioB0G+gpMNJkIr0xXKaujoKZIcOYooRbk8bv3K/ikdh3aXRCKzSD0pEVlkXes24Fju9xrSXuwQSUWKdTYSz6PSE8Ut)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-vietnamese-500-normal-DxwlvJEc.woff2)format("woff2"),url(/assets/hanken-grotesk-vietnamese-500-normal-DkDHNoXI.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-ext-500-normal-DLb9JDK8.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-ext-500-normal-BNvrJ0Ju.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,d09GMgABAAAAAAQoABAAAAAACBQAAAPPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbahwoBmA/U1RBVEQAXBEICoJ8gkQLFAABNgIkAyIEIAWFOAdiDAcbsAYArgZscK1wkCT3IhFNYz5DPm7qldBpMgqe/7f7d5878wHPl+fTgfT+owOgTZ10qYRSldRmpU2VVAIBtVb23O0DgSLUxDaggFgCgYsH4vL58iGQsX8lwzz/N2ssW5itSTCXRf3EepFFaWB193xtOsLr/8L5w/mRXT/9/eStz9e8ZyvSAU88yqPKhpE04lG0VVOmwL/pw8X5dE4v9dEEsYPKnNkNQhGQDgAUITRCQKo63dTwvCVryFxtiQXIpAP+E4CsskcCJAMBQqckE8mUfDpoUkkoAEIjFI0iiILdyA0acLkGYMdOAD38izUkQB3SSbC4EJlLU2gg2JKA0nbB8MxyHqitvY3+nLrSFwzttchpCMi/2EMIBo1EvyrkU6CO2uZ0xQS4N1t8ko7Ip1dbSIOxnAAkWW0AQAEN5NMIvDwLQCY/nESGKZe8DDHjzh8YjMRXe50B4TcNEuLSQhLkAEgBkAtSwUawD5SDfACK+qW3RCck0pP0wqjtOztNy1CzGfH0NG/aitS5W9avT5tpOTs5Ce+cKuorV+y4+jHj8LumfP8AcA6Bolz3+LoB7/Io/dChpXr8Dn5+gnZcKWx9iTO2G0PG4RWW7NSxHl3f863TFp6ZkFbwoMm/P7ygJSJbTkrgowKoyhzz9Y9smyi8OB6IhoZKaj5vF/sX9n5Z6ZQsPDx9dfaCtPHUQ27GxAeD+8aXHZ/Ltbv9rIHMFWPzprZ39q0ZKC16pbHJf2H7maPefE68ORPLay4JwmUhmlkyiaojIEmSHyKDk53CBKRBHUL36sstQ4AWX9O+/ms9L6v7P4Vqn4CPh1B65KUXSkvcz4DEWyzjFimpsxbEqcuxv5M7OfzGQjgzgg5vpzpkghYtBKTopSuhsSymCMh0VZxEKcCjML4GoiOUAyUzpAPNtKeZuh1IUOo6SNTmOMjUbxnIVq6bmSNbDYtAusJ8SXyGSsWlPi+NVLBKkJ9FwEIxFj5uVuvZuTm5xKxm5+c2LcjHZoHHbF52AYb5IoJi7KK87f9iQqKGdeoUZRXhFhIT1SHKzadDUIRTp+XmWcIaq+Zuj0CyDpNFuGTBGIr36GDq0rPiHbHAHDOWp44ftar6TnE+FpF3zW34q2YEu2GPyNn9EkM3U7cuhjVc7Axe2QoM5ZFZOeBPiYtxCYqIMjSdscbJbTVL3KwOVkF+nfwsIojEN6OcReKiOrlEwN/OaWmmCIH/p8GCKaDOkxBDC5rokiCJiVOzKfxHJW0JuE1zytRf7Dane1MWWOMxezYbknTUbPaY/elthN8PiW5ERwE=)format("woff2"),url(data:font/woff;base64,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)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-vietnamese-600-normal-Cp8QQjQf.woff2)format("woff2"),url(/assets/hanken-grotesk-vietnamese-600-normal-DHaFH8q1.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-latin-ext-600-normal-FY8kSObK.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-ext-600-normal-DHIm05DD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-latin-600-normal-CIXX6EOa.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-600-normal-NEn2C4Q3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ivory-50:#fcfbf8;--ivory-100:#f4f1eb;--ivory-200:#eae5dc;--ivory-300:#dcd4c7;--ivory-400:#c3b9a9;--ivory-500:#a2988a;--stone-600:#6f675d;--stone-700:#4a443d;--ebony-500:#3d3732;--ebony-600:#2c2723;--ebony-700:#211d1a;--ebony-800:#181513;--ebony-900:#0f0d0c;--ebony-950:#090807;--felt:#a3192c;--felt-deep:#6e0f1c;--brass:#c99a3a;--brass-deep:#8c6619;--right-hand:#3e86f0;--right-hand-deep:#2457ad;--right-hand-soft:#dce8fb;--left-hand:#f07b3f;--left-hand-deep:#a9481b;--perfect:#2fb36b;--good:#e9ae2b;--miss:#e5484d;--serif:"Young Serif", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .2vw, 1.1875rem);--step-lead:clamp(1.375rem, 1.1rem + .8vw, 2rem);--step-head:clamp(2.5rem, 1.2rem + 4.6vw, 6rem);--step-figure:clamp(8rem, 3rem + 16vw, 15rem);--margin:clamp(1rem, .4rem + 2.2vw, 2rem);--gap:clamp(1rem, .5rem + 1.6vw, 2rem);--section-gap:clamp(7.5rem, 4rem + 9vw, 13.5rem);--radius-key:10px;--radius-slab:20px;--depth-sm:4px;--depth-md:6px;--depth-lg:8px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:55ms;--t-hover:.18s;--t-reveal:.8s}[data-tone=ebony]{--ground:var(--ebony-800);--sunken:var(--ebony-900);--ink:var(--ivory-100);--ink-muted:var(--ivory-500);--surface-face:var(--ebony-600);--surface-skirt:var(--ebony-950);--surface-ink:var(--ivory-100);--inverse-face:var(--ivory-50);--inverse-skirt:var(--ivory-400);--inverse-ink:var(--ebony-900);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tone=ivory]{--ground:var(--ivory-100);--sunken:var(--ivory-200);--ink:var(--ebony-800);--ink-muted:var(--stone-600);--surface-face:var(--ivory-50);--surface-skirt:var(--ivory-300);--surface-ink:var(--ebony-800);--inverse-face:var(--ebony-700);--inverse-skirt:var(--ebony-950);--inverse-ink:var(--ivory-50);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scroll-padding-block-start:5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);min-block-size:100svh;color:var(--ink);font-family:var(--sans);font-size:var(--step-body);-webkit-font-smoothing:antialiased;line-height:1.55}img,svg,video{max-inline-size:100%;display:block}img{block-size:auto}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;font-weight:400;line-height:1}p{text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--right-hand);outline-offset:3px}::selection{background:var(--felt);color:var(--ivory-50)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}.link{text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.22em;transition:text-decoration-color var(--t-hover) ease;text-decoration-thickness:.07em}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:currentColor}}.link:active{opacity:.7}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}}.key{--depth:var(--depth-md);--face:var(--inverse-face);--skirt:var(--inverse-skirt);--key-ink:var(--inverse-ink);border-radius:var(--radius-key);color:var(--key-ink);font-family:var(--sans);font-weight:600;font-size:var(--step-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding-block-end:var(--depth);line-height:1.2;text-decoration:none;display:inline-grid;position:relative}.key:before{content:"";inset:var(--depth) 0 0;border-radius:inherit;background:var(--skirt);position:absolute}.key__face{color:inherit;border-radius:inherit;background:var(--face);justify-content:center;align-items:center;gap:.6em;min-block-size:3rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex;position:relative}.key--lg .key__face{min-block-size:3.75rem;padding-inline:2rem}.key--secondary{--face:var(--surface-face);--skirt:var(--surface-skirt);--key-ink:var(--surface-ink)}.key--accent{--face:var(--felt);--skirt:var(--felt-deep);--key-ink:var(--ivory-50)}.key:active .key__face:not(:disabled){transform:translateY(var(--depth))}.key__face:disabled{cursor:default;opacity:.55}@media (prefers-reduced-motion:no-preference){.key__face{transition:transform .24s var(--ease-out)}.key:active .key__face{transition-duration:var(--t-press);transition-timing-function:var(--ease-out)}}@media (hover:hover) and (pointer:fine){.key:hover .key__face{background:color-mix(in oklch, var(--face) 92%, var(--key-ink))}}body{background:var(--ivory-100)}body:has(.page[data-tone=ebony]){background:var(--ebony-800)}.page{background:var(--ground);color:var(--ink)}.page__main{z-index:1;background:var(--ground);padding-block-end:var(--section-gap);position:relative}.site-header{padding:var(--margin);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;display:flex}.site-header__name{font-family:var(--serif);font-size:var(--step-lead);letter-spacing:-.02em;line-height:1;text-decoration:none}.site-header__links{font-size:var(--step-body);flex-wrap:wrap;gap:.25rem 1.5rem;padding:0;font-weight:500;list-style:none;display:flex}.site-footer{z-index:0;min-block-size:100svh;padding:var(--margin);background:var(--ground);color:var(--ink);grid-template-rows:auto 1fr auto;padding-block-start:2.5rem;display:grid;position:sticky;inset-block-end:0}.site-footer__columns{gap:2rem var(--gap);font-size:var(--step-body);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.site-footer__columns ul{color:var(--ink-muted);padding:0;list-style:none}.site-footer__lead{font-weight:600}.site-footer__base{grid-row:3;gap:1.25rem;padding-block-start:20svh;display:grid}.site-footer__wordmark{block-size:auto;inline-size:100%;overflow:visible}.site-footer__wordmark text{font-family:var(--serif);letter-spacing:-.03em;fill:currentColor;font-size:200px}.site-footer__legal{font-size:var(--step-small);color:var(--ink-muted)}.page__main>section{margin-block-start:var(--section-gap)}.page__main>.hero{margin-block-start:0}.hero{min-block-size:calc(100svh - 5rem);padding-inline:var(--margin);text-align:center;align-content:center;justify-items:center;padding-block-end:8svh;display:grid}.hero__object{aspect-ratio:1;inline-size:min(31vw,46svh,30rem);margin-block-end:clamp(1rem,2vw,2rem);display:grid}.hero__object img{opacity:0;filter:brightness(.96);grid-area:1/1;align-self:center;inline-size:100%;transition:opacity 1.6s}.hero__object img[data-shown=true]{opacity:1}.hero__wordmark{letter-spacing:0;text-transform:uppercase;inline-size:72vw;font-size:clamp(2.5rem,1.2rem + 3.4vw,4.5rem);line-height:1}.hero__letters{justify-content:space-between;display:flex}.hero__line{font-family:var(--serif);font-size:var(--step-lead);margin-block-start:1.5rem;line-height:1.15}.hero__row{font-size:var(--step-body);color:var(--ink-muted);justify-content:center;align-items:center;gap:1rem 3rem;margin-block-start:2rem;display:flex}@media (width<=40rem){.hero{align-content:start;padding-block-start:6svh}.hero__object{inline-size:70vw;margin-block-end:2rem}.hero__wordmark{inline-size:100%}.hero__row{flex-direction:column}.hero__row .key,.hero__row .key__face{inline-size:100%}}@media (prefers-reduced-motion:no-preference){.js [data-rise]{opacity:0;animation:rise var(--t-reveal) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .2s);transform:translateY(18px)}.js .hero__object{animation:settle 1.4s var(--ease-soft) both}}@keyframes rise{to{opacity:1;transform:none}}@keyframes settle{0%{opacity:0;transform:scale(.94)}}.try{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:3rem;display:grid}.try__text{grid-column:1/5;gap:1.25rem;display:grid}.try__text h2{font-size:var(--step-head)}.try__how{color:var(--ink-muted)}kbd{background:var(--surface-face);min-inline-size:1.6em;color:var(--surface-ink);font-family:var(--sans);text-align:center;border-radius:6px;padding:.05em .35em;font-size:.85em;font-weight:600;display:inline-block}.try__score{align-content:end;gap:.5rem;min-block-size:3.5rem;display:grid}.try__stars{gap:.25rem;display:flex}.try__stars img{inline-size:3.5rem}.try__headline{font-family:var(--serif);font-size:var(--step-lead);line-height:1.1}.try__counts{font-variant-numeric:tabular-nums}.try__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.try__midi{font-size:var(--step-body);color:var(--ink-muted)}button.try__midi{color:var(--ink)}.try .stage{grid-column:5/13}@media (width<=60rem){.try__text,.try .stage{grid-column:1/-1}}.board{padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:112px;gap:8px;display:grid}.board__tile{border-radius:var(--radius-slab);background:var(--ebony-700);color:var(--ivory-100);position:relative;overflow:clip}.board__tile--title{background:var(--ebony-900);grid-area:1/1/3/7;padding:1.5rem}.board__tile--title h2{max-inline-size:11ch;font-size:var(--step-head);line-height:.95}.board__tile--hands{background:var(--ivory-100);color:var(--ebony-800);grid-area:1/7/5/13}.board__tile--wait{background:var(--ebony-600);grid-area:3/1/5/4}.board__tile--fingers{background:var(--ebony-900);grid-area:3/4/5/7}.board__tile--tempo{background:var(--ebony-700);grid-area:5/1/9/4}.board__tile--loop{background:var(--ivory-300);color:var(--ebony-800);grid-area:5/4/9/7}.board__tile--metronome{background:var(--ebony-600);grid-area:5/7/7/13}.board__tile--grades{background:var(--ebony-900);grid-area:7/7/9/13}.board__ui{white-space:nowrap;font-size:clamp(1.75rem,1rem + 2.4vw,3.25rem);font-weight:600;line-height:1;position:absolute}.board__tile--hands .board__ui{inset-block-start:22%;inset-inline-start:18%}.board__tile--wait .board__ui{font-size:var(--step-lead);inset-block-start:1.25rem;inset-inline-end:1.25rem}.board__tile--fingers .board__ui{inset-block-start:-.6em;inset-inline-end:1.5rem}.board__tile--tempo .board__ui{inset-block-start:18%;inset-inline-start:1.25rem}.board__tile--loop .board__ui{inset-block-start:14%;inset-inline-start:-.4em}.board__tile--metronome .board__ui{inset-block-start:-.25em;inset-inline-end:-.6em}.board__tile--grades .board__ui{font-family:var(--serif);font-weight:400;inset-block-start:-.12em;inset-inline-start:1.25rem}.board__caption{position:absolute;inset-block-end:1.25rem;inset-inline:1.25rem}.board__caption h3{font-family:var(--sans);font-size:var(--step-body);letter-spacing:0;font-weight:600;line-height:1.3}.board__caption p{font-size:var(--step-small);opacity:.78}@media (width<=48rem){.board{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(6rem,24vw,9rem);gap:6px}.board__tile{grid-area:span 2/span 1}.board__tile--title,.board__tile--hands,.board__tile--metronome,.board__tile--grades{grid-column:1/-1}.board__tile--title{grid-row:span 2}.board__tile--title h2{font-size:9vw}.board__tile--wait .board__ui{font-size:1rem;inset-inline:.75rem auto}.board__tile--hands{grid-row:span 3}.board__caption p{display:none}:is(.board__tile--title,.board__tile--hands,.board__tile--metronome,.board__tile--grades) .board__caption p{display:block}}.ui-groove{background:var(--ebony-950);border-radius:.4em;gap:.18em;padding:.18em;display:inline-flex}.board__tile--hands .ui-groove,.board__tile--loop .ui-groove{background:var(--ivory-400)}.ui-key{border-block-end:.14em solid var(--ebony-950);background:var(--ebony-600);min-inline-size:2.2em;color:var(--ivory-100);border-radius:.3em;place-items:center;padding:.55em .8em .45em;display:inline-grid}.board__tile--hands .ui-key,.board__tile--loop .ui-key{border-block-end-color:var(--ivory-300);background:var(--ivory-50);color:var(--ebony-800)}.ui-key[data-held]{background:var(--ivory-50);color:var(--ebony-900);border-block-end-width:.04em;transform:translateY(.1em)}.board__tile--hands .ui-key[data-held],.board__tile--loop .ui-key[data-held]{border-block-end-color:var(--ebony-950);background:var(--ebony-700);color:var(--ivory-50)}.ui-fingers{justify-items:center;display:grid}.ui-note:after,.ui-disc:after{content:attr(data-finger)}.ui-note{border-block-end:.12em solid var(--right-hand-deep);background:var(--right-hand);block-size:3.4em;inline-size:2.2em;color:var(--ebony-900);border-radius:0 0 .3em .3em;place-items:end center;padding-block-end:.3em;font-size:.8em;display:grid}.ui-ivory{border-block-end:.14em solid var(--ivory-300);background:var(--ivory-50);border-radius:0 0 .25em .25em;place-items:end center;block-size:2.6em;inline-size:2.4em;margin-block-start:.12em;padding-block-end:.35em;display:grid}.ui-disc{background:var(--ebony-900);block-size:1.15em;inline-size:1.15em;color:var(--ivory-50);border-radius:50%;place-items:center;font-size:.6em;display:grid}.ui-stepper{align-items:center;gap:.4em;display:inline-flex}.ui-stepper .ui-key{min-inline-size:1.5em;padding-inline:.4em}.ui-numeral{font-family:var(--serif);letter-spacing:-.03em;font-size:1.5em;font-weight:400}.ui-row{align-items:center;gap:.6em;display:inline-flex}.ui-toggle{background:var(--felt);border-block-end:.08em solid var(--felt-deep);border-radius:999px;justify-content:end;align-items:center;block-size:1.3em;inline-size:2.4em;padding:.14em;display:inline-flex}.ui-toggle>span{background:var(--ivory-50);border-block-end:.08em solid var(--ivory-400);border-radius:50%;block-size:1em;inline-size:1em}.ui-grades{letter-spacing:-.02em;gap:.5em;font-size:1.6em;display:flex}.ui-grades [data-grade=perfect]{color:var(--perfect)}.ui-grades [data-grade=good]{color:var(--good)}.ui-grades [data-grade=miss]{color:var(--miss)}.page__main>.showcase{margin-block-start:calc(var(--section-gap) - 2rem)}.showcase__frame{column-gap:var(--gap);min-block-size:100svh;padding:var(--margin);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid;position:relative;overflow:clip}.showcase__close{object-fit:cover;filter:brightness(.82)contrast(1.05);block-size:100%;inline-size:100%;position:absolute;inset:0}.showcase__card{border-radius:var(--radius-slab);background:var(--ivory-50);min-block-size:52svh;color:var(--ink);align-content:start;gap:.75rem;padding:1.5rem;display:grid;position:relative}.showcase__frame:not(.showcase__frame--1) .showcase__close{object-fit:contain;object-position:70% 50%;filter:none;scale:1.35}.showcase__frame--3 .showcase__close{object-position:20% 40%}.showcase__frame--1 .showcase__card{grid-column:2}.showcase__frame--2 .showcase__card{grid-column:3}.showcase__frame--3 .showcase__card{grid-column:4}.showcase__card :is(h2,h3){font-size:var(--step-lead);line-height:1.05}.showcase__fact{color:var(--ink-muted)}.showcase__whole{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-key);inline-size:100%;margin-block-start:auto}.showcase__action{margin-block-start:.5rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.showcase__close{animation:linear both drift;animation-timeline:view();animation-range:entry exit}}}@keyframes drift{0%{transform:scale(1.12)translateY(-3%)}to{transform:scale(1.02)translateY(2%)}}@media (width<=60rem){.showcase__frame{grid-template-columns:1fr;align-items:end;padding:0}.showcase__frame .showcase__card{border-radius:var(--radius-slab) var(--radius-slab) 0 0;grid-column:1;grid-template-columns:1fr 6rem;align-content:start;min-block-size:0;padding:1.25rem}.showcase__card>*{grid-column:1}.showcase__card .showcase__whole{grid-area:1/2/span 3;margin-block-start:0}.showcase__action{grid-column:1/-1;align-self:end}}.lineup{padding-inline:var(--margin)}.lineup__table{border-collapse:collapse;table-layout:fixed;inline-size:100%;font-size:var(--step-lead);line-height:1.5}.lineup__table :is(th,td){text-align:start;vertical-align:baseline;padding:0;font-weight:400}.lineup__table :is(th,td):not(:last-child){padding-inline-end:1rem}.lineup__col-name{inline-size:31%}.lineup__col-detail{inline-size:39%}.lineup__col-kind{inline-size:17%}.lineup__row>td:first-of-type{color:var(--ink-muted)}.lineup__row>td:nth-of-type(3){text-align:end}.lineup__group th{z-index:1;background:var(--ground);font-family:var(--serif);letter-spacing:-.02em;padding-block:4.5rem 1.25rem;position:sticky;inset-block-start:0}.lineup tbody:first-of-type .lineup__group th{padding-block-start:0}@media (width<=48rem){.lineup__table,.lineup__table tbody,.lineup__table tr,.lineup__table :is(th,td){display:block}.lineup__row{font-size:var(--step-small);color:var(--ink-muted);flex-wrap:wrap;column-gap:.75rem;margin-block-end:1.1rem;display:flex!important}.lineup__row>th{inline-size:auto;font-size:var(--step-lead);color:var(--ink);flex-basis:100%;line-height:1.3}.lineup__row>td:nth-of-type(3){margin-inline-start:auto}.lineup__group th{padding-block:3rem 1rem}}.price{column-gap:var(--gap);min-block-size:80svh;padding-inline:var(--margin);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:2rem;display:grid}.price__words{grid-area:1/1/auto/5;gap:1.25rem;display:grid}.price__words h2{font-size:var(--step-head)}.price__help{flex-wrap:wrap;grid-area:2/1/auto/5;align-items:center;gap:1rem 1.5rem;display:flex}.price__offer{grid-area:1/6/3/13;align-self:center;justify-items:start;gap:2rem;display:grid}.price__mark{position:relative}.price__figure{font-family:var(--serif);font-size:var(--step-figure);letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:.85}.price__currency{vertical-align:.72em;margin-inline-end:.04em;font-size:.5em}.price__period{font-size:var(--step-body);letter-spacing:0;color:var(--ink-muted);margin-inline-start:.6rem}.price__object{pointer-events:none;inline-size:clamp(8rem,4rem + 12vw,17rem);position:absolute;inset-block-start:-18%;inset-inline-start:62%}.price__included{font-size:var(--step-body);gap:.25rem;padding:0;list-style:none;display:grid}.price__get{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}@media (width<=60rem){.price__words,.price__offer,.price__help{grid-area:auto/1/auto/-1}.price__figure{font-size:34vw}.price__object{inline-size:33vw;inset-inline:auto -40%}.price__get .key,.price__get .key__face{inline-size:100%}}.faq{padding-inline:var(--margin);gap:clamp(3.5rem,2rem + 3vw,5.5rem);display:grid}.faq__title,.faq dt{font-family:var(--serif);font-size:var(--step-lead);letter-spacing:-.02em;font-weight:400;line-height:1.1}.faq__title{color:var(--ink-muted)}.faq__list{gap:clamp(3.5rem,2rem + 3vw,5.5rem);display:grid}.faq__row{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;row-gap:.75rem;display:grid}.faq__row dt{grid-column:1/7;max-inline-size:22ch}.faq__row dd{grid-column:8/13;max-inline-size:42ch}@media (width<=48rem){.faq__row dt,.faq__row dd{grid-column:1/-1}}.stage{--h:clamp(15rem, 10rem + 14vw, 24rem);border-radius:var(--radius-slab);background:var(--ebony-900);color:var(--ivory-100);-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative;overflow:clip}.stage__hud{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:1rem 1.25rem auto}.stage__hud p{font-size:var(--step-small);color:var(--ivory-500);display:grid}.stage__hud p:last-child{text-align:end}.stage__hud strong{font-family:var(--serif);font-size:var(--step-lead);color:var(--ivory-100);font-variant-numeric:tabular-nums;font-weight:400;line-height:1.1}.stage__highway{block-size:var(--h);position:relative;overflow:clip}.stage__lane{background:var(--ebony-950);position:absolute;inset-block:0}.stage__note{block-size:calc(var(--len) * var(--h));border-inline:4px solid #0000;border-block-end:5px solid var(--right-hand-deep);background:var(--right-hand) padding-box;transform:translateY(calc(var(--at) * var(--h) * -1));will-change:transform;border-radius:10px;place-items:end center;padding-block-end:.35rem;display:grid;position:absolute;inset-block-end:0}.stage__note:before{content:"";background:oklch(100% 5.96046e-8 none/.8);border-radius:2px;inline-size:3px;position:absolute;inset:6px auto 10px 6px}.stage__note[data-grade=perfect]{background-color:var(--perfect);border-block-end-color:color-mix(in oklch, var(--perfect) 60%, black)}.stage__note[data-grade=good]{background-color:var(--good);border-block-end-color:color-mix(in oklch, var(--good) 60%, black)}.stage__note[data-grade=miss]{background-color:var(--ebony-500);border-block-end-color:var(--ebony-600);opacity:.6}.stage__finger{font-size:var(--step-small);color:var(--ebony-900);font-weight:600;line-height:1}.stage__grade{font-family:var(--serif);font-size:var(--step-lead);text-align:center;opacity:0;pointer-events:none;position:absolute;inset-block-end:18%;inset-inline:0}.stage__grade[data-grade=perfect]{color:var(--perfect)}.stage__grade[data-grade=good]{color:var(--good)}.stage__grade[data-grade=miss]{color:var(--miss)}.stage__felt{background:var(--felt);block-size:6px}.stage__keys{background:var(--ebony-950);gap:3px;block-size:clamp(7rem,4rem + 7vw,10rem);display:flex;position:relative}.stage__key{border-block-end:6px solid var(--ivory-300);background:var(--ivory-50);color:var(--stone-600);-webkit-tap-highlight-color:transparent;touch-action:none;border-radius:0 0 8px 8px;flex:1;place-items:end center;padding-block-end:.75rem;display:grid;position:relative}.stage__key--black{z-index:1;border-block-end:5px solid var(--ebony-950);background:var(--ebony-700);block-size:60%;color:var(--ivory-500);border-radius:0 0 6px 6px;padding-block-end:.5rem;position:absolute;inset-block-start:0}.stage__key-label{font-size:var(--step-small);color:var(--felt);justify-items:center;gap:.35rem;font-weight:600;line-height:1;display:grid}.stage__key kbd{color:var(--stone-600);background:0 0;font-weight:500}.stage__key--black kbd{color:var(--ivory-500)}@media (hover:none){.stage__key kbd{display:none}}.stage__key[data-hint]{background:var(--right-hand-soft)}.stage__key--black[data-hint]{background:var(--right-hand-deep)}.stage__key[data-down]{background:var(--ivory-200);border-block-end-width:2px}.stage__key--black[data-down]{background:var(--ebony-600);border-block-end-width:2px}.stage__key[data-flash=perfect]{background:var(--perfect)}.stage__key[data-flash=good]{background:var(--good)}.stage__key:is([data-flash=miss],[data-flash=wrong]){background:var(--miss)}@media (prefers-reduced-motion:no-preference){.stage__key{transition:background-color 90ms}}@media (width<=40rem){.stage{margin-inline:calc(var(--margin) * -1);border-radius:0}}.about .page__main>section{margin-block-start:var(--section-gap)}.about .page__main>.about-intro{margin-block-start:clamp(2rem,1rem + 4vw,5rem)}.about h2{font-size:var(--step-head)}.about-intro{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:3rem;display:grid}.about-intro__words{grid-column:1/8;gap:1.5rem;display:grid}.about-intro h1{font-size:var(--step-head)}.about-intro h1 span{display:inline-block}.about-intro__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.about-intro__statement{max-inline-size:38ch;font-family:var(--serif);font-size:var(--step-lead);line-height:1.2}.about-intro__object{grid-column:9/13;position:relative}.about-slab{border-radius:var(--radius-slab);padding-block-end:var(--depth-lg);position:relative;rotate:-2deg}.about-slab:before{content:"";inset:var(--depth-lg) 0 0;border-radius:inherit;background:var(--ivory-300);position:absolute}.about-slab img{border-radius:inherit;background:var(--ivory-50);inline-size:100%;padding:8%;position:relative}.about-intro__candle{inline-size:34%;position:absolute;inset-block-end:-12%;inset-inline-start:-14%}.about-history{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2.5rem;display:grid}.about-history__photo{margin-block-start:2rem;margin-inline:calc(var(--margin) * -1);grid-column:1/-1;gap:.75rem;display:grid}.about-history__photo img{object-fit:cover;max-block-size:88svh;inline-size:100%}.about-history__photo figcaption{padding-inline:var(--margin);font-size:var(--step-small);color:var(--ink-muted)}.about-history__words{grid-column:1/7;align-content:start;gap:1.25rem;display:grid}.about-history__clip{grid-column:8/13;gap:.75rem;display:grid}.about-history__clip video{border-radius:var(--radius-slab);block-size:auto;inline-size:100%}.about-history__clip figcaption{font-size:var(--step-small);color:var(--ink-muted)}.about-history__words p{max-inline-size:60ch}.about-never{column-gap:var(--gap);padding-block:clamp(4rem,2rem + 6vw,8rem);padding-inline:var(--margin);background:var(--ivory-200);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:3rem;display:grid}.about-never__head{grid-column:1/6;align-content:start;gap:2rem;display:grid}.about-never__head img{inline-size:clamp(9rem,6rem + 10vw,17rem)}.about-never__list{grid-column:7/13;align-content:start;gap:2.5rem;padding:0;list-style:none;display:grid}.about-never__line{font-family:var(--serif);font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.1}.about-never__list li>p:last-child{color:var(--stone-700);margin-block-start:.4rem}.about-made{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:3rem;display:grid}.about-made__words{grid-column:1/6;gap:1.25rem;display:grid}.about-made__screen{grid-column:7/13;position:relative}.about-made__screen>img:first-child{border-radius:var(--radius-slab);inline-size:100%;rotate:1.5deg}.about-made__metronome{inline-size:26%;position:absolute;inset-block-end:-14%;inset-inline-start:-10%}.about-help{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2rem;display:grid}.about-help h2,.about-help__intro{grid-column:1/9}.about-help__intro{max-inline-size:42ch;font-family:var(--serif);font-size:var(--step-lead);line-height:1.2}.about-help__ways{column-gap:var(--gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:3rem;margin-block-start:2rem;padding:0;list-style:none;display:grid}.about-help__ways>li{grid-column:span 3;align-content:start;justify-items:start;gap:.75rem;display:grid}.about-help__ways>.about-help__sponsor{border-radius:var(--radius-slab);background:var(--ivory-50);grid-column:1/7;padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.about-help__way{font-family:var(--serif);font-size:var(--step-lead);line-height:1.1}.about-help__sponsor .key{margin-block-start:.75rem}.about-signoff{grid-column:1/-1;align-items:center;gap:1.5rem;margin-block-start:3rem;display:flex}.about-signoff img{inline-size:clamp(6rem,4rem + 5vw,9rem)}.about-signoff p{font-size:var(--step-body);color:var(--ink-muted);display:grid}.about-signoff span{font-family:var(--serif);font-size:var(--step-head);color:var(--ink);line-height:1}@media (width<=60rem){.about-intro__words,.about-intro__object,.about-history__words,.about-history__clip,.about-never__head,.about-never__list,.about-made__words,.about-made__screen,.about-help h2,.about-help__intro,.about-help__ways>li,.about-help__ways>.about-help__sponsor{grid-column:1/-1}.about-intro__object{justify-self:center;inline-size:min(100%,26rem)}.about-intro__candle{inset-inline-start:-6%}.about-history__photo img{aspect-ratio:4/3}}