@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#080808;--ink-soft:#111;--ivory:#f2efe7;--ivory-muted:#d7d2c7;--silver:#a7a7a2;--line:#f2efe72e;--line-strong:#f2efe761;--serif:"Cormorant Garamond", "Noto Serif SC", "Songti SC", Georgia, serif;--cn-serif:"Noto Serif SC", "Songti SC", Georgia, serif;font-family:var(--cn-serif);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 78% 12%,#ffffff0e,#0000 24rem),linear-gradient(118deg,#050505 0%,#0d0d0d 58%,#060606 100%);margin:0}body:before{z-index:-1;content:"";pointer-events:none;opacity:.28;background-image:repeating-linear-gradient(90deg,#0000 0 119px,#ffffff06 120px);position:fixed;inset:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}.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}.skip-link{z-index:99;color:var(--ink);background:var(--ivory);padding:.7rem 1rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(1500px,100%);min-height:100vh;margin-inline:auto;padding:0 clamp(1.25rem,3.5vw,4.5rem)}.site-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:2rem;min-height:116px;display:grid}.identity{align-items:center;gap:1rem;width:fit-content;text-decoration:none;display:inline-flex}.avatar-orbit{background:conic-gradient(from 210deg,#0000,#fffc,#0000 24%,#ffffff2e,#0000 70%);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff47,0 18px 50px #0009}.avatar-orbit:after{content:"";border-radius:inherit;border:1px solid #ffffff42;position:absolute;inset:5px}.avatar-glass{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff7a;border-radius:50%;width:60px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 1px 5px #ffffff59}.avatar-glass:before{z-index:2;content:"";background:linear-gradient(125deg,#ffffff57,#0000 34% 70%,#ffffff1a);position:absolute;inset:0}.avatar-glass img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%}.identity-copy{gap:.24rem;display:grid}.identity-copy strong{font-family:var(--serif);letter-spacing:.05em;font-size:1.2rem;font-weight:600}.identity-copy span{color:var(--silver);letter-spacing:.22em;font-size:.68rem}.header-controls{align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}.piano-nav{border-inline:1px solid var(--line-strong);height:76px;display:flex}.piano-key{width:clamp(78px,7vw,108px);color:var(--ink);background:linear-gradient(94deg,#c9c6bd,#fbf8ef 20% 78%,#b8b5ae);border-right:1px solid #85837d;flex-direction:column;justify-content:flex-end;padding:.65rem .75rem .8rem;text-decoration:none;transition:transform .2s,filter .2s;display:flex;position:relative;box-shadow:inset 0 -8px 10px #0000001f}.piano-key:before{z-index:2;content:"";background:linear-gradient(90deg,#050505,#272727 72%,#020202);border-radius:0 0 3px 3px;width:30%;height:54%;position:absolute;top:0;right:-15%;box-shadow:0 5px 6px #0009}.piano-key:last-child:before{display:none}.piano-key:hover{filter:brightness(.88)}.piano-key.is-active{filter:brightness(.58);transform:translateY(5px);box-shadow:inset 0 -2px 4px #0003}.piano-key.is-active span:last-child{font-weight:600}.key-number{color:#64625d;font-family:var(--serif);letter-spacing:.14em;margin-bottom:.28rem;font-size:.65rem}.piano-key span:last-child{letter-spacing:.16em;font-size:.76rem}.language-toggle{min-width:70px;color:var(--silver);cursor:pointer;font-family:var(--serif);letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:.35rem;padding:.65rem .4rem;font-size:.78rem;display:flex}.language-toggle__active{color:var(--ivory);font-size:1rem}.menu-toggle{display:none}.hero{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;min-height:calc(100vh - 210px);padding:clamp(3.5rem,7vw,7rem) 0;display:grid}.hero-copy{z-index:3;max-width:650px;position:relative}.overline{color:var(--silver);letter-spacing:.25em;align-items:center;gap:.7rem;font-size:.7rem;display:flex}.overline:after{content:"";background:var(--line-strong);width:52px;height:1px}.overline__mark{color:var(--ivory);font-family:var(--serif);font-size:1.4rem}.hero h1{font-family:var(--serif);letter-spacing:-.055em;margin:1.65rem 0 .7rem;font-size:clamp(4.4rem,7.5vw,8.4rem);font-weight:400;line-height:.78}.hero h1 span,.hero h1 em{display:block}.hero h1 em{margin-left:.42em;padding-bottom:.16em;font-weight:400}.hero-copy__en{color:var(--silver);font-family:var(--serif);letter-spacing:.08em;margin:.2rem 0 1.8rem;font-size:clamp(1.1rem,1.6vw,1.45rem);font-style:italic}.hero-lede{max-width:490px;color:var(--ivory-muted);letter-spacing:.08em;margin:0;font-size:.9rem;line-height:2}.hero-actions{align-items:center;gap:1.8rem;margin-top:2.4rem;display:flex}.button{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:2rem;min-width:188px;padding:.92rem 1.1rem;font-size:.74rem;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.button--light{color:var(--ink);background:var(--ivory)}.button:hover{transform:translateY(-3px)}.text-link{color:var(--silver);border-bottom:1px solid var(--line-strong);letter-spacing:.1em;padding-block:.45rem;font-size:.72rem;text-decoration:none}.score-rule{width:min(430px,90%);height:46px;color:var(--silver);align-items:center;margin-top:3.2rem;display:flex;position:relative}.score-rule span{z-index:2;background:var(--ink);font-family:var(--serif);padding-right:1rem;font-size:2.4rem}.score-rule i{background:var(--line);height:1px;position:absolute;left:0;right:0}.score-rule i:first-of-type{top:8px}.score-rule i:nth-of-type(2){top:15px}.score-rule i:nth-of-type(3){top:22px}.score-rule i:nth-of-type(4){top:29px}.score-rule i:nth-of-type(5){top:36px}.instrument-stage{place-items:center;min-height:650px;display:grid;position:relative;overflow:hidden}.instrument-stack{z-index:2;width:min(510px,84%);position:relative}.piano-lid{background:linear-gradient(145deg,#ffffff0f,#0003 44%,#ffffff05);border:1px solid #ffffff29;border-radius:55% 8% 48% 24%/48% 20% 60% 36%;width:95%;height:88%;position:absolute;top:-8%;right:-7%;transform:rotate(-5deg);box-shadow:inset 28px 28px 80px #ffffff04,38px 46px 80px #0009}.piano-lid:before{content:"";border-radius:inherit;border:1px solid #ffffff14;position:absolute;inset:8%}.piano-lid:after{content:"";background:linear-gradient(var(--silver), #191919);transform-origin:top;width:3px;height:50%;position:absolute;bottom:-9%;right:10%;transform:rotate(22deg)}.player-console{z-index:2;background:linear-gradient(145deg,#262626f0,#060606f5);border:1px solid #fff3;border-radius:5px;width:100%;padding:1.25rem;position:relative;transform:perspective(1000px)rotateX(3deg)rotate(2deg);box-shadow:0 45px 100px #000000a6,inset 0 1px #ffffff1f}.console-heading{color:var(--silver);font-family:var(--serif);letter-spacing:.18em;justify-content:space-between;padding:0 .3rem 1rem;font-size:.64rem;display:flex}.turntable{aspect-ratio:1.3;background:radial-gradient(circle at 35% 30%,#272727,#0a0a0a 66%);border:1px solid #ffffff14;position:relative;overflow:hidden}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff13 4px,#0000 5px 8px),radial-gradient(circle,#151515 0 7%,#050505 8% 100%);border-radius:50%;width:72%;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%);box-shadow:-4px 12px 30px #000000b3}.vinyl__shine{background:conic-gradient(from 20deg, transparent 0 16%, #ffffff1c 23%, transparent 30% 61%, #ffffff0d 69%, transparent 78%);border-radius:50%;position:absolute;inset:0}.vinyl__label{color:var(--ink);background:var(--ivory-muted);font-family:var(--serif);letter-spacing:.12em;border-radius:50%;align-content:center;place-items:center;font-size:.55rem;display:grid;position:absolute;inset:39%}.vinyl__label i{background:var(--ink);border-radius:50%;width:3px;height:3px;margin:2px 0}.vinyl__label small{font-size:.34rem}.tonearm{transform-origin:78% 12%;width:30%;height:72%;transition:transform 1.8s cubic-bezier(.16,1,.3,1);position:absolute;top:10%;right:6%}.tonearm__pivot{background:#92928e;border:8px solid #2c2c2c;border-radius:50%;width:42px;height:42px;position:absolute;top:0;right:0;box-shadow:0 7px 13px #000}.tonearm__bar{transform-origin:top;background:linear-gradient(90deg,#6e6e6b,#e3e0d8 45%,#4e4e4b);border-radius:4px;width:7px;height:72%;position:absolute;top:30px;right:23px;transform:rotate(13deg)}.tonearm__needle{background:linear-gradient(#d6d2c9,#4c4c49);border-radius:3px;width:32px;height:16px;position:absolute;bottom:0;right:48%;transform:rotate(13deg)}.player-button{z-index:4;color:var(--ivory);border:1px solid var(--line-strong);cursor:pointer;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.62rem;display:flex;position:absolute;bottom:1rem;right:1rem}.player-button__icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.is-playing .player-button__icon{border:0;border-inline:2px solid;width:8px;height:10px}.is-playing .tonearm{transition-duration:.9s;transform:rotate(22deg)}.is-stopping .tonearm{transition-duration:1.8s;transform:rotate(0)}.mini-keys{background:#090909;border:1px solid #ffffff2e;height:44px;margin-top:1rem;display:flex;position:relative;overflow:hidden}.mini-keys i{background:linear-gradient(90deg,#b8b5ad,#f2eee3 35% 75%,#aaa79f);border-right:1px solid #777;flex:1;height:100%;transition:filter .12s,transform .12s,box-shadow .12s;position:relative;box-shadow:inset 0 -5px 5px #0000001f}.mini-keys i:last-of-type{border-right:0}.mini-keys b{z-index:3;background:linear-gradient(90deg,#020202,#242424 68%,#050505);border:1px solid #000;border-radius:0 0 2px 2px;width:4.3%;height:62%;transition:filter .1s,transform .1s,box-shadow .1s;position:absolute;top:0;box-shadow:0 4px 4px #000000b8}.mini-keys i.is-pressed{filter:brightness(.52);transform:translateY(3px);box-shadow:inset 0 5px 9px #00000075}.mini-keys b.is-pressed{filter:brightness(2.2);transform:translateY(3px);box-shadow:0 1px 2px #000c}.black-key--1{left:5.05%}.black-key--2{left:12.2%}.black-key--3{left:26.48%}.black-key--4{left:33.62%}.black-key--5{left:40.76%}.black-key--6{left:55.05%}.black-key--7{left:62.2%}.black-key--8{left:76.48%}.black-key--9{left:83.62%}.black-key--10{left:90.76%}.pitch-readout{background:linear-gradient(115deg,#0a0a0af0,#1d1d1de6);border:1px solid #ffffff2e;align-items:center;gap:1rem;width:92%;min-height:68px;margin:1rem auto 0;padding:.7rem 1rem;display:flex;transform:rotate(.8deg);box-shadow:0 18px 42px #00000073,inset 0 1px #ffffff14}.pitch-readout__note{min-width:98px;color:var(--ivory);font-family:var(--serif);letter-spacing:.03em;text-align:center;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1}.pitch-readout__note.is-popping{animation:.32s cubic-bezier(.2,.9,.3,1) pitch-pop}.pitch-readout__copy{border-left:1px solid var(--line);gap:.3rem;min-width:0;padding-left:1rem;display:grid}.pitch-readout__copy strong{letter-spacing:.15em;font-size:.62rem;font-weight:500}.pitch-readout__copy small{color:var(--silver);letter-spacing:.08em;font-size:.5rem;line-height:1.55}@keyframes pitch-pop{0%{opacity:.15;transform:translateY(9px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.stage-caption{z-index:3;color:var(--silver);text-align:right;letter-spacing:.16em;pointer-events:none;gap:.35rem;margin:0;font-size:.58rem;display:grid;position:absolute;bottom:3%;right:7%}.stage-caption span:first-child{color:var(--ivory);font-family:var(--serif);font-size:.72rem}.site-footer{min-height:94px;color:var(--silver);border-top:1px solid var(--line);letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;font-size:.62rem;display:grid}.site-footer>p{text-align:center}.site-footer>a{justify-self:end;text-decoration:none}.footer-signature{align-items:center;gap:1rem;display:flex}.footer-signature__pedals{border-top:1px solid var(--line-strong);align-items:flex-end;gap:4px;width:38px;height:25px;display:flex;position:relative}.footer-signature__pedals i{border:1px solid var(--line-strong);border-radius:0 0 7px 7px;width:9px;height:14px;transform:skew(-8deg)}.footer-signature__pedals i:nth-child(2){height:18px}@media (width<=1080px){.site-header{grid-template-columns:1fr auto}.identity-copy{display:none}.hero{grid-template-columns:.8fr 1.2fr}.hero h1{font-size:clamp(4rem,7.8vw,6.4rem)}.piano-nav .piano-key{width:76px}}@media (width<=820px){.site-shell{padding-inline:1.2rem}.site-header{grid-template-columns:1fr auto auto;gap:.8rem;min-height:96px;position:relative}.identity-copy{display:grid}.header-controls{order:2;gap:.5rem}.piano-nav{z-index:20;visibility:hidden;opacity:0;grid-template-columns:repeat(5,1fr);height:0;transition:height .35s,opacity .25s,visibility .35s;display:grid;position:absolute;top:96px;left:0;right:0;overflow:hidden;box-shadow:0 30px 60px #000}.nav-open .piano-nav{visibility:visible;opacity:1;height:96px}.piano-nav .piano-key{width:auto;height:96px}.menu-toggle{width:46px;height:46px;color:var(--ivory);border:1px solid var(--line);cursor:pointer;background:0 0;order:3;place-items:center;padding:0;display:grid}.menu-toggle__lines,.menu-toggle__lines:before,.menu-toggle__lines:after{content:"";background:currentColor;width:18px;height:1px;transition:transform .25s;display:block}.menu-toggle__lines:before{transform:translateY(-6px)}.menu-toggle__lines:after{transform:translateY(5px)}.hero{padding-top:4rem;display:block}.hero-copy{margin-bottom:2rem}.instrument-stage{min-height:560px}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}}@media (width<=520px){.site-header{min-height:88px}.avatar-orbit{width:60px;height:60px}.avatar-glass{width:47px;height:47px}.identity-copy strong{font-size:1rem}.identity-copy span{display:none}.header-controls{flex-direction:row-reverse}.piano-nav{border:1px solid var(--line-strong);background:#0b0b0b;grid-template-columns:1fr;align-content:start;width:min(290px,100vw - 2.4rem);top:88px;left:auto;right:0;box-shadow:0 18px 42px #000000b8}.nav-open .piano-nav{height:240px}.piano-nav .piano-key{background:linear-gradient(#f4f0e6,#d6d2c8);border-bottom:1px solid #8a877f;border-right:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:.85rem;width:100%;height:48px;padding:.55rem 1rem;box-shadow:inset -8px 0 12px #00000017}.piano-nav .piano-key:last-child{border-bottom:0}.piano-nav .piano-key:before{border-radius:3px 0 0 3px;width:31%;height:14px;top:auto;bottom:-7px;right:0;box-shadow:-4px 3px 6px #00000085}.piano-nav .piano-key.is-active{filter:brightness(.72);transform:translate(3px)}.piano-nav .key-number{min-width:2.1rem;margin:0;font-size:.55rem}.piano-nav .piano-key span:last-child{font-size:.68rem}.language-toggle{min-width:54px}.hero h1{margin-top:1.2rem;font-size:clamp(3.55rem,19vw,5rem);line-height:.84}.hero h1 em{margin-left:.18em}.hero-actions{flex-direction:column;align-items:flex-start;gap:1rem}.instrument-stage{min-height:570px;margin-inline:-1.2rem;overflow:hidden}.piano-lid{width:120%;height:72%;top:4%;right:-22%}.instrument-stack{width:86%}.player-console{width:100%;padding:.8rem;transform:perspective(900px)rotateX(2deg)rotate(1deg)}.turntable{aspect-ratio:1.18}.player-button{bottom:.7rem;right:.7rem}.pitch-readout{width:96%;min-height:62px;padding:.6rem .7rem}.pitch-readout__note{min-width:72px}.pitch-readout__copy{padding-left:.7rem}.stage-caption{max-width:75%;bottom:0;right:9%}.site-footer{min-height:80px}.footer-signature__pedals{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}}.inner-main{padding:clamp(4rem,7vw,7.5rem) 0 clamp(5rem,8vw,9rem)}.page-intro{grid-template-columns:95px minmax(0,1fr) 180px;align-items:end;gap:clamp(1.5rem,4vw,4.5rem);max-width:1180px;margin:0 auto clamp(4rem,7vw,7rem);display:grid}.page-intro__index{color:var(--silver);font-family:var(--serif);grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}.page-intro__index>span{color:var(--ivory);font-size:2.2rem}.page-intro__index>i{background:var(--line-strong);height:1px}.page-intro__index>small{font-family:var(--cn-serif);letter-spacing:.18em;grid-column:1/-1;font-size:.58rem}.page-intro .overline{margin:0}.page-intro h1{max-width:780px;font-family:var(--serif);letter-spacing:-.04em;margin:1rem 0 1.1rem;font-size:clamp(3.4rem,6.5vw,7rem);font-weight:400;line-height:.96}.page-intro__lede{max-width:620px;color:var(--ivory-muted);letter-spacing:.07em;margin:0;font-size:.9rem;line-height:1.9}.tempo-mark{border-left:1px solid var(--line-strong);align-self:center;gap:.35rem;padding-left:1.25rem;display:grid}.tempo-mark span{font-family:var(--serif);letter-spacing:.18em;font-size:.78rem;font-style:italic}.tempo-mark small{color:var(--silver);letter-spacing:.12em;font-size:.58rem}.scorebook{color:#171716;background:#d9d4c8;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto;display:grid;position:relative;transform:perspective(1600px)rotateX(1deg);box-shadow:0 40px 110px #000000b3}.scorebook:before,.scorebook:after{z-index:-1;content:"";background:#9f9a90;width:50%;position:absolute;top:8px;bottom:-8px}.scorebook:before{left:5px;transform:rotate(-.7deg)}.scorebook:after{right:5px;transform:rotate(.7deg)}.scorebook__binding{z-index:3;background:linear-gradient(90deg,#0000002e,#ffffff40 48%,#00000024);width:42px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.score-page{background:linear-gradient(95deg,#e3ded2,#f1ece0 84%,#c8c3b8);min-height:580px;padding:clamp(2.5rem,5vw,5rem);position:relative;overflow:hidden}.score-page:nth-of-type(3){background:linear-gradient(90deg,#c9c4b9,#f2ede1 15%,#e5dfd3)}.score-page:before{content:"";pointer-events:none;border:1px solid #1c1b1829;position:absolute;inset:2rem}.score-page__folio{color:#625f59;text-align:center;font-family:var(--serif);letter-spacing:.16em;margin:0 0 2.6rem;font-size:.72rem;position:relative}.portrait-cameo{z-index:1;border:1px solid #00000042;border-radius:50%;width:130px;height:130px;margin:0 auto 2.2rem;padding:9px;position:relative;box-shadow:0 11px 24px #0000002e}.portrait-cameo:after{content:"";border:1px solid #0000002e;border-radius:50%;position:absolute;inset:4px}.portrait-cameo img{object-fit:cover;filter:grayscale()contrast(1.1);border-radius:50%;width:100%;height:100%}.score-page h2{font-family:var(--serif);margin:0 0 1.1rem;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.05;position:relative}.score-page>p:not(.score-page__folio){letter-spacing:.05em;margin:0;font-size:.82rem;line-height:2;position:relative}.score-page--notes{align-content:center;gap:0;display:grid}.opus-note{border-bottom:5px double #00000029;grid-template-columns:72px 1fr;gap:1.3rem;padding:1.65rem 0;display:grid;position:relative}.opus-note:last-child{border-bottom:0}.opus-note>span{color:#66625c;font-family:var(--serif);letter-spacing:.12em;font-size:.72rem}.opus-note h3{font-family:var(--serif);margin:0 0 .45rem;font-size:1.55rem;font-weight:600}.opus-note p{color:#56534e;margin:0;font-size:.76rem;line-height:1.8}.track-list{border-top:1px solid var(--line-strong);max-width:1180px;margin:0 auto}.project-track{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,.72fr) 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:300px;padding:2.3rem 0;display:grid;position:relative}.project-track__visual{aspect-ratio:1.62;border:1px solid var(--line);background:#0e0e0e;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.project-track__visual:after{content:"";border:1px solid #ffffff17;position:absolute;inset:10px}.project-track__visual>b{z-index:4;color:#ffffff52;font-family:var(--serif);font-size:2.2rem;font-weight:400;position:absolute;bottom:.8rem;left:1.2rem}.disc-mini{aspect-ratio:1;background:repeating-radial-gradient(circle,#0a0a0a 0 4px,#262626 5px,#0a0a0a 7px);border-radius:50%;place-items:center;width:57%;display:grid;position:relative;box-shadow:18px 18px 50px #000}.disc-mini:after{content:"";background:var(--ivory-muted);border-radius:50%;position:absolute;inset:38%}.disc-mini i{z-index:2;background:#050505;border-radius:50%;width:5px;height:5px}.project-track__visual--prelude:before{content:"";background:linear-gradient(130deg,#ffffff24,#0000 40%);height:100%;position:absolute;inset:-40% -30% auto 45%;transform:rotate(22deg)}.moon-key{border-bottom:1px solid #ffffff6b;align-items:flex-end;width:67%;height:52%;display:flex}.moon-key i{transform-origin:bottom;background:linear-gradient(90deg,#aaa79f,#eeeade 70%);border-right:1px solid #61615f;flex:1;height:100%;transform:skewY(-13deg)}.moon-key i:nth-child(2),.moon-key i:nth-child(4){filter:brightness(.35);height:72%}.project-track__visual--nocturne{background:radial-gradient(circle at 65% 24%,#ffffff2e,#0000 18%),#0b0b0b}.code-score{gap:9px;width:68%;display:grid;position:relative}.code-score i{background:linear-gradient(90deg,#fffc 0 12%,#0000 12% 18%,#ffffff61 18% 62%,#0000 62% 70%,#ffffff2e 70%);height:1px;display:block}.code-score:after{content:"⌘";color:#ffffff6b;font-family:var(--serif);font-size:3rem;position:absolute;top:-42px;right:12%}.track-meta{color:var(--silver);font-family:var(--serif);letter-spacing:.15em;align-items:center;gap:1rem;margin-bottom:1.1rem;font-size:.66rem;display:flex}.track-meta span:last-child{border:1px solid var(--line);font-family:var(--cn-serif);padding:.35rem .55rem;font-size:.52rem}.project-track h2{font-family:var(--serif);margin:0 0 .8rem;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;line-height:1}.project-track__copy>p{max-width:650px;color:var(--ivory-muted);letter-spacing:.05em;margin:0;font-size:.78rem;line-height:1.9}.project-tags{flex-wrap:wrap;gap:.65rem;margin:1.3rem 0 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--silver);font-family:var(--serif);letter-spacing:.1em;font-size:.66rem}.project-tags li:not(:last-child):after{content:"·";margin-left:.65rem}.track-duration{color:var(--silver);font-family:var(--serif);letter-spacing:.12em;align-self:start;margin-top:.4rem;font-size:.64rem}.programme-note{max-width:1180px;color:var(--silver);border-bottom:5px double var(--line);letter-spacing:.06em;grid-template-columns:160px 1fr;gap:2rem;margin:2rem auto 0;padding:1.5rem 0;font-size:.66rem;line-height:1.8;display:grid}.programme-note span{color:var(--ivory);font-family:var(--serif);letter-spacing:.15em;font-style:italic}.programme-note p{margin:0}.project-book{width:min(1180px,100%);margin:0 auto}.project-book__label{color:var(--silver);font-family:var(--serif);letter-spacing:.19em;align-items:center;gap:1rem;margin:0 2.5% 1rem;font-size:.62rem;display:flex}.project-book__label i{background:var(--line);flex:1;height:1px}.project-book__pages{perspective:2100px;filter:drop-shadow(0 38px 42px #0000009e);min-height:clamp(430px,47vw,590px);transform-style:preserve-3d;grid-template-columns:1fr 1fr;display:grid;position:relative}.project-book__pages:before{z-index:-1;content:"";background:linear-gradient(90deg,#191815,#33302a 49%,#151411 51%,#2b2924);border:1px solid #ffffff1a;border-radius:6px 6px 12px 12px;position:absolute;inset:-11px -13px -16px}.book-leaf{color:#1b1a18;background:linear-gradient(105deg,#c9c3b5,#f2ede1 8% 92%,#c6c0b3);min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #483e301f}.book-leaf--left{border-radius:4px 0 0 7px;box-shadow:inset -28px 0 32px #2c261f24,inset 0 0 45px #483e301a}.book-leaf--right{border-radius:0 4px 7px 0;box-shadow:inset 28px 0 32px #2c261f24,inset 0 0 45px #483e301a}.book-leaf:before{content:"";pointer-events:none;border:1px solid #25211c1f;position:absolute;inset:12px}.book-leaf--left:after,.book-leaf--right:after{content:"";background:#29231d21;width:1px;position:absolute;top:0;bottom:0;box-shadow:3px 0 #ffffff38,6px 0 #29231d14}.book-leaf--left:after{left:8px}.book-leaf--right:after{right:14px;transform:scaleX(-1)}.book-binding{z-index:5;opacity:.7;pointer-events:none;background:linear-gradient(90deg,#201b1652,#ffffff40 45%,#241e1859);width:34px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #211c1747}.book-page{z-index:2;width:100%;height:100%;color:inherit;text-decoration:none;display:block;position:relative}.book-page__content{opacity:0;flex-direction:column;height:100%;padding:clamp(3rem,5vw,5rem) clamp(2rem,4vw,4.7rem);transition:opacity .72s,transform .72s cubic-bezier(.2,.75,.25,1);display:flex;transform:translateY(12px)}.book-leaf.is-content-visible .book-page__content{opacity:1;transform:translateY(0)}.book-page__staff{gap:7px;width:100%;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid;position:relative}.book-page__staff i{background:#231f1a2e;height:1px;display:block}.book-page__staff:before{content:"𝄞";color:#1c19159e;font-family:var(--serif);font-size:3.2rem;line-height:1;position:absolute;top:-17px;left:4%}.book-page__staff:after{content:"";opacity:.55;background:#302c26;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:12%;box-shadow:17px 7px #302c26,35px -1px #302c26}.book-page__meta{color:#666157;font-family:var(--serif);letter-spacing:.16em;font-size:.62rem}.book-page h2{font-family:var(--serif);letter-spacing:-.025em;margin:.85rem 0 1.2rem;font-size:clamp(2.4rem,4.4vw,4.8rem);font-weight:500;line-height:.9}.book-page__description{color:#49453e;letter-spacing:.045em;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:31rem;font-size:clamp(.68rem,.9vw,.82rem);line-height:1.9;display:-webkit-box;overflow:hidden}.book-page__cue{color:#292621;letter-spacing:.12em;border-bottom:1px solid #231f1a40;align-items:center;width:fit-content;margin-top:auto;padding-top:2rem;font-size:.62rem;display:inline-flex}.book-page__number{color:#706b62;font-family:var(--serif);font-size:.62rem;position:absolute;bottom:1.2rem;right:clamp(1.3rem,2.5vw,2.5rem)}.book-leaf--left .book-page__number{left:clamp(1.3rem,2.5vw,2.5rem);right:auto}.book-page__bookmark{z-index:4;width:62px;height:35px;color:var(--ivory);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);font-family:var(--serif);letter-spacing:.16em;background:#1b1a18;place-items:center;padding-bottom:3px;font-size:.58rem;font-weight:600;display:grid;position:absolute;top:0;right:clamp(1.4rem,3vw,3rem);box-shadow:0 5px 11px #0003}.book-leaf--left .book-page__bookmark{left:clamp(1.4rem,3vw,3rem);right:auto}.book-page--project{cursor:pointer}.book-page--project:after{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .28s,background .28s;position:absolute;inset:18px}.book-page--project:hover:after{background:#ffffff14;border-color:#231f1a33}.book-page--soon .book-page__content,.book-leaf.is-content-visible .book-page--soon .book-page__content{opacity:.52}.turning-sheet{z-index:12;width:50%;transform-style:preserve-3d;pointer-events:none;display:none;position:absolute;top:0;bottom:0}.turning-sheet--next{transform-origin:0;left:50%}.turning-sheet--previous{transform-origin:100%;left:0}.turning-sheet__face,.turning-sheet__back{backface-visibility:hidden;background:linear-gradient(105deg,#cbc5b8,#f4efe3 10% 90%,#c3bdae);align-content:center;gap:8px;padding:15%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 38px #362d2221}.turning-sheet__back{background:linear-gradient(255deg,#cbc5b8,#f4efe3 10% 90%,#c3bdae);transform:rotateY(180deg)}.turning-sheet i{background:#231f1a2e;height:1px;display:block}.is-turning-next .turning-sheet--next{animation:.98s cubic-bezier(.42,.02,.2,1) forwards turn-sheet-next;display:block}.is-turning-previous .turning-sheet--previous{animation:.98s cubic-bezier(.42,.02,.2,1) forwards turn-sheet-previous;display:block}@keyframes turn-sheet-next{0%{transform:rotateY(0);box-shadow:-2px 8px 10px #0000000d}48%{box-shadow:-35px 18px 45px #0000005c}to{transform:rotateY(-180deg);box-shadow:-2px 8px 10px #0000000d}}@keyframes turn-sheet-previous{0%{transform:rotateY(0);box-shadow:2px 8px 10px #0000000d}48%{box-shadow:35px 18px 45px #0000005c}to{transform:rotateY(180deg);box-shadow:2px 8px 10px #0000000d}}.book-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:2rem;display:grid}.book-controls button{width:fit-content;color:var(--ivory);border:1px solid var(--line);cursor:pointer;letter-spacing:.1em;background:0 0;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.64rem;transition:color .2s,background .2s,opacity .2s;display:inline-flex}.book-controls button:last-child{justify-self:end}.book-controls button:hover:not(:disabled){color:var(--ink);background:var(--ivory)}.book-controls button:disabled{opacity:.28;cursor:not-allowed}.book-controls p{color:var(--silver);font-family:var(--serif);letter-spacing:.14em;text-align:center;margin:0;font-size:.68rem}.contact-main{padding-bottom:clamp(5rem,8vw,8rem)}.music-desk{color:#171716;background:linear-gradient(105deg,#d0cbc0,#f2ede2 12% 88%,#c2bdb2);max-width:1030px;margin:0 auto;padding:3rem 4rem 4.5rem;position:relative;transform:perspective(1400px)rotateX(2deg);box-shadow:0 40px 100px #000000b8}.music-desk:before{content:"";pointer-events:none;border:1px solid #0000002b;position:absolute;inset:14px}.music-desk__top{font-family:var(--serif);letter-spacing:.22em;align-items:center;gap:1rem;margin-bottom:3.5rem;font-size:.62rem;display:flex;position:relative}.music-desk__top i{background:#00000040;flex:1;height:1px}.contact-score{border-block:5px double #0003;grid-template-columns:1fr 310px;gap:4rem;padding:3rem 2rem;display:grid;position:relative}.contact-score:before{content:"";background:#0000001a;height:1px;position:absolute;inset:33% 0 auto;box-shadow:0 9px #0000001a,0 18px #0000001a,0 27px #0000001a}.contact-score__invitation{z-index:2;grid-template-columns:80px 1fr;align-items:center;gap:1.5rem;display:grid;position:relative}.contact-clef{font-family:var(--serif);font-size:5rem;line-height:1}.contact-score small,.contact-secondary small{color:#65615b;letter-spacing:.18em;font-size:.56rem}.contact-score h2{font-family:var(--serif);margin:.4rem 0 .6rem;font-size:clamp(3.5rem,6vw,5.8rem);font-weight:400;line-height:.8}.contact-score__invitation p{max-width:450px;margin:0;font-size:.75rem;line-height:1.8}.contact-score__actions{z-index:2;align-content:center;gap:.8rem;display:grid;position:relative}.button--dark{color:var(--ivory);background:var(--ink)}.copy-handle{color:#1a1917;cursor:pointer;text-align:left;background:0 0;border:1px solid #00000040;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:background .2s,color .2s;display:flex}.copy-handle span{font-family:var(--serif);font-size:1rem}.copy-handle small{font-family:var(--cn-serif)}.copy-handle.is-copied{color:var(--ivory);background:#282724}.copy-status{color:#56534e;letter-spacing:.06em;min-height:1.1rem;margin:0;font-size:.58rem}.contact-secondary{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2.4rem 2rem 0;display:grid}.contact-secondary>div p{font-family:var(--serif);margin:.4rem 0 0;font-size:1.25rem}.contact-secondary>p{color:#625f59;text-align:right;justify-self:end;max-width:260px;margin:0;font-size:.65rem;line-height:1.8}.rest-symbol{color:#4a4742;font-family:var(--serif);font-size:2.2rem}.email-link{text-underline-offset:.25em;text-decoration-color:#1c1a1747;transition:text-decoration-color .2s}.email-link:hover{text-decoration-color:currentColor}.music-desk__ledge{background:linear-gradient(#3e3d3a,#0b0b0b 70%);border-radius:2px;height:30px;position:absolute;bottom:-18px;left:-4%;right:-4%;box-shadow:0 18px 28px #000}.closing-note{max-width:1030px;color:var(--silver);letter-spacing:.1em;justify-content:space-between;gap:2rem;margin:4.5rem auto 0;font-size:.68rem;display:flex}.closing-note span:first-child{color:var(--ivory);font-family:var(--serif);font-size:1.1rem;font-style:italic}.blog-main{min-height:calc(100vh - 210px)}.blog-archive{width:min(1060px,100%);margin:0 auto}.archive-box__rim{color:var(--silver);font-family:var(--serif);letter-spacing:.18em;align-items:center;gap:1rem;margin:0 2.4rem 1rem;font-size:.62rem;display:flex}.archive-box__rim i{background:var(--line);flex:1;height:1px}.archive-box{background:linear-gradient(135deg,#111,#292824 48%,#0b0b0b);border:1px solid #ffffff24;border-radius:5px 5px 12px 12px;min-height:480px;padding:2.8rem 3.2rem 5.5rem;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000009e,inset 0 1px #ffffff14}.archive-box:before{z-index:1;content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:13px}.archive-box:after{z-index:80;content:"";pointer-events:none;background:linear-gradient(#25231f,#111 75%);border-top:1px solid #ffffff24;height:76px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -14px 28px #0000005c}.archive-list{z-index:2;width:min(850px,94%);margin:0 auto;padding:1.4rem 0 4rem;list-style:none;position:relative}.archive-sheet{z-index:calc(var(--archive-index) + 2);height:54px;transition:z-index 0s .3s;position:relative}.archive-sheet:last-child{height:130px}.archive-sheet:hover,.archive-sheet:focus-within{z-index:70;transition-delay:0s}.archive-sheet__link{color:#1d1b18;background:linear-gradient(100deg,#c8c2b5,#f1ecdf 9% 91%,#bbb5a9);border:1px solid #0003;border-radius:2px 2px 5px 5px;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:1.2rem;height:122px;padding:1.75rem 2rem;text-decoration:none;transition:transform .36s cubic-bezier(.2,.78,.25,1),box-shadow .36s;display:grid;position:absolute;inset:0 0 auto;overflow:hidden;transform:translateY(0);box-shadow:0 10px 26px #00000057,inset 0 0 28px #463a2b14}.archive-sheet:nth-child(2n) .archive-sheet__link{background:linear-gradient(100deg,#bab4a8,#e8e2d5 10% 90%,#b3ada1)}.archive-sheet__link:before{content:"";pointer-events:none;border:1px solid #211d181f;position:absolute;inset:13px 18px}.archive-sheet:hover .archive-sheet__link,.archive-sheet__link:focus-visible{transform:translateY(-36px);box-shadow:0 24px 40px #00000080,inset 0 0 28px #463a2b14}.archive-sheet__number{color:#777166;font-family:var(--serif);letter-spacing:.12em;font-size:.62rem}.archive-sheet h2{min-width:0;font-family:var(--serif);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:-.3rem 0 0;font-size:clamp(1.55rem,2.5vw,2.35rem);font-style:normal;font-weight:500;line-height:1;overflow:hidden}.archive-sheet time{color:#5d584f;font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;font-size:.7rem}.archive-empty{z-index:2;text-align:center;align-content:center;place-items:center;min-height:350px;display:grid;position:relative}.archive-empty[hidden]{display:none}.archive-empty__sheets{width:min(620px,82%);height:150px;margin-bottom:1.8rem;position:relative}.archive-empty__sheets i{background:linear-gradient(100deg,#bdb7aa,#ede7da 12% 88%,#b7b0a4);border:1px solid #0003;border-radius:2px;height:92px;position:absolute;left:0;right:0;box-shadow:0 12px 25px #00000047}.archive-empty__sheets i:first-child{opacity:.58;top:0;transform:scale(.92)}.archive-empty__sheets i:nth-child(2){opacity:.78;top:28px;transform:scale(.96)}.archive-empty__sheets i:nth-child(3){top:58px}.archive-empty__sheets i:before{content:"";background:#26211b29;height:1px;position:absolute;top:25px;left:10%;right:10%;box-shadow:0 7px #26211b29,0 14px #26211b29,0 21px #26211b29}.archive-empty p{font-family:var(--serif);letter-spacing:.04em;margin:0 0 .55rem;font-size:1.45rem}.archive-empty small{color:var(--silver);letter-spacing:.08em;font-size:.62rem}.blog-post-main{min-height:calc(100vh - 210px)}.blog-back-link{color:var(--silver);border-bottom:1px solid var(--line);letter-spacing:.1em;align-items:center;gap:.8rem;margin-bottom:2.5rem;font-size:.66rem;text-decoration:none;display:inline-flex}.blog-back-link:hover{color:var(--ivory)}.article-status{min-height:240px;color:var(--silver);letter-spacing:.08em;place-items:center;margin:0;font-size:.72rem;display:grid}.article-status[hidden]{display:none}.article-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4.5rem);width:min(1180px,100%);margin:0 auto;display:grid}.article-layout[hidden]{display:none}.outline-panel{scrollbar-width:thin;max-height:calc(100vh - 4rem);padding:1rem 0 1.5rem;position:sticky;top:2rem;overflow-y:auto}.outline-panel[hidden]{display:none}.outline-panel__label{color:var(--silver);font-family:var(--serif);letter-spacing:.18em;align-items:center;gap:.8rem;margin-bottom:1.2rem;font-size:.58rem;display:flex}.outline-panel__label i{background:var(--line);flex:1;height:1px}.piano-outline,.mobile-outline nav{gap:2px;display:grid}.outline-key{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:.72rem .8rem;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s,transform .2s;display:block;overflow:hidden}.outline-key--h2{color:#211f1b;background:linear-gradient(90deg,#c6c2b9,#f0ece2 14% 86%,#b8b4ab);border:1px solid #77736b;width:100%;font-size:.66rem;box-shadow:inset 0 -5px 7px #0000001f}.outline-key--h3{width:78%;color:var(--ivory-muted);background:linear-gradient(90deg,#080808,#292929 75%,#050505);border:1px solid #000;justify-self:end;padding-block:.58rem;font-size:.58rem;box-shadow:0 4px 6px #0009}.outline-key:hover,.outline-key.is-active{transform:translate(5px)translateY(2px)}.outline-key--h2:hover,.outline-key--h2.is-active{color:var(--ivory);background:#292825;box-shadow:inset 0 4px 8px #00000061}.outline-key--h3:hover,.outline-key--h3.is-active{color:#111;background:var(--ivory-muted);box-shadow:inset 0 3px 6px #0000002e}.article-column{min-width:0}.article-column--without-outline{grid-column:1/-1;width:min(850px,100%);margin-inline:auto}.mobile-outline,.mobile-outline[hidden],.language-fallback[hidden]{display:none}.article-sheet{color:#1c1a17;background:linear-gradient(103deg,#c8c2b5,#f2ede1 7% 93%,#c0baae);border:1px solid #ffffff21;min-width:0;padding:clamp(3.5rem,7vw,6.5rem);position:relative;box-shadow:0 42px 100px #000000ad,inset 0 0 50px #4135271a}.article-sheet:before{content:"";pointer-events:none;border:1px solid #25201a21;position:absolute;inset:1.4rem}.article-header{border-bottom:5px double #27221c2e;padding-bottom:3.2rem;position:relative}.article-header__mark{color:#6b665d;font-family:var(--serif);letter-spacing:.18em;align-items:center;gap:1rem;margin:0 0 2.3rem;font-size:.58rem;display:flex}.article-header__mark i{background:#27221c2e;flex:1;height:1px}.article-header h1{max-width:900px;font-family:var(--serif);letter-spacing:-.03em;margin:0 0 1.4rem;font-size:clamp(3rem,6vw,5.8rem);font-weight:500;line-height:.92}.article-header time{color:#656057;font-family:var(--serif);letter-spacing:.09em;font-size:.72rem}.language-fallback{color:#6d685f;margin:1.2rem 0 0;font-size:.62rem;line-height:1.7}.markdown-body{letter-spacing:.025em;padding-top:3.5rem;font-size:.9rem;line-height:2;position:relative}.markdown-body>:first-child{margin-top:0}.markdown-body h2,.markdown-body h3{font-family:var(--serif);scroll-margin-top:2rem;font-weight:600;line-height:1.2}.markdown-body h2{border-bottom:5px double #27221c2b;margin:3.6rem 0 1.2rem;padding-bottom:.8rem;font-size:clamp(2rem,3.4vw,3.1rem)}.markdown-body h3{margin:2.7rem 0 1rem;font-size:clamp(1.45rem,2.4vw,2.05rem)}.markdown-body p{margin:1.15rem 0}.markdown-body ul,.markdown-body ol{padding-left:1.6rem}.markdown-body li{margin:.45rem 0}.markdown-body a{text-underline-offset:.22em;text-decoration-color:#1c1a1759}.markdown-body blockquote{color:#555047;background:#322c230e;border-left:3px solid #4b4740;margin:2rem 0;padding:1rem 1.4rem}.markdown-body blockquote p{margin:0}.markdown-body code{background:#1c191514;border-radius:2px;padding:.12em .35em;font-family:Consolas,SFMono-Regular,monospace;font-size:.86em}.markdown-body pre{color:#e9e4d9;background:#171715;border:1px solid #00000047;margin:1.8rem 0;padding:1.2rem 1.3rem;line-height:1.65;overflow-x:auto}.markdown-body pre code{color:inherit;background:0 0;padding:0}.markdown-body table{border-collapse:collapse;width:100%;margin:1.8rem 0;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #26211b33;padding:.65rem .8rem}.markdown-body th{background:#26211b12}.markdown-body img{max-width:100%;height:auto;margin:2rem auto;display:block}.markdown-body hr{border:0;border-top:5px double #27221c2e;margin:3rem 0}html[lang=en] .hero-lede,html[lang=en] .page-intro__lede,html[lang=en] .score-page,html[lang=en] .project-track__copy,html[lang=en] .book-page__description,html[lang=en] .contact-score,html[lang=en] .contact-secondary,html[lang=en] .archive-sheet,html[lang=en] .markdown-body{font-family:var(--serif)}@media (width<=900px){.page-intro{grid-template-columns:70px 1fr}.page-intro .tempo-mark{display:none}.scorebook{grid-template-columns:1fr;max-width:650px}.scorebook__binding{background:linear-gradient(#0000002e,#ffffff38 50%,#00000024);width:100%;height:32px;inset:50% 0 auto;transform:translateY(-50%)}.score-page{min-height:auto}.project-track{grid-template-columns:minmax(210px,.75fr) 1fr;gap:2.4rem}.project-book__pages{min-height:460px}.book-page__content{padding:3.2rem 2.5rem}.track-duration{display:none}.contact-score{grid-template-columns:1fr;gap:2.5rem}.contact-score__actions{max-width:400px}.music-desk__ledge{left:0;right:0}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:2rem}.article-sheet{padding-inline:3rem}}@media (width<=820px){.article-layout{display:block}.outline-panel{display:none}.mobile-outline{color:#1c1a17;background:var(--ivory-muted);border:1px solid #fff3;margin-bottom:1rem;display:block}.mobile-outline summary{cursor:pointer;letter-spacing:.1em;padding:.85rem 1rem;font-size:.66rem}.mobile-outline nav{padding:0 .8rem .8rem}.article-column--without-outline{width:auto}}@media (width<=620px){.inner-main{padding-top:3.5rem}.page-intro{margin-bottom:3.5rem;display:block}.page-intro__index{display:none}.page-intro h1{margin-top:1rem;font-size:clamp(3.1rem,15vw,4.6rem)}.scorebook{margin-inline:-.2rem}.score-page{padding:3.3rem 2rem}.score-page:before{inset:1rem}.opus-note{grid-template-columns:58px 1fr;gap:.8rem}.project-track{padding:2rem 0 2.8rem;display:block}.project-book__label{margin-inline:0}.project-book__pages{min-height:370px}.project-book__pages:before{inset:-7px -5px -10px}.book-binding{width:18px}.book-leaf:before{inset:7px}.book-page__content{padding:2.3rem 1rem 2rem}.book-page__staff{gap:5px;margin-bottom:2rem}.book-page__staff:before{font-size:2.25rem;top:-12px}.book-page__staff:after{display:none}.book-page__meta{letter-spacing:.09em;font-size:.43rem;line-height:1.45}.book-page h2{margin:.65rem 0 .8rem;font-size:clamp(1.45rem,8vw,2rem);line-height:.95}.book-page__description{letter-spacing:.015em;font-size:.58rem;line-height:1.65}.book-page__cue{padding-top:1rem;font-size:.48rem}.book-page__number{font-size:.48rem;bottom:.7rem;right:.8rem}.book-leaf--left .book-page__number{left:.8rem}.book-page__bookmark{width:44px;height:27px;font-size:.44rem;right:.8rem}.book-leaf--left .book-page__bookmark{left:.8rem}.book-page--project:after{inset:8px}.book-controls{margin-top:1.5rem}.book-controls button{padding:.62rem .68rem;font-size:.54rem}.book-controls p{letter-spacing:.06em;font-size:.52rem}.project-track__visual{margin-bottom:1.8rem}.track-meta{flex-direction:column;align-items:flex-start;gap:.65rem}.programme-note{grid-template-columns:1fr;gap:.8rem}.music-desk{margin-inline:-.2rem;padding:2rem 1.2rem 3.5rem}.music-desk__top{margin-bottom:2rem}.contact-score{padding:2.4rem .6rem}.contact-score__invitation{grid-template-columns:52px 1fr;gap:.8rem}.contact-clef{font-size:3.7rem}.contact-secondary{grid-template-columns:1fr auto;gap:1rem;padding:2rem .6rem 0}.contact-secondary>p{text-align:left;grid-column:1/-1;justify-self:start}.closing-note{flex-direction:column;align-items:flex-start}.archive-box__rim{margin-inline:0}.archive-box{min-height:390px;padding:1.2rem .8rem 3.8rem}.archive-box:after{height:52px}.archive-list{width:100%;padding:.5rem 0 1.5rem}.archive-sheet,.archive-sheet:last-child{height:auto;margin-bottom:.65rem}.archive-sheet__link{grid-template-columns:34px minmax(0,1fr);height:auto;min-height:94px;padding:1.45rem 1.1rem;position:relative}.archive-sheet:hover .archive-sheet__link,.archive-sheet__link:focus-visible{transform:translateY(-3px)}.archive-sheet h2{white-space:normal;margin-top:-.15rem;font-size:1.45rem}.archive-sheet time{grid-column:2;margin-top:.5rem;font-size:.58rem}.archive-empty{min-height:310px}.archive-empty__sheets{width:94%;height:125px}.archive-empty__sheets i{height:78px}.blog-post-main{padding-top:2.2rem}.blog-back-link{margin-bottom:1.6rem}.article-sheet{margin-inline:-.2rem;padding:3.2rem 1.6rem}.article-sheet:before{inset:.8rem}.article-header{padding-bottom:2.3rem}.article-header__mark{margin-bottom:1.7rem}.article-header h1{font-size:clamp(2.75rem,14vw,4.2rem)}.markdown-body{padding-top:2.5rem;font-size:.82rem}.markdown-body h2{margin-top:3rem}}