.piano-wrapper._lw1dw9{--l:var(--piano-line-thickness,.18rem);--s:var(--piano-sharp-key-width,1.1rem);--k:var(--piano-key-width,1.6rem);grid-template-rows:3fr 1fr 1fr;grid-template-columns:1fr;height:7rem;display:grid}.piano-wrapper.has-content._lw1dw9{--content-height:3.5rem;grid-template-rows:5fr 2fr calc(var(--content-height) / 2 - var(--l));position:relative}.piano-wrapper.has-content._lw1dw9 .content:where(._lw1dw9){background-color:var(--surface-8);color:var(--surface-0);z-index:3;border-radius:3rem;grid-area:3/1/4/-1;justify-content:center;justify-self:center;align-items:center;height:3rem;padding:.2rem 3rem .5rem;display:flex;position:absolute}p._1asfk84{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)));text-align:right;word-spacing:.03em;flex-flow:wrap;justify-content:flex-end;gap:1rem .9rem;font-size:4.13rem;display:flex}p.margin._1asfk84{column-gap:0}p.margin._1asfk84 span:where(._1asfk84):not(:last-child){margin-right:.9rem}p._1asfk84>span:where(._1asfk84){white-space:nowrap;height:5rem;line-height:1.5;display:inline-block}@media (width<=37rem){p._1asfk84{row-gap:1rem;font-size:3.1415rem}p._1asfk84>span:where(._1asfk84){min-height:5rem;height:unset;white-space:wrap}}@media (width<=28rem){p._1asfk84{padding-right:min(1rem,1.5vw)}}.stave._j46bav{--height:.8em;--thickness:.18em;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);margin:1rem 0;display:grid;position:relative;overflow:auto}.stave-line._j46bav{height:var(--thickness);z-index:50;background-color:currentColor;grid-column:1/-1;position:relative}.stave-line.one._j46bav{z-index:70;grid-row:F5}.stave-line.two._j46bav{grid-row:D5}.stave-line.three._j46bav{grid-row:B4}.stave-line.four._j46bav{grid-row:G4}.stave-line.five._j46bav{z-index:60;grid-row:E4}.bar-line._j46bav{width:var(--thickness);z-index:80;background-color:currentColor;grid-row:E4/F5}.bar-line[data-bar="1"]._j46bav{grid-column:bar1-line}.bar-line[data-bar="2"]._j46bav{grid-column:bar2-line}.bar-line[data-bar="3"]._j46bav{grid-column:bar3-line}.bar-line[data-bar="4"]._j46bav{grid-column:bar4-line}.rest._j46bav{width:calc(var(--height) * 2);margin-left:calc(var(--height) * 3);margin-right:calc(var(--height) * 3);background-color:currentColor;border-radius:0 0 2px 2px;grid-row:C5/D5;justify-self:center}.rest[data-bar="3"]._j46bav{grid-column:bar3}.rest[data-bar="4"]._j46bav{grid-column:bar4}.t-hi-im._j46bav,.t-michael._j46bav{height:100%;position:absolute;overflow:visible}.t-hi-im._j46bav text:where(._j46bav),.t-michael._j46bav text:where(._j46bav){dominant-baseline:middle;text-anchor:start;fill:currentColor;font-size:1.1em}.t-hi-im._j46bav text:where(._j46bav) tspan:where(._j46bav){dominant-baseline:inherit}.t-hi-im._j46bav text[fill=transparent]:where(._j46bav) tspan:where(._j46bav){fill:#0000}.t-hi-im._j46bav rect:where(._j46bav),.t-michael._j46bav rect:where(._j46bav){fill:var(--background)}.t-hi-im._j46bav{z-index:75;grid-area:G4/bar1/F5}.t-hi-im._j46bav .stroked:where(._j46bav){stroke:var(--background);stroke-width:.125em;paint-order:stroke}.t-michael._j46bav{z-index:75;grid-area:E4/bar2/D5}.clef._j46bav{grid-area:B3/clef/B5;width:100%}.two-column-grid._j46bav{--stave-thickness:.18rem;--stave-gap:1rem;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 2rem 0;display:grid}.two-column-grid._j46bav .col:where(._j46bav){flex-direction:column;gap:2rem;display:flex}.two-column-grid._j46bav .col:where(._j46bav):nth-child(2){padding:0 .5rem}.stave-text._j46bav em{font-weight:485}.projects._j46bav h1:where(._j46bav){font-weight:590}@media (width<=68rem){.two-column-grid._j46bav{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem}}@media (width<=28rem){.two-column-grid._j46bav{margin:0}}.project._j46bav{color:inherit;padding:.5rem .5rem .75rem;text-decoration:none;display:block}.project._j46bav+.project:where(._j46bav){border-top:.18em solid var(--surface-1)}.post._j46bav{background-color:var(--primary-subtle);color:var(--primary-subtle-foreground);border-radius:4px;margin:.3rem 0 0;padding:.3rem .5rem;font-weight:500;display:inline-block}