@font-face{font-family:boska;src:url(../media/boska_500_normal-s.p.06279wptfu64w.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:boska;src:url(../media/boska_500_italic-s.p.3j7kpyy6l9ykw.woff2)format("woff2");font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:boska Fallback;src:local(Arial);ascent-override:102.28%;descent-override:26.63%;line-gap-override:9.59%;size-adjust:93.86%}.B_83_q_className{font-family:boska,boska Fallback,Times New Roman,serif}.B_83_q_variable{--font-boska:"boska", "boska Fallback", Times New Roman, serif}
@font-face{font-family:switzer;src:url(../media/switzer_400_normal-s.p.3yawfglvcngey.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:switzer;src:url(../media/switzer_500_normal-s.p.37azfm_vw7k45.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:switzer;src:url(../media/switzer_600_normal-s.p.21hkv8855zlk4.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:switzer Fallback;src:local(Arial);ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.ncOkuG_className{font-family:switzer,switzer Fallback,system-ui,sans-serif}.ncOkuG_variable{--font-switzer:"switzer", "switzer Fallback", system-ui, sans-serif}
:root,:root[data-theme=dark]{--c-bg:#0d0c0b;--c-surface:#171513;--c-surface-2:#201d1a;--c-fg:#efe9df;--c-muted:#a8a096;--c-line:#efe9df21;--c-accent:#e0564c;--c-accent-ink:#0d0c0b;--c-glow:#ffc48029;--c-curtain:#efe9df;--c-lacquer:#0b0a09;--c-ivory:#f2ece1;--c-ebony:#121110;--c-felt:#8e1f1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--c-bg:#f5f4f1;--c-surface:#fff;--c-surface-2:#ecebe7;--c-fg:#141312;--c-muted:#5d5852;--c-line:#14131224;--c-accent:#b3302a;--c-accent-ink:#fff;--c-glow:#ffd6a073;--c-curtain:#141312;--c-lacquer:#e9e7e2;--c-ivory:#fbf8f2;--c-ebony:#1a1918;--c-felt:#a3302b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--f-display:var(--font-boska), "Times New Roman", serif;--f-body:var(--font-switzer), system-ui, sans-serif;--t-mega:clamp(3.25rem, 1.4rem + 8.6vw, 10rem);--t-xl:clamp(2.6rem, 1.5rem + 4.6vw, 6.25rem);--t-l:clamp(1.7rem, 1.25rem + 1.9vw, 3rem);--t-m:clamp(1.2rem, 1.05rem + .6vw, 1.6rem);--t-body:clamp(1rem, .96rem + .18vw, 1.0625rem);--t-s:.875rem;--t-xs:.8125rem;--u:clamp(.5rem, .35rem + .6vw, 1rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2.5rem);--header-h:4.5rem;--maxw:92rem;--radius:3px;--e-out:cubic-bezier(.16, 1, .3, 1);--e-press:cubic-bezier(.55, 0, 1, .45);--e-release:cubic-bezier(.34, 1.56, .64, 1);--z-content:1;--z-header:50;--z-curtain:90;--z-loader:100}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg);transition:background-color .5s var(--e-out), color .5s var(--e-out)}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;background:var(--c-bg);line-height:1.55;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--c-accent);color:var(--c-accent-ink)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}#main:focus{outline:none}.skip-link{left:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);border-radius:var(--radius);padding:.6em 1em;position:fixed;top:.75rem;translate:0 -200%}.skip-link:focus-visible{translate:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#main{z-index:var(--z-content);position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}#loader{z-index:var(--z-loader);background:var(--c-bg);color:var(--c-fg);position:fixed;inset:0}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{font-feature-settings:"kern"}.h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-l);letter-spacing:-.02em;line-height:1}kbd{min-width:1.75em;height:1.75em;font:500 .6875rem/1 var(--f-body);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--radius);font-variant-numeric:tabular-nums;border-bottom-width:2px;place-items:center;padding:0 .4em;display:inline-grid}.flip{scale:-1 1}.only-touch{display:none}@media (hover:none),(pointer:coarse){.only-fine{display:none!important}.only-touch{display:inline}}.link{background:linear-gradient(var(--c-accent) 0 0) left 100% / 100% 1px no-repeat;transition:background-size .35s var(--e-out), color .35s;padding-bottom:1px}@media (hover:hover){.link:hover{color:var(--c-accent-ink);background-size:100% 100%}}.link:focus-visible{color:var(--c-accent-ink);background-size:100% 100%}.util{min-height:2.75rem;color:var(--c-muted);align-items:center;gap:.5em;transition:color .25s;display:inline-flex}@media (hover:hover){.util:hover{color:var(--c-fg)}}.util:focus-visible{color:var(--c-fg)}.btn{--edge:color-mix(in srgb, var(--c-fg) 22%, var(--c-bg));display:inline-flex}.btn__face{letter-spacing:.005em;background:var(--c-surface);min-height:3rem;color:var(--c-fg);border:1px solid color-mix(in srgb, var(--c-fg) 18%, transparent);border-radius:var(--radius);box-shadow:0 4px 0 var(--edge);transition:translate .38s var(--e-release), box-shadow .38s var(--e-release), background-color .3s;align-items:center;gap:.6em;padding:.75em 1.25em;font-size:.9375rem;font-weight:500;display:inline-flex}.btn--solid{--edge:color-mix(in srgb, var(--c-fg) 55%, #000)}.btn--solid .btn__face{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg)}.btn--ghost .btn__face{background:0 0}.btn--sm .btn__face{min-height:2.5rem;box-shadow:0 3px 0 var(--edge);padding:.5em .85em;font-size:.8125rem}.btn svg{transition:translate .38s var(--e-release)}@media (hover:hover){.btn:hover .btn__face{box-shadow:0 1px 0 var(--edge);transition-timing-function:var(--e-out);transition-duration:.12s;translate:0 3px}.btn:hover svg:not(.flip){translate:3px}.btn:hover svg.flip{translate:-3px}}.btn:focus-visible{outline:none}.btn:focus-visible .btn__face{outline:2px solid var(--c-accent);outline-offset:3px;box-shadow:0 1px 0 var(--edge);translate:0 3px}.btn:active .btn__face{box-shadow:0 0 0 var(--edge);transition-duration:60ms;translate:0 4px}.btn[disabled] .btn__face,button:disabled .btn__face{opacity:.6;cursor:progress}@media (prefers-reduced-motion:reduce){.btn:hover .btn__face{background:var(--c-surface-2)}.btn--solid:hover .btn__face{background:color-mix(in srgb, var(--c-fg) 85%, var(--c-bg))}}.octave-toast{z-index:50;pointer-events:none;position:fixed;top:5.5rem;left:50%;translate:-50%}.octave-toast__msg{white-space:nowrap;letter-spacing:0;background:var(--c-fg);color:var(--c-bg);border-radius:var(--radius);box-shadow:inset 0 -3px 0 var(--c-accent);animation:octaveToast 1.3s var(--e-out) forwards;padding:.55em .9em;font-size:.8125rem;font-weight:600;display:block}@keyframes octaveToast{0%{opacity:0;translate:0 -6px}12%,75%{opacity:1;translate:0}to{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.octave-toast__msg{animation-name:octaveToastFade}@keyframes octaveToastFade{0%,75%{opacity:1}to{opacity:0}}}.tip{z-index:10;white-space:nowrap;letter-spacing:0;background:var(--c-fg);color:var(--c-bg);border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity .2s, translate .3s var(--e-out);align-items:center;gap:.5em;padding:.4em .6em;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:calc(100% + 10px);left:50%;translate:-50% -4px}.tip kbd{color:var(--c-bg);border-color:color-mix(in srgb, var(--c-bg) 35%, transparent);min-width:1.5em;height:1.5em}@media (hover:hover){:hover>.tip{opacity:1;translate:-50%}}:focus-visible>.tip{opacity:1;translate:-50%}.frame{z-index:var(--z-header);align-items:center;gap:var(--gutter);height:var(--header-h);padding:0 var(--gutter);background:var(--c-bg);grid-template-columns:1fr auto 1fr;display:grid;position:fixed;inset:0 0 auto}.frame:after{content:"";pointer-events:none;background:linear-gradient(var(--c-bg), transparent);height:1.5rem;position:absolute;top:100%;left:0;right:0}html.no-loader #loader{display:none}.frame__nav{align-items:center;gap:1rem;display:flex}.frame__here{font-size:var(--t-xs);white-space:nowrap;align-items:baseline;gap:.4rem;font-weight:600;display:inline-flex}.frame__here i{font-family:var(--f-display);color:var(--c-accent);font-size:1rem}.frame__name{justify-self:start;align-items:center;gap:.75rem;min-height:2.75rem;display:inline-flex}.frame__mark{gap:2px;height:1.5rem;display:inline-flex}.frame__mark i{background:var(--c-fg);width:.45rem;height:100%;transition:translate .4s var(--e-release);border-radius:0 0 2px 2px}.frame__mark i:nth-child(2){transition-delay:40ms}.frame__mark i:nth-child(3){transition-delay:80ms}@media (hover:hover){.frame__name:hover .frame__mark i{transition-timing-function:var(--e-out);translate:0 3px}}.frame__name:focus-visible .frame__mark i{translate:0 3px}.frame__who{line-height:1.15;display:grid}.frame__title{font-size:.9375rem;font-weight:600}.frame__role{color:var(--c-muted);font-size:.75rem}.frame__nav{justify-self:center}.frame__tools{grid-column:3;justify-self:end;gap:.75rem;display:flex}.frame[data-home] .frame__role{display:none}.tool{border:1px solid var(--c-line);border-radius:var(--radius);min-width:2.75rem;height:2.75rem;color:var(--c-fg);box-shadow:0 3px 0 var(--c-line);transition:translate .35s var(--e-release), box-shadow .35s var(--e-release), background-color .25s;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;display:inline-flex;position:relative}.tool__label{text-align:left;min-width:1.6em;font-size:.75rem;font-weight:500}.tool[aria-pressed=true]{background:var(--c-surface-2)}@media (hover:hover){.tool:hover{box-shadow:0 1px 0 var(--c-line);background:var(--c-surface);translate:0 2px}}.tool:active{box-shadow:none;translate:0 3px}.tool--switch[aria-pressed=true],.tool--switch[aria-pressed=true]:hover{box-shadow:none;background:color-mix(in srgb, var(--c-accent) 16%, var(--c-surface));border-color:color-mix(in srgb, var(--c-accent) 75%, transparent);translate:0 3px}.tool--switch[aria-pressed=true] svg{color:var(--c-accent)}.tool--switch:after{content:"";background:var(--c-line);border-radius:50%;width:5px;height:5px;transition:background-color .25s,box-shadow .25s;position:absolute;top:5px;right:5px}.tool--switch[aria-pressed=true]:after{background:var(--c-accent);box-shadow:0 0 6px 1px color-mix(in srgb, var(--c-accent) 70%, transparent)}.mini{--kw:2.5rem;width:calc(var(--kw) * 7);height:2.9rem;position:relative}.mini__key{justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0}.mini__key.key--white{left:calc(var(--x) * var(--kw));width:calc(var(--kw) - 3px);background:var(--c-ivory);color:#1b1917;border-radius:0 0 var(--radius) var(--radius);height:100%;transition:translate .38s var(--e-release), box-shadow .38s var(--e-release);padding-bottom:.35rem;box-shadow:inset 0 -4px #0000001f,0 1px #00000059}.mini__key.key--black{left:calc((var(--x) - .3) * var(--kw));width:calc(var(--kw) * .6);z-index:2;background:linear-gradient(#2a2725, var(--c-ebony) 40%);color:#d9d2c7;border-radius:0 0 var(--radius) var(--radius);height:58%;transition:translate .38s var(--e-release), box-shadow .38s var(--e-release);padding-bottom:.3rem;box-shadow:0 2px #000,inset 0 -3px #ffffff0f}:root[data-theme=light] .mini__key.key--white{box-shadow:inset 0 -4px #00000014,0 0 0 1px #00000024}.mini__note{font-family:var(--f-display);font-size:.9375rem;font-style:italic;line-height:1}.mini__key.is-current{box-shadow:inset 0 -1px 0 #0000001f, inset 0 -4px 0 var(--c-accent), 0 0 18px -2px color-mix(in srgb, var(--c-accent) 70%, transparent);translate:0 2px}.mini__key.is-current .mini__note{color:#8a1f1a}@media (hover:hover){.mini__key.key--white:hover{transition-duration:.1s;translate:0 2px;box-shadow:inset 0 -2px #0000001f,0 0 #00000059}.mini__key.key--black:hover{transition-duration:.1s;translate:0 2px;box-shadow:0 0 #000}}.mini__key:focus-visible{outline-offset:2px;translate:0 2px}.mini__key.is-down,.pkey.is-down .pkey__face{animation:.46s keyDip}@keyframes keyDip{0%{translate:0}22%{translate:0 4px}60%{translate:0 -1px}to{translate:0}}.mini__key.is-current.is-down{animation:none}.dock{display:none}@media (max-width:860px){.frame__nav{display:none}.frame{grid-template-columns:1fr auto}.frame__tools{grid-column:2}.frame__role{display:none}.dock{z-index:var(--z-header);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background:var(--c-bg);border-top:1px solid var(--c-line);display:block;position:fixed;inset:auto 0 0}body:has(.dock){padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.mini--compact{gap:3px;width:100%;height:3.25rem;display:flex}.mini--compact .mini__key.key--white{flex:1;width:auto;min-width:0;padding-bottom:.45rem;position:relative;left:auto}.mini__label{letter-spacing:-.005em;white-space:nowrap;text-overflow:clip;font-size:.6875rem;font-weight:500;overflow:hidden}.mini--compact .is-current .mini__label{color:#8a1f1a;font-weight:600}}#loader{place-items:center;display:grid}.loader__inner{text-align:center;justify-items:center;gap:1.5rem;display:grid}.loader__keys{gap:4px;height:4.5rem;display:flex;overflow:hidden}.loader__keys i{background:var(--c-ivory);opacity:.14;width:1.1rem;height:100%;transition:opacity .25s, translate .25s var(--e-release);border-radius:0 0 3px 3px;translate:0 -10%}.loader__keys i.is-lit{opacity:1;translate:0}.loader__name{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;line-height:1}.loader__meta{font-size:var(--t-xs);color:var(--c-muted);gap:1rem;display:flex}.loader__count{font-variant-numeric:tabular-nums;color:var(--c-fg)}.loader__skip{right:var(--gutter);bottom:var(--gutter);min-height:2.75rem;font-size:var(--t-xs);color:var(--c-muted);text-underline-offset:.3em;padding:0 .25rem;text-decoration:underline;position:absolute}.loader__skip:hover{color:var(--c-fg)}html.intro-seen .loader__inner{opacity:0}#curtain{display:flex}.curtain__col{background:#efe9df;border-right:2px solid #0d0c0b;border-radius:0 0 6px 6px;flex:1;height:100%;position:relative;translate:none}.curtain__col:first-child{z-index:7}.curtain__col:nth-child(2){z-index:6}.curtain__col:nth-child(3){z-index:5}.curtain__col:nth-child(4){z-index:4}.curtain__col:nth-child(5){z-index:3}.curtain__col:nth-child(6){z-index:2}.curtain__col:nth-child(7){z-index:1;border-right:0}.curtain__black{z-index:2;background:linear-gradient(90deg,#1d1b19,#0f0e0d 70%);border-radius:0 0 5px 5px;width:60%;height:60%;position:absolute;top:0;right:-31%;box-shadow:0 6px #000}.curtain__label{z-index:20;text-align:center;font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.03em;color:#0d0c0b;visibility:hidden;line-height:1;position:absolute;bottom:12%;left:0;right:0}.hero{min-height:100svh;padding:calc(var(--header-h) + 2vh) var(--gutter) 1rem;grid-template-rows:auto 1fr auto;display:grid;overflow:clip}.hero__top{gap:var(--gutter);z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid;position:relative}.hero__name{font-family:var(--f-display);font-weight:500;font-size:var(--t-mega);letter-spacing:-.04em;grid-column:1/9;margin-left:-.05em;line-height:.88}.hero__meta{grid-column:9/13;gap:.9rem;padding-bottom:.6rem;display:grid}.hero__role{font-size:var(--t-s);letter-spacing:.01em;font-weight:600}.hero__tagline{font-size:var(--t-m);letter-spacing:-.01em;max-width:24ch;line-height:1.3}.hero__ctas{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero__foot{font-size:var(--t-xs);color:var(--c-muted);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex;position:relative}.hero__hint{color:var(--c-fg);align-items:center;gap:.6rem;font-weight:500;display:inline-flex}.hero__pulse{background:var(--c-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--c-accent) 60%, transparent);border-radius:50%;flex:none;animation:2.4s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 .6rem #0000}to{box-shadow:0 0 #0000}}.hero__shortcuts{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.hero__shortcuts>span{margin-right:.35rem}.hero__sep{margin-left:.9rem}@media (max-width:1020px){.hero__name{grid-column:1/-1}.hero__meta{grid-column:1/10}}@media (max-width:640px){.hero{padding-top:calc(var(--header-h) + .5rem);grid-template-rows:auto auto auto}.hero__meta{grid-column:1/-1;gap:.6rem}.hero__tagline{font-size:1.0625rem}.hero__ctas .btn__face{min-height:2.75rem;padding:.6em 1em;font-size:.875rem}.hero__foot{justify-content:flex-start}}.piano{margin:1.5rem calc(var(--gutter) * -1) 1rem;height:clamp(300px,54svh,660px);min-height:0;position:relative;container-type:size}@media (max-width:640px){.piano{height:clamp(440px,74svh,600px);margin-top:1rem}}.piano__pool{pointer-events:none;background:radial-gradient(ellipse 38% 62% at 50% 48%, var(--c-glow), transparent 72%);position:absolute;inset:-10% 0}.piano[data-orient=v] .piano__pool{background:radial-gradient(ellipse 75% 45% at 50% 50%, var(--c-glow), transparent 72%)}.piano__stage{opacity:0;transition:opacity .8s var(--e-out);position:absolute;inset:0}.piano.is-3d .piano__stage{opacity:1}.piano__canvas{width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.piano[data-orient=v] .piano__canvas{-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.piano__keys{height:min(88cqh, calc((100cqw - 2 * var(--gutter)) * 4.9 / 7));aspect-ratio:7/4.9;position:absolute;top:50%;left:50%;translate:-50% -50%}.piano[data-orient=v] .piano__keys{aspect-ratio:4.9/7;height:auto;width:min(calc(100cqw - 2 * var(--gutter)), 94cqh * 4.9 / 7)}.piano.is-3d .piano__keys{aspect-ratio:auto;width:100%;max-width:none;height:100%;top:0;left:0;translate:none}.pkey{-webkit-tap-highlight-color:transparent;display:block;position:absolute}.pkey__face{border-radius:0 0 6px 6px;position:absolute;inset:0}.pkey.key--white{left:calc(var(--x) * 100% / 7);width:14.2857%;height:100%;top:0}.pkey.key--black{left:calc((var(--x) - .3) * 100% / 7);z-index:2;width:8.57143%;height:62%;top:0}.piano[data-orient=v] .pkey.key--white{width:100%;left:0;top:calc(var(--x) * 100% / 7);height:14.2857%}.piano[data-orient=v] .pkey.key--black{width:62%;left:auto;right:0;top:calc((var(--x) - .3) * 100% / 7);height:8.57143%}.piano[data-orient=v] .pkey__face{border-radius:6px 0 0 6px}.key--white>.pkey__face{background:linear-gradient(180deg, #e3dccf, var(--c-ivory) 12%, var(--c-ivory) 88%, #e6dfd2);transition:translate .4s var(--e-release), box-shadow .4s var(--e-release), filter .3s;box-shadow:inset -1px 0 #00000038,inset 0 -10px #0000000f,0 3px #00000059}.key--black>.pkey__face{background:linear-gradient(180deg, #000, #24211f 10%, var(--c-ebony) 80%, #2d2a27);transition:translate .4s var(--e-release), box-shadow .4s var(--e-release);box-shadow:0 4px #000,inset 0 -8px #ffffff0d}.piano[data-orient=v] .key--white>.pkey__face{background:linear-gradient(90deg, #e6dfd2, var(--c-ivory) 12%, var(--c-ivory) 88%, #e3dccf);box-shadow:inset 0 -1px #00000038,inset 10px 0 #0000000f,-3px 0 #00000059}@media (hover:hover){.pkey:hover>.pkey__face{filter:brightness(1.03);transition-duration:.12s;translate:0 2px}.piano[data-orient=v] .pkey:hover>.pkey__face{translate:-2px}}.pkey:active>.pkey__face{box-shadow:none;transition-duration:60ms;translate:0 3px}.pkey.is-current>.pkey__face{box-shadow:inset -1px 0 0 #00000038, inset 0 -4px 0 var(--c-accent), 0 3px 0 #00000059}.piano.is-3d .pkey__face{opacity:0;transition:opacity .7s var(--e-out)}.piano.is-3d .pkey{top:0!important;left:0!important;right:auto!important}.pkey__text{color:#1b1917;text-align:center;pointer-events:none;transition:translate .4s var(--e-release);justify-items:center;gap:.15rem;display:grid;position:absolute;bottom:9%;left:0;right:0}.pkey__note{font-family:var(--f-display);font-size:clamp(1rem,.7rem + .9vw,1.5rem);font-style:italic;line-height:1}.pkey__label{letter-spacing:0;white-space:nowrap;font-size:clamp(.6875rem,.6rem + .3vw,.8125rem);font-weight:600}.pkey.is-current .pkey__label:after{content:"";vertical-align:.15em;background:var(--c-accent);border-radius:50%;width:.35rem;height:.35rem;margin-left:.3rem;display:inline-block}.pkey__kbd{pointer-events:none;color:#5a534b;background:#ffffff59;border-color:#0003;position:absolute;top:6%;left:50%;translate:-50%}.piano.is-3d .pkey__kbd{top:auto;bottom:27%}.piano.is-3d[data-orient=v] .pkey__kbd{display:none}@media (hover:none),(pointer:coarse){.pkey__kbd{display:none}}@media (hover:hover){.pkey:hover .pkey__text{translate:0 2px}}.pkey__icon{color:#e8e1d6;pointer-events:none;transition:translate .4s var(--e-release);position:absolute;bottom:10%;left:50%;translate:-50%}@media (hover:hover){.pkey:hover .pkey__icon{translate:-50% 2px}}.pkey .tip{top:auto;bottom:calc(100% + 8px)}.pkey:focus-visible{outline:2px solid var(--c-accent);outline-offset:-4px;border-radius:6px}.pkey.key--black:focus-visible{outline-color:#f08a80}.pkey.key--white{container-type:inline-size}@container (max-width:86px){.pkey__label{letter-spacing:-.01em;font-size:.6875rem}}@container (max-width:60px){.pkey__text{bottom:7%}.pkey__label{writing-mode:vertical-rl;rotate:180deg}.pkey__kbd{display:none}}.piano[data-orient=v] .pkey__text{grid-auto-flow:column;align-content:center;place-items:baseline start;gap:.55rem;inset:0 auto 0 6%}.piano[data-orient=v] .pkey__label{writing-mode:horizontal-tb;font-size:.875rem;rotate:none}.piano[data-orient=v] .pkey__icon{top:50%;bottom:auto;left:12%;translate:0 -50%}.piano[data-orient=v] .pkey .tip{display:none}@media (pointer:coarse){.piano[data-orient=v] .pkey.key--black:before{content:"";min-height:44px;position:absolute;inset:max(0px,-22px + 50%) 0}}.page{max-width:var(--maxw);padding:calc(var(--header-h) + 12vh) var(--gutter) 8rem;margin:0 auto;position:relative}.phead{gap:1.25rem var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(4rem,10vw,9rem);display:grid;position:relative}.phead__note{z-index:-1;font-family:var(--f-display);color:#0000;-webkit-text-stroke:1px var(--c-line);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(12rem,8rem + 22vw,30rem);font-style:italic;line-height:1;position:absolute;top:-.42em;right:-.04em}.phead__key{font-size:var(--t-xs);color:var(--c-muted);grid-column:1/-1;align-items:center;gap:1.25rem;display:flex}.phead__kbd{align-items:center;gap:.4rem;display:inline-flex}@media (hover:none),(pointer:coarse){.phead__kbd{display:none}}.phead__title{font-family:var(--f-display);font-weight:500;font-size:var(--t-xl);letter-spacing:-.035em;grid-column:1/11;margin-left:-.04em;line-height:.92}.phead__lede{font-size:var(--t-m);letter-spacing:-.01em;max-width:36ch;color:color-mix(in srgb, var(--c-fg) 88%, var(--c-bg));grid-column:1/8;line-height:1.38}@media (max-width:760px){.phead__title,.phead__lede{grid-column:1/-1}}.notes{gap:1.1rem;display:grid}.notes li{grid-template-columns:1.6rem 1fr;align-items:baseline;column-gap:.4rem;display:grid;position:relative}.notes li strong{grid-column:2;font-weight:600}.notes__text{color:color-mix(in srgb, var(--c-fg) 82%, var(--c-bg));grid-column:2}.notes__head{background:var(--c-accent);border-radius:50%;grid-area:1/1;align-self:center;width:.72rem;height:.5rem;margin-top:.1rem;rotate:-22deg}.notes--tight{gap:.65rem}.about{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.about__portrait{aspect-ratio:4/5;border-radius:var(--radius);background:var(--c-surface);grid-column:1/6;overflow:hidden}.about__portrait img{object-fit:cover;width:100%;height:100%}.about__placeholder{background:repeating-linear-gradient(180deg, transparent 0 22px, var(--c-line) 22px 23px) center / 100% 115px no-repeat, var(--c-surface);place-items:center;width:100%;height:100%;display:grid;position:relative}.about__initials{font-family:var(--f-display);color:var(--c-fg);letter-spacing:-.04em;font-size:clamp(6rem,14vw,13rem);font-style:italic;line-height:1}.about__ph-note{font-size:var(--t-xs);color:var(--c-muted);position:absolute;bottom:.9rem;left:1rem}.about__bio{grid-column:7/13;gap:1.25rem;max-width:38rem;padding-top:.5rem;display:grid}.about__bio p{color:color-mix(in srgb, var(--c-fg) 86%, var(--c-bg))}.about__bio .about__first{font-size:var(--t-m);color:var(--c-fg);line-height:1.4}.facts{gap:var(--gutter);border-top:1px solid var(--c-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(5rem,10vw,9rem) 0;padding-top:1.5rem;display:grid}.facts dt{font-size:var(--t-xs);color:var(--c-muted);margin-bottom:.5rem}.facts dd{font-family:var(--f-display);font-size:var(--t-m);line-height:1.15}.learning{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.learning .h2{grid-column:1/6}.learning .notes{grid-column:7/13}@media (max-width:860px){.about__portrait,.about__bio,.learning .h2,.learning .notes{grid-column:1/-1}.about__portrait{max-width:26rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}}.legend{font-size:var(--t-xs);color:var(--c-muted);flex-wrap:wrap;gap:.5rem 1.75rem;margin-bottom:3rem;display:flex}.legend__item{align-items:baseline;gap:.5rem;display:inline-flex}.dyn{font-family:var(--f-display);color:var(--c-fg);letter-spacing:.02em;font-size:1.05em;font-style:italic;font-weight:500}.registers{display:grid}.register{gap:1.25rem var(--gutter);border-top:1px solid var(--c-line);grid-template-columns:repeat(12,minmax(0,1fr));padding:2rem 0;display:grid}.register:last-child{border-bottom:1px solid var(--c-line)}.register__name{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;grid-column:1/4;line-height:1}.chips{flex-wrap:wrap;grid-column:4/13;align-content:start;gap:.6rem;display:flex}.chip{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);box-shadow:0 2px 0 var(--c-line);align-items:center;gap:.85rem;padding:.55rem .8rem .55rem 1rem;display:inline-flex}.chip__name{font-size:.9375rem;font-weight:500}.chip__lvl{align-items:center;gap:.45rem;display:inline-flex}.chip__lvl .dyn{min-width:1.4em;color:var(--c-muted);font-size:.9375rem}.chip__bars{align-items:end;gap:2px;height:.85rem;display:inline-flex}.chip__bars i{background:var(--c-line);border-radius:1px;width:3px}.chip__bars i:first-child{height:30%}.chip__bars i:nth-child(2){height:45%}.chip__bars i:nth-child(3){height:62%}.chip__bars i:nth-child(4){height:80%}.chip__bars i:nth-child(5){height:100%}.chip__bars i.on{background:var(--c-accent)}@media (max-width:860px){.register__name,.chips{grid-column:1/-1}}.filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter__btn{min-height:2.75rem;font-size:var(--t-s);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:0 3px 0 var(--c-line);transition:translate .35s var(--e-release), box-shadow .35s var(--e-release), background-color .25s, color .25s;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500;display:inline-flex}.filter__n{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.filter__btn[aria-pressed=true]{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg);box-shadow:none;translate:0 3px}.filter__btn[aria-pressed=true] .filter__n{color:inherit;opacity:.75}@media (hover:hover){.filter__btn:hover{box-shadow:0 1px 0 var(--c-line);translate:0 2px}}.grid{gap:clamp(2.5rem, 4vw, 4rem) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.grid{grid-template-columns:1fr}}.card{align-content:start;gap:1.1rem;display:grid}.card[hidden]{display:none}.card__cover{aspect-ratio:16/10;border-radius:var(--radius);background:var(--c-surface);box-shadow:0 4px 0 var(--c-line);transition:translate .45s var(--e-release), box-shadow .45s var(--e-release);display:block;overflow:hidden}.card__cover .roll,.card__cover img{object-fit:cover;width:100%;height:100%;transition:scale .9s var(--e-out)}.card__meta{font-size:var(--t-xs);color:var(--c-muted);font-variant-numeric:tabular-nums;gap:1rem;display:flex}.card__title{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;line-height:1}.card__link{transition:background-size .45s var(--e-out);background:linear-gradient(currentColor 0 0) 0 100%/0% 1px no-repeat}.card__summary{color:color-mix(in srgb, var(--c-fg) 82%, var(--c-bg));max-width:42ch}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags li{border:1px solid var(--c-line);border-radius:var(--radius);color:var(--c-muted);padding:.3em .6em;font-size:.75rem;font-weight:500}.card__actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}@media (hover:hover){.card:has(.card__cover:hover,.card__link:hover) .card__cover{box-shadow:0 1px 0 var(--c-line);translate:0 3px}.card:has(.card__cover:hover,.card__link:hover) .card__cover>*{scale:1.05}.card:has(.card__cover:hover,.card__link:hover) .card__link{background-size:100% 1px}}.card__link:focus-visible{background-size:100% 1px}.roll{width:100%;height:100%;display:block}.roll__bg{fill:var(--c-surface-2)}.roll__lane{fill:var(--c-line);opacity:.5}.roll__white{fill:var(--c-ivory);opacity:.92}.roll__black{fill:color-mix(in srgb, var(--c-ebony) 70%, var(--c-muted))}.roll__bar{stroke:var(--c-line);stroke-width:1px}.roll__note{fill:var(--c-fg);opacity:.72}.roll__note--accent{fill:var(--c-accent);opacity:1}.roll__head{stroke:var(--c-accent);stroke-width:1.5px}.page--case{padding-top:calc(var(--header-h) + 8vh)}.case__head{gap:1.5rem var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:3.5rem;display:grid}.back{grid-column:1/-1;justify-self:start}.back svg{transition:translate .35s var(--e-release)}@media (hover:hover){.back:hover svg{translate:-4px}}.case__title{font-family:var(--f-display);font-size:var(--t-mega);letter-spacing:-.04em;grid-column:1/11;margin-left:-.05em;line-height:.9}.case__summary{font-size:var(--t-m);grid-column:1/8;max-width:36ch;line-height:1.38}.case__meta{border-top:1px solid var(--c-line);grid-area:3/9/5/13;align-content:start;gap:1rem;padding-top:1rem;display:grid}.case__meta dt{font-size:var(--t-xs);color:var(--c-muted)}.case__meta dd{font-weight:500}.case__links{flex-wrap:wrap;grid-column:1/8;gap:.75rem;display:flex}.case__cover{aspect-ratio:21/9;border-radius:var(--radius);margin:0 calc(var(--gutter) * -.5) clamp(4rem, 8vw, 7rem);overflow:hidden}.case__cover img{object-fit:cover;width:100%;height:100%}.case__story{gap:3rem var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));max-width:70rem;margin-bottom:clamp(5rem,10vw,9rem);margin-left:auto;display:grid}.case__story section{border-top:1px solid var(--c-line);gap:.75rem;padding-top:1.25rem;display:grid}.case__h{font-family:var(--f-display);font-style:italic;font-size:var(--t-m);line-height:1.1}.case__story p{color:color-mix(in srgb, var(--c-fg) 86%, var(--c-bg));max-width:46ch}.shots .h2{margin-bottom:2rem}.shots__list{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shots__frame{aspect-ratio:4/3;border-radius:var(--radius);background:var(--c-surface);overflow:hidden}.shots__frame img{object-fit:cover;width:100%;height:100%}.shots figcaption{font-size:var(--t-xs);color:var(--c-muted);margin-top:.75rem}.next{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);grid-template-columns:1fr auto;align-items:end;gap:.5rem 2rem;margin-top:clamp(5rem,10vw,9rem);padding:2.5rem 0;display:grid}.next__label{font-size:var(--t-xs);color:var(--c-muted);grid-column:1/-1}.next__title{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;transition:translate .45s var(--e-release);line-height:.95}.next__arrow{width:clamp(1.75rem,4vw,3rem);height:auto;transition:translate .45s var(--e-release)}@media (hover:hover){.next:hover .next__title{translate:0 4px}.next:hover .next__arrow{color:var(--c-accent);translate:8px}}.next:focus-visible .next__arrow{translate:8px}@media (max-width:860px){.case__title,.case__summary,.case__links,.case__meta{grid-area:auto/1/auto/-1}.case__story,.shots__list{grid-template-columns:1fr}.case__cover{aspect-ratio:4/3;margin-inline:0}}.timeline{gap:clamp(3.5rem,7vw,6rem);display:grid;position:relative}.timeline:before{content:"";top:.5rem;bottom:0;left:calc((100% - 11 * var(--gutter)) / 12 * 3 + 3 * var(--gutter));background:repeating-linear-gradient(90deg, var(--c-line) 0 1px, transparent 1px 6px);width:25px;position:absolute}.timeline__item{gap:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.timeline__when{font-size:var(--t-s);color:var(--c-muted);font-variant-numeric:tabular-nums;grid-column:1/4;align-self:start;align-items:center;gap:.6rem;padding-top:.6rem;display:flex}.timeline__to{background:currentColor;width:1.25rem;height:1px}.timeline__dot{left:calc((100% - 11 * var(--gutter)) / 12 * 3 + 3 * var(--gutter) + 6px);background:var(--c-accent);border-radius:50%;width:.95rem;height:.66rem;position:absolute;top:.85rem;rotate:-22deg}.timeline__body{grid-column:5/12;gap:.75rem;display:grid}.timeline__role{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;line-height:1}.timeline__org{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-weight:600;display:flex}.timeline__org span{color:var(--c-muted);font-weight:400}@media (max-width:860px){.timeline:before{left:0}.timeline__dot{top:.4rem;left:6px}.timeline__when,.timeline__body{grid-column:1/-1;padding-left:2.75rem}.timeline__when{margin-bottom:.75rem;padding-top:0}}.degree{gap:1rem;max-width:60rem;margin-bottom:clamp(5rem,10vw,9rem);display:grid}.degree__years{font-size:var(--t-s);color:var(--c-muted);font-variant-numeric:tabular-nums}.degree__title{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;line-height:.95}.degree__school{font-size:var(--t-m)}.degree__note{color:color-mix(in srgb, var(--c-fg) 82%, var(--c-bg));max-width:50ch}.certs .h2{margin-bottom:1.5rem}.certs__row{gap:1rem var(--gutter);border-top:1px solid var(--c-line);grid-template-columns:1.4fr 1fr 4rem 1.25rem;align-items:baseline;padding:1.25rem 0;display:grid}.certs__row:last-child{border-bottom:1px solid var(--c-line)}.certs__name{font-family:var(--f-display);font-size:var(--t-m);line-height:1.15}.certs__issuer{color:var(--c-muted)}.certs__year{font-variant-numeric:tabular-nums;text-align:right}@media (max-width:760px){.certs__row{grid-template-columns:1fr auto}.certs__issuer{grid-area:2/1}.certs__year{grid-area:1/2}.certs__ext{display:none}}.contact{gap:3rem var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.contact__side{grid-column:1/6;gap:1.75rem;display:grid}.contact__email{font-family:var(--f-display);font-size:var(--t-m);word-break:break-all;background:linear-gradient(var(--c-accent) 0 0) left 100% / 100% 1px no-repeat;transition:background-size .35s var(--e-out), color .35s;justify-self:start;align-items:center;gap:.75rem;padding-bottom:.25rem;line-height:1.2;display:inline-flex}.contact__email svg{flex:none}@media (hover:hover){.contact__email:hover{color:var(--c-accent-ink);background-size:100% 100%}}.contact__email:focus-visible{color:var(--c-accent-ink);background-size:100% 100%}.contact__avail{color:var(--c-muted);font-size:var(--t-s);align-items:center;gap:.75rem;display:flex}.contact__socials{display:grid}.contact__socials li{border-top:1px solid var(--c-line)}.contact__socials li:last-child{border-bottom:1px solid var(--c-line)}.contact__socials .util{width:100%;min-height:3.25rem}.form{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);grid-column:7/13;gap:1.25rem;padding:clamp(1.25rem,3vw,2.25rem);display:grid}.form__title{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;margin-bottom:.5rem;line-height:1}.field{gap:.45rem;display:grid}.field label{font-size:var(--t-s);font-weight:500}.field input,.field textarea{background:var(--c-bg);width:100%;color:var(--c-fg);border:1px solid color-mix(in srgb, var(--c-fg) 22%, transparent);border-radius:var(--radius);padding:.85rem 1rem;font-size:1rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:9rem}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 30%, transparent);outline:none}.field.has-error input,.field.has-error textarea{border-color:var(--c-accent)}.field__error{min-height:1.25rem;font-size:var(--t-xs);color:var(--c-accent)}.form__foot{justify-items:start;gap:1rem;display:grid}.form__status p{font-size:var(--t-s)}.form__status .ok{color:var(--c-fg);border-left:2px solid var(--c-accent);padding-left:1rem}.form__status .err{color:var(--c-accent)}@media (max-width:860px){.contact__side,.form{grid-column:1/-1}}.footer{max-width:var(--maxw);padding:0 var(--gutter) 2.5rem;margin:0 auto}.footer__staff{gap:7px;margin-bottom:2.5rem;display:grid}.footer__staff i{background:var(--c-line);height:1px}.footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer__links{font-size:var(--t-s);flex-wrap:wrap;gap:.25rem 1.75rem;display:flex}.footer__small{font-size:var(--t-xs);color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:2rem;display:flex}.nf{text-align:center;min-height:100svh;padding:calc(var(--header-h) + 2rem) var(--gutter) 4rem;place-content:center;justify-items:center;gap:1.5rem;display:grid}.nf__keys{gap:3px;height:7rem;margin-bottom:1rem;display:flex}.nf__keys i{background:var(--c-ivory);border-radius:0 0 4px 4px;width:2.4rem;box-shadow:0 3px #00000059}.nf__keys i.is-wrong{background:var(--c-accent);box-shadow:none;animation:wrong 2.8s var(--e-out) infinite;translate:0 6px}@keyframes wrong{0%,70%,to{translate:0 6px}80%{translate:0}88%{translate:0 7px}}.nf__code{font-family:var(--f-display);font-style:italic;font-size:var(--t-m);color:var(--c-muted)}.nf__title{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.035em;line-height:.95}.nf__text{max-width:40ch;color:color-mix(in srgb, var(--c-fg) 82%, var(--c-bg));margin-bottom:1rem}[data-glyph]:before{content:attr(data-glyph);content:attr(data-glyph) / ""}@media (max-width:640px) and (orientation:portrait){.piano:not([data-orient]) .piano__pool{background:radial-gradient(ellipse 75% 45% at 50% 50%, var(--c-glow), transparent 72%)}.piano:not([data-orient]) .piano__keys{aspect-ratio:4.9/7;height:auto;width:min(calc(100cqw - 2 * var(--gutter)), 94cqh * 4.9 / 7)}.piano:not([data-orient]) .pkey.key--white{width:100%;left:0;top:calc(var(--x) * 100% / 7);height:14.2857%}.piano:not([data-orient]) .pkey.key--black{width:62%;left:auto;right:0;top:calc((var(--x) - .3) * 100% / 7);height:8.57143%}.piano:not([data-orient]) .pkey__face{border-radius:6px 0 0 6px}.piano:not([data-orient]) .key--white>.pkey__face{background:linear-gradient(90deg, #e6dfd2, var(--c-ivory) 12%, var(--c-ivory) 88%, #e3dccf);box-shadow:inset 0 -1px #00000038,inset 10px 0 #0000000f,-3px 0 #00000059}.piano:not([data-orient]) .pkey__text{grid-auto-flow:column;align-content:center;place-items:baseline start;gap:.55rem;inset:0 auto 0 6%}.piano:not([data-orient]) .pkey__label{writing-mode:horizontal-tb;font-size:.875rem;rotate:none}.piano:not([data-orient]) .pkey__icon{top:50%;bottom:auto;left:12%;translate:0 -50%}.piano:not([data-orient]) .pkey .tip{display:none}}