@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:Pencil;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/klee-one-600-pencil-DYw6-mMx.woff2) format("woff2")}:root{--paper: #f4efe4;--paper-warm: #e8dfcd;--night: #181715;--ink: #1e1c19;--muted: #5f594f;--accent: #b23a1e;--pencil: #5a564f;--pencil-fill: #8d877c;--line: rgba(30, 28, 25, .16);--staff-line: rgba(30, 28, 25, .42);--bar: rgba(30, 28, 25, .09);--surface: var(--paper);--font-display: "Instrument Serif", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;--font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", system-ui, sans-serif;--font-pencil: "Pencil", "Klee One", "Hiragino Maru Gothic ProN", var(--font-body);--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--gutter: 48px;--container: min(100% - var(--gutter) * 2, 1296px);--label-w: 168px;--measures: 4;--cell: 20px;--header-h: 68px;--ease-out: cubic-bezier(.2, .8, .2, 1);color:var(--ink);background:var(--paper);font-family:var(--font-body);font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{min-width:320px;margin:0;background:var(--paper)}a{color:inherit}h1,h2,h3,p,dd{margin:0;overflow-wrap:break-word}ol,ul{margin:0;padding:0;list-style:none}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}main:focus{outline:none}.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:10px 14px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:.85rem;text-decoration:none;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.site-shell{position:relative;overflow-x:clip}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pencil{color:var(--pencil);font-family:var(--font-pencil);font-weight:600}.pencil--red{color:var(--accent)}.score-row{display:grid;grid-template-columns:var(--label-w) repeat(var(--measures),minmax(0,1fr));width:var(--container);margin-inline:auto}.hero,.movement,.site-footer{position:relative;isolation:isolate}.hero:before,.movement:before,.site-footer:before{position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - var(--container) / 2 + var(--label-w));width:calc(var(--container) - var(--label-w));border-right:1px solid var(--bar);background-image:linear-gradient(to right,var(--bar) 0 1px,transparent 1px);background-size:calc(100% / var(--measures)) 100%;content:"";pointer-events:none}.score-header{--head: 0;position:sticky;z-index:20;top:0;display:grid;grid-template-columns:var(--label-w) minmax(0,1fr) auto;align-items:center;height:var(--header-h);padding-inline:max(var(--gutter),calc((100% - 1296px)/2));border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-weight:700;letter-spacing:.02em;text-decoration:none}.brand__mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:1.3rem;font-style:italic;line-height:1;transition:transform .3s var(--ease-out)}.brand:hover .brand__mark{transform:rotate(-12deg)}.timeline{display:flex;align-items:flex-start;gap:14px;margin-inline:var(--cell)}.timeline__program{padding-top:4px;color:var(--muted);font-family:var(--font-display);font-size:1.25rem;font-style:italic;line-height:1}.timeline__score{position:relative;flex:1;max-width:640px}.timeline__measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.timeline__link{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:6px 10px 22px;color:var(--muted);text-decoration:none;transition:color .2s ease}.timeline__link:hover,.timeline__link[aria-current]{color:var(--ink)}.timeline__link[aria-current] .timeline__numeral{color:var(--accent)}.timeline__numeral{font-family:var(--font-display);font-size:1.15rem;font-style:italic;line-height:1}.timeline__name{font-size:.8rem;font-weight:700;white-space:nowrap}.timeline__staff{position:absolute;right:0;bottom:9px;left:0;height:9px;background:repeating-linear-gradient(to bottom,var(--staff-line) 0 1px,transparent 1px 2px);pointer-events:none}.timeline__staff:before{position:absolute;top:-3px;right:0;bottom:-3px;left:0;border-right:2px solid var(--ink);border-left:1px solid var(--staff-line);background-image:linear-gradient(to right,var(--staff-line) 0 1px,transparent 1px);background-size:25% 100%;content:""}.timeline__played{position:absolute;top:4px;left:0;width:calc(var(--head) * 100%);height:1.5px;background:var(--accent)}.timeline__playhead{position:absolute;top:-7px;bottom:-7px;left:calc(var(--head) * 100%);width:2px;margin-left:-1px;background:var(--accent)}.timeline__playhead:before{position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);content:""}.score-header__controls{display:flex;align-items:center;gap:8px}.sound-toggle,.language-switcher{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.02em;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sound-toggle{gap:8px;padding:0 14px 0 12px}.sound-toggle:hover,.language-switcher:hover{border-color:var(--ink)}.sound-toggle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.sound-toggle__note{font-family:var(--font-display);font-size:1.15rem;line-height:1}.sound-toggle__icon{display:none;align-items:flex-end;gap:2px;height:14px}.sound-toggle[aria-pressed=true] .sound-toggle__icon{display:inline-flex}.sound-toggle__icon span{width:3px;height:4px;border-radius:1px;background:currentColor;opacity:.55}.sound-toggle[aria-pressed=true] .sound-toggle__icon span{opacity:1;animation:level .9s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .sound-toggle__icon span:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .sound-toggle__icon span:nth-child(3){animation-delay:-.6s}.sound-toggle__state{min-width:2.2em;color:var(--muted);text-align:left}.sound-toggle[aria-pressed=true] .sound-toggle__state{color:#f0906f}.pill-link,.underline-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.pill-link{min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:var(--surface);font-size:.9rem;transition:background-color .2s ease,transform .2s var(--ease-out)}.pill-link:hover{background:var(--accent);transform:translateY(-2px)}.underline-link{min-height:32px;padding-bottom:3px;border-bottom:1.5px solid currentColor;font-size:.9rem;transition:color .2s ease,gap .2s var(--ease-out)}.underline-link:hover{gap:16px;color:var(--accent)}.hero{--g: 11px;--sweep-duration: 3.2s;--sweep-delay: .5s;display:flex;flex-direction:column;gap:36px;padding:clamp(28px,5vh,48px) 0 0}.hero__backdrop{position:absolute;z-index:-1;top:0;right:0;left:0;width:100%;max-width:1440px;height:auto;margin-inline:auto;pointer-events:none}.backdrop__white,.backdrop__key rect{fill:transparent;stroke:#1e1c191a;stroke-width:1.5;vector-effect:non-scaling-stroke}.backdrop__black{fill:#1e1c190e}.backdrop__key text{fill:#1e1c1938;font-family:var(--font-body);font-size:14px;font-weight:500}.backdrop__key--playable rect{stroke:#5a564f5c}.backdrop__key rect{transition:fill .5s ease}.backdrop__key.is-lit rect{fill:#b23a1e29;transition-duration:60ms}.hero__top{align-items:baseline}.hero__credit{display:flex;grid-column:1 / -1;align-items:baseline;justify-content:flex-end;gap:12px;padding-right:var(--cell)}.hero__credit span{color:var(--muted);font-family:var(--font-display);font-size:1.25rem;font-style:italic}.hero__credit strong{font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:600;letter-spacing:.04em}.hero__body{row-gap:clamp(28px,4vh,44px)}.hero__title{grid-column:1 / -1;font-family:var(--font-display);font-size:clamp(4rem,13.4vw,12.5rem);font-weight:400;line-height:.92;letter-spacing:-.015em}.hero__title-line{display:block;overflow:hidden;padding:.02em .06em .1em 0;white-space:nowrap}.hero__title-line>span{display:inline-block;animation:line-rise 1.1s var(--ease-out) both;animation-delay:calc(var(--line) * .14s + 80ms)}.hero__title-line:nth-child(2)>span{color:var(--accent);font-style:italic}.hero__intro{display:grid;grid-column:2 / -1;grid-template-columns:subgrid;align-items:end;animation:fade-up .9s var(--ease-out) .38s both}.hero__lead{grid-column:1 / 3;max-width:30em;padding-inline:var(--cell);color:var(--muted);font-size:1.02rem;line-height:1.95}.hero__actions{display:flex;grid-column:3 / -1;flex-wrap:wrap;align-items:center;gap:18px 28px;padding-inline:var(--cell)}.staff{position:absolute;right:0;left:0;height:calc(var(--g) * 4 + 1px);background:repeating-linear-gradient(to bottom,var(--staff-line) 0 1px,transparent 1px var(--g))}.note{position:absolute;bottom:calc(var(--step) * var(--g) / 2 + .5px);left:calc(var(--x) * 1%);box-sizing:content-box;width:calc(var(--g) * 1.3);height:var(--g);margin:0 0 calc(var(--g) * -.5 - 6px) calc(var(--g) * -.65 - 6px);padding:6px;color:var(--ink);transition:color .16s ease}.note:before{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:currentColor;content:"";transform:rotate(-22deg)}.note:after{position:absolute;right:6.5px;bottom:50%;width:1.3px;height:calc(var(--g) * 3.3);background:currentColor;content:""}.note--stem-down:after{top:50%;right:auto;bottom:auto;left:6.5px}.grand-staff{row-gap:14px;animation:fade-up .9s var(--ease-out) .52s both}.grand-staff__labels{position:relative;grid-column:1;height:calc(var(--g) * 17)}.grand-staff__brace{position:absolute;top:calc(var(--g) * 2);right:6px;width:14px;height:calc(var(--g) * 13 + 1px);overflow:visible}.grand-staff__brace path{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:2.4;vector-effect:non-scaling-stroke}.grand-staff__part{position:absolute;right:30px;font-family:var(--font-display);font-size:1.35rem;font-style:italic;line-height:1;transform:translateY(-50%)}.grand-staff__part--code{top:calc(var(--g) * 4)}.grand-staff__part--piano{top:calc(var(--g) * 13)}.grand-staff__system{position:relative;grid-column:2 / -1;height:calc(var(--g) * 17);touch-action:manipulation}.staff--code{top:calc(var(--g) * 2)}.staff--piano{top:calc(var(--g) * 11)}.grand-staff__bar{position:absolute;top:calc(var(--g) * 2);left:calc(var(--x) * 1%);width:1px;height:calc(var(--g) * 13 + 1px);background:var(--staff-line)}.grand-staff__bar--final{width:5px;margin-left:-5px;border-left:1px solid var(--staff-line);background:transparent;box-shadow:inset -3px 0 0 var(--ink)}.code-token{position:absolute;bottom:calc(var(--step) * var(--g) / 2 + .5px);left:calc(var(--x) * 1%);padding:1px 5px;border-radius:3px;background:var(--paper);font-family:var(--font-mono);font-size:calc(var(--g) * 1.3);font-weight:600;line-height:1.1;white-space:nowrap;translate:-.5em 50%;transition:color .16s ease}.code-token--ink{color:var(--ink)}.code-token--muted{color:var(--muted)}.code-token--accent{color:var(--accent)}.grand-staff__system .note,.grand-staff__system .code-token{cursor:default;animation:note-lit .9s ease-out;animation-delay:calc(var(--sweep-delay) + var(--x) * var(--sweep-duration) / 100)}.grand-staff__system .note:hover,.grand-staff__system .code-token:hover{color:var(--accent)}.grand-staff__playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent);opacity:0;animation:sweep var(--sweep-duration) linear var(--sweep-delay) both;pointer-events:none}.grand-staff__you-label{position:relative;grid-column:1;height:calc(var(--g) * 11)}.grand-staff__you-label span{position:absolute;top:calc(var(--g) * 6);right:30px;color:var(--pencil);font-family:var(--font-pencil);font-size:1.35rem;font-weight:600;line-height:1;transform:translateY(-50%)}.grand-staff__you-label:after{position:absolute;top:calc(var(--g) * 4 - 4px);right:12px;width:2px;height:calc(var(--g) * 4 + 8px);border-radius:1px;background:var(--pencil);content:"";opacity:.6}.you-staff{position:relative;grid-column:2 / -1;height:calc(var(--g) * 11)}.staff--pencil{top:calc(var(--g) * 4);border-right:1px solid var(--pencil);border-left:1px solid var(--pencil)}.pencil-note{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--pencil);animation:pencil-in .26s ease-out both}.note.note--pencil{color:var(--pencil)}.note--pencil:before{border:1.5px solid currentColor;background:var(--pencil-fill)}.note--pencil:after{width:1.5px}.pencil-note__ledger{position:absolute;bottom:calc(var(--step) * var(--g) / 2 - .25px);left:calc(var(--x) * 1%);width:calc(var(--g) * 2.4);height:1.5px;margin-left:calc(var(--g) * -1.2);background:currentColor}.pencil-note__sharp,.pencil-note__ottava,.chord-mark{position:absolute;left:calc(var(--x) * 1%);font-family:var(--font-pencil);font-weight:600;line-height:1;white-space:nowrap}.pencil-note__sharp{bottom:calc(var(--step) * var(--g) / 2);margin-left:calc(var(--g) * -2.3);font-size:calc(var(--g) * 1.6);translate:0 50%}.pencil-note__ottava{bottom:calc((var(--step) - 3) * var(--g) / 2);margin-left:calc(var(--g) * -.9);font-size:calc(var(--g) * 1.05);translate:0 50%}.pencil-note__ottava--low{bottom:calc((var(--step) - 9) * var(--g) / 2)}.chord-mark{bottom:calc(var(--g) * 6.4);color:var(--accent);font-size:calc(var(--g) * 2.5);rotate:-4deg;translate:-50% 0;animation:pencil-in .32s ease-out both}.you-staff__invite{position:absolute;top:calc(var(--g) * 4 + 1px);left:3%;max-width:94%;padding:0 8px;background:var(--paper);color:var(--pencil);font-family:var(--font-pencil);font-size:calc(var(--g) * 1.65);font-weight:600;line-height:calc(var(--g) * 4 - 1px)}.grand-staff__hint-row{display:flex;grid-column:2 / -1;flex-wrap:wrap;align-items:center;gap:4px 20px;min-height:44px;padding-inline:var(--cell);color:var(--pencil);font-family:var(--font-pencil);font-size:1rem;font-weight:600}.session-status{flex:1 1 18em}.session-keys-hint{font-size:.9rem}@media(hover:none),(pointer:coarse){.session-keys-hint{display:none}}.eraser{min-height:44px;padding:0 4px;border:0;border-bottom:1.5px solid currentColor;border-radius:0;background:transparent;color:var(--pencil);cursor:pointer;font:inherit}.eraser:hover{color:var(--ink)}.replay-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:700;transition:background-color .2s ease,color .2s ease}.replay-button:hover{background:var(--ink);color:var(--paper)}.replay-button span{color:var(--accent);font-size:.7rem}.keyboard{--key-h: 200px}.keyboard__keys{position:relative;height:var(--key-h);border-top:1.5px solid var(--ink);background:var(--ink);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.key{--white-w: calc((100% - 10px) / var(--whites));position:absolute;top:0;padding:0;border:0;cursor:pointer;font:inherit;transition:background-color .16s ease,transform 80ms ease}.key:focus-visible{outline-offset:-5px}.key--white{left:calc(5px + var(--at) * var(--white-w));display:flex;width:var(--white-w);height:calc(100% - 2px);align-items:flex-end;justify-content:center;padding-bottom:12px;border:1.5px solid var(--ink);border-top:0;border-radius:0 0 6px 6px;background:#fbf8f1;color:var(--muted);font-size:.75rem;font-weight:700}.key--black{z-index:1;left:calc(5px + var(--at) * var(--white-w));width:calc(var(--white-w) * .58);height:61%;border-radius:0 0 5px 5px;background:var(--ink);box-shadow:inset 0 -6px #ffffff14;translate:-50% 0}.key--black:focus-visible{outline-color:#f0906f}.key--white.is-down,.key--white:active{background:var(--paper-warm);transform:translateY(2px)}.key--black.is-down,.key--black:active{background:var(--accent);transform:translateY(2px)}.octave-switch{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.octave-switch__button{display:grid;width:48px;height:44px;place-items:center;border:1px solid rgba(30,28,25,.3);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.octave-switch__button[aria-disabled=true]{cursor:default;opacity:.4}.octave-switch__button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.octave-switch__label{min-width:6em;font-family:var(--font-display);font-size:1.15rem;font-style:italic;text-align:center}.movement{padding:clamp(80px,11vw,150px) 0 clamp(80px,10vw,140px);background:var(--surface)}.movement--warm{--surface: var(--paper-warm);--accent: #a8351b}.movement--night{--surface: var(--night);--ink: #f2ebdd;--muted: #a39b8c;--accent: #f0906f;--pencil: #c9c2b4;--line: rgba(242, 235, 221, .16);--staff-line: rgba(242, 235, 221, .38);--bar: rgba(242, 235, 221, .07);color:var(--ink)}.movement__head{row-gap:0;align-items:end}.movement__mark{display:flex;grid-column:1;grid-row:1;align-self:start}.rehearsal-mark{display:grid;min-width:48px;height:48px;padding:0 8px;place-items:center;border:1.5px solid var(--ink);font-family:var(--font-display);font-size:1.7rem;line-height:1}.movement__title{grid-column:2 / 5;grid-row:1;padding-inline:var(--cell);font-family:var(--font-display);font-size:clamp(2.6rem,6.2vw,6rem);font-weight:600;line-height:1.02;letter-spacing:-.03em}.movement__copy{grid-column:5 / -1;grid-row:1;padding-inline:var(--cell);color:var(--muted);font-size:.95rem;line-height:1.9}.movement__staff{--g: 8px;position:relative;grid-column:2 / -1;height:calc(var(--g) * 4 + 1px);margin-top:clamp(36px,5vw,56px);border-left:1px solid var(--staff-line);background:repeating-linear-gradient(to bottom,var(--staff-line) 0 1px,transparent 1px var(--g))}.movement__meter{position:absolute;top:0;left:14px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-size:calc(var(--g) * 3.3);line-height:calc(var(--g) * 2)}.movement__meter span{display:block;height:calc(var(--g) * 2)}.movement__track{position:absolute;top:0;right:0;bottom:0;left:52px}.movement__played{position:absolute;top:calc(var(--g) * 2 - .5px);left:0;width:calc(var(--played, 0) * 100%);height:2px;background:var(--accent)}.movement__playhead{position:absolute;top:-12px;bottom:-12px;left:calc(var(--played, 0) * 100%);width:2px;margin-left:-1px;background:var(--accent)}.movement__playhead:before{position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);content:""}.movement__footer{margin-top:56px}.movement__footer>*{grid-column:2 / -1;justify-self:end;margin-right:var(--cell)}.works{margin-top:clamp(48px,6vw,80px)}.work{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-inline:var(--cell)}.work:nth-child(1){grid-column:2 / 4}.work:nth-child(2){grid-column:4 / 6}.work__thumbnail{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:4px;background:var(--paper-warm)}.work__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.work__play{position:absolute;right:16px;bottom:16px;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--ink);transition:background-color .2s ease}.work__play svg{width:18px;height:18px;margin-left:3px;fill:var(--paper)}.work:hover .work__thumbnail img{transform:scale(1.03)}.work:hover .work__play{background:var(--accent)}.work__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;color:var(--accent);font-size:.82rem;font-weight:700}.work__note{font-size:1rem}.work__title{font-family:var(--font-display);font-size:clamp(2rem,3.8vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.02em}.work__description{color:var(--muted);font-size:.95rem;line-height:1.8}.work .underline-link{margin-top:8px}.projects{margin-top:clamp(40px,5vw,72px)}.project{display:grid;grid-template-columns:var(--label-w) repeat(var(--measures),minmax(0,1fr));width:var(--container);margin-inline:auto;padding-block:clamp(36px,4vw,56px);border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project__note{grid-column:1;align-self:start;padding:6px 16px 0 0;font-size:1.15rem;line-height:1.6;rotate:-3deg;transform-origin:left top}.project__figure{grid-column:2 / 4;margin:0 var(--cell);overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#222}.project__figure img{display:block;width:100%;height:auto}.path-sketch{display:flex;grid-column:2 / 4;align-items:center;justify-content:center;min-height:240px;margin:0 var(--cell);padding:28px;border:1px dashed var(--line);border-radius:6px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px}.path-sketch svg{width:min(100%,360px);height:auto;overflow:visible}.path-sketch__handle{fill:none;stroke:var(--staff-line);stroke-width:1}.path-sketch__curve{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.path-sketch__repair{fill:none;stroke:var(--accent);stroke-dasharray:3 7;stroke-width:2.5;stroke-linecap:round}.path-sketch__fixed{stroke-dasharray:260;stroke-dashoffset:0}.path-sketch__anchor{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}.path-sketch__knob{fill:var(--accent)}.project__body{display:flex;grid-column:4 / -1;flex-direction:column;align-items:flex-start;gap:20px;padding-inline:var(--cell)}.project__title{color:var(--ink);font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.8rem);font-weight:400;line-height:.95;letter-spacing:-.02em}.project__description{max-width:34em;color:var(--muted);font-size:.95rem;line-height:1.85}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list li{padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.75rem;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border:1px dashed var(--staff-line);border-radius:999px;color:var(--ink);font-size:.85rem;font-weight:700}.status-chip:before{width:7px;height:7px;border-radius:50%;background:var(--accent);content:""}.project__aside{margin-top:6px;font-size:1.25rem;line-height:1.6;rotate:-2deg;transform-origin:left center}.about{row-gap:clamp(40px,5vw,64px);margin-top:clamp(48px,6vw,80px)}.about__lead{grid-column:2 / 5;padding-inline:var(--cell);font-size:clamp(1.35rem,2.4vw,2.15rem);font-weight:700;line-height:1.6;letter-spacing:-.01em;text-wrap:pretty}.about__facts{display:grid;grid-column:2 / -1;grid-template-columns:repeat(var(--measures),minmax(0,1fr));margin:0}.about__fact{padding:16px var(--cell) 0;border-top:2px solid var(--ink)}.about__fact dt{margin-bottom:10px;color:var(--accent);font-size:.82rem;font-weight:700}.about__fact dd{font-size:1.05rem;font-weight:700}.find-me{margin-top:clamp(40px,5vw,64px)}.find-me li{grid-column:2 / -1}.find-me li+li .find-me__link{border-top:0}.find-me__link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:18px var(--cell);border-block:1px solid var(--line);text-decoration:none;transition:background-color .24s ease}.find-me__name{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,6.4rem);line-height:1;transition:color .24s ease,transform .3s var(--ease-out)}.find-me__handle{color:var(--muted);font-size:.85rem}.find-me__arrow{font-size:1.8rem;transition:transform .3s var(--ease-out)}.find-me__link:hover .find-me__name{color:var(--accent);transform:translate(10px)}.find-me__link:hover .find-me__arrow{transform:translate(4px,-4px)}.site-footer{align-items:end;row-gap:24px;padding-block:56px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.site-footer__fine{grid-column:1;color:var(--ink);font-family:var(--font-display);font-size:2.6rem;font-style:italic;line-height:1}.site-footer__meta{display:flex;grid-column:2 / 4;flex-wrap:wrap;gap:8px 24px;padding-inline:var(--cell)}.site-footer__top{grid-column:4 / -1;justify-self:end;margin-right:var(--cell);color:var(--ink)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.work,.project,.about__lead,.about__fact,.find-me li{animation:fade-up linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.path-sketch__fixed{animation:draw-path linear both;animation-timeline:view();animation-range:entry 40% cover 55%}}}@keyframes line-rise{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{left:0;opacity:1}92%{opacity:1}to{left:100%;opacity:0}}@keyframes note-lit{0%,to{transform:none}12%{color:var(--accent);transform:translateY(-3px)}60%{color:var(--accent)}}@keyframes draw-path{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes pencil-in{0%{opacity:0}to{opacity:1}}@keyframes level{0%{height:4px}to{height:14px}}@media(max-width:1100px){:root{--gutter: 32px;--label-w: 120px;--cell: 16px}.timeline__program{display:none}.timeline__name{font-size:.74rem}.sound-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-width:899px){:root{--gutter: 16px;--label-w: 0px;--measures: 2;--cell: 4px;--header-h: 60px}.score-header{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.brand__name{display:none}.timeline{margin-inline:4px}.timeline__link{justify-content:center;padding:4px 2px 24px}.timeline__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.timeline__numeral{font-size:1.2rem}.score-header__controls{gap:6px}.sound-toggle{padding:0 10px}.sound-toggle__state{min-width:0}.hero{--g: 8px;gap:28px;padding-top:24px}.hero__backdrop{max-width:560px}.hero__credit,.hero__title,.hero__intro,.movement__mark,.movement__title,.movement__copy,.movement__staff,.work:nth-child(1),.work:nth-child(2),.project__note,.project__figure,.path-sketch,.project__body,.about__lead,.about__facts,.find-me li,.movement__footer>*,.site-footer>*{grid-column:1 / -1}.hero__credit{padding-right:0}.hero__credit span{font-size:1.05rem}.hero__title{font-size:clamp(3.5rem,22vw,7rem)}.hero__intro{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.hero__lead{padding-inline:0;font-size:.95rem}.hero__actions{padding-inline:0}.grand-staff{grid-template-columns:48px minmax(0,1fr)}.grand-staff__labels{grid-column:1}.grand-staff__system,.you-staff{grid-column:2}.grand-staff__hint-row{grid-column:1 / -1;padding-inline:0;font-size:.85rem}.grand-staff__part{right:22px;font-size:.95rem}.grand-staff__brace{right:4px;width:10px}.grand-staff__you-label span{right:auto;left:0;font-size:.95rem}.grand-staff__you-label:after{display:none}.keyboard{--key-h: 172px}.movement__head{row-gap:18px}.movement__mark{flex-direction:row;align-items:center;gap:14px}.rehearsal-mark{min-width:40px;height:40px;font-size:1.4rem}.movement__title,.movement__copy{grid-row:auto;padding-inline:0}.movement__copy{max-width:30em}.movement__staff{margin-top:12px}.works{row-gap:56px}.work{padding-inline:0}.project{row-gap:24px}.project__note{padding-top:0;rotate:-2deg}.project__figure,.path-sketch{margin:0}.path-sketch{min-height:0;padding:24px 16px}.project__body,.about__lead{padding-inline:0}.about__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.about__fact{padding-inline:0 8px}.about__fact dd{font-size:.92rem}.find-me__link{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding-inline:0}.find-me__handle{grid-row:2}.find-me__arrow{grid-column:2;grid-row:1 / 3}.movement__footer>*,.site-footer__top{justify-self:start;margin-right:0}.site-footer__meta{padding-inline:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.grand-staff__playhead{display:none}}