@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-garamond-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-garamond-latin-wght-italic.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-latin-wght-italic.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:500 600;font-display:swap;src:url(/fonts/fraunces-italic-latin.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/figtree-latin.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--desk:#efe8d8;--paper:#fbf7ec;--ink:#1b1813;--ink-soft:#4d463b;--muted:#6b6252;--rule:#d9cfb9;--blue:#1f4568;--blue-ink:#fbf7ec;--brass:#b07d26;--brass-ink:#9a6b1c;--glow:#e2a030b3;--played:#6f7f8f;--sheet-shadow:0 1px 1px #3c2d140f, 0 12px 30px -12px #3c2d1447, 0 40px 80px -40px #3c2d144d;--grain-opacity:.35;--serif-display:"Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;--serif-text:"EB Garamond", Garamond, "Times New Roman", serif;--label:"Figtree", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--desk:#14130f;--paper:#1e1c17;--ink:#ece4d0;--ink-soft:#c5bba5;--muted:#93897a;--rule:#3a352b;--blue:#9cc1df;--blue-ink:#14130f;--brass:#e2b25e;--brass-ink:#e2b25e;--glow:#f0ba5a80;--played:#8ea4b8;--sheet-shadow:0 1px 1px #0006, 0 20px 50px -20px #000000b3;--grain-opacity:.12}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--desk:#14130f;--paper:#1e1c17;--ink:#ece4d0;--ink-soft:#c5bba5;--muted:#93897a;--rule:#3a352b;--blue:#9cc1df;--blue-ink:#14130f;--brass:#e2b25e;--brass-ink:#e2b25e;--glow:#f0ba5a80;--played:#8ea4b8;--sheet-shadow:0 1px 1px #0006, 0 20px 50px -20px #000000b3;--grain-opacity:.12}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--desk);color:var(--ink);font-family:var(--serif-text);font-feature-settings:"kern", "liga", "onum";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:19px;line-height:1.55}a{color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}.sc{letter-spacing:.06em;font-variant-caps:all-small-caps}.masthead{max-width:1180px;padding:max(22px, env(safe-area-inset-top,0px)) 32px 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:"Fraunces", var(--serif-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:24px;font-style:italic;font-weight:500;text-decoration:none;display:inline-flex}.mark{width:30px;height:30px}.mark .arc{fill:var(--ink)}.mark .dot{fill:var(--brass)}.open-link{font-family:var(--label);letter-spacing:.02em;border-bottom:1px solid var(--rule);padding:8px 2px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .3s}.masthead-links{align-items:center;gap:22px;display:flex}.open-link{white-space:nowrap}.lang-switch{font-family:var(--label);letter-spacing:.08em;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.lang-switch a{padding:6px 2px;text-decoration:none}.lang-switch a:hover,.lang-current{color:var(--ink)}.open-link:hover{border-color:var(--ink)}main{max-width:1180px;margin:0 auto;padding:0 32px}section:not(.hero){padding:72px 0}.section-title{font-family:var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:22px;margin:0 0 48px;font-size:12px;font-weight:500;display:flex}.section-title:before,.section-title:after{content:"";background:var(--rule);flex:1;height:1px}.section-title:before{flex:0 0 48px}h3{font-family:var(--serif-display);margin:0 0 10px;font-size:30px;font-weight:500;line-height:1.15}.toc{max-width:860px;margin:0 auto;padding:0;list-style:none}.toc li{align-items:baseline;gap:12px;padding:11px 0;display:flex}.toc-name{font-family:var(--serif-display);font-size:27px;font-weight:500}.toc-leader{border-bottom:2px dotted var(--rule);flex:1;min-width:24px;transform:translateY(-6px)}.toc-note{color:var(--ink-soft);text-align:right;font-style:italic}.cast{gap:0;max-width:860px;margin:0 auto;display:grid}.cast>div{border-top:1px solid var(--rule);grid-template-columns:11em minmax(0,1fr);gap:24px;padding:18px 0;display:grid}.cast>div:last-child{border-bottom:1px solid var(--rule)}.cast dt{font-family:var(--serif-display);font-size:25px;font-style:italic;line-height:1.2}.cast dd{align-self:center;margin:0}.colophon{max-width:1180px;padding:28px 32px max(36px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 32px;margin:0 auto;font-size:15px;display:flex}.colophon p{margin:0}@media (width<=640px){body{font-size:18px}.masthead,main,.colophon{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.open-link{font-size:13px}section:not(.hero){padding:52px 0}.section-title{margin-bottom:32px}.section-title:before{flex-basis:24px}.toc li{border-bottom:1px dotted var(--rule);gap:0;padding:10px 0;display:grid}.toc-leader{display:none}.toc-note{text-align:left}.cast>div{grid-template-columns:minmax(0,1fr);gap:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=420px){.masthead-links{gap:14px}.brand{gap:8px;font-size:21px}.mark{width:26px;height:26px}}@font-face{font-family:Leland;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/leland.otf)format("opentype")}:root{--wide:1180px;--night:#0d1420;--night-2:#18233a;--moon:#f4e8c8;--moon-ink:#e9dfc6;--moon-soft:#a9b3c4;--wood:#3a2414;--wood-2:#5b3a20;--felt:#7d1f22;--ivory:#f8f3e6;--ivory-edge:#d8ceb6;--ebony:#15120e;--graphite:#57534c;--ease-out:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--night:#090d15;--night-2:#121a2b;--ivory:#e4ddca;--ivory-edge:#a59c86;--graphite:#b9b2a3}}:root[data-theme=dark]{--night:#090d15;--night-2:#121a2b;--ivory:#e4ddca;--ivory-edge:#a59c86;--graphite:#b9b2a3}body{overflow-x:hidden}.movements{gap:26px;margin-right:10px;display:inline-flex}.movements a{font-family:var(--label);letter-spacing:.02em;color:var(--ink-soft);align-items:baseline;gap:7px;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.movements a:hover{color:var(--ink)}.roman{font-family:var(--serif-display);color:var(--brass-ink);font-size:1.15em;font-style:italic;font-weight:500}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"text stand""figures stand";align-items:center;column-gap:64px;padding:56px 0 40px;display:grid}.hero-text{grid-area:text;align-self:end;container-type:inline-size}.stand{grid-area:stand;margin:0}.overline{font-family:var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 22px;font-size:12px;font-weight:500}h1{font-family:var(--serif-display);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(36px,20cqi,104px);font-weight:400;line-height:.95}h1:lang(en){font-size:clamp(32px,17.5cqi,92px)}h1:lang(de){font-size:clamp(30px,17cqi,90px)}h1 em,.display em{color:var(--blue);font-style:italic;font-weight:400}.lede{max-width:31em;color:var(--ink-soft);margin:30px 0 0;font-size:20px;line-height:1.6}.actions{flex-wrap:wrap;align-items:baseline;gap:14px 28px;margin-top:36px;display:flex}.button{background:var(--blue);color:var(--blue-ink);font-family:var(--label);letter-spacing:.03em;box-shadow:0 1px 0 #ffffff26 inset, 0 8px 22px -10px var(--blue);border-radius:999px;padding:16px 32px 15px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block}.button:hover{box-shadow:0 1px 0 #ffffff26 inset, 0 14px 28px -12px var(--blue);transform:translateY(-1px)}.actions{gap:12px 14px}.actions .button{padding:15px 26px 14px}.actions-note{color:var(--ink-soft);margin:14px 0 0;font-size:15px;font-style:italic}.button-library{background:var(--brass);color:#1b1813;box-shadow:0 1px 0 #fff3 inset, 0 8px 22px -10px var(--brass)}.button-library:hover{box-shadow:0 1px 0 #fff3 inset, 0 14px 28px -12px var(--brass)}.quiet{border-bottom:1px solid var(--rule);color:var(--ink-soft);font-size:19px;font-style:italic;text-decoration:none}.quiet:hover{border-color:var(--ink-soft)}.cta{flex-direction:column;align-items:center;gap:9px;display:inline-flex}.cta-note{color:var(--ink-soft);font-size:15px;font-style:italic}.figures{border-top:1px solid var(--rule);grid-area:figures;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:20px;margin:44px 0 0;padding-top:22px;display:grid}.figures dt{font-family:var(--serif-display);font-feature-settings:"lnum";font-size:46px;font-weight:400;line-height:1}.figures dd{color:var(--ink-soft);margin:8px 0 0;font-size:14.5px;font-style:italic;line-height:1.35}.sheet{background-color:var(--paper);box-shadow:var(--sheet-shadow);isolation:isolate;border-radius:3px;padding:34px 26px 26px;position:relative}.sheet:before{content:"";z-index:-1;border-radius:inherit;opacity:var(--grain-opacity);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.25 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sheet-head{justify-items:center;gap:2px;margin-bottom:6px;display:grid}.sheet-title{font-family:var(--serif-display);letter-spacing:.22em;text-transform:uppercase;padding-left:.22em;font-size:30px;font-weight:500}.sheet-title.small{font-size:24px}.sheet-composer{color:var(--ink-soft);font-size:16px;font-style:italic}.score{aspect-ratio:800/335}.score svg{width:100%;height:auto;color:var(--ink);fill:var(--ink);display:block;overflow:visible}.score g.label,.score g.tempo,.score g.dir,.score g.pedal{display:none}.score g.note{transition:color 1.4s,fill 1.4s}.score g.note.played{color:var(--played);fill:var(--played);transition-duration:.35s}.score g.note.next{color:var(--brass);fill:var(--brass);transition-duration:.18s}.light{stroke:none;opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.3,.7,.3,1),opacity .6s}.light.on{opacity:1}.light-core{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.85;transform:scale(1.12)}}.rail{font-family:var(--label);font-variant-numeric:tabular-nums;color:var(--ink-soft);align-items:center;gap:22px;margin:18px 6px 0;font-size:13px;display:flex}.follow{align-items:center;gap:10px;min-width:7.5em;display:inline-flex}.pulse{background:var(--brass);width:8px;height:8px;box-shadow:0 0 0 0 var(--glow);border-radius:50%}.pulse.beat{animation:.9s ease-out pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}to{box-shadow:0 0 0 9px #0000}}.dial{flex:1;height:14px;position:relative}.dial-scale{background:linear-gradient(var(--rule), var(--rule)) 0 50% / 100% 1px no-repeat, linear-gradient(var(--ink-soft), var(--ink-soft)) 66.7% 0 / 1px 100% no-repeat, repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 6.667%) 0 50% / 100% 7px no-repeat;position:absolute;inset:0}.dial-needle{background:var(--brass);width:9px;height:9px;box-shadow:0 0 10px 2px var(--glow);border-radius:50%;margin:-4.5px 0 0 -4.5px;transition:left .9s cubic-bezier(.25,.8,.25,1);position:absolute;top:50%;left:0}.tempo{text-align:right;min-width:4.5em}.keyboard{background:linear-gradient(var(--felt), var(--felt)) 0 0 / 100% 4px no-repeat, var(--ebony);border-radius:3px 3px 4px 4px;height:64px;margin-top:16px;padding-top:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 30px -22px #28190a99}.key{transition:background .5s,transform .5s;position:relative}.key.white{background:linear-gradient(to bottom, var(--ivory) 80%, var(--ivory-edge));border-radius:0 0 3px 3px;flex:1;margin-right:1px}.key.white:last-child{margin-right:0}.key.black{width:calc(var(--w) * .6);height:60%;margin-left:calc(var(--w) * -.3);background:linear-gradient(to bottom, #2b2620, var(--ebony) 85%, #3a332a);z-index:1;border-radius:0 0 2px 2px;position:absolute;top:4px}.key.down{transition-duration:60ms;transform:translateY(1.5px)}.key.white.down{background:linear-gradient(to bottom, var(--brass), color-mix(in srgb, var(--brass) 35%, var(--ivory)) 70%, var(--ivory-edge))}.key.black.down{background:linear-gradient(to bottom, color-mix(in srgb, var(--brass) 70%, var(--ebony)), var(--ebony))}.manifesto{text-align:center;position:relative;padding:88px 32px 96px!important}.staff-lines{--space:12px;gap:calc(var(--space) - 1px);max-width:760px;box-shadow:inset -5px 0 0 var(--ink), inset -10px 0 0 var(--desk), inset -11px 0 0 var(--ink);margin:0 auto 50px;padding-left:0;display:grid;position:relative}.staff-lines:before{content:"";left:14px;bottom:calc(var(--space) + 1px);font-family:Leland,serif;font-size:calc(var(--space) * 4);color:var(--ink);line-height:0;position:absolute}.staff-lines span{background:var(--rule);transform-origin:0;height:1px}.manifesto p{max-width:22em;font-family:var(--serif-display);letter-spacing:-.01em;text-wrap:balance;margin:0 auto;font-size:clamp(30px,3.9vw,54px);font-weight:400;line-height:1.12}.manifesto em{color:var(--brass-ink)}.movement{align-items:baseline;gap:14px;margin:0 0 20px;display:flex}.movement .roman{font-size:34px;line-height:1}.tempo-mark{font-family:var(--serif-text);letter-spacing:.01em;font-size:19px;font-style:italic;font-weight:600}.display{font-family:var(--serif-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(38px,5.4vw,72px);font-weight:400;line-height:1.02}.body{max-width:34em;color:var(--ink-soft);margin:26px 0 0;font-size:20px;line-height:1.6}.movement-head{max-width:var(--wide);margin:0 auto 56px}.nocturne{--ink:var(--moon-ink);--ink-soft:var(--moon-soft);--blue:#c9d8ee;--brass-ink:#e7bd6c;color:var(--moon-ink);background:radial-gradient(60% 50% at 78% 18%, #f4e8c81f, transparent 70%), linear-gradient(180deg, var(--night) 0%, var(--night-2) 100%);position:relative;overflow:hidden;padding:120px 32px!important}.nocturne:before,.nocturne:after{content:"";background:linear-gradient(90deg,#0000,#f4e8c840,#0000);height:1px;position:absolute;left:0;right:0}.nocturne:before{top:0}.nocturne:after{bottom:0}.nocturne-inner{max-width:var(--wide);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:72px;margin:0 auto;display:grid}.nocturne .display em{color:var(--moon)}.facts{gap:22px;margin:40px 0 0;padding:0;list-style:none;display:grid}.facts li{border-left:1px solid #f4e8c838;padding-left:22px}.facts h3{color:var(--moon);margin:0 0 4px;font-size:24px}.facts p{color:var(--moon-soft);margin:0;font-size:17px;line-height:1.55}.desk{perspective:1400px;justify-items:center;margin:0;padding-top:40px;display:grid;position:relative}.moon{aspect-ratio:1;opacity:.92;background:radial-gradient(circle at 38% 36%,#fff8e4 0%,#f1e3bd 45%,#d9c79c 100%);border-radius:50%;width:190px;position:absolute;top:-40px;right:2%;box-shadow:0 0 60px 20px #f4e8c82e,0 0 180px 60px #f4e8c814}.phone{z-index:2;background:linear-gradient(145deg,#2a2d33,#0b0c0e 60%);border-radius:42px;width:clamp(200px,44%,300px);padding:24px 11px 18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 60px -20px #000c,0 0 90px -10px #f4e8c82e}.phone:before{content:"";z-index:1;background:#0b0c0e;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:8px;left:50%;box-shadow:0 0 0 1px #ffffff0f}.phone-screen{--fade:.6s;aspect-ratio:390/844;background:#e9e3d6;border-radius:32px;position:relative;overflow:hidden}.phone-screen img{opacity:0;width:100%;height:100%;transition:opacity var(--fade) ease-in-out;position:absolute;inset:0}.phone-screen img.shown{opacity:1}.ledge{z-index:3;background:linear-gradient(180deg, var(--wood-2), var(--wood) 70%, #23150b);border-radius:3px;width:100%;height:20px;margin-top:-6px;position:relative;box-shadow:0 10px 24px -8px #000000b3}.keyboard.upright{transform-origin:top;width:100%;height:72px;margin-top:26px;transform:rotateX(38deg);box-shadow:0 30px 40px -20px #000c}.waves{z-index:1;width:0;height:0;position:absolute;bottom:30px;left:50%}.waves span{opacity:0;transform-origin:bottom;border:1px solid #f4e8c880;border-bottom:0;border-radius:160px 160px 0 0;width:320px;height:160px;position:absolute;bottom:0;left:-160px}.waves span.go{animation:wave 1.6s var(--ease-out)}@keyframes wave{0%{opacity:.55;transform:scale(.3)}to{opacity:0;transform:scale(1.9)}}.desk-caption{text-align:center;color:var(--moon-soft);margin-top:26px;font-size:15px;font-style:italic}.atelier{max-width:var(--wide);margin:0 auto;padding:120px 32px 80px!important}.atelier-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;display:grid}.atelier-figure{order:2}.workbench{margin:0;position:sticky;top:max(12vh,80px)}.steps{order:1;margin:0;padding:0;list-style:none}.steps li{opacity:.32;min-height:62vh;padding:18vh 0 0;transition:opacity .6s}.steps li:first-child{padding-top:4vh}.steps li:last-child{min-height:50vh}.steps li.on{opacity:1}.step-n{font-family:var(--serif-display);color:var(--brass-ink);margin-bottom:8px;font-size:30px;font-style:italic;display:block}.steps h3{font-size:38px}.steps p{max-width:26em;color:var(--ink-soft);margin:0}.mozart-score{aspect-ratio:auto}.heat{opacity:0;transition:opacity .7s}.heat rect{fill:var(--brass)}.pencil{fill:none;stroke:var(--graphite);stroke-width:30px;stroke-linecap:round;stroke-linejoin:round;filter:url(#graphite);opacity:.9;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.6s cubic-bezier(.6,.1,.3,1)}.loop-bracket{fill:none;stroke:var(--blue);stroke-width:26px;opacity:0;transition:opacity .6s}.pencil-note{font-family:"Fraunces", var(--serif-display);color:var(--graphite);opacity:0;margin:0;font-size:19px;font-style:italic;transition:opacity .6s 1.1s;position:absolute;bottom:2px;right:3%;transform:rotate(-3deg)}.workbench[data-step="1"] .heat{opacity:1}.workbench[data-step="1"] .pencil,.workbench[data-step="2"] .pencil{stroke-dashoffset:0}.workbench[data-step="1"] .pencil{transition-delay:.7s}.workbench[data-step="2"] .pencil{opacity:.35}.workbench[data-step="1"] .pencil-note{opacity:1;transition-delay:1.8s}.workbench[data-step="2"] .loop-bracket{opacity:1}.bench-rail{font-family:var(--label);color:var(--ink-soft);margin:20px 6px 0;font-size:13px;display:grid}.bench-rail>span{opacity:0;grid-area:1/1;align-items:center;gap:14px;min-height:52px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(6px)}.workbench[data-step="1"] .bench-report,.workbench[data-step="2"] .bench-loop,.workbench[data-step="3"] .bench-metronome{opacity:1;transform:none}.bench-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.bench-verdict{font-family:var(--serif-text);font-size:16px;font-style:italic}.heat-legend{gap:3px;display:inline-flex}.heat-legend i{background:var(--brass);border-radius:3px;width:22px;height:6px}.heat-legend i:first-child{opacity:.12}.heat-legend i:nth-child(2){opacity:.2}.heat-legend i:nth-child(3){opacity:.4}.passes{gap:7px;display:inline-flex}.passes i{border:1.5px solid var(--blue);border-radius:50%;width:10px;height:10px;transition:background .3s}.passes i.on{background:var(--blue)}.loop-done{opacity:0;transition:opacity .4s}.loop-done.on{opacity:1}.metronome{width:30px;height:40px}.metro-body{fill:var(--wood-2)}.metro-face{fill:var(--paper);opacity:.9}.metro-arm{stroke:var(--ink);stroke-width:1.6px;fill:var(--brass);transform-origin:20px 44px;transition:transform var(--swing,.6s) ease-in-out}.metro-tempo{font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px}.duo{border-top:1px solid var(--rule);padding:120px 32px 110px!important}.duo-inner{max-width:var(--wide);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;margin:0 auto;display:grid}.duo .facts li{border-left-color:var(--rule)}.duo .facts h3{color:var(--ink)}.duo .facts p{color:var(--ink-soft)}.duo-figure{margin:0}.elegy-score{aspect-ratio:800/414}.score g.note.solfimi-hand{color:color-mix(in srgb, var(--brass) 70%, var(--ink));fill:color-mix(in srgb, var(--brass) 70%, var(--ink))}.score g.note.solfimi-hand.sounded{color:var(--brass);fill:var(--brass);filter:drop-shadow(0 0 40px var(--glow));transition-duration:.12s}.duo-rail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:18px;display:flex}.duo-rail button.listen{margin-top:0}.duo-legend{font-family:var(--label);color:var(--ink-soft);flex-wrap:wrap;gap:6px 20px;font-size:13px;display:inline-flex}.who{align-items:center;gap:8px;display:inline-flex}.who:before{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px}.who.solfimi:before{background:var(--brass);box-shadow:0 0 8px 1px var(--glow)}.duo-caption{color:var(--muted);margin-top:18px;font-size:15px;font-style:italic;line-height:1.5}.solo{padding:0 0 40px!important}.keyboard.grand{border-radius:0;height:clamp(70px,9vw,120px);margin:0 0 96px;box-shadow:0 30px 50px -40px #28190ab3}.solo-inner{max-width:var(--wide);margin:0 auto;padding:0 32px}.plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none;display:grid}.plates li{border-top:1px solid var(--rule);padding:30px 0 38px}.glyph{height:70px;color:var(--brass-ink);align-items:center;margin-bottom:10px;font-family:Leland,serif;font-size:46px;line-height:1;display:flex}.glyph span{margin-left:10px;transform:translateY(-7px)}.glyph.ornament{font-size:92px}.glyph.accidentals{letter-spacing:.08em;font-size:64px}.glyph.repeat:before{content:"";background:linear-gradient(currentColor,currentColor) 0 0/6px 100% no-repeat,linear-gradient(currentColor,currentColor) 10px 0/2px 100% no-repeat,radial-gradient(circle,currentColor 3px,#0000 3.5px) 15px 12px/8px 8px no-repeat,radial-gradient(circle,currentColor 3px,#0000 3.5px) 15px 26px/8px 8px no-repeat;width:24px;height:46px}.glyph.final:before{content:"";background:linear-gradient(90deg,currentColor 0 3px,#0000 3px 13px,currentColor 13px);width:26px;height:46px}.plates h3{font-size:28px}.plates p{color:var(--ink-soft);margin:0}.library{max-width:var(--wide);margin:0 auto;padding:100px 32px 72px!important}.count{font-feature-settings:"lnum";color:var(--brass-ink)}.gradus{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0;margin:0;padding:0;list-style:none;display:grid}.gradus li{height:calc(180px + var(--i) * 52px);border-top:3px solid var(--ink);background:linear-gradient(to bottom, var(--paper), transparent);box-shadow:inset 1px 0 0 var(--rule);padding:22px 18px 20px;position:relative}.step-count{font-family:var(--serif-display);font-size:calc(36px + var(--n) * .13px);font-feature-settings:"lnum";line-height:1;display:block}.gradus h3{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;font-size:12px;font-weight:600}.gradus p{color:var(--ink-soft);margin:0;font-size:16px;font-style:italic;line-height:1.4}.composers-title{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--muted);margin:56px 0 14px;font-size:12px;font-weight:600}.composers{font-variant:small-caps;max-width:980px;color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:.15em 1.1em;margin:0 auto;padding:0;font-size:19px;line-height:1.6;list-style:none;display:flex}.composers li{white-space:nowrap}.composers a{-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.composers a:hover{color:var(--ink);text-decoration-color:currentColor}.library-browse{text-align:center;margin:36px 0 0}.composer-count{font-variant:normal;font-feature-settings:"lnum";color:var(--brass-ink);font-size:.72em}.aside{max-width:860px;color:var(--muted);margin:22px auto 0;font-size:16px;font-style:italic}.aside.center{text-align:center;margin-top:36px;font-size:18px}.paper{max-width:var(--wide);margin:0 auto;padding:0 32px}.cast dt{font-size:23px}.cast dd p{margin:0}button.listen{cursor:pointer;border:0;align-items:center;gap:12px;margin-top:16px;display:inline-flex}button.listen:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.listen-icon{border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0}button.listen[aria-pressed=true] .listen-icon{background:currentColor;border:0;width:10px;height:10px}.privacy{text-align:center}.statement{max-width:24em;font-family:var(--serif-display);margin:0 auto;font-size:clamp(28px,3.2vw,38px);font-weight:400;line-height:1.25}.more{color:var(--ink-soft);margin:22px 0 0;font-style:italic}.coda{text-align:center;justify-items:center;gap:22px;display:grid;padding-bottom:110px!important}.coda .movement{margin:0}.final-bar{width:120px;height:64px;fill:var(--ink)}.final-bar .staff5 line{stroke:var(--ink);stroke-width:1px;opacity:.6}.coda h2{font-family:var(--serif-display);margin:0;font-size:clamp(40px,5vw,66px);font-style:italic;font-weight:400;line-height:1.1}.pre{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(18px)}.pre.in{opacity:1;transform:none}.manifesto.pre .staff-lines span{transition:transform 1.4s var(--ease-out);transform:scaleX(0)}.manifesto.pre.in .staff-lines span{transform:scaleX(1)}.manifesto .staff-lines span:nth-child(2){transition-delay:80ms}.manifesto .staff-lines span:nth-child(3){transition-delay:.16s}.manifesto .staff-lines span:nth-child(4){transition-delay:.24s}.manifesto .staff-lines span:nth-child(5){transition-delay:.32s}@media (width<=1100px){.movements{display:none}}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"text""stand""figures";row-gap:44px;padding-top:40px}.figures{margin-top:0}.nocturne-inner,.duo-inner{grid-template-columns:minmax(0,1fr);gap:56px}.atelier-grid{grid-template-columns:minmax(0,1fr);gap:0}.atelier-figure{z-index:2;background:var(--desk);box-shadow:0 18px 18px -4px var(--desk);order:0;padding:10px 0 4px;position:sticky;top:0}.workbench{position:static}.steps li{min-height:0;padding:70px 0 30vh}.steps li:last-child{min-height:0;padding-bottom:12vh}.plates{grid-template-columns:repeat(2,minmax(0,1fr))}.gradus{grid-template-columns:minmax(0,1fr);gap:0}.gradus li{height:auto;padding:16px 0 16px calc(var(--i) * 4%);box-shadow:none;background:0 0;border-top-width:1px;grid-template-columns:4.2em minmax(0,1fr);column-gap:18px;display:grid}.step-count{grid-row:span 2;font-size:40px}.gradus h3{margin-top:2px}}@media (width<=640px){.overline{letter-spacing:.12em;font-size:11px}.lede,.body{font-size:18px}.sheet{padding:22px 8px 14px}.sheet-title{font-size:22px}.sheet-title.small{font-size:18px}.sheet-composer{font-size:14px}.rail{gap:14px;margin-inline:2px}.keyboard{height:46px}.figures dt{font-size:36px}.figures dd{font-size:13px}.manifesto{padding:64px 16px 72px!important}.staff-lines{--space:9px;margin-bottom:34px}.nocturne{padding:80px 16px!important}.duo{padding:80px 16px 72px!important}.moon{width:120px;top:-30px}.phone{border-radius:32px;width:62%;padding:18px 8px 14px}.phone:before{width:7px;height:7px;margin-left:-3.5px;top:6px}.phone-screen{border-radius:25px}.keyboard.upright{height:52px}.waves span{width:220px;height:110px;left:-110px}.atelier,.library{padding-left:16px!important;padding-right:16px!important}.atelier{padding-top:80px!important}.steps h3{font-size:30px}.pencil-note{font-size:14px}.bench-rail>span{gap:10px;min-height:44px}.solo-inner,.paper{padding:0 16px}.keyboard.grand{margin-bottom:64px}.plates{grid-template-columns:minmax(0,1fr)}.library{padding-top:72px!important}}@media (prefers-reduced-motion:reduce){.light,.dial-needle,.score g.note,.key,.pencil,.metro-arm{transition:none}.light-core,.pulse.beat,.waves span.go{animation:none}.pre,.manifesto.pre .staff-lines span{opacity:1;transition:none;transform:none}}@media (width<=420px){.masthead-open{display:none}}