.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._17czlii{--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._17czlii{height:var(--thickness);z-index:50;background-color:currentColor;grid-column:1/-1;position:relative}.stave-line.one._17czlii{z-index:70;grid-row:F5}.stave-line.two._17czlii{grid-row:D5}.stave-line.three._17czlii{grid-row:B4}.stave-line.four._17czlii{grid-row:G4}.stave-line.five._17czlii{z-index:60;grid-row:E4}.bar-line._17czlii{width:var(--thickness);z-index:80;background-color:currentColor;grid-row:E4/F5}.bar-line[data-bar="1"]._17czlii{grid-column:bar1-line}.bar-line[data-bar="2"]._17czlii{grid-column:bar2-line}.bar-line[data-bar="3"]._17czlii{grid-column:bar3-line}.bar-line[data-bar="4"]._17czlii{grid-column:bar4-line}.rest._17czlii{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"]._17czlii{grid-column:bar3}.rest[data-bar="4"]._17czlii{grid-column:bar4}.t-hi-im._17czlii,.t-michael._17czlii{height:100%;position:absolute;overflow:visible}.t-hi-im._17czlii text:where(._17czlii),.t-michael._17czlii text:where(._17czlii){dominant-baseline:middle;text-anchor:start;fill:currentColor;font-size:1.1em}.t-hi-im._17czlii text:where(._17czlii) tspan:where(._17czlii){dominant-baseline:inherit}.t-hi-im._17czlii text[fill=transparent]:where(._17czlii) tspan:where(._17czlii){fill:#0000}.t-hi-im._17czlii rect:where(._17czlii),.t-michael._17czlii rect:where(._17czlii){fill:var(--background)}.t-hi-im._17czlii{z-index:75;grid-area:G4/bar1/F5}.t-hi-im._17czlii .stroked:where(._17czlii){stroke:var(--background);stroke-width:.125em;paint-order:stroke}.t-michael._17czlii{z-index:75;grid-area:E4/bar2/D5}.clef._17czlii{grid-area:B3/clef/B5;width:100%}.two-column-grid._17czlii{--stave-thickness:.18rem;--stave-gap:1rem;grid-template-columns:6fr 7fr;gap:1rem;margin:2rem 2rem 0;display:grid}.two-column-grid._17czlii .col:where(._17czlii){flex-direction:column;gap:2rem;display:flex}.two-column-grid._17czlii .col:where(._17czlii):nth-child(2){padding:0 .5rem}.stave-text._17czlii em{font-weight:485}.projects._17czlii h2:where(._17czlii){font-weight:590}.about._17czlii{background-color:var(--foreground);color:var(--background);justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:2.5rem 1rem;font-size:1.2rem;font-weight:600;text-decoration:none;display:none}.about._17czlii:after{content:"";-webkit-mask-image:var(--icon-arrow-right);mask-image:var(--icon-arrow-right);-webkit-mask-image:var(--icon-arrow-right);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:contain;background-color:currentColor;width:4rem;height:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=40rem){.about._17czlii{display:flex}}@media (width<=68rem){.two-column-grid._17czlii{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem}}@media (width<=36rem){.stave._17czlii{--height:.55em;--thickness:.125em}}@media (width<=28rem){.two-column-grid._17czlii{margin:0}}.project._17czlii{color:inherit;padding:.5rem .5rem .75rem;text-decoration:none;display:block}.post._17czlii{background-color:var(--primary-subtle);color:var(--primary-subtle-foreground);border-radius:4px;margin:.6rem .3rem 0 0;padding:.6rem .8rem;font-weight:500;text-decoration:none;display:block}.post._17czlii h3:where(._17czlii){margin-bottom:.3rem;font-size:1.1rem;font-weight:600;text-decoration:underline}.post._17czlii p:where(._17czlii){white-space:pre-wrap}.post.external._17czlii{color:#807206;background-color:#ffffa3}