.piano-wrapper._1fak0c6{height:7rem;--l: var(--piano-line-thickness, .18rem);--s: var(--piano-sharp-key-width, 1.1rem);--k: var(--piano-key-width, 1.6rem);display:grid;grid-template-rows:3fr 1fr 1fr;grid-template-columns:1fr}.piano-wrapper.has-content._1fak0c6{--content-height: 3.5rem;grid-template-rows:5fr 2fr calc(var(--content-height) / 2 - var(--l));position:relative}.piano-wrapper.has-content._1fak0c6 .content:where(._1fak0c6){background-color:var(--surface-8);color:var(--surface-0);justify-self:center;grid-row:3/4;grid-column:1/-1;padding:.2rem 3rem .5rem;position:absolute;z-index:3;border-radius:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.piano._1fak0c6{display:grid;grid-row:1/-1;grid-column:1/-1;grid-template-rows:subgrid;grid-template-columns:subgrid;margin:calc(-1 * var(--l));border:var(--l) solid currentColor;border-radius:0 0 3rem 3rem;overflow:hidden}.piano._1fak0c6:before{content:"";grid-row:1/4;grid-column:1/-1;background:repeating-linear-gradient(to right,transparent,transparent var(--k),currentColor var(--k),currentColor calc(var(--k) + var(--l)))}.piano._1fak0c6:after{content:"";grid-row:1/2;grid-column:1/-1;--offset: 0;background:repeating-linear-gradient(to right,transparent,transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 0)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 0)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 0)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 0)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 1)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 1)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 1)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 1)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 3)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 3)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 3)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 3)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 4)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 4)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 4)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 4)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 5)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 5)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 5)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 5)),transparent calc((var(--k) + var(--l)) * 7))}p._1m4wyca{background:repeating-linear-gradient(var(--surface-1),var(--surface-1) var(--stave-thickness),transparent var(--stave-thickness),transparent calc(var(--stave-gap) + var(--stave-thickness)));font-size:4.13rem;text-align:right;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;row-gap:1rem;column-gap:.7rem;word-spacing:.03em}p._1m4wyca>span:where(._1m4wyca){display:inline-block;line-height:1.5;white-space:nowrap;height:5rem}@media(max-width:37rem){p._1m4wyca{font-size:3.1415rem;row-gap:1rem}p._1m4wyca>span:where(._1m4wyca){min-height:5rem;height:unset;white-space:wrap}}@media(max-width:28rem){p._1m4wyca{padding-right:min(1rem,1.5vw)}}.stave._udyo21{--height: .8em;--thickness: .18em;display:grid;grid-template-columns:[clef-pre-gap] 1em [clef] calc(var(--height) * 5.25) [clef-post-gap] 2em [bar1] calc(var(--height) * 23.5) [bar1-line] min-content [bar2] calc(var(--height) * 30) [bar2-line] min-content [bar3] 3fr [bar3-line] min-content [bar4] 3fr [bar4-line] min-content [bar5] 1fr;grid-template-rows:[B5] var(--height) [A5] var(--height) [G5] var(--height) [F5] var(--height) [E5] var(--height) [D5] var(--height) [C5] var(--height) [B4] var(--height) [A4] var(--height) [G4] var(--height) [F4] var(--height) [E4] var(--height) [D4] var(--height) [C4] var(--height);position:relative;margin:3rem 0 1rem;overflow:auto}.stave-line._udyo21{height:var(--thickness);background-color:currentColor;grid-column:1/-1;position:relative;z-index:50}.stave-line.one._udyo21{grid-row:F5;z-index:70}.stave-line.two._udyo21{grid-row:D5}.stave-line.three._udyo21{grid-row:B4}.stave-line.four._udyo21{grid-row:G4}.stave-line.five._udyo21{grid-row:E4;z-index:60}.bar-line._udyo21{grid-row:E4/F5;width:var(--thickness);background-color:currentColor;z-index:80}.bar-line[data-bar="1"]._udyo21{grid-column:bar1-line}.bar-line[data-bar="2"]._udyo21{grid-column:bar2-line}.bar-line[data-bar="3"]._udyo21{grid-column:bar3-line}.bar-line[data-bar="4"]._udyo21{grid-column:bar4-line}.rest._udyo21{grid-row:C5/D5;background-color:currentColor;width:calc(var(--height) * 2);border-radius:0 0 2px 2px;justify-self:center;margin-left:calc(var(--height) * 3);margin-right:calc(var(--height) * 3)}.rest[data-bar="3"]._udyo21{grid-column:bar3}.rest[data-bar="4"]._udyo21{grid-column:bar4}.t-hi-im._udyo21,.t-michael._udyo21{position:absolute;overflow:visible;height:100%}.t-hi-im._udyo21 text:where(._udyo21),.t-michael._udyo21 text:where(._udyo21){dominant-baseline:middle;text-anchor:start;font-size:1.1em;fill:currentColor}.t-hi-im._udyo21 text:where(._udyo21) tspan:where(._udyo21){dominant-baseline:inherit}.t-hi-im._udyo21 text[fill=transparent]:where(._udyo21) tspan:where(._udyo21){fill:transparent}.t-hi-im._udyo21 rect:where(._udyo21),.t-michael._udyo21 rect:where(._udyo21){fill:var(--background)}.t-hi-im._udyo21{grid-row:G4/F5;grid-column:bar1;z-index:75}.t-hi-im._udyo21 .stroked:where(._udyo21){stroke:var(--background);stroke-width:.125em;paint-order:stroke}.t-michael._udyo21{grid-row:E4/D5;grid-column:bar2;z-index:75}.clef._udyo21{grid-column:clef;grid-row:B3/B5;width:100%}.two-column-grid._udyo21{margin:2rem 2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;--stave-thickness: .18rem;--stave-gap: 1rem}.two-column-grid._udyo21 .col:where(._udyo21){display:flex;flex-direction:column;gap:2rem}.two-column-grid._udyo21 .col:where(._udyo21):nth-child(2){padding:0 .5rem}.stave-text._udyo21 em{font-weight:485}.projects._udyo21 h1:where(._udyo21){font-weight:590}@media(max-width:68rem){.two-column-grid._udyo21{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem}}@media(max-width:28rem){.two-column-grid._udyo21{margin:0}}.project._udyo21{color:inherit;text-decoration:none;padding:.5rem .5rem .75rem;display:block}.project._udyo21+.project:where(._udyo21){border-top:.18em solid var(--surface-1)}