:root{--ground:#f7f4ef;--panel:#fcfaf6;--sunk:#edeae5;--rule:#dcd9d3;--rule-strong:#bfbab3;--ink:#1f1915;--ink-2:#4d4641;--ink-3:#6e6862;--on-ink:#f9f6f2;--accent:#cb4621;--good:#397247;--veil:#f7f4eff0;--lift:0 1px 0 #1f191508, 0 40px 80px -48px #1f191561;--fn-t:#e2dfdb;--fn-s:#b4b0ab;--fn-d:#39352d;--fn-t-ink:var(--ink);--fn-s-ink:var(--ink);--fn-d-ink:var(--on-ink);--stage:#0f0d0b;--stage-ink:#f4f1ec;--key-w:var(--panel);--key-b:var(--ink);--key-label:var(--ink-3);--sec-intro:#f2eee9;--sec-verse:#e6e2dd;--sec-prechorus:#dcd8d3;--sec-bridge:#d2cfca;--sec-chorus:#c9c3bc;--f-display:"Hedvig Letters Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--f-text:"Host Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-cap:.75rem;--t-sm:.875rem;--t-body:1.0625rem;--t-lead:clamp(1.125rem, .9rem + .6vw, 1.375rem);--t-h3:clamp(1.5rem, 1.2rem + 1vw, 2.125rem);--t-h2:clamp(2.6rem, 1.4rem + 4.2vw, 5.75rem);--t-hero:clamp(3.6rem, 1rem + 9.6vw, 10.5rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:112px;--r-sm:2px;--r-md:3px;--r-lg:5px;--gutter:clamp(16px, 4vw, 56px);--maxw:1380px;--bar-h:64px;--section:clamp(96px, 12vw, 176px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--d-1:.12s;--d-2:.2s;--d-3:.32s;--d-4:.6s;--z-bar:40;--z-sweep:90;--z-toast:100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--ground:lab(96.3164% .19452 2.6652);--panel:lab(98.2805% .135809 1.90165);--sunk:lab(92.8403% .225246 3.04792);--rule:lab(86.6858% .521749 3.39518);--rule-strong:lab(75.6581% .967085 4.08102);--ink:lab(9.49156% 2.14749 4.0348);--ink-2:lab(30.3752% 2.07864 4.03324);--ink-3:lab(44.3112% 1.59669 3.84896);--on-ink:lab(97.1245% .164777 2.28322);--accent:lab(49.1784% 52.1255 50.1361);--good:lab(43.1488% -27.0158 17.6389);--veil:lab(96.3164% .19452 2.6652/.94);--lift:0 1px 0 lab(9.49156% 2.14749 4.0348/.03), 0 40px 80px -48px lab(9.49156% 2.14749 4.0348/.38);--fn-t:lab(88.9922% .60299 2.58882);--fn-s:lab(72.1751% .785887 3.33543);--fn-d:lab(22.3192% .77796 5.40643);--stage:lab(3.70056% .364035 1.02936);--stage-ink:lab(95.3923% .224829 3.04761);--sec-intro:lab(94.2139% .690609 2.95972);--sec-verse:lab(90.1538% .691354 2.96018);--sec-prechorus:lab(86.6738% .69207 2.96061);--sec-bridge:lab(83.1938% .692785 2.96111);--sec-chorus:lab(79.1396% 1.05754 4.45368)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#100e0c;--panel:#161311;--sunk:#0c0a09;--rule:#292623;--rule-strong:#403c39;--ink:#ede9e1;--ink-2:#bfbab2;--ink-3:#97918a;--on-ink:#110f0d;--accent:#eb6d46;--good:#8dc096;--veil:#100e0ced;--lift:0 1px 0 #ffffff06 inset, 0 48px 96px -56px #000000d9;--fn-t:#312f2b;--fn-s:#5e5a55;--fn-d:#ccc7bd;--fn-t-ink:var(--ink);--fn-s-ink:var(--ink);--fn-d-ink:var(--on-ink);--key-w:#d4d0c8;--key-b:#0f0d0b;--key-label:#524c46;--sec-intro:#23201c;--sec-verse:#302d29;--sec-prechorus:#3c3935;--sec-bridge:#484440;--sec-chorus:#59544e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--ground:lab(4.05846% .386238 1.09607);--panel:lab(6.19679% .616513 1.74111);--sunk:lab(2.92876% .313453 .877783);--rule:lab(15.3221% .835523 2.54446);--rule-strong:lab(25.7628% .946775 2.90212);--ink:lab(92.5076% .353038 4.58193);--ink-2:lab(75.6734% .713289 4.53867);--ink-3:lab(60.579% 1.06967 4.462);--on-ink:lab(4.43872% .409074 1.16489);--accent:lab(61.5448% 47.6857 45.8312);--good:lab(73.2055% -23.8161 15.3458);--veil:lab(4.05846% .386238 1.09607/.93);--lift:0 1px 0 lab(100% 0 0/.025) inset, 0 48px 96px -56px lab(0% 0 0/.85);--fn-t:lab(19.3905% .633493 2.60954);--fn-s:lab(38.5341% .804737 3.34822);--fn-d:lab(80.325% .67544 5.32752);--key-w:lab(83.8074% .356913 4.58459);--key-b:lab(3.70056% .364035 1.02936);--key-label:lab(32.7092% 1.76497 4.21546);--key-w:lab(83.8074% .356913 4.58459);--key-b:lab(3.70056% .364035 1.02936);--key-label:lab(32.7092% 1.76497 4.21546);--sec-intro:lab(12.4308% .745915 2.99867);--sec-verse:lab(18.8116% .732422 2.98846);--sec-prechorus:lab(24.032% .724539 2.98271);--sec-bridge:lab(29.2523% .71843 2.97838);--sec-chorus:lab(36.2174% 1.09863 4.4827)}}}:root[data-theme=dark]{--ground:#100e0c;--panel:#161311;--sunk:#0c0a09;--rule:#292623;--rule-strong:#403c39;--ink:#ede9e1;--ink-2:#bfbab2;--ink-3:#97918a;--on-ink:#110f0d;--accent:#eb6d46;--good:#8dc096;--veil:#100e0ced;--lift:0 1px 0 #ffffff06 inset, 0 48px 96px -56px #000000d9;--fn-t:#312f2b;--fn-s:#5e5a55;--fn-d:#ccc7bd;--key-w:#d4d0c8;--key-b:#0f0d0b;--key-label:#524c46;--sec-intro:#23201c;--sec-verse:#302d29;--sec-prechorus:#3c3935;--sec-bridge:#484440;--sec-chorus:#59544e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--ground:lab(4.05846% .386238 1.09607);--panel:lab(6.19679% .616513 1.74111);--sunk:lab(2.92876% .313453 .877783);--rule:lab(15.3221% .835523 2.54446);--rule-strong:lab(25.7628% .946775 2.90212);--ink:lab(92.5076% .353038 4.58193);--ink-2:lab(75.6734% .713289 4.53867);--ink-3:lab(60.579% 1.06967 4.462);--on-ink:lab(4.43872% .409074 1.16489);--accent:lab(61.5448% 47.6857 45.8312);--good:lab(73.2055% -23.8161 15.3458);--veil:lab(4.05846% .386238 1.09607/.93);--lift:0 1px 0 lab(100% 0 0/.025) inset, 0 48px 96px -56px lab(0% 0 0/.85);--fn-t:lab(19.3905% .633493 2.60954);--fn-s:lab(38.5341% .804737 3.34822);--fn-d:lab(80.325% .67544 5.32752);--key-w:lab(83.8074% .356913 4.58459);--key-b:lab(3.70056% .364035 1.02936);--key-label:lab(32.7092% 1.76497 4.21546);--sec-intro:lab(12.4308% .745915 2.99867);--sec-verse:lab(18.8116% .732422 2.98846);--sec-prechorus:lab(24.032% .724539 2.98271);--sec-bridge:lab(29.2523% .71843 2.97838);--sec-chorus:lab(36.2174% 1.09863 4.4827)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + 16px)}body{background:var(--ground);color:var(--ink);font:400 var(--t-body)/1.6 var(--f-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}img,svg,picture{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}code{font:400 .86em/1.4 var(--f-mono);background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-sm);white-space:nowrap;padding:1px 5px}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:color-mix(in oklch, var(--accent) 28%, transparent)}.wrap{width:min(var(--maxw), 100% - 2 * var(--gutter));margin-inline:auto}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--ink);color:var(--on-ink);border-radius:var(--r-md);transition:top var(--d-2) var(--ease-out);padding:10px 14px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.cap{font:500 var(--t-cap)/1.3 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.fine{font-size:var(--t-sm);color:var(--ink-3);line-height:1.55}.now-dot{background:var(--accent);vertical-align:.12em;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.btn{border:1px solid var(--rule-strong);border-radius:var(--r-md);min-height:48px;color:var(--ink);font:500 .9375rem/1 var(--f-text);white-space:nowrap;transition:background-color var(--d-2), color var(--d-2), border-color var(--d-2), transform .16s var(--ease-out);background:0 0;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn:active{transform:scale(.97)}.btn svg{flex:none;width:18px;height:18px}.btn.primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn.primary:hover{background:color-mix(in oklch, var(--ink) 88%, var(--accent))}.btn.small{min-height:38px;padding:0 14px;font-size:.875rem}.btn .go{transition:transform var(--d-3) var(--ease-out)}.btn:hover .go{transform:translateY(2px)}.icon-btn{border-radius:var(--r-md);width:44px;height:44px;color:var(--ink-2);transition:color var(--d-2), border-color var(--d-2);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);border-color:var(--rule-strong)}.icon-btn svg{width:20px;height:20px}.icon-btn[aria-pressed=true]{color:var(--accent)}.bar{z-index:var(--z-bar);height:var(--bar-h);background:var(--ground);transition:border-color var(--d-3);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.bar.is-scrolled{border-bottom-color:var(--rule)}.bar .wrap{align-items:center;gap:var(--s5);grid-template-columns:auto minmax(0,1fr) auto;height:100%;display:grid}.brand{font:400 1.5rem/1 var(--f-display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px}.form{justify-self:center;position:relative}.form ol{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.form a{place-items:center;min-width:44px;height:44px;text-decoration:none;display:grid;position:relative}.form a>span{border:1px solid var(--rule-strong);width:24px;height:24px;font:400 .8125rem/1 var(--f-display);color:var(--ink-3);transition:color var(--d-2), background-color var(--d-2), border-color var(--d-2);place-items:center;display:grid}.form a:hover>span{color:var(--ink);border-color:var(--ink)}.form a.is-now>span{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.form a.is-past>span{color:var(--ink-2);border-color:var(--ink-3)}.form .coda svg{width:16px;height:16px}.form-line{background:var(--rule);height:1px;position:absolute;bottom:0;left:0;right:0}.form-line i{background:var(--accent);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.bar-actions{align-items:center;gap:4px;display:flex}.bar-actions .btn{margin-left:8px}@media (max-width:860px){.form{display:none}.bar .wrap{grid-template-columns:auto minmax(0,1fr) auto}.bar-actions{grid-column:3}}@media (max-width:460px){.bar-actions .btn span{display:none}.bar-actions .btn{padding:0 12px}}.sec{padding-block:var(--section);position:relative}.sec+.sec{border-top:1px solid var(--rule)}.head{gap:var(--s5) clamp(24px, 5vw, 96px);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;margin-bottom:clamp(40px,6vw,88px);display:grid}.mark{border:1.5px solid var(--ink);min-width:44px;height:44px;font:400 1.5rem/1 var(--f-display);margin-bottom:var(--s5);place-items:center;padding:0 8px;display:inline-grid}.head h2{font:400 var(--t-h2)/.98 var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.head p{font-size:var(--t-lead);color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin:0;line-height:1.55}@media (max-width:900px){.head{grid-template-columns:minmax(0,1fr);align-items:start}}.shot{margin:0;position:relative}.shot-frame{border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--lift);position:relative;overflow:hidden}.shot-frame picture,.shot-frame img{width:100%;height:100%}.shot-frame img{object-fit:cover}.shot-dark{display:none}.shot.is-single .shot-light{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot:not(.is-single) .shot-light{display:none}:root:not([data-theme=light]) .shot-dark{display:block}}:root[data-theme=dark] .shot:not(.is-single) .shot-light{display:none}:root[data-theme=dark] .shot-dark,:root[data-theme=light] .shot-light{display:block}:root[data-theme=light] .shot-dark{display:none}.shot.marks:before,.shot.marks:after{content:"";pointer-events:none;border-color:var(--ink-3);border-style:solid;width:22px;height:22px;position:absolute}.shot.marks:before{border-width:1px 0 0 1px;top:-14px;left:-14px}.shot.marks:after{border-width:0 1px 1px 0;bottom:-14px;right:-14px}.shot figcaption{margin-top:var(--s4);font-size:var(--t-sm);color:var(--ink-3);max-width:60ch}.shot figcaption b{color:var(--ink);font-weight:500}.hero{padding-top:calc(var(--bar-h) + clamp(48px, 9vh, 120px));padding-bottom:var(--s8);position:relative;overflow-x:clip}.hero-grid{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.h1-wrap{position:relative}.staff{font-size:var(--t-hero);pointer-events:none;height:1.5em;position:absolute;top:.12em;left:-50vw;right:-50vw}.staff i{background:var(--rule);transform-origin:0;height:1px;position:absolute;left:0;right:0}.staff i:first-child{top:0}.staff i:nth-child(2){top:25%}.staff i:nth-child(3){top:50%}.staff i:nth-child(4){top:75%}.staff i:nth-child(5){top:100%}.hero h1{font:400 var(--t-hero)/.9 var(--f-display);letter-spacing:-.035em;max-width:9.5ch;margin:0;position:relative}.hero h1 .stop{color:var(--accent)}.hero .lede{font-size:var(--t-lead);color:var(--ink-2);max-width:52ch;margin:var(--s6) 0 0;text-wrap:pretty;line-height:1.55}.cta{align-items:flex-start;gap:var(--s4) var(--s5);margin-top:var(--s7);flex-wrap:wrap;display:flex}.cta-main{gap:8px;display:grid}.cta-meta{font-size:var(--t-sm);color:var(--ink-3)}.cta-meta a{color:var(--ink-2)}.pick{gap:var(--s2);flex-wrap:wrap;display:flex}.hero-shot{perspective:1600px;margin-top:clamp(56px,8vw,120px)}.hero-shot .shot{transform-origin:50% 0}.hero-foot{gap:var(--s2) var(--s6);margin-top:var(--s5);flex-wrap:wrap;display:flex}.player{border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--lift);overflow:hidden}.pl-top{border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pl-top>div{padding:var(--s4) var(--s5);border-right:1px solid var(--rule)}.pl-top>div:last-child{border-right:0}.pl-top b{font:400 clamp(1.4rem, 1rem + 1.4vw, 2.2rem)/1.1 var(--f-display);letter-spacing:-.01em;margin-top:6px;display:block}.pl-top small{font:400 .7rem var(--f-mono);color:var(--ink-3);letter-spacing:.04em;margin-left:6px}.pl-strip{padding:var(--s4) var(--s5) var(--s3);border-bottom:1px solid var(--rule)}.pl-strip svg{cursor:pointer;touch-action:pan-y;width:100%;height:auto;overflow:visible}.pl-strip text{font-family:var(--f-mono);fill:var(--ink-3);font-size:9px}.pl-strip .sec-box{fill:var(--sunk);stroke:var(--rule-strong);stroke-width:.5px}.pl-strip .sec-box.on{fill:color-mix(in oklch, var(--ink) 12%, var(--sunk))}.pl-strip .sec-letter{font-family:var(--f-display);fill:var(--ink);font-size:10px}.pl-strip .ch{stroke:var(--panel);stroke-width:1px}.pl-strip .ch.fn-T{fill:var(--fn-t)}.pl-strip .ch.fn-S{fill:var(--fn-s)}.pl-strip .ch.fn-D{fill:var(--fn-d)}.pl-strip .head-line{stroke:var(--accent);stroke-width:1.5px}.pl-strip .head-dot{fill:var(--accent)}.pl-read{grid-template-columns:1.3fr 1fr 1fr;display:grid}.pl-read>div{padding:var(--s5);border-right:1px solid var(--rule);align-content:space-between;gap:var(--s3);min-height:180px;display:grid}.pl-read>div:last-child{border-right:0}.pl-chord{align-items:flex-end;gap:14px;display:flex}.pl-chord b{font:400 clamp(3.4rem, 2rem + 4vw, 6rem)/.85 var(--f-display);letter-spacing:-.03em;min-width:1.6ch}.pl-chord span{gap:4px;padding-bottom:6px;display:grid}.pl-chord i{font:italic 400 1.2rem/1 var(--f-display);color:var(--ink-2)}.pl-chord em{font:500 .66rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-style:normal}.pl-next{font-size:var(--t-sm);color:var(--ink-3)}.pl-next b{font:400 1.35rem/1 var(--f-display);color:var(--ink);margin:0 4px}.pl-beats{gap:8px;display:flex}.pl-beats i{border:1px solid var(--rule-strong);width:22px;height:22px;transition:background-color 60ms}.pl-beats i.on{background:var(--ink);border-color:var(--ink)}.pl-beats i.on.one{background:var(--accent);border-color:var(--accent)}.pl-big{font:400 clamp(2.4rem, 1.6rem + 2.4vw, 3.6rem)/1 var(--f-display);letter-spacing:-.02em}.pl-big small{font:500 .7rem var(--f-text);letter-spacing:.14em;color:var(--ink-3);margin-left:6px}.pl-sec b{font:400 clamp(1.8rem, 1.2rem + 2vw, 2.8rem)/1 var(--f-display);letter-spacing:-.015em;align-items:center;gap:12px;display:flex}.pl-sec b:before{content:"";background:var(--rule-strong);width:12px;height:12px}.pl-controls{align-items:center;gap:var(--s4) var(--s6);padding:var(--s4) var(--s5);border-top:1px solid var(--rule);background:var(--ground);flex-wrap:wrap;display:flex}.pl-play{background:var(--ink);width:56px;height:56px;color:var(--on-ink);box-shadow:0 0 0 4px var(--ground), 0 0 0 5px var(--accent);transition:transform .16s var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.pl-play:active{transform:scale(.95)}.pl-play svg{width:22px;height:22px}.pl-time{font:400 1.6rem/1 var(--f-mono);font-variant-numeric:tabular-nums}.pl-time small{font:500 .66rem/1.4 var(--f-text);letter-spacing:.14em;color:var(--ink-3);margin-top:4px;display:block}.pl-speed{align-items:center;gap:12px;margin-left:auto;display:flex}.pl-speed input{width:min(220px,40vw);accent-color:var(--accent)}.pl-loop[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.pl-note{margin-top:var(--s4)}@media (max-width:900px){.pl-top{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-top>div:nth-child(2){border-right:0}.pl-top>div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.pl-read{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pl-read>div:first-child{border-right:0;border-bottom:1px solid var(--rule);grid-column:1/-1}.pl-speed{margin-left:0}}.run{position:relative;overflow-x:clip}.run-track{padding-inline:max(var(--gutter), (100vw - var(--maxw)) / 2);will-change:transform;gap:clamp(24px,3vw,48px);display:flex}.run-item{flex:none;width:min(1060px,78vw)}.run-item .shot figcaption{color:var(--ink-2);font-size:.9375rem}.run-count{margin-top:var(--s6);justify-content:space-between;align-items:baseline;display:flex}.run-bar{background:var(--rule);height:1px;margin:0 var(--s5);flex:1;position:relative}.run-bar i{background:var(--accent);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}@media (max-width:900px),(prefers-reduced-motion:reduce){.run-track{width:min(var(--maxw), 100% - 2 * var(--gutter));flex-direction:column;margin-inline:auto;padding-inline:0}.run-item{width:100%}.run-count{display:none}}.pair{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.pair.flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pair.flip>:first-child{order:2}@media (max-width:1000px){.pair,.pair.flip{grid-template-columns:minmax(0,1fr)}.pair.flip>:first-child{order:0}}.feats{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.feats li{gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--rule);grid-template-columns:36px minmax(0,1fr);display:grid}.feats .n{font:400 .75rem/1.9 var(--f-mono);color:var(--ink-3)}.feats b{font:400 1.35rem/1.2 var(--f-display);letter-spacing:-.01em;margin-bottom:4px;display:block}.feats p{color:var(--ink-2);margin:0;font-size:.975rem}.stack{gap:clamp(24px,3vw,40px);display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(32px,5vw,64px);display:grid}@media (max-width:900px){.two{grid-template-columns:minmax(0,1fr)}}.stage-band{background:var(--stage);color:var(--stage-ink);padding-block:var(--section);border-top:0!important}.stage-band .head p,.stage-band .fine{color:#f4f1ecb3;color:lab(95.3923% .224829 3.04761/.7)}.stage-band .mark{border-color:var(--stage-ink)}.stage-band .feats{border-top-color:#f4f1eccc;border-top-color:lab(95.3923% .224829 3.04761/.8)}.stage-band .feats li{border-bottom-color:#f4f1ec24;border-bottom-color:lab(95.3923% .224829 3.04761/.14)}.stage-band .feats p{color:#f4f1ecb8;color:lab(95.3923% .224829 3.04761/.72)}.stage-band .feats .n{color:#f4f1ec80;color:lab(95.3923% .224829 3.04761/.5)}.stage-band .shot-frame{border-color:#f4f1ec29;border-color:lab(95.3923% .224829 3.04761/.16);box-shadow:0 60px 120px -60px #000000e6;box-shadow:0 60px 120px -60px lab(0% 0 0/.9)}.stage-band .shot figcaption{color:#f4f1ec99;color:lab(95.3923% .224829 3.04761/.6)}.stage-band .shot figcaption b{color:var(--stage-ink)}.stage-band .shot.marks:before,.stage-band .shot.marks:after{border-color:#f4f1ec66;border-color:lab(95.3923% .224829 3.04761/.4)}.stage-band a{color:var(--stage-ink)}.overlay-demo{background:#090705e6;background:lab(1.97918% .425451 .74071/.9);border:1px solid #f4f1ec1a;border:1px solid lab(95.3923% .224829 3.04761/.1);border-radius:4px;gap:10px;min-width:min(420px,100%);padding:16px 20px;display:inline-grid}.overlay-demo .row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.overlay-demo .t{font-weight:500}.overlay-demo .t small{color:#f4f1ecb3;color:lab(95.3923% .224829 3.04761/.7);font-weight:400}.overlay-demo .s{font:400 1.35rem/1 var(--f-display)}.overlay-demo .b{color:#f4f1ecb8;color:lab(95.3923% .224829 3.04761/.72);font-variant-numeric:tabular-nums}.overlay-demo .dots{vertical-align:middle;gap:6px;margin-left:10px;display:inline-flex}.overlay-demo .dots i{background:#f4f1ec29;background:lab(95.3923% .224829 3.04761/.16);border-radius:50%;width:9px;height:9px}.overlay-demo .dots i.on{background:#ed6b42;background:lab(61.4973% 49.2293 47.6525)}.overlay-demo .c{align-items:baseline;gap:18px;display:flex}.overlay-demo .c b{font:400 4.2rem/.95 var(--f-display);letter-spacing:-.02em;box-shadow:inset 0 -4px 0 var(--fn,#f4f1ec59);padding-bottom:4px}@supports (color:lab(0% 0 0)){.overlay-demo .c b{box-shadow:inset 0 -4px 0 var(--fn,lab(95.3923% .224829 3.04761/.35))}}.overlay-demo .c span{font:400 1.8rem/1 var(--f-display);color:#f4f1ecb3;color:lab(95.3923% .224829 3.04761/.7)}.overlay-demo .c span:empty{display:none}.overlay-demo .c span:before{content:"then ";font:500 .7rem/1 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:#f4f1ec75;color:lab(95.3923% .224829 3.04761/.46);margin-right:6px}.gear{border-top:1px solid #f4f1eccc;border-top:1px solid lab(95.3923% .224829 3.04761/.8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin-top:clamp(40px,6vw,80px);display:grid}.gear div{padding:var(--s5) var(--s5) var(--s5) 0;border-bottom:1px solid #f4f1ec24;border-bottom:1px solid lab(95.3923% .224829 3.04761/.14)}.gear b{font:400 1.35rem/1.2 var(--f-display);margin-bottom:6px;display:block}.gear p{color:#f4f1ecb8;color:lab(95.3923% .224829 3.04761/.72);margin:0;font-size:.95rem}.places{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,6vw,80px);display:grid}.places>div{padding:var(--s5) var(--s5) var(--s5) 0;border-bottom:1px solid var(--rule)}.places>div+div{padding-left:var(--s5);border-left:1px solid var(--rule)}.places b{font:400 1.6rem/1.15 var(--f-display);margin:8px 0;display:block}.places p{color:var(--ink-2);margin:0;font-size:.975rem}@media (max-width:900px){.places{grid-template-columns:minmax(0,1fr)}.places>div+div{border-left:0;padding-left:0}}.promises{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,80px);margin:clamp(48px,7vw,96px) 0 0;padding:0;list-style:none;display:grid}.promises li{padding:var(--s5) 0;border-top:1px solid var(--rule);gap:var(--s3);grid-template-columns:28px minmax(0,1fr);display:grid}.promises svg{width:20px;height:20px;color:var(--good);margin-top:4px}.promises b{font-weight:500}.promises p{color:var(--ink-2);margin:0}@media (max-width:800px){.promises{grid-template-columns:minmax(0,1fr)}}.coda-mark svg{width:26px;height:26px}.detected{gap:var(--s4);border:1px solid var(--ink);border-radius:var(--r-lg);background:var(--panel);margin-bottom:clamp(32px,5vw,64px);padding:clamp(24px,4vw,48px);display:grid}.detected h3{font:400 var(--t-h3)/1.1 var(--f-display);letter-spacing:-.015em;margin:0}.detected .cta{margin-top:0}.guide{border-top:1px solid var(--rule);padding-top:var(--s5);display:none}.guide.is-open{display:block}.guide h4{margin:0 0 var(--s4);font:400 1.4rem/1.2 var(--f-display)}.guide ol,.dl-steps ol{counter-reset:step;gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.guide li,.dl-steps li{counter-increment:step;gap:var(--s3);color:var(--ink-2);grid-template-columns:36px minmax(0,1fr);display:grid}.guide li:before,.dl-steps li:before{content:counter(step);border:1px solid var(--ink);width:28px;height:28px;font:400 .95rem/1 var(--f-display);color:var(--ink);place-items:center;display:grid}.guide b,.dl-steps b{color:var(--ink);font-weight:500}.guide code,.dl-steps code{white-space:normal;word-break:break-all}.dl-version{color:var(--ink-2);margin:0 0 var(--s5)}.dl-systems{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dl-os{padding:var(--s5) var(--s5) var(--s6) 0;border-bottom:1px solid var(--rule)}.dl-os+.dl-os{padding-left:var(--s5);border-left:1px solid var(--rule)}.dl-os.is-yours h3:after{content:"This computer";font:500 .66rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);vertical-align:middle;margin-left:12px}.dl-os h3{font:400 1.9rem/1.1 var(--f-display);margin:0}.dl-needs{margin:8px 0 var(--s4);font-size:var(--t-sm);color:var(--ink-3)}.dl-files{margin:0 0 var(--s4);gap:6px;padding:0;list-style:none;display:grid}.dl-file{gap:4px;display:grid}.dl-file a{border:1px solid var(--rule-strong);border-radius:var(--r-md);transition:border-color var(--d-2), background-color var(--d-2);gap:2px;padding:12px 14px;text-decoration:none;display:grid}.dl-file a:hover{border-color:var(--ink);background:var(--panel)}.dl-file.is-primary a{border-color:var(--ink)}.dl-label{font-weight:500}.dl-meta{color:var(--ink-3);text-transform:none;font-size:.75rem}.sha{font:400 .72rem var(--f-mono);color:var(--ink-3);background:0 0;border:0;justify-self:start;padding:2px 0}.sha:hover{color:var(--ink)}.sha-k{letter-spacing:.06em}.dl-steps summary{cursor:pointer;font-size:var(--t-sm);color:var(--ink-2);padding:6px 0}.dl-steps[open] summary{margin-bottom:var(--s4)}.dl-steps .fine{margin:var(--s4) 0 0}@media (max-width:1000px){.dl-systems{grid-template-columns:minmax(0,1fr)}.dl-os+.dl-os{border-left:0;padding-left:0}}.dl-none{border:1px dashed var(--rule-strong);border-radius:var(--r-lg);padding:clamp(24px,4vw,48px)}.dl-none-h{margin:0 0 var(--s3);font:400 var(--t-h3)/1.15 var(--f-display)}.dl-none p:last-child{color:var(--ink-2);max-width:62ch;margin:0}.faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,80px);margin-top:clamp(56px,8vw,112px);display:grid}.faq details{border-top:1px solid var(--rule);padding:var(--s4) 0}.faq summary{cursor:pointer;font:400 1.25rem/1.3 var(--f-display);justify-content:space-between;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--f-text);color:var(--ink-3);transition:transform var(--d-3) var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:var(--s3) 0 0;color:var(--ink-2)}@media (max-width:800px){.faq{grid-template-columns:minmax(0,1fr)}}.fine-end{padding-block:clamp(80px, 12vw, 160px) var(--s7);border-top:1px solid var(--rule)}.fine-end .big{font:italic 400 clamp(4rem, 2rem + 8vw, 10rem)/.9 var(--f-display);letter-spacing:-.03em;margin:0}.fine-end .row{justify-content:space-between;gap:var(--s4) var(--s6);margin-top:var(--s7);font-size:var(--t-sm);color:var(--ink-3);flex-wrap:wrap;display:flex}.fine-end .row a{color:var(--ink-2)}.dyn{margin:0 0 var(--s5) 14px;font:italic 400 1.9rem/1 var(--f-display);letter-spacing:-.04em;color:var(--ink-3);vertical-align:bottom;display:inline-block}.stage-band .dyn{color:#f4f1ec8c;color:lab(95.3923% .224829 3.04761/.55)}.stand{position:relative}.stand-live{display:none}@media (min-width:1001px) and (min-height:600px){.stand-live{color:var(--ink-3);letter-spacing:.01em;align-items:center;gap:.5em;margin:14px 0 0;font-size:.82rem;display:flex}}.stand-live .live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 55%, transparent);animation:live-pulse 2s var(--ease-out) infinite;border-radius:50%;flex:none}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.stand-live{display:none!important}}.steps{border-top:1px solid var(--ink);padding:0;padding-top:var(--s6);gap:clamp(40px,6vw,72px);margin:0;list-style:none;display:grid}.step{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.step-t{gap:var(--s3);grid-template-columns:36px minmax(0,1fr);display:grid}.step-t .n{font:400 .75rem/2.4 var(--f-mono);color:var(--ink-3)}.step-t h3{font:400 clamp(1.5rem, 1.2rem + 1vw, 2.1rem)/1.12 var(--f-display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 8px}.step-t p{color:var(--ink-2);max-width:44ch;margin:0}@media (max-width:900px){.step{grid-template-columns:minmax(0,1fr)}}.plate{border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--lift);padding:clamp(16px,2.4vw,28px);position:relative;overflow:hidden}.plate .cap{display:block}.plate-foot{align-items:baseline;gap:10px;margin:12px 0 0;display:flex}.plate-foot b{font:400 1.6rem/1 var(--f-display)}.plate-foot .fine{margin-left:auto}.plate-note{margin:14px 0 0}.stand-stage{display:none}.stand.is-staged{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,5vw,88px);display:grid}.stand.is-staged .stand-stage{top:calc(var(--bar-h) + max(24px, (100vh - var(--bar-h) - 460px) / 2));min-height:440px;display:grid;position:sticky}.stand.is-staged .stand-stage>.plate{opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out), transform .62s var(--ease-out), visibility 0s .42s;grid-area:1/1;align-self:center;transform:translateY(24px)scale(.985)}.stand.is-staged .stand-stage>.plate.is-on{opacity:1;visibility:visible;transition:opacity .42s var(--ease-out), transform .62s var(--ease-out), visibility 0s;transform:none}.stand.is-staged .steps{border-top:0;gap:0;padding-top:0}.stand.is-staged .step{min-height:68vh;padding:18vh 0;display:block}.stand.is-staged .step:first-child{padding-top:6vh}.stand.is-staged .step h3,.stand.is-staged .step p{color:var(--ink-3);transition:color .4s var(--ease-out)}.stand.is-staged .step.is-on h3{color:var(--ink)}.stand.is-staged .step.is-on p{color:var(--ink-2)}.stand.is-staged .step-t{border-top:1px solid var(--rule);padding-top:var(--s4);position:relative}.stand.is-staged .step-t:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .6s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.stand.is-staged .step.is-on .step-t:before{transform:scaleX(1)}.stand.is-staged .step.is-on .n{color:var(--ink)}.practice-shots{margin-top:clamp(56px,8vw,112px)}.lp{width:100%;height:auto;overflow:visible}.lp text{font-family:var(--f-mono)}.lp-bar{fill:var(--ink-3);font-size:8px}.lp-sec{stroke:var(--rule-strong);stroke-width:.5px}.sec-intro,.sec-outro{fill:var(--sec-intro)}.sec-verse{fill:var(--sec-verse)}.sec-prechorus{fill:var(--sec-prechorus)}.sec-bridge{fill:var(--sec-bridge)}.sec-chorus{fill:var(--sec-chorus)}.lp-secname{fill:var(--ink-2);font:400 8.5px var(--f-text)!important}.ch.fn-T{fill:var(--fn-t)}.ch.fn-S{fill:var(--fn-s)}.ch.fn-D{fill:var(--fn-d)}.lp-ch{stroke:var(--panel);stroke-width:1px;transition:stroke .12s}.lp-ch.is-now{stroke:var(--accent);stroke-width:2px}.lp-chl{font:400 14px var(--f-display)!important}.lp-chl.fn-T,.lp-chl.fn-S{fill:var(--ink)}.lp-chl.fn-D{fill:var(--on-ink)}.lp-rep{fill:var(--ink)}.lp-brace{fill:none;stroke:var(--accent);stroke-width:1.4px}.lp-loop{letter-spacing:.1em;text-transform:uppercase;fill:var(--accent);font:500 9px var(--f-text)!important}.lp-ci circle{fill:none;stroke:var(--ink-3);stroke-width:1px}.lp-ci.on circle{fill:var(--ink);stroke:var(--ink)}.lp-ci.on:first-child circle{fill:var(--accent);stroke:var(--accent)}.lp-ci text,.lp-ci-l{fill:var(--ink-3);font-size:8px}.lp-head line{stroke:var(--accent);stroke-width:1.6px}.lp-head path{fill:var(--accent)}.sp{gap:var(--s5) clamp(20px, 3vw, 40px);grid-template-columns:132px minmax(0,1fr);align-items:center;display:grid}.sp-metro svg{width:100%;height:auto;overflow:visible}.mt-body{fill:var(--sunk);stroke:var(--ink-2);stroke-width:1.2px;stroke-linejoin:round}.mt-face{fill:var(--panel);stroke:var(--rule-strong);stroke-width:.8px}.mt-scale{stroke:var(--ink-3);stroke-width:.7px}.mt-arm{transform-box:view-box;transform-origin:60px 128px}.mt-arm line{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.mt-weight{fill:var(--accent)}.mt-pivot{fill:var(--ink)}.sp-read{gap:var(--s4) var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sp-read b{font:400 clamp(2rem, 1.4rem + 1.8vw, 3rem)/1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;display:block}.sp-read small{font:400 .7rem var(--f-mono);color:var(--ink-3);letter-spacing:.04em;margin-left:4px}.sp-pitch{border-top:1px solid var(--rule);padding-top:var(--s4);grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px 14px;display:grid}.sp-pitch .cap{grid-column:1/-1}.sp-pitch b{margin:0;font-size:1.35rem}.sp-pitch small{font-family:var(--f-text);grid-column:1/-1;margin:0;font-size:.8rem}.sp-needle{border-bottom:1px solid var(--rule-strong);width:120px;height:18px;position:relative}.sp-needle:before{content:"";background:var(--good);width:1px;height:18px;position:absolute;bottom:0;left:50%}.sp-needle i{background:var(--ink);transform-origin:50% 100%;width:2px;height:14px;margin-left:-1px;position:absolute;bottom:0;left:50%}.sp-ladder{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.sp-ladder li{font:400 .75rem/1 var(--f-mono);text-align:center;border-top:2px solid var(--rule);color:var(--ink-3);transition:border-color var(--d-2), color var(--d-2);padding:8px 0 6px}.sp-ladder li.on{border-top-color:var(--accent);color:var(--ink)}.sp-ladder li.done{border-top-color:var(--ink-3)}@media (max-width:520px){.sp{grid-template-columns:84px minmax(0,1fr)}}.ky-top,.sh-top,.lg-top,.al-top{margin-bottom:var(--s4);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ky-semis{align-items:baseline;gap:8px;display:inline-flex}.ky-semis b{font:400 2rem/1 var(--f-display);text-align:right;font-variant-numeric:tabular-nums;min-width:1.4em}.ky-semis small{color:var(--ink-3);font-size:.8rem}.ky-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.ky-c{border-radius:2px;gap:6px;padding:18px 14px 14px;display:grid}.ky-c.fn-T{background:var(--fn-t)}.ky-c.fn-S{background:var(--fn-s)}.ky-c.fn-D{background:var(--fn-d);color:var(--on-ink)}.ky-c b{font:400 clamp(2rem, 1.3rem + 2.2vw, 3.2rem)/.95 var(--f-display);letter-spacing:-.02em;white-space:nowrap}.ky-c i{font:italic 400 1rem/1 var(--f-display)}.ky-key{margin:var(--s4) 0 0;font:400 1.2rem/1.3 var(--f-display)}.ky-arrow{color:var(--accent);margin:0 4px}.ky-to{color:var(--ink-2);font-size:1rem;font-family:var(--f-text)}.ky-note{margin:10px 0 0}.sh-capo{justify-items:end;gap:2px;display:inline-grid}.sh-capo b{font:400 1.5rem/1 var(--f-display);color:var(--accent)}.sh-capo small{color:var(--ink-3);font-size:.75rem}.shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2vw,24px);display:grid}.shape{text-align:center;margin:0}.shape svg{width:100%;max-width:132px;height:auto;margin:0 auto;display:block;overflow:visible}.shape figcaption{color:var(--ink-3);margin-top:2px;font-size:.75rem}.sh-n{font:400 15px var(--f-display);fill:var(--ink)}.sh-f{font:400 9px var(--f-mono);fill:var(--ink-3)}.sh-tab{font:400 8.5px var(--f-mono);fill:var(--ink-3);letter-spacing:.04em}.sh-nut{fill:var(--ink)}.sh-fret{stroke:var(--rule-strong);stroke-width:1px}.sh-str{stroke:var(--ink-3);stroke-width:1px}.sh-dot{fill:var(--ink)}.sh-o{fill:none;stroke:var(--ink-2);stroke-width:1.2px}.sh-x{font:400 10px var(--f-text);fill:var(--ink-3)}@media (max-width:520px){.shapes{grid-template-columns:repeat(2,minmax(0,1fr))}}.lg{width:100%;height:auto;overflow:visible}.lg-staff{stroke:var(--rule-strong);stroke-width:1px}.lg-axis,.lg-wk{stroke:var(--ink-3);stroke-width:1px}.lg-d{font:400 8px var(--f-mono);fill:var(--ink-3)}.lg-n ellipse{fill:var(--ink)}.lg-n line{stroke:var(--ink);stroke-width:1.3px}.lg-n:first-child ellipse{fill:var(--accent)}.lg-n:first-child line{stroke:var(--accent)}.lg-l{font:500 8.5px var(--f-text);fill:var(--ink-2)}.lg-due{color:var(--ink-2);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.lg-due i{background:var(--accent);border-radius:50%;width:7px;height:7px}.lg-note{margin:10px 0 0}.al-mic{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.al-mic i{background:var(--ink-3);transform-origin:50% 100%;border-radius:1px;width:3px;height:30%}.al-chords{margin:0 0 var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0;list-style:none;display:grid}.al-chords li{background:var(--sunk);border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.al-chords li b{font:400 1.6rem/1 var(--f-display)}.al-chords li.now{border-color:var(--ink);background:var(--panel)}.al-tick{fill:none;width:16px;height:16px;stroke:var(--good);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.al-chords li.hit .al-tick{opacity:1}.al-chroma{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:4px;height:110px;display:grid}.al-chroma span{grid-template-rows:minmax(0,1fr) auto;gap:4px;height:100%;display:grid}.al-chroma i{background:var(--rule);transform-origin:50% 100%;border-radius:1px;align-self:end;height:100%;transform:scaleY(.12)}.al-chroma span.tone i{background:var(--ink)}.al-chroma span.root i{background:var(--accent)}.al-chroma em{font:400 .68rem/1 var(--f-mono);color:var(--ink-3);text-align:center;font-style:normal}.al-time{margin-top:var(--s4);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.al-line{border-bottom:1px solid var(--rule-strong);height:18px;position:relative}.al-beat{background:var(--good);width:1px;height:18px;position:absolute;bottom:0;left:50%}.al-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-4px;left:50%}.stage-band{position:relative;overflow:clip}.lights{pointer-events:none;opacity:.9;background:radial-gradient(60% 55% at 50% -10%,#fdf0dc24,#0000 70%);background:radial-gradient(60% 55% at 50% -10%,lab(95.4358% 1.92234 11.4477/.14),#0000 70%);position:absolute;inset:0}.stage-band>.wrap{position:relative}.countin{margin-bottom:var(--s3);font:400 clamp(3rem, 2rem + 4vw, 7rem)/1 var(--f-display);color:#f4f1ec1f;color:lab(95.3923% .224829 3.04761/.12);pointer-events:none;justify-content:flex-end;gap:clamp(8px,1.6vw,20px);display:flex}.countin span{transition:color .12s}.countin span.on{color:var(--stage-ink)}.countin span.on:first-child{color:#ed6b42;color:lab(61.4973% 49.2293 47.6525)}.spot-wrap{position:relative}.spot{border-radius:var(--r-lg);pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%), transparent 0, transparent 40%, #00000061 100%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.spot{background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%), transparent 0, transparent 40%, lab(0% 0 0/.38) 100%)}}.spot-wrap:hover .spot{opacity:1}@media (hover:none),(pointer:coarse){.spot{display:none}}.sheets .shot{transform-origin:50% 100%}.glyph{width:96px;height:56px;margin-bottom:14px;display:block;overflow:visible}.g-screen{fill:none;stroke:#f4f1ec59;stroke:lab(95.3923% .224829 3.04761/.35);stroke-width:1px}.g-plate{fill:#090705e6;fill:lab(1.97918% .425451 .74071/.9);stroke:#f4f1ec4d;stroke:lab(95.3923% .224829 3.04761/.3);stroke-width:.8px}.g-chord{font:400 13px var(--f-display);fill:var(--stage-ink)}.g-lines{stroke:#f4f1ec40;stroke:lab(95.3923% .224829 3.04761/.25);stroke-width:2px;stroke-linecap:round}.g-ring{fill:none;stroke:#f4f1ec4d;stroke:lab(95.3923% .224829 3.04761/.3);stroke-width:1px}.g-orb circle{fill:#ed6b42;fill:lab(61.4973% 49.2293 47.6525)}.g-orb-b circle{fill:var(--stage-ink)}.g-ticks line{stroke:#f4f1ec47;stroke:lab(95.3923% .224829 3.04761/.28);stroke-width:1.4px;stroke-linecap:round}.g-ticks line.on{stroke:#ed6b42;stroke:lab(61.4973% 49.2293 47.6525)}.g-ticks line.beat{stroke:#f4f1ecb3;stroke:lab(95.3923% .224829 3.04761/.7)}.g-ppq{font:400 8px var(--f-mono);fill:#f4f1ec80;fill:lab(95.3923% .224829 3.04761/.5);letter-spacing:.06em}.g-base{fill:none;stroke:#f4f1ec59;stroke:lab(95.3923% .224829 3.04761/.35);stroke-width:1px}.g-foot{fill:#f4f1ec2e;fill:lab(95.3923% .224829 3.04761/.18);stroke:#f4f1ec80;stroke:lab(95.3923% .224829 3.04761/.5);stroke-width:1px}.g-led{fill:#f4f1ec26;fill:lab(95.3923% .224829 3.04761/.15)}.g-led.on{fill:#ed6b42;fill:lab(61.4973% 49.2293 47.6525)}.overlay-pair{margin-top:clamp(48px,7vw,96px)}.overlay-cap{color:#f4f1ec99!important;color:lab(95.3923% .224829 3.04761/.6)!important}.overlay-h{font:400 var(--t-h3)/1.15 var(--f-display);margin:0 0 12px}.overlay-p{font-size:1rem!important}.record-row{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,6vw,112px);margin-bottom:clamp(56px,8vw,112px);display:grid;overflow-x:clip}@media (max-width:900px){.record-row{grid-template-columns:minmax(0,1fr)}}.record{aspect-ratio:1;justify-self:center;width:min(84%,560px);position:relative}.platter{touch-action:pan-y;cursor:grab;border-radius:50%;position:absolute;inset:4%}.platter:active{cursor:grabbing}.platter:before{content:"";background:repeating-radial-gradient(circle at 50% 50%, var(--sunk) 0 1.5px, color-mix(in oklch, var(--sunk) 60%, var(--ground)) 1.5px 3px);box-shadow:var(--lift);border-radius:50%;position:absolute;inset:-3%}.platter svg{width:100%;height:100%;position:relative}.tonearm{transform-origin:67.5% 8.5%;pointer-events:none;width:16%;height:auto;position:absolute;top:-4%;right:-2%;overflow:visible}.ta-base{fill:var(--panel);stroke:var(--rule-strong)}.ta-pivot{fill:var(--ink-3)}.ta-arm{fill:none;stroke:var(--ink-2);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ta-head{fill:var(--ink)}.record-text h3{margin:0 0 var(--s5);font:400 var(--t-h3)/1.1 var(--f-display);letter-spacing:-.015em}.legend{border-top:1px solid var(--ink);gap:0;margin:0;display:grid}.legend div{gap:var(--s3);border-bottom:1px solid var(--rule);grid-template-columns:76px minmax(0,1fr);padding:12px 0;display:grid}.legend dt{font:500 var(--t-cap)/1.9 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.legend dd{color:var(--ink-2);margin:0}.record-hint{margin-top:var(--s4)}.songclock{width:100%;height:auto;display:block;overflow:visible}.songclock text{font-family:var(--f-text)}.sc-rim-o{fill:none;stroke:var(--rule-strong);stroke-width:1px}.sc-rim-i{fill:none;stroke:var(--rule);stroke-width:1px;stroke-dasharray:2 5}.sc-ring{fill:none;stroke:var(--rule);stroke-width:1px}.sc-sec.chorus{stroke:var(--ink-3);stroke-width:.75px}.sc-ticks line{stroke:var(--ink-3);stroke-width:1px;stroke-opacity:.5}.sc-ticks line.major{stroke-opacity:.9}.sc-wedge{transform-box:view-box;transform-origin:200px 200px;transition:opacity .3s var(--ease-out);cursor:pointer}.sc-bg{fill:var(--sunk);fill-opacity:.6}.sc-petal{stroke:var(--panel);stroke-width:1px;transform-box:view-box;transform-origin:200px 200px}.sc-petal.fn-T{fill:var(--fn-t)}.sc-petal.fn-S{fill:var(--fn-s)}.sc-petal.fn-D{fill:var(--fn-d)}.sc-pc{fill:var(--ink-3);font:400 13px var(--f-display)!important}.sc-pc.tonic{fill:var(--ink)}.songclock.playing .sc-wedge{opacity:.4}.songclock .sc-wedge.on{opacity:1}.sc-wedge.on .sc-petal{stroke:var(--accent);stroke-width:1.5px}.sc-wedge.on .sc-pc{fill:var(--accent)}.sc-tonic{fill:none;stroke:var(--ink);stroke-width:1px}.sc-hand{transform-box:view-box;transform-origin:200px 200px}.sc-hand line{stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round}.sc-hand circle{fill:var(--accent)}.sc-hub{fill:var(--panel)}.sc-hub-ring{fill:none;stroke:var(--rule-strong);stroke-width:1px}.sc-key{fill:var(--ink);font:400 17px var(--f-display)!important}.sc-sub{letter-spacing:.06em;fill:var(--ink-3);font:400 9.5px var(--f-mono)!important}.crate{margin-bottom:clamp(56px,8vw,112px)}.find{gap:var(--s5) clamp(32px, 5vw, 96px);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-bottom:clamp(56px,8vw,112px);padding:clamp(24px,4vw,48px) 0;display:grid}.find-head h3{font:400 var(--t-h3)/1.1 var(--f-display);letter-spacing:-.015em;margin:0 0 10px}.find-head p{color:var(--ink-2);max-width:44ch;margin:0}.find-form{align-self:start;gap:8px;display:flex}.find-form input{border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--panel);min-width:0;min-height:48px;color:var(--ink);font:400 1.05rem/1 var(--f-text);flex:1;padding:0 16px}.find-form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--ink)}.find.is-busy .find-form input{background-image:linear-gradient(90deg, transparent, color-mix(in oklch, var(--accent) 12%, transparent), transparent);background-size:200% 100%;animation:1.1s linear infinite find-busy}@keyframes find-busy{0%{background-position:200% 0}to{background-position:-200% 0}}.find-status{grid-column:2;margin:0}.find-list{grid-column:2;margin:0;padding:0;list-style:none;display:grid}.found{border-top:1px solid var(--rule);grid-template-columns:40px minmax(0,1fr);gap:2px 14px;padding:14px 0;display:grid}.found .kd{grid-row:span 3;width:40px;height:40px}.kd circle{fill:none;stroke:var(--rule-strong)}.kd line{stroke:var(--ink-3);stroke-width:1px}.kd .kd-dot{fill:var(--accent);stroke:none}.kd .kd-dot.minor{fill:var(--ink)}.found-t b{font:400 1.25rem/1.2 var(--f-display)}.found-t span{color:var(--ink-2);margin-left:10px}.found-f{color:var(--ink-2);font-size:.8rem}.found-s{color:var(--ink-3);font-size:.8rem}@media (max-width:900px){.find{grid-template-columns:minmax(0,1fr)}.find-status,.find-list{grid-column:1}}.palette-pair{margin-top:0}.route{margin:0 0 clamp(40px,6vw,80px)}.rt{width:100%;height:auto;overflow:visible}.rt text{font-family:var(--f-text)}.rt-box{fill:var(--panel);stroke:var(--ink);stroke-width:1.2px}.rt-bt,.rt-nt{fill:var(--ink);font:400 22px var(--f-display)!important}.rt-bs,.rt-ns,.rt-ls{fill:var(--ink-3);font-size:12px}.rt-wave{stroke:var(--ink-2);stroke-width:1.4px}.rt-beats{stroke:var(--ink-3);stroke-width:.8px}.rt-ch{stroke:var(--panel);stroke-width:.4px}.rt-sec{stroke:var(--rule-strong);stroke-width:.4px}.rt-lane{letter-spacing:.1em;text-transform:uppercase;fill:var(--ink-3);font-size:11px}.rt-lock rect{fill:none;stroke:var(--good);stroke-width:1px;stroke-dasharray:3 4}.rt-lock text{font:400 17px var(--f-display);fill:var(--ink)}.rt-lock .rt-ls{font:400 12px var(--f-text);fill:var(--ink-2)}.rt-path{fill:none;stroke:var(--rule-strong);stroke-width:1.5px}.rt-fp{stroke:var(--ink-2)}.rt-gpu,.rt-rig{stroke-dasharray:5 5}.rt-node rect{fill:var(--ground);stroke:var(--rule-strong);stroke-width:1px}.rt-node[data-node=central] rect{stroke:var(--ink)}.rt-token rect{fill:var(--ink)}.rt-token text{fill:var(--on-ink);font:400 11px var(--f-mono)!important}.rt-audio rect,.rt-audio2 rect{fill:var(--accent)}.rt-audio text,.rt-audio2 text{font-family:var(--f-text)!important}.rt-token{opacity:0}.rt-del{fill:var(--ink-3);opacity:0;font-size:11px;font-style:italic}.no-motion .rt-token,.rt-static .rt-token{opacity:0}.computer-shot{margin-top:clamp(40px,6vw,80px)}.rt-v{max-width:480px;margin-inline:auto;display:none}@media (max-width:700px){.rt-h{display:none}.rt-v{display:block}}.coda-mark svg path{vector-effect:non-scaling-stroke}.burst{pointer-events:none;z-index:var(--z-toast);position:fixed;inset:0}.burst svg{width:28px;height:38px;fill:var(--accent);position:absolute;top:0;left:0}.fine-top{align-items:flex-end;gap:clamp(16px,3vw,40px);display:flex}.final{justify-items:center;gap:8px;padding-bottom:.4em;display:grid}.fermata{width:44px;height:26px;overflow:visible}.fermata path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.fermata circle{fill:var(--ink)}.final-bar{width:16px;height:clamp(64px,6vw + 40px,128px);fill:var(--ink)}.play-out{gap:var(--s3);margin-top:clamp(48px,7vw,88px);display:grid}.keys{grid-template-columns:repeat(var(--whites), minmax(0, 1fr));-webkit-user-select:none;user-select:none;touch-action:manipulation;max-width:980px;height:clamp(110px,10vw + 60px,180px);display:grid;position:relative}.key{grid-row:1;grid-column:calc(var(--w) + 1);border:1px solid var(--rule-strong);background:var(--key-w);transition:background-color 90ms, transform 90ms var(--ease-out);transform-origin:50% 0;border-left-width:0;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative}.key:first-child{border-left-width:1px}.key span{font:400 .7rem/1 var(--f-mono);color:var(--key-label);padding-bottom:8px}.key.black{grid-column:calc(var(--w)) / span 2;z-index:1;background:var(--key-b);border:0;border-radius:0 0 3px 3px;justify-self:center;width:32%;height:62%}.key:hover{background:color-mix(in oklch, var(--key-w) 90%, var(--key-b))}.key.black:hover{background:color-mix(in oklch, var(--key-b) 86%, var(--accent))}.key.down,.key:active{background:color-mix(in oklch, var(--accent) 22%, var(--key-w));transform:scaleY(.985)}.key.black.down,.key.black:active{background:var(--accent)}@media (max-width:600px){.keys{grid-template-columns:repeat(8,minmax(0,1fr))}.key.hi{display:none}.key.black{width:36%}}.keys:focus-within{outline:1px dashed var(--rule-strong);outline-offset:6px}.kbd-hint{color:var(--ink-3);font:inherit;text-align:left;background:0 0;border:0;padding:0}.kbd-hint:hover{color:var(--ink)}.kbd-hint code{font-size:.75rem}.tempo{left:max(16px, var(--gutter));z-index:var(--z-bar);background:var(--veil);border:1px solid var(--rule);border-radius:var(--r-md);color:var(--ink);pointer-events:none;opacity:0;transition:opacity .36s var(--ease-out), transform .36s var(--ease-out);align-items:baseline;gap:10px;padding:8px 12px;display:flex;position:fixed;bottom:20px;transform:translateY(8px)}.tempo.on{opacity:1;transform:none}.tempo i{font:italic 400 1.15rem/1 var(--f-display)}.tempo span{font:400 .85rem/1 var(--f-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:inline-flex}.tempo .q{width:7px;height:14px;fill:var(--ink-2);align-self:center}.tempo.in-time{border-color:var(--accent)}.tempo.in-time i{color:var(--accent)}@media (max-width:700px){.tempo{display:none}}.palette{border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--panel);width:min(640px,100vw - 32px);max-height:min(560px,80vh);color:var(--ink);margin:12vh auto auto;padding:0;overflow:hidden;box-shadow:0 40px 120px -40px #0000008c;box-shadow:0 40px 120px -40px lab(0% 0 0/.55)}.palette[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.palette::backdrop{background:#1a151247;background:lab(7.20476% 1.68892 2.90778/.28)}.palette input{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);font:400 1.15rem/1.2 var(--f-text);background:0 0;padding:18px 20px}.palette input:focus{outline:none}.palette ul{margin:0;padding:6px;list-style:none;overflow:auto}.palette li{border-radius:var(--r-md);cursor:pointer;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.palette li[aria-selected=true]{background:var(--sunk)}.palette li .pi{font:400 .95rem/1 var(--f-display);color:var(--ink-3);text-align:center}.palette li b{font-weight:500}.palette li small{color:var(--ink-3);font-size:.8rem}.palette li kbd,.palette footer kbd{font:400 .72rem var(--f-mono);color:var(--ink-3);border:1px solid var(--rule);border-radius:2px;padding:1px 5px}.palette .pg{font:500 var(--t-cap)/1.3 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);cursor:default;padding:10px 12px 4px;display:block}.palette footer{border-top:1px solid var(--rule);color:var(--ink-3);gap:16px;padding:10px 16px;font-size:.75rem;display:flex}.palette .empty{color:var(--ink-3);cursor:default;padding:18px 14px;display:block}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sec+.sec,.dir+.sec{border-top-color:#0000}.sec+.sec:before,.dir+.sec:before{content:"";background:var(--rule);transform-origin:0;height:1px;animation:linear both barline;animation-timeline:view();animation-range:entry entry 60%;position:absolute;top:-1px;left:0;right:0}}}@keyframes barline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dir{padding-block:clamp(40px,6vw,72px)}.dir-link{color:var(--ink);grid-template-columns:160px auto minmax(0,1fr);grid-template-areas:"glyph term mean""glyph story story";align-items:baseline;gap:6px clamp(16px,2vw,28px);max-width:980px;text-decoration:none;display:grid}.dir-glyph{width:160px;height:40px;fill:var(--ink);stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;grid-area:glyph;align-self:center;overflow:visible}.dir-glyph path,.dir-glyph ellipse{fill:none}.dir-glyph circle{stroke:none}.dir[data-dir=attacca] .dir-glyph,.dir[data-dir=coda] .dir-glyph{stroke:var(--accent)}.dir-term{font:italic 400 clamp(1.6rem, 1.1rem + 1.6vw, 2.6rem)/1 var(--f-display);letter-spacing:-.01em;white-space:nowrap;grid-area:term}.dir-term i{margin-left:.3em;font-style:italic}.dir-term .coda-sym{vertical-align:-.08em;width:.8em;height:.8em;color:var(--accent);display:inline-block}.dir-mean{font:500 var(--t-cap)/1.3 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);grid-area:mean}.dir-story{font-size:var(--t-lead);color:var(--ink-2);grid-area:story;max-width:52ch;line-height:1.5}.dir-link:hover .dir-story{color:var(--ink)}.dir-link:hover .dir-term{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}.dir-link:after{content:"↓";font:400 1.4rem/1 var(--f-text);color:var(--accent);grid-area:story;place-self:end}.dir+.sec{border-top:1px solid var(--rule)}@media (max-width:700px){.dir-link{grid-template-columns:minmax(0,1fr);grid-template-areas:"glyph""term""mean""story"}.dir-glyph{width:120px;height:30px}.dir-link:after{display:none}}.hero-bars{width:3.6em;height:2.58em;font-size:var(--t-hero);pointer-events:none;z-index:1;position:absolute;top:-.18em;right:0;overflow:visible}.hb-bar{pointer-events:auto;cursor:pointer}.hb-note ellipse{fill:var(--ink)}.hb-note .hb-hole{fill:var(--ground)}.hb-bar.on .hb-note ellipse:first-child{fill:var(--accent)}.hb-label{font:italic 400 22px var(--f-display);fill:var(--ink-2)}.hb-bar.on .hb-label{fill:var(--accent)}.hb-barline{stroke:var(--rule-strong);stroke-width:1.2px}.hb-head{stroke:var(--accent);stroke-width:2px;opacity:0}@media (max-width:900px){.hero-bars{display:none}}.hero h1 .stop{cursor:pointer;display:inline-block}@media (prefers-reduced-motion:no-preference){.motion .hero .now-dot{animation:.517s ease-out infinite beat}}@keyframes beat{0%{transform:scale(1.45)}30%{transform:scale(1)}to{transform:scale(1)}}.pg{right:10px;top:calc(var(--bar-h) + 28px);z-index:var(--z-bar);grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:10px;width:26px;display:grid;position:fixed;bottom:28px}.pg-track{width:6px;height:100%;display:grid;position:relative}.pg-sec{border-bottom:1px solid var(--ground);display:block}.pg-sec.sec-intro,.pg-sec.sec-outro{background:var(--sec-intro)}.pg-sec.sec-verse{background:var(--sec-verse)}.pg-sec.sec-prechorus{background:var(--sec-prechorus)}.pg-sec.sec-bridge{background:var(--sec-bridge)}.pg-sec.sec-chorus{background:var(--sec-chorus)}.pg-head{background:var(--accent);height:2px;transform:translateY(var(--y,0px));position:absolute;top:0;left:-4px;right:-4px}.pg-read{transform:translateY(calc(var(--y,0px) - 50%));white-space:nowrap;background:var(--veil);border:1px solid var(--rule);border-radius:var(--r-md);color:var(--ink-2);opacity:0;transition:opacity .36s var(--ease-out);pointer-events:none;padding:6px 10px;font-size:.8rem;position:absolute;top:0;right:22px}.pg-read b{font:400 1.1rem/1 var(--f-display);color:var(--ink);margin-right:6px}.pg.on .pg-read{opacity:1}.pg-play{border:1px solid var(--rule-strong);background:var(--ground);width:26px;height:26px;color:var(--ink-3);border-radius:50%;place-items:center;padding:0;display:grid}.pg-play svg{width:13px;height:13px}.pg-play:hover{color:var(--ink);border-color:var(--ink)}.pg-play[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}@media (max-width:1100px){.pg{display:none}}.lesson{flex-wrap:wrap;align-items:baseline;gap:10px 18px;display:flex}.lesson-now{font:400 1.05rem/1.3 var(--f-text);color:var(--ink-2)}.lesson-now b{font:400 1.5rem/1 var(--f-display);color:var(--ink);margin-right:6px}.lesson-steps{gap:6px;display:inline-flex}.lesson-steps span{font:400 1rem/1 var(--f-display);border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink-3);padding:6px 10px}.lesson-steps span.now{border-color:var(--accent);color:var(--ink)}.lesson-steps span.done{background:var(--sunk);color:var(--ink)}.key.cue{background:color-mix(in oklch, var(--accent) 34%, var(--key-w))}.key.black.cue{background:var(--accent)}.key.cue.got{background:var(--good)}.sweep{width:3px;z-index:var(--z-sweep);background:var(--accent);pointer-events:none;opacity:0;view-transition-name:sweep;position:fixed;top:0;bottom:0;left:0;transform:translate(-10px)}::view-transition-group(sweep){animation:none}::view-transition-old(sweep){animation:none}::view-transition-new(sweep){animation:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:sweep-in .82s var(--ease-in-out) both}@keyframes sweep-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.toast{z-index:var(--z-toast);opacity:0;pointer-events:none;background:var(--ink);color:var(--on-ink);border-radius:var(--r-md);font-size:var(--t-sm);transition:opacity var(--d-3) var(--ease-out), transform var(--d-3) var(--ease-out);align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.toast b{font:400 1.1rem/1 var(--f-display)}.motion [data-ink] .ink-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}::view-transition-new(root){animation:none}}@media print{.bar,.sweep,.toast,.pl-controls,.hero-shot,.run,.tempo,.burst,.play-out,.find-form,.stand-stage,.pg,.hero-bars,.dir-glyph{display:none!important}body{color:#000;background:#fff}}.fine-end .pages-row{gap:var(--s2) var(--s4);flex-wrap:wrap;flex-basis:100%;display:flex}.pg-bar{border-bottom-color:var(--rule)}.pg-nav ol{justify-content:center;gap:clamp(4px,1.4vw,18px);margin:0;padding:0;list-style:none;display:flex}.pg-nav a{min-height:44px;font-size:var(--t-sm);color:var(--ink-2);transition:color var(--d-2);align-items:center;padding:0 6px;text-decoration:none;display:inline-flex;position:relative}.pg-nav a:hover,.pg-nav a[aria-current=page]{color:var(--ink)}.pg-nav a[aria-current=page]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:9px;left:6px;right:6px}@media (max-width:900px){.pg-bar .wrap{grid-template-columns:auto 1fr auto}.pg-nav{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.pg-nav ol{justify-content:flex-start}.pg-bar .bar-actions .btn span{display:none}}@media (max-width:560px){.pg-bar .brand span{display:none}}.pg-foot{margin-top:var(--section);padding-block:var(--s8) var(--s7);border-top:1px solid var(--rule)}.pg-foot-top{align-items:flex-end;gap:var(--s5);display:flex}.pg-fine{font:italic 400 clamp(3rem, 2rem + 4vw, 6rem)/.9 var(--f-display);letter-spacing:-.03em;margin:0}.pg-final{width:14px;height:clamp(44px,6vw,78px);fill:var(--ink)}.pg-foot-nav{gap:var(--s3) var(--s5);margin:var(--s6) 0 var(--s4);font-size:var(--t-sm);flex-wrap:wrap;display:flex}.pg-foot-nav a{color:var(--ink-2)}.page{padding-top:calc(var(--bar-h) + clamp(48px, 8vw, 112px))}.page-head{gap:var(--s5);max-width:var(--maxw);display:grid}.pg-mark{align-items:center;gap:12px;margin:0;display:inline-flex}.pg-mark a{color:inherit}.rmark{border:1.5px solid var(--ink);min-width:30px;height:30px;font:400 1rem/1 var(--f-display);letter-spacing:0;color:var(--ink);text-transform:none;place-items:center;padding:0 6px;display:inline-grid}.page-head h1{max-width:18ch;font:400 clamp(2.8rem, 1.4rem + 5vw, 6.5rem)/.95 var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.page-head h1 .stop{color:var(--accent)}.page-head .lede{max-width:62ch;font-size:var(--t-lead);color:var(--ink-2);margin:0;line-height:1.55}.pg-body{margin-top:clamp(48px,7vw,96px)}.pg-body h2{font:400 var(--t-h3)/1.15 var(--f-display);letter-spacing:-.01em;margin:0 0 var(--s4)}.pg-list{gap:var(--s3);max-width:70ch;padding-left:1.2em;display:grid}.pg-list li::marker{color:var(--ink-3)}.pg-note{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--rule)}.quiet{color:var(--ink-3)}@media (prefers-reduced-motion:no-preference){.page-head h1{animation:pg-ink .9s var(--ease-out) both}.page-head .lede,.page-head .pg-mark{animation:pg-rise .7s var(--ease-out) both}.page-head .lede{animation-delay:.14s}}@keyframes pg-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -2% 0 0)}}@keyframes pg-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.label{font:500 var(--t-cap)/1.3 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;display:block}.label .fine{text-transform:none;letter-spacing:0}.beta-field{margin-bottom:var(--s5);gap:4px;display:grid}.beta-field .fine{margin:6px 0 0}input[type=email],input[type=text],select{background:var(--panel);width:100%;max-width:420px;min-height:48px;color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--r-md);font:400 1rem/1.2 var(--f-text);padding:0 14px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}input:focus-visible,select:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin-top:3px}.seg-radio,.chips{flex-wrap:wrap;gap:8px;display:flex}.seg-radio label,.chips label{cursor:pointer;position:relative}.seg-radio input,.chips input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-radio span,.chips span{border:1px solid var(--rule-strong);border-radius:var(--r-md);min-height:44px;color:var(--ink-2);transition:background-color var(--d-2), color var(--d-2), border-color var(--d-2), transform .16s var(--ease-out);align-items:center;padding:0 16px;font-size:.9375rem;display:inline-flex}.seg-radio label:hover span,.chips label:hover span{border-color:var(--ink);color:var(--ink)}.seg-radio input:checked+span,.chips input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.seg-radio input:focus-visible+span,.chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.seg-radio label:active span,.chips label:active span{transform:scale(.97)}.chips input:disabled+span{opacity:.4;cursor:not-allowed}.err{font-size:var(--t-sm);color:var(--accent);margin:6px 0 0}.bad{color:var(--accent)}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.beta-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.beta-side h2.cap{margin:var(--s6) 0 var(--s3);font:500 var(--t-cap)/1.3 var(--f-text)}.beta-side h2.cap:first-child{margin-top:0}.beta-side p{color:var(--ink-2);max-width:52ch;margin:0}.beta-steps{gap:var(--s3);color:var(--ink-2);margin:0;padding-left:1.2em;display:grid}.beta-steps b{color:var(--ink);font-weight:500}.beta-form{background:var(--panel);border:1px solid var(--rule-strong);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(24px,4vw,48px);position:relative}.beta-form fieldset{margin:0 0 var(--s6);padding:0 0 var(--s6) 0;border:0;border-bottom:1px solid var(--rule)}.beta-form fieldset:last-of-type{border-bottom:0;padding-bottom:0}.beta-form legend{margin-bottom:var(--s5);font:400 1.5rem/1.2 var(--f-display);align-items:center;gap:12px;padding:0;display:flex}.beat-no{border:1.5px solid var(--rule-strong);width:28px;height:28px;font:500 .8rem/1 var(--f-mono);color:var(--ink-3);transition:background-color var(--d-3), border-color var(--d-3), color var(--d-3);border-radius:50%;place-items:center;display:inline-grid}fieldset.done .beat-no{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.beta-meter{margin-bottom:var(--s6);align-items:center;gap:8px;display:flex}.beta-meter .cap{margin-right:6px}.beta-meter i{background:var(--rule);flex:1;height:4px;position:relative;overflow:hidden}.beta-meter i:after{content:"";background:var(--ink);transform-origin:0;transition:transform .42s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.beta-meter i.on:after{transform:scaleX(1)}.beta-meter i:last-child.on:after{background:var(--accent)}.consent span{color:var(--ink-2);font-size:.9375rem}.beta-submit{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.beta-submit .fine{margin:0}.beta-closed{margin:var(--s4) 0 0}.beta-done,.beta-link{background:var(--panel);border:1px solid var(--rule-strong);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(24px,4vw,48px)}.beta-done h2,.beta-link h2{font:400 var(--t-h3)/1.15 var(--f-display);margin:var(--s4) 0 var(--s3)}.beta-done p,.beta-link p{color:var(--ink-2);max-width:60ch;margin:0}.beta-envelope{width:120px;height:80px;overflow:visible}.beta-envelope rect,.beta-envelope path{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.beta-envelope .note ellipse{fill:var(--accent)}.beta-envelope .note path{stroke:var(--accent)}.beta-link{max-width:760px;margin-bottom:var(--s7)}.beta-link-mark svg{width:64px;height:40px}.beta-link-mark path{fill:none;stroke:var(--ink-3);stroke-width:3px;stroke-linecap:round}.beta-link-mark circle{fill:var(--ink-3)}.beta-link.is-on .beta-link-mark path{stroke:var(--accent)}.beta-link.is-on .beta-link-mark circle{fill:var(--accent)}.beta-link-actions{margin-top:var(--s5)}@media (prefers-reduced-motion:no-preference){.beta-done:not([hidden]) .note{animation:pg-note 1.1s var(--ease-out) both}.beta-link.is-on .beta-link-mark path{stroke-dasharray:90;animation:pg-draw .7s var(--ease-in-out) both}}@keyframes pg-note{0%{opacity:0;transform:translate(-30px,30px)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes pg-draw{0%{stroke-dashoffset:90px}to{stroke-dashoffset:0}}@media (max-width:860px){.beta-grid{grid-template-columns:1fr}.beta-side{order:2}}.cl{max-width:900px;position:relative}.cl:before{content:"";background:var(--rule-strong);width:1px;position:absolute;top:8px;bottom:0;left:7px}.cl-rel{margin:0 0 var(--s6);font:400 var(--t-h3)/1.1 var(--f-display);padding-left:40px;position:relative}.cl-rel .now-dot{width:9px;height:9px;box-shadow:0 0 0 4px var(--ground);margin:0;position:absolute;top:.45em;left:3px}.cl-day{gap:var(--s5);padding:0 0 var(--s7) 40px;grid-template-columns:180px minmax(0,1fr);display:grid;position:relative}.cl-day:before{content:"";background:var(--ground);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:4px}.cl-day h3{font:500 var(--t-sm)/1.6 var(--f-mono);color:var(--ink-3);margin:0}.cl-body ul{gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.cl-body li{color:var(--ink-2);max-width:68ch}.cl-body b{color:var(--ink);font-weight:500}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cl-day{animation:linear both pg-rise;animation-timeline:view();animation-range:entry entry 40%}}}@media (max-width:720px){.cl-day{gap:var(--s2);grid-template-columns:1fr}}.cmp-cards{gap:var(--s4);margin:0 0 var(--s7);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0;list-style:none;display:grid}.cmp-card{height:100%;padding:var(--s5);border:1px solid var(--rule-strong);border-radius:var(--r-lg);transition:border-color var(--d-2), transform var(--d-3) var(--ease-out);gap:6px;text-decoration:none;display:grid}.cmp-card b{font:400 1.6rem/1.1 var(--f-display)}.cmp-card span:last-child{color:var(--ink-2);font-size:var(--t-sm)}.cmp-card:hover{border-color:var(--ink);transform:translateY(-2px)}.cmp-scroll{border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--panel);overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.cmp-table.is-wide{min-width:980px}.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:14px 16px}.cmp-table thead th{background:var(--panel);font:400 1.25rem/1.2 var(--f-display);color:var(--ink);border-bottom:1px solid var(--rule-strong);position:sticky;top:0}.cmp-table thead th:nth-child(2){box-shadow:inset 0 -3px 0 var(--accent)}.cmp-table tbody th{width:170px;font:500 var(--t-cap)/1.4 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.cmp-table td{color:var(--ink-2)}.cmp-table td:nth-child(2){color:var(--ink);background:color-mix(in oklch, var(--sunk) 55%, transparent)}.cmp-table td.quiet{color:var(--ink-3);font-style:italic}.cmp-table tbody tr:last-child>*{border-bottom:0}.cmp-table tbody tr{transition:background-color var(--d-1)}.cmp-table tbody tr:hover{background:color-mix(in oklch, var(--sunk) 60%, transparent)}.cmp-checked{margin:var(--s4) 0 0;max-width:80ch}.cmp-fair{margin-top:var(--s7);padding:var(--s6);border:1px solid var(--rule-strong);border-radius:var(--r-lg);background:var(--sunk);max-width:760px}.cmp-fair p{color:var(--ink-2);font-size:var(--t-lead);margin:0}.cmp-sources{margin-top:var(--s6)}.cmp-sources ul{color:var(--ink-2);padding-left:1.2em}.press-sec{padding-block:var(--s7);border-top:1px solid var(--rule)}.press-sec:first-child{border-top:0;padding-top:0}.sec-letter{border:1.5px solid var(--ink);width:34px;height:34px;font:400 1.1rem/1 var(--f-display);vertical-align:.15em;place-items:center;margin-right:14px;display:inline-grid}.press-copy{gap:var(--s6);grid-template-columns:1fr 1.6fr;display:grid}.press-copy figure{gap:var(--s3);align-content:start;justify-items:start;margin:0;display:grid}.press-copy blockquote{padding-left:var(--s5);border-left:1px solid var(--rule-strong);font-size:var(--t-lead);color:var(--ink);margin:0;line-height:1.5}.press-facts{gap:0 var(--s6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0;display:grid}.press-facts div{gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule);grid-template-columns:120px 1fr;display:grid}.press-facts dt{font:500 var(--t-cap)/1.6 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.press-facts dd{color:var(--ink-2);margin:0}.press-assets{gap:var(--s4);margin:var(--s5) 0 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0;list-style:none;display:grid}.press-assets li{justify-items:start;gap:var(--s3);padding:var(--s5);border:1px solid var(--rule-strong);border-radius:var(--r-lg);display:grid}.press-assets img{width:96px;height:96px}.press-assets .on-paper{color:#1f1915;color:lab(9.49156% 2.14749 4.0348);background:#f7f4ef;background:lab(96.3164% .19452 2.6652)}.press-assets .on-ink{color:#ede9e1;color:lab(92.5076% .353038 4.58193);background:#100e0c;background:lab(4.05846% .386238 1.09607)}.press-assets .on-paper .btn{color:#1f1915;color:lab(9.49156% 2.14749 4.0348);border-color:#bfbab3;border-color:lab(75.6581% .967085 4.08102)}.press-assets .on-ink .btn{color:#ede9e1;color:lab(92.5076% .353038 4.58193);border-color:#403c39;border-color:lab(25.7628% .946775 2.90212)}.press-assets .on-sunk{background:var(--sunk)}.press-dl{flex-wrap:wrap;gap:8px;display:inline-flex}.press-shots{gap:var(--s6);margin-top:var(--s5);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));display:grid}.press-shots .press-dl{margin-left:8px}.press-swatches{gap:var(--s4);margin:var(--s5) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0;list-style:none;display:grid}.press-swatches li{gap:6px;display:grid}.press-swatches i{border:1px solid var(--rule-strong);border-radius:var(--r-md);height:72px;display:block}.press-swatches code{white-space:normal;justify-self:start}.press-type{font-size:var(--t-lead);color:var(--ink-2);max-width:70ch}.t-display{font-family:var(--f-display);color:var(--ink);font-size:1.2em}.t-text{font-family:var(--f-text);color:var(--ink);font-weight:500}.t-mono{font-family:var(--f-mono);color:var(--ink)}@media (max-width:760px){.press-copy,.press-shots{grid-template-columns:1fr}}.legal-body>*{max-width:78ch}.legal-body section{padding-block:var(--s5)}.legal-body h2{font-size:1.5rem}.legal-body h3{font:400 1.2rem/1.3 var(--f-display);margin:var(--s5) 0 var(--s2)}.legal-body p,.legal-body li{color:var(--ink-2)}.legal-body address{color:var(--ink);font-style:normal;line-height:1.7}.legal-missing{padding:var(--s5);border:1px dashed var(--accent);border-radius:var(--r-lg);color:var(--ink-2);margin-bottom:var(--s6);line-height:1.7}.legal-missing span{margin-top:var(--s2);display:block}.legal-missing b{color:var(--accent);margin-right:6px}.legal-toc ol{gap:var(--s2) var(--s5);margin:0 0 var(--s5);counter-reset:toc;font-size:var(--t-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.legal-toc a{color:var(--ink-2)}.legal-en{margin-top:var(--s8);border-top:1px solid var(--rule-strong);padding-top:var(--s6)!important}.gal-key{gap:var(--s3) var(--s5);margin-bottom:var(--s6);font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.gal-key span{align-items:center;gap:8px;display:inline-flex}.sw{border:1px solid var(--rule-strong);width:14px;height:14px;display:inline-block}.sw.t{background:var(--fn-t)}.sw.s{background:var(--fn-s)}.sw.d{background:var(--fn-d)}.sw.x{background:repeating-linear-gradient(135deg, var(--ink-3) 0 1px, transparent 1px 4px)}.sw.now{background:var(--accent);border-color:var(--accent);border-radius:50%}.gal-grid{gap:var(--s6) var(--s5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.gal-item{gap:var(--s3);justify-items:start;display:grid}.gal-item figure{width:100%;margin:0}.gal-item canvas{aspect-ratio:1;width:100%;display:block}.gal-item figcaption{margin-top:var(--s3);gap:2px;display:grid}.gal-item figcaption b{font:400 1.25rem/1.2 var(--f-display)}.gal-item figcaption span{color:var(--ink-2);font-size:var(--t-sm)}@media (prefers-reduced-motion:no-preference){.gal-item{animation:pg-clock .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}}@keyframes pg-clock{0%{opacity:0;transform:translateY(12px)rotate(-6deg)scale(.96)}to{opacity:1;transform:none}}.gal-status,.gal-more{margin-top:var(--s5)}.gal-share{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--rule);max-width:70ch}.gal-share p{color:var(--ink-2)}.cards-stage{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.cards-preview{background:var(--sunk);border:1px solid var(--rule);border-radius:var(--r-lg);place-items:center;padding:clamp(16px,3vw,40px);display:grid}.cards-preview canvas{width:100%;max-width:640px;height:auto;display:block;box-shadow:0 24px 60px -30px #00000073;box-shadow:0 24px 60px -30px lab(0% 0 0/.45)}.cards-preview.story canvas{width:auto;max-width:100%;max-height:72vh}@media (prefers-reduced-motion:no-preference){.cards-preview.swap canvas{animation:pg-settle .42s var(--ease-out) both}}@keyframes pg-settle{0%{opacity:.4;transform:scale(.985)rotate(-.6deg)}to{opacity:1;transform:none}}.cards-side{gap:var(--s2);align-content:start;display:grid}.cards-side>.cap{margin:0 0 var(--s4)}.cards-actions{gap:var(--s3);margin:var(--s3) 0;flex-wrap:wrap;display:flex}.cards-read{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--rule)}@media (max-width:860px){.cards-stage{grid-template-columns:1fr}}