@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/3d51db290a6a25f3-s.0kkodo7okz7sx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/f7054824cbb51795-s.3gwda9lv2grgl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/74effe3e2193102a-s.p.2ke8r1sltdje0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.MpGoUq_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.MpGoUq_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.AuOkkq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.AuOkkq_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.2tuvx2ggl0uf7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.048ctm9k7u_u3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.2t3qiyt2vl-ta.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.2_s53-223o24o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.YdnL8W_className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.YdnL8W_variable{--font-mono:"DM Mono", "DM Mono Fallback"}
:root{--ink:#17130f;--paper:#f5efe3;--paper-2:#e9dfcc;--card:#fffaf0;--red:#a4262c;--green:#8fd2b5;--yellow:#f3b93f;--blue:#2a4b9b;--sky:#a9c9ea;--pink:#f2b6ae;--violet:#cbb9ea;--rosewood:#33251d;--gutter:clamp(18px, 4.4vw, 64px);--wrap:1080px;--edge:max(var(--gutter), calc((100vw - var(--wrap)) / 2));--dots:radial-gradient(#17130f16 1px, transparent 1.3px);--bw:2.5px;--shadow:6px 6px 0 var(--ink);--ease:cubic-bezier(.3, 1.4, .5, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper) var(--dots) 0 0 / 24px 24px;color:var(--ink);font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}::selection{background:var(--yellow);color:var(--ink)}[id]{scroll-margin-top:24px}.wrap{width:min(var(--wrap), calc(100% - 2 * var(--gutter)));margin-inline:auto;position:relative}.mono{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:500}em{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;text-transform:none;font-style:italic;font-weight:400}.btn{border:var(--bw) solid var(--ink);background:var(--card);color:var(--ink);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transition:transform .14s var(--ease), box-shadow .14s var(--ease);border-radius:999px;align-items:center;gap:.55em;padding:12px 18px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn--ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--red)}.btn--ink:hover{box-shadow:6px 6px 0 var(--red)}.btn--ink:active{box-shadow:1px 1px 0 var(--red)}.links{flex-wrap:wrap;gap:12px;display:flex}.hero{padding:18px 0 clamp(40px,4.6vw,64px);position:relative}.topbar{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand small{opacity:.7;font-size:14px;font-weight:400}.topbar-right{align-items:center;gap:clamp(12px,2vw,26px);display:flex}.topbar-right a{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;border-bottom:2px solid #0000;font-size:12px;font-weight:500;text-decoration:none}.topbar-right a:hover{border-color:var(--ink)}.sound{border:2px solid var(--ink);background:var(--card);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:500;display:inline-flex}.sound.is-on{background:var(--yellow)}.sound-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.sound-bars i{background:var(--ink);border-radius:2px;width:3px;height:4px}.sound.is-on .sound-bars i{animation:.7s ease-in-out infinite alternate bars}.sound.is-on .sound-bars i:nth-child(2){animation-delay:.2s}.sound.is-on .sound-bars i:nth-child(3){animation-delay:.4s}.name-box{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 40px;margin-top:clamp(28px,4vw,56px);display:flex;position:relative;container-type:inline-size}.name-lockup{align-items:flex-end;gap:clamp(12px,1.8vw,22px);min-width:0;display:flex}.avatar{aspect-ratio:1;border:var(--bw) solid var(--ink);width:clamp(60px,9.4cqw,102px);height:auto;box-shadow:4px 4px 0 var(--ink);object-fit:cover;border-radius:14px;flex:none;transform:rotate(-3deg)}.motto{max-width:21em;padding-bottom:.5em}.motto blockquote{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;margin:0;font-size:clamp(23px,2.5vw,32px);font-style:italic;line-height:1.1}.motto figcaption{opacity:.7;align-items:center;gap:8px;margin-top:10px;font-size:10.5px;display:flex}.motto svg{flex:none;width:16px;height:16px}.hero-name{letter-spacing:-.012em;text-transform:uppercase;white-space:nowrap;pointer-events:none;margin-left:-.03em;font-size:clamp(52px,11.4cqw,124px);font-weight:800;font-stretch:75%;line-height:.84}.neck{--neck-h:clamp(62px, 6.4vw, 88px);margin:clamp(12px, 1.8vw, 24px) calc(var(--edge) * -1) 0 0;padding-bottom:36px;position:relative}.neck-board{height:var(--neck-h);border-block:var(--bw) solid var(--ink);border-left:var(--bw) solid var(--ink);background:var(--rosewood);position:relative}.neck-board:before{content:"";z-index:1;border-right:var(--bw) solid var(--ink);background:var(--card);width:9px;position:absolute;inset:0 auto 0 0}.neck-wire{background:#cdc1a8;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.neck-inlay{aspect-ratio:1;opacity:.85;background:#e6dcc6;border-radius:50%;width:clamp(8px,1vw,13px);position:absolute;top:50%;transform:translate(-50%,-50%)}.neck-inlay--high{top:28%}.neck-inlay--low{top:72%}.neck-strings{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.neck-strings path{fill:none;stroke:#ebe4d3;stroke-linecap:round}.neck-strings path.is-ringing{stroke:var(--yellow)}.neck-dot{z-index:3;aspect-ratio:1;border:2px solid var(--ink);width:clamp(15px,1.7vw,22px);color:var(--ink);font-family:var(--font-mono), ui-monospace, monospace;pointer-events:none;border-radius:50%;place-items:center;font-size:clamp(8px,.82vw,10.5px);font-weight:500;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.neck-dot--root{background:var(--yellow)}.neck-dot--third{background:var(--green)}.neck-dot--fifth{background:var(--sky)}.neck-dot--seventh{background:var(--pink)}.neck-dot--ninth{background:var(--violet)}.neck-dot.is-hit{animation:dot-hit .34s var(--ease)}.neck-frets{z-index:4;height:calc(var(--neck-h) + 36px);position:absolute;inset:0 0 auto}.neck-frets li{position:absolute;top:0;bottom:0}.neck-frets a{height:100%;text-decoration:none;display:block;position:relative}.fret-tag{top:calc(var(--neck-h) + 10px);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;gap:7px;font-size:12px;font-weight:500;display:flex;position:absolute;transform:translate(-50%)}.fret-tag b{color:var(--red);font-weight:500}.fret-short{display:none}.neck-frets a:hover .fret-tag,.neck-frets a:focus-visible .fret-tag{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:clamp(28px,5vw,80px);margin-top:clamp(26px,3.2vw,44px);display:grid}.hero-kicker{opacity:.72}.lede{letter-spacing:-.012em;text-wrap:pretty;max-width:30em;margin-top:14px;font-size:clamp(18.5px,1.7vw,22px);font-weight:500;font-stretch:92%;line-height:1.38}.chip{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;transition:transform .14s var(--ease);border-radius:.34em;margin-right:.14em;padding:0 .34em .04em;font-weight:700;line-height:1.16;text-decoration:none;display:inline-block;transform:rotate(-1.4deg)}.chip--green{background:var(--green);transform:rotate(1.2deg)}.chip--sky{background:var(--sky);transform:rotate(-.8deg)}.chip:hover{transform:rotate(0)translateY(-2px)}.belief{opacity:.82;max-width:36em;margin-top:14px;font-size:15.5px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.polaroid{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);padding:12px 12px 14px;position:relative}.polaroid:before{content:"";border:2px solid var(--ink);background:#f3b93fe6;width:96px;height:28px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-5deg)}.polaroid img{border:2px solid var(--ink);object-fit:cover;width:100%}.polaroid figcaption{font-family:var(--font-serif), Georgia, serif;padding-top:10px;font-size:19px;font-style:italic;line-height:1.2}.stack{--front:translate(7%, 0) rotate(2.5deg);--back:translate(-9%, 60%) rotate(-4deg);justify-self:end;width:min(300px,100%);margin-top:-4px;margin-right:14px;padding-bottom:47%;display:grid}.stack-card{width:100%;color:inherit;font:inherit;text-align:left;appearance:none;-webkit-tap-highlight-color:transparent;grid-area:1/1;display:block}.stack-card[data-depth="0"]{z-index:3;cursor:default;transform:var(--front)}.stack-card[data-depth="1"]{z-index:1;transform:var(--back)}.stack-card[data-move=front]{animation:to-front .52s var(--ease) both}.stack-card[data-move=back]{animation:to-back .52s var(--ease) both}.stack-card img{aspect-ratio:3/2}.stack-caption{font-family:var(--font-serif), Georgia, serif;padding-top:10px;font-size:17px;font-style:italic;line-height:1.2;display:block}.proof{padding:0 0 clamp(8px,1vw,14px);position:relative}.proof .wrap{border-block:var(--bw) solid var(--ink);padding-block:clamp(16px,1.8vw,22px) clamp(18px,2vw,26px)}.proof-kicker{opacity:.6;margin-bottom:12px;font-size:10.5px}.proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.proof-grid li{border-left:1.5px solid #17130f2e;padding:0 clamp(12px,1.8vw,26px)}.proof-grid li:first-child{border-left:0;padding-left:0}.proof-grid a{text-decoration:none;display:block}.proof-grid a:before{content:"";border:2px solid var(--ink);background:var(--tab,var(--yellow));width:30px;height:7px;margin-bottom:9px;display:block}.proof-grid li:nth-child(2) a{--tab:var(--green)}.proof-grid li:nth-child(3) a{--tab:var(--pink)}.proof-grid li:nth-child(4) a{--tab:var(--sky)}.proof-grid strong{letter-spacing:-.015em;font-size:clamp(38px,4.2vw,56px);font-weight:800;font-stretch:75%;line-height:.9;display:block}.proof-label{max-width:24ch;margin-top:8px;font-size:14.5px;line-height:1.32;display:block}.proof-src{opacity:.62;border-bottom:1.5px solid;margin-top:8px;padding-bottom:1px;font-size:10.5px;display:inline-block}.proof-grid a:hover .proof-src{opacity:1}.proof-grid a:hover strong{color:var(--red)}.sec{padding:clamp(40px,5vw,70px) 0;position:relative}.sec-head{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:clamp(20px,2.6vw,32px);display:flex}.sec-no{border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 11px;display:inline-block}.sec h2{letter-spacing:-.018em;text-transform:uppercase;text-wrap:balance;pointer-events:none;font-size:clamp(28px,3.3vw,44px);font-weight:800;font-stretch:75%;line-height:1}.sec h2 em{color:var(--red);font-size:1.1em;line-height:.8}.sec--teach,.sec--community,.sec--running{border-top:var(--bw) solid var(--ink);background-image:var(--dots);background-size:24px 24px}.sec--teach{background-color:color-mix(in srgb, var(--green) 26%, var(--paper))}.sec--community{background-color:color-mix(in srgb, var(--sky) 32%, var(--paper))}.sec--running{border-bottom:var(--bw) solid var(--ink);background-color:color-mix(in srgb, var(--yellow) 24%, var(--paper))}.sec--work .sec-no{background:var(--yellow)}.sec--teach .sec-no{background:var(--green)}.sec--community .sec-no{background:var(--sky)}.sec--running .sec-no{background:var(--pink)}.feature{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);display:grid;overflow:hidden}.feature-copy{flex-direction:column;gap:11px;padding:clamp(18px,2.4vw,30px);display:flex}.feature-copy>.mono{opacity:.7}.feature-copy h3{letter-spacing:-.02em;font-size:clamp(36px,3.8vw,52px);font-weight:800;font-stretch:75%;line-height:.84}.feature-line{font-size:17.5px;font-weight:600;line-height:1.32}.facts{border-top:2px solid var(--ink);margin-top:6px}.facts>div{border-bottom:1.5px dashed #17130f59;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:7px 0;font-size:14.5px;line-height:1.35;display:grid}.facts dt{opacity:.7;padding-top:3px;font-size:11px}.feature-copy .links{margin-top:10px}.feature-demo{border-left:var(--bw) solid var(--ink);background:var(--paper-2);flex-direction:column;justify-content:space-between;gap:14px;padding:clamp(16px,2.2vw,26px);display:flex}.demo-note{max-width:17em;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;font-size:clamp(18px,1.6vw,21px);font-style:italic;line-height:1.08}.demo{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:5px 5px 0 var(--ink);border-radius:18px;padding:16px 16px 14px}.demo-head{justify-content:space-between;align-items:flex-start;display:flex}.demo-chord{align-items:flex-start;gap:10px;display:flex}.demo-name{min-width:2.75em;font-size:clamp(38px,3.8vw,52px);font-weight:800;font-stretch:75%;line-height:.8}.demo-roman{border:2px solid var(--ink);background:var(--green);font-family:var(--font-serif), Georgia, serif;border-radius:999px;padding:3px 11px 5px;font-size:26px;font-style:italic;line-height:1}.demo-why{margin-top:8px;font-size:14.5px;line-height:1.35}.demo-why b{font-weight:800}.demo-play{border:2px solid var(--ink);background:var(--paper);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500}.demo-board{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.demo-wood{fill:var(--paper-2);stroke:var(--ink);stroke-width:2.5px}.demo-wire{stroke:var(--ink);stroke-width:3px}.demo-nut{fill:var(--ink)}.demo-inlay{fill:#17130f21}.demo-string{stroke:var(--ink);stroke-linecap:round}.demo-open{fill:var(--ink);font:500 18px var(--font-mono), ui-monospace, monospace;text-anchor:middle}.demo-dot{transition:transform .34s var(--ease), opacity .2s}.demo-dot circle{fill:var(--red);stroke:var(--ink);stroke-width:2.5px}.demo-fretno{fill:var(--ink);font:500 11px var(--font-mono), ui-monospace, monospace;opacity:.55;text-anchor:middle}.demo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.demo-steps button{border:2px solid var(--ink);background:var(--paper);border-radius:10px;justify-content:center;align-items:baseline;gap:6px;padding:7px 4px;display:flex}.demo-steps b{font-size:18px;font-weight:800}.demo-steps i{font-family:var(--font-serif), Georgia, serif;opacity:.7;font-size:17px}.demo-steps .is-current{background:var(--ink);color:var(--paper)}.projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin-top:clamp(28px,3.6vw,48px);display:grid}.project{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);transition:transform .16s var(--ease);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project:hover{transform:translateY(-3px)}.project.tint-red{--tint:var(--red)}.project.tint-green{--tint:var(--green)}.project.tint-yellow{--tint:var(--yellow)}.project.tint-sky{--tint:var(--sky)}.project-art{aspect-ratio:220/120;border-bottom:var(--bw) solid var(--ink);background:var(--tint)}.project-art svg{width:100%;height:100%;display:block}.art-num{fill:var(--ink);font:800 15px var(--font-display), sans-serif}.art-ecg{stroke-dasharray:8 84;stroke-dashoffset:0;animation:1.6s linear infinite ecg}.art-bar{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate bar}.project-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 20px;display:flex}.project-body>.mono{opacity:.7;font-size:11px}.project-body h3{letter-spacing:-.01em;font-size:20px;font-weight:800;font-stretch:82%;line-height:1.04}.project-body>p:not(.mono){font-size:14.5px;line-height:1.42}.text-links{gap:16px;margin-top:auto;padding-top:8px;display:flex}.text-links a{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;text-underline-offset:4px;font-size:12px;font-weight:500;text-decoration-thickness:2px}.text-links a:hover{background:var(--yellow)}.project.is-pending{outline:3px dashed var(--red);outline-offset:5px}.pending-tape{z-index:2;border:2px solid var(--ink);background:var(--yellow);padding:2px 10px;font-family:system-ui,PingFang SC,sans-serif;font-size:13px;font-weight:700;position:absolute;top:10px;right:10px;transform:rotate(4deg)}.teach-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.teach-copy>.mono{opacity:.75}.teach-body{text-wrap:pretty;margin-top:10px;font-size:17px;font-weight:500;line-height:1.42}.meta-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.meta-chips li{border:2px solid var(--ink);background:var(--card);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:11.5px;font-weight:500}.steps{gap:16px;margin-top:28px;display:grid}.steps li{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:14px;display:grid}.step-n{border:var(--bw) solid var(--ink);background:var(--yellow);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.steps b{font-size:19px;font-weight:800}.steps p{margin-top:2px;font-size:16px;line-height:1.4}.arcade{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:24px;gap:14px;padding:14px;display:grid}.arcade-bar{background:var(--ink);color:var(--paper);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.09em;text-transform:uppercase;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.arcade-live{color:var(--green);align-items:center;gap:8px;display:inline-flex}.arcade-live i{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.1s steps(2,end) infinite blink}.arcade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.8vw,10px);display:grid}.tile{aspect-ratio:5/4;border:2px solid var(--ink);color:var(--ink);text-align:center;transition:transform .14s var(--ease), box-shadow .14s;border-radius:12px;align-content:center;place-items:center;gap:6px;padding:6px;text-decoration:none;display:grid;container-type:inline-size}.tile:hover,.tile:focus-visible,.tile.is-active{box-shadow:3px 4px 0 var(--ink);transform:translateY(-4px)rotate(-3deg)}.tile-emoji{font-size:clamp(26px,28cqi,46px);line-height:1}.tile-name{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance;font-size:10.5px;font-weight:500;line-height:1.25}.arcade-screen{background:var(--ink);min-height:92px;color:var(--green);font-family:var(--font-mono), ui-monospace, monospace;border-radius:12px;align-content:start;gap:2px;padding:12px 14px;font-size:13px;line-height:1.45;display:grid}.arcade-screen b{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.arcade .btn{justify-self:start}.tickets{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.8vw,38px);display:grid}.ticket{border:var(--bw) solid var(--ink);background:var(--card);color:var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;grid-template-columns:minmax(0,1fr) clamp(116px,12vw,158px);display:grid;overflow:hidden}.ticket-main{flex-direction:column;gap:12px;padding:clamp(18px,2.2vw,28px);display:flex}.ticket-role{background:var(--ink);color:var(--paper);border-radius:6px;align-self:flex-start;padding:5px 9px;font-size:11px}.ticket h3{letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(21px,2.1vw,27px);font-weight:800;font-stretch:76%;line-height:.95}.ticket-meta{border-block:1.5px dashed #17130f66;flex-wrap:wrap;gap:8px 22px;padding:10px 0;display:flex}.ticket-meta dt{opacity:.6;font-size:10px}.ticket-meta dd{font-size:14.5px;font-weight:600;line-height:1.25}.ticket-main>p:not(.mono){font-size:15.5px;line-height:1.42}.ticket-main>.ticket-hosts{opacity:.72;font-size:14px}.ticket-stub{border-left:3px dashed var(--ink);background:var(--yellow);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 10px;text-decoration:none;display:flex;position:relative}.ticket--slock .ticket-stub{background:var(--pink)}.ticket-stub:before,.ticket-stub:after{content:"";border:var(--bw) solid var(--ink);background:color-mix(in srgb, var(--sky) 32%, var(--paper));border-radius:50%;width:20px;height:20px;position:absolute;left:-12px}.ticket-stub:before{top:-11px}.ticket-stub:after{bottom:-11px}.ticket-stub strong{font-size:clamp(34px,3.4vw,46px);font-weight:800;font-stretch:75%;line-height:.82}.barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px, var(--ink) 5px 6px, transparent 6px 10px, var(--ink) 10px 13px, transparent 13px 15px);width:70%;height:34px;margin-top:10px}.stub-link{border-bottom:2px solid var(--ink);margin-top:8px;padding:1px 3px 2px}.ticket-stub:hover .stub-link{background:var(--ink);color:var(--paper)}.stampcard{border:var(--bw) solid var(--ink);background:var(--card);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .16s var(--ease);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(18px,3vw,44px);margin-top:clamp(28px,3.6vw,48px);padding:clamp(18px,2.4vw,30px);text-decoration:none;display:grid}.stampcard--lead{margin-top:0}.sub-label{opacity:.7;margin:clamp(26px,3.2vw,40px) 0 14px}.stampcard:hover{transform:translate(-2px,-3px)}.stampcard .mono{opacity:.65}.stampcard h3{text-transform:uppercase;margin:8px 0;font-size:clamp(21px,2.1vw,27px);font-weight:800;font-stretch:76%;line-height:.95}.stampcard p:not(.mono){max-width:36ch;font-size:15.5px;line-height:1.42}.stampcard ul{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(5px,.7vw,9px);display:grid}.stampcard li{aspect-ratio:1;border:2px dashed #17130f66;border-radius:50%;position:relative}.stampcard li:after{content:"";background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fffaf0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 68% no-repeat;transform:rotate(var(--tilt));border-radius:50%;position:absolute;inset:8%}.run-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.run-line{text-wrap:pretty;font-size:17px;font-weight:500;line-height:1.42}.race-things{flex-wrap:wrap;align-items:center;gap:22px 26px;margin-top:30px;display:flex}.bib{border:var(--bw) solid var(--ink);background:var(--card);width:min(214px,100%);box-shadow:var(--shadow);text-align:center;border-radius:12px;padding:16px 16px 0;position:relative;overflow:hidden;transform:rotate(-4deg)}.bib:before,.bib:after{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:9px}.bib:before{left:10px}.bib:after{right:10px}.bib .mono{font-size:11px}.bib strong{letter-spacing:.01em;margin:6px 0 10px;font-size:58px;font-weight:800;font-stretch:75%;line-height:.9;display:block}.bib .bib-foot{border-top:var(--bw) solid var(--ink);background:var(--red);color:var(--card);margin:0 -16px;padding:8px}.run-also-label{opacity:.7;margin-top:36px}.run-copy .meta-chips{margin-top:10px}.medal{padding-top:34px;position:relative;transform:rotate(5deg)}.medal-ribbon{border:var(--bw) solid var(--ink);background:linear-gradient(90deg, var(--blue) 0 38%, var(--card) 38% 62%, var(--blue) 62% 100%);width:58px;height:62px;position:absolute;top:0;left:50%;transform:translate(-50%)}.medal-disc{aspect-ratio:1;border:var(--bw) solid var(--ink);background:var(--card);width:132px;box-shadow:inset 0 0 0 6px var(--card), inset 0 0 0 8px var(--ink), var(--shadow);text-align:center;border-radius:50%;place-content:center;gap:2px;display:grid;position:relative}.medal-disc .mono{letter-spacing:.06em;font-size:9.5px;line-height:1.35}.medal-disc strong{font-size:42px;font-weight:800;font-stretch:75%;line-height:.95}.run-photos{display:grid}.run-photos .polaroid img{aspect-ratio:3/2}.polaroid--longwan{justify-self:center;width:74%;transform:rotate(-2.5deg)}.polaroid--longwan img{object-position:40% 30%}.run-photos figcaption b{font-family:var(--font-display), sans-serif;font-size:16px;font-style:normal;font-weight:800;display:block}.run-photos figcaption span{font-size:17px}.sheet{border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);padding:clamp(20px,3.2vw,44px);display:grid}.sheet h3{opacity:.6;margin-bottom:8px}.sheet h3:not(:first-child){margin-top:30px}.rows li{border-bottom:1.5px dashed #17130f4d;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:15.5px;line-height:1.3;display:flex}.rows a{text-decoration:none}.rows a:hover b{background:var(--yellow)}.rows time{opacity:.75;white-space:nowrap;font-size:11.5px}.sheet-col>p{font-size:15.5px;line-height:1.45}.tools{flex-wrap:wrap;gap:8px;display:flex}.tools li{border:2px solid var(--ink);background:var(--paper);border-radius:8px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:14.5px;font-weight:600;display:inline-flex}.tools li:before{content:"";border:2px solid var(--ink);background:var(--yellow);border-radius:3px;width:10px;height:10px}.tools li:nth-child(3n+2):before{background:var(--red)}.tools li:nth-child(3n):before{background:var(--sky)}.sec--contact{background:var(--ink);color:var(--paper);padding-bottom:30px}.sec--contact .contact-title{font-size:clamp(40px,5.4vw,68px);line-height:.95}.contact-line{opacity:.86;max-width:34em;margin:14px 0 20px;font-size:17px;line-height:1.42}.sec--contact .contact-title em{color:var(--paper)}.sec--contact .btn{box-shadow:4px 4px #f5efe361}.sec--contact .btn--ink{border-color:var(--paper);color:var(--paper);background:0 0}.btn--card{text-transform:none;letter-spacing:.02em}.colophon{opacity:.6;margin-top:clamp(34px,4.4vw,60px);font-size:10.5px;line-height:1.7}.scatter{z-index:4;pointer-events:none;position:absolute;inset:0}.sticker{top:var(--top,auto);bottom:var(--bottom,auto);left:clamp(10px, calc(50% + var(--x)), calc(100% - var(--w) - 28px));width:calc(var(--w) * .82);cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;transform:translate(var(--dx,0px), var(--dy,0px)) rotate(var(--r));position:absolute}.sticker.is-held{z-index:9;cursor:grabbing}.sticker-face{z-index:1;border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);transition:transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:9px;padding:5px;display:block;position:relative}.sticker:hover .sticker-face,.sticker.is-held .sticker-face{box-shadow:7px 8px 0 var(--ink);transform:translate(-2px,-3px)scale(1.04)}.sticker img{object-fit:cover;pointer-events:none;border-radius:4px;width:100%}.sticker--album img,.sticker--pin img{aspect-ratio:1}.sticker--book img,.sticker--film img{aspect-ratio:.685}.sticker--book .sticker-face:after{content:"";background:#17130f38;width:2px;position:absolute;top:5px;bottom:5px;left:12px}.vinyl{aspect-ratio:1;border:2px solid var(--ink);background:radial-gradient(circle, var(--card) 0 5%, var(--red) 5.5% 20%, #2a241d 20.5% 44%, var(--ink) 44.5% 46%, #2a241d 46.5% 70%, var(--ink) 70.5% 72%, #2a241d 72.5% 100%);width:86%;transition:transform .3s var(--ease);border-radius:50%;position:absolute;top:7%;right:-24%}.sticker--album:hover .vinyl,.sticker--album.is-held .vinyl{transform:translate(16%)rotate(50deg)}.sticker--head .sticker-face{box-shadow:none;filter:drop-shadow(3px 4px 0 var(--ink));background:0 0;border:0;border-radius:0;padding:0}.sticker--head:hover .sticker-face,.sticker--head.is-held .sticker-face{box-shadow:none;filter:drop-shadow(5px 7px 0 var(--ink))}.sticker--head img{object-fit:contain;border-radius:0;height:auto}.sticker--pin .sticker-face{border-radius:50%;padding:4px}.sticker--pin img{filter:grayscale()contrast(1.15);border-radius:50%}.sticker--pin .sticker-face:before{content:"";z-index:1;background:var(--pin,var(--yellow));mix-blend-mode:multiply;pointer-events:none;border-radius:50%;position:absolute;inset:4px}.sticker--pin .sticker-face:after{content:"";z-index:2;pointer-events:none;border-top:3px solid #ffffffb3;border-radius:50%;position:absolute;inset:9px;transform:rotate(-35deg)}.sticker.tint-red{--pin:#f4a493}.sticker.tint-green{--pin:var(--green)}.sticker.tint-yellow{--pin:var(--yellow)}.sticker.tint-sky{--pin:var(--sky)}.sticker figcaption{z-index:5;background:var(--ink);color:var(--paper);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;transform:translateX(-50%) rotate(calc(var(--r) * -1));border-radius:6px;padding:4px 8px;font-size:10.5px;transition:opacity .15s;position:absolute;top:calc(100% + 10px);left:50%}.sticker:hover figcaption{opacity:1}.review{z-index:50;border:var(--bw) solid var(--ink);background:var(--yellow);width:min(340px,100vw - 28px);box-shadow:5px 5px 0 var(--ink);border-radius:14px;padding:10px 14px;font-family:system-ui,PingFang SC,sans-serif;font-size:14px;line-height:1.45;position:fixed;bottom:14px;right:14px}.review summary{cursor:pointer;font-weight:700}.review ol{gap:6px;margin:8px 0;padding-left:20px;list-style:decimal;display:grid}.review p{opacity:.75;font-size:12px}@keyframes dot-hit{40%{transform:translate(-50%,-50%)scale(1.5)}}@keyframes to-front{0%{z-index:1;transform:var(--back)}45%{z-index:1;transform:translate(-70%,34%)rotate(-12deg)}46%{z-index:3}to{z-index:3;transform:var(--front)}}@keyframes to-back{0%{z-index:3;transform:var(--front)}45%{z-index:3;transform:translate(52%,20%)rotate(9deg)}46%{z-index:1}to{z-index:1;transform:var(--back)}}@keyframes bars{to{height:12px}}@keyframes blink{50%{opacity:.2}}@keyframes ecg{to{stroke-dashoffset:-92px}}@keyframes bar{0%{transform:scaleY(.35)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1279px){.scatter{inset:10px var(--gutter) auto auto;flex-direction:row-reverse;align-items:flex-start;display:flex}.sec{padding-top:26px}.sec-head{min-height:60px;padding-right:150px}.hero .scatter{padding:0 var(--gutter);justify-content:flex-start;margin-top:-64px;position:static}.proof .scatter{display:none}.sticker{width:calc(var(--w) * .56);transform:rotate(var(--r));margin-left:-6px;position:relative;inset:auto}.sticker:nth-child(n+3),.sticker figcaption{display:none}}@media (max-width:980px){.hero-grid,.feature,.teach-grid,.tickets,.stampcard,.run-grid,.sheet{grid-template-columns:minmax(0,1fr)}.stack{justify-self:center;width:min(280px,76%);margin:12px 0 0}.feature-demo{border-top:var(--bw) solid var(--ink);border-left:0}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade{transform:none}.run-photos{margin-top:12px}}@media (max-width:640px){body{font-size:16px}.topbar-right a,.brand small{display:none}.neck{padding-bottom:44px}.neck-frets{height:calc(var(--neck-h) + 44px)}.fret-tag{letter-spacing:.05em;flex-direction:column;align-items:center;gap:1px;font-size:9.5px}.fret-long{display:none}.fret-short{display:inline}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.proof-grid li:nth-child(odd){border-left:0;padding-left:0}.arcade-bar{letter-spacing:.06em;white-space:nowrap;font-size:11px}.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-name{letter-spacing:.04em;font-size:9.5px}.projects{grid-template-columns:minmax(0,1fr)}.project,.project:nth-child(2n),.ticket--cursor,.ticket--slock{transform:none}.ticket{grid-template-columns:minmax(0,1fr)}.ticket-stub{border-top:3px dashed var(--ink);border-left:0;flex-direction:row;justify-content:space-between;padding:14px 18px}.ticket-stub:before,.ticket-stub:after{top:-12px;bottom:auto}.ticket-stub:before{left:-12px}.ticket-stub:after{left:auto;right:-12px}.ticket-stub .barcode{display:none}.stub-link{margin-top:0}.stampcard ul{grid-template-columns:repeat(8,minmax(0,1fr))}.polaroid--longwan{width:96%}.rows li{flex-direction:column;gap:2px}.facts>div{grid-template-columns:76px minmax(0,1fr)}}