@font-face{font-family:Archivo Variable;font-style:normal;font-display:optional;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:optional;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:italic;font-display:optional;font-weight:100 900;src:url(/assets/archivo-latin-wght-italic-C1arb59o.woff2)format("woff2-variations");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:Archivo Variable;font-style:italic;font-display:optional;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-italic-DX1NMQXW.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#f3f3ef;--sheet:#fff;--ink:#111;--ink-2:#4a4a46;--ink-3:#66665f;--hair:#cfcfc8;--blue:#1f3fd1;--on-blue:#fff;--on-blue-2:#fffc;--on-blue-rule:#fff6;--good:#16a34a;--near:#d9a300;--length:#ea580c;--bad:#dc2626;--danger:#b91c1c;--face:"Archivo Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--max:1440px;--margin:64px;--gutter:24px;--space:136px;--measure:64ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:1100px){:root{--margin:40px;--space:112px}}@media (max-width:640px){:root{--margin:20px;--gutter:16px;--space:88px}}*{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;scroll-padding-top:80px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--face);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--blue);margin:0;font-size:18px;line-height:1.55}::selection{background:var(--blue);color:var(--on-blue)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h1,h2,h3,h4{color:var(--ink);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}[hidden]{display:none!important}cite{font-style:italic}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:30;background:var(--ink);color:var(--paper);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.bar{z-index:20;height:64px;padding:0 var(--margin);background:var(--paper);border-bottom:1px solid var(--hair);transition:border-color .18s var(--ease);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid;position:sticky;top:0}.bar.scrolled{border-bottom-color:var(--ink)}.bar:not(:has(.bar-links)){grid-template-columns:minmax(0,1fr) auto}.brand{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;justify-self:start;align-items:center;gap:10px;padding:6px 0;font-size:21px;font-weight:700;font-stretch:88%;text-decoration:none;display:inline-flex}.brand-mark{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:21px;height:21px}.bar-links{gap:28px;display:flex}.bar-links a{color:var(--ink-2);padding:8px 0;font-size:15px;font-weight:500;text-decoration:none}.bar-links a:hover{color:var(--ink);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.bar-nav{justify-self:end;align-items:center;gap:14px;min-width:0;display:flex}.bar-nav .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);font-size:14px;overflow:hidden}.bar-account{align-items:center;gap:12px;min-width:0;display:flex}.bar-account[hidden]{display:none}.lang-switch{letter-spacing:.02em;min-width:36px;height:36px;color:var(--ink-2);justify-content:center;align-items:center;padding:0 6px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.lang-switch:hover{color:var(--ink);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.bar.app-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand tabs account"}.app-bar .brand{grid-area:brand}.app-bar .tabs{grid-area:tabs}.app-bar .bar-nav{grid-area:account}.tabs{align-self:stretch;gap:28px;display:flex}.tab{height:100%;color:var(--ink-2);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;padding:3px 0 0;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.tab:hover{color:var(--ink);border-bottom-color:var(--hair)}.tab[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}@media (max-width:900px){.bar.app-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account""tabs tabs";row-gap:4px;height:auto;padding-top:8px}.app-bar .tabs{justify-content:space-between;justify-self:stretch;gap:0;height:44px}.app-bar .bar-nav .who{display:none}}.cap{height:50px;font:inherit;white-space:nowrap;cursor:pointer;transition:background-color .14s var(--ease), color .14s var(--ease), box-shadow .14s var(--ease);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.cap:active{transform:translateY(1px)}.cap.white{background:var(--ink);color:var(--paper)}.cap.white:hover{background:var(--ink-2);color:var(--paper)}.cap.glass{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.cap.glass:hover{background:var(--ink);color:var(--paper)}.cap.small{height:36px;padding:0 14px;font-size:14px}.cap.round{width:40px;height:40px;padding:0}.cap.round svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:16px;height:16px}.cap[disabled],.cap[aria-disabled=true]{cursor:default;opacity:.45}.cap.white[disabled]{background:var(--ink-3);color:var(--paper);opacity:1}.cap svg{fill:currentColor;flex:none;width:15px;height:15px}.actions{flex-wrap:wrap;gap:12px;display:flex}.blue .cap.white{background:var(--on-blue);color:var(--ink)}.blue .cap.white:hover{background:var(--ink);color:var(--on-blue)}.blue .cap.glass{box-shadow:inset 0 0 0 1.5px var(--on-blue);color:var(--on-blue)}.blue .cap.glass:hover{background:var(--on-blue);color:var(--blue)}.blue :focus-visible{outline-color:var(--on-blue)}.field{gap:8px;display:grid}.field label{color:var(--ink);font-size:15px;font-weight:600}.input{width:100%;height:50px;box-shadow:inset 0 0 0 1.5px var(--ink-3);background:var(--sheet);color:var(--ink);font:inherit;transition:box-shadow .12s var(--ease);border:0;border-radius:0;padding:0 14px;font-size:17px}.input::placeholder{color:var(--ink-3)}.input:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:inset 0 0 0 1.5px var(--ink)}.input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}.message{min-height:1.45em;color:var(--ink-2);font-size:15px;line-height:1.45}.message.error{color:var(--danger);font-weight:600}.message.done{color:var(--ink);font-weight:600}.kicker{color:var(--ink-2);font-size:15px;font-weight:600}.lead{color:var(--ink-2);max-width:var(--measure);font-size:21px;line-height:1.45}.body{color:var(--ink-2);max-width:var(--measure)}.fine{color:var(--ink-3);max-width:var(--measure);font-size:14px;line-height:1.5}.fine a{color:var(--ink-2)}.credit{color:var(--ink-3);max-width:70ch;font-size:13px;line-height:1.45}.credit cite{color:var(--ink-2)}.terms{color:var(--ink-2);font-size:15px;font-weight:600}.needs{color:var(--ink-2);font-size:15px;font-weight:500}.hero h1,.band h2,.close h2,.guide h1,.guide h2,.legal-page h1,.app-head h1,.credits-page h1,.account-panel h1{letter-spacing:-.022em;font-weight:640;font-stretch:78%}.band{width:min(100% - 2 * var(--margin), var(--max) - 2 * var(--margin));margin:var(--space) auto 0;border-top:2px solid var(--ink);padding-top:22px}.band h2{font-size:clamp(36px,4.6vw,68px);line-height:.98}.band-head{gap:24px var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-bottom:64px;display:grid}.band-head h2{grid-column:1/span 7}.band-head .lead{grid-column:9/-1;padding-top:.35em}.split{gap:56px var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.split>:first-child{grid-column:1/span 5}.split>:last-child{grid-column:7/-1}.split-words{align-content:start;gap:24px;display:grid}.shot{margin:0}.shot img{background:var(--ink);width:100%}.shot-caption{max-width:72ch;color:var(--ink-3);margin-top:14px;font-size:14px;line-height:1.5}.shot-credit{margin-top:4px;display:block}.shot-credit a{color:var(--ink-2)}.band>.shot{margin-top:8px}.paper{background:var(--sheet);overflow:hidden}.paper img,.paper svg{width:100%;height:auto;display:block}.run-paper g.note.unplayed g.notehead{fill:#14161b;stroke:none}.run-paper g.note.unplayed :is(.tick,.played),.run-paper .unplayed:is(.tick,.played){visibility:hidden}.run-paper g.note.heard[data-verdict=good] g.notehead{fill:var(--good)}.run-paper{box-shadow:inset 0 0 0 1px var(--hair);padding:18px 12px;position:relative}.run-cursor{background:var(--blue);pointer-events:none;will-change:transform;width:2px;margin-left:-1px;position:absolute;top:0;left:0}.blue{background:var(--blue);color:var(--on-blue)}.blue :is(h1,h2,h3,h4,strong){color:var(--on-blue)}.blue :is(.lead,.body,.fine,.terms,.needs){color:var(--on-blue-2)}.blue a:not(.cap){color:var(--on-blue)}.hero{gap:44px var(--gutter);padding:56px max(var(--margin), (100% - var(--max)) / 2 + var(--margin)) 64px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.hero h1{grid-column:1/-1;max-width:15em;font-size:clamp(50px,6.6vw,96px);line-height:.94}.hero-words{grid-column:1/span 4;justify-items:start;gap:20px;display:grid}.hero-sub{color:var(--on-blue);font-size:21px;font-weight:600;line-height:1.3}.hero-lead{color:var(--on-blue-2);font-size:18px;line-height:1.5}.hero .actions{margin-top:8px}.hero .needs{border-top:1px solid var(--on-blue-rule);align-self:stretch;padding-top:14px}.hero-show{grid-column:6/-1;gap:20px;margin:0;display:grid}.hero-frame{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.hero-frame .loop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.loop-picks{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.loop-pick{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.loop-progress{background:var(--on-blue-rule);order:-1;height:2px;margin-bottom:10px;overflow:hidden}.loop-progress span{background:var(--on-blue);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.loop-pick[aria-pressed=true] .loop-progress span:not([style]){transform:scaleX(1)}.loop-name{color:var(--on-blue-2);font-size:16px;font-weight:650}.loop-what{color:var(--on-blue-2);font-size:14px;line-height:1.4}.loop-pick[aria-pressed=true] .loop-name,.loop-pick:hover .loop-name{color:var(--on-blue)}.loop-pick:focus-visible{outline-offset:6px}.demo-tabs{gap:0 var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px;display:grid}.demo-tab{border:0;border-top:2px solid var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .14s var(--ease), color .14s var(--ease);background:0 0;align-content:start;gap:4px;padding:14px 16px 16px;display:grid}.demo-tab:hover{background:var(--sheet)}.demo-tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.demo-tab-piece{font-size:19px;font-weight:650;font-stretch:90%;line-height:1.3}.demo-tab-meta{color:var(--ink-3);font-size:14px}.demo-tab[aria-selected=true] .demo-tab-meta{color:#f3f3efbf}.demo:focus-visible{outline-offset:8px}.strip{border-bottom:1px solid var(--ink);height:48px;margin-top:14px;position:relative}.strip-notes{position:absolute;inset:0}.strip-note{background:var(--good);transform-origin:bottom;width:2px;height:30px;transition:transform .22s var(--ease), background-color .12s linear;margin-left:-1px;position:absolute;bottom:0;transform:scaleY(.4)}.strip-note:not([data-verdict=good]){transform:none}.strip-note[data-verdict=near]{background:var(--near)}.strip-note[data-verdict=length]{background:var(--length)}.strip-note:is([data-verdict=bad],[data-verdict=missed]){background:var(--bad)}.strip-note.unplayed{background:var(--hair);transform:scaleY(.4)}.scrub{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.scrub::-webkit-slider-runnable-track{background:0 0;height:100%}.scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);border:0;border-radius:0;width:3px;height:48px}.scrub::-moz-range-track{background:0 0;height:100%}.scrub::-moz-range-thumb{background:var(--blue);border:0;border-radius:0;width:3px;height:48px}.scrub:focus-visible{outline-offset:4px}.player-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:20px;display:grid}.player-bar .cap{justify-content:flex-start;min-width:13.5em}.track{gap:2px;min-width:0;display:grid}.track-title{color:var(--ink);font-weight:600}.track-meta{color:var(--ink-3);font-size:14px}.time{color:var(--ink-2);font-size:16px;font-weight:600}.sealed{border-top:1px solid var(--hair);max-width:860px;color:var(--ink-3);margin-top:48px;padding-top:14px}.outcome{gap:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:64px;display:grid}.outcome>*{grid-column:1/-1}.outcome.revealed{animation:rise .52s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.verdict-line{letter-spacing:-.015em;color:var(--ink-2);text-wrap:balance;grid-column:1/span 9;margin-bottom:40px;font-size:clamp(26px,2.8vw,40px);font-weight:500;font-stretch:85%;line-height:1.2}.verdict-line strong{color:var(--ink);font-weight:700}.report{border-top:2px solid var(--ink);grid-column:1/span 7}.report-head{gap:6px;padding:16px 0 22px;display:grid}.report-head h3{letter-spacing:-.02em;font-size:clamp(34px,3.4vw,48px);font-weight:640;font-stretch:78%;line-height:1}.report-sub,.report-score{color:var(--ink-3);font-size:15px}.findings{counter-reset:finding;margin:0;padding:0;list-style:none;display:grid}.findings li{counter-increment:finding;border-top:1px solid var(--hair);grid-template-columns:56px minmax(0,1fr);gap:8px;padding:18px 0 20px;display:grid}.findings li>*{grid-column:2}.findings li:before{content:counter(finding);color:var(--ink);grid-area:1/1/span 4;font-size:34px;font-weight:640;font-stretch:78%;line-height:.9}.finding{color:var(--ink);font-size:19px;font-weight:550;line-height:1.4}.why{color:var(--ink-3);font-size:16px}.how{color:var(--ink-2);font-size:16px}.step{color:var(--blue);align-items:baseline;gap:8px;font-size:16px;font-weight:600;display:flex}.arrow{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;flex:none;align-self:center;width:15px;height:15px}.also{border-top:1px solid var(--hair);padding:16px 0 18px}.also h4{margin:0 0 8px;font-size:16px;font-weight:650}.also ul{color:var(--ink-2);gap:6px;margin:0;padding-left:18px;font-size:16px;display:grid}.report-score{border-top:1px solid var(--ink);padding:14px 0 0}.planted{border-top:2px solid var(--ink);grid-column:9/-1;gap:0;display:grid}.planted h4{margin:0;padding:16px 0 14px;font-size:19px;font-weight:650;font-stretch:90%;line-height:1.3}.planted ul{margin:0;padding:0;list-style:none;display:grid}.planted li{border-top:1px solid var(--hair);color:var(--ink-2);gap:2px;padding:12px 0;font-size:16px;display:grid}.planted-found{color:var(--ink);font-size:14px;font-weight:650}.planted .fine{border-top:1px solid var(--ink);padding-top:12px}.run-shot{margin-top:80px}.hears{gap:36px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hears li,.strands li{border-top:1px solid var(--ink);padding-top:14px}.hears h3,.strands h4{letter-spacing:-.005em;margin:0 0 6px;font-size:22px;font-weight:650;font-stretch:85%;line-height:1.2}.hears p,.strands p{color:var(--ink-2);font-size:16px;line-height:1.5}.calibration{letter-spacing:-.015em;max-width:30em;color:var(--ink-2);text-wrap:balance;margin-top:88px;font-size:clamp(26px,2.8vw,40px);font-weight:500;font-stretch:85%;line-height:1.2}.calibration strong{color:var(--ink);font-weight:700}.film-frame{margin:0}.film-video{aspect-ratio:16/9;background:var(--ink);width:100%;height:auto;display:block}.ticks{max-width:var(--measure);margin:0;padding:0;list-style:none;display:grid}.ticks li{border-top:1px solid var(--hair);color:var(--ink-2);padding:14px 0;font-size:17px}.ticks li:last-child{border-bottom:1px solid var(--hair)}.ticks strong{color:var(--ink);font-weight:650}.ticks.three{gap:0 var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-top:56px}.ticks.three li{border-top:1px solid var(--ink);border-bottom:0;padding-top:14px}.changes .band-head{margin-bottom:0}.routes{border-bottom:1px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.routes li{gap:4px var(--gutter);border-top:1px solid var(--ink);grid-template-columns:10rem minmax(0,1fr);align-items:baseline;padding:20px 0;display:grid}.route-from{color:var(--ink);font-size:19px;font-weight:650;font-stretch:90%}.route-to{color:var(--ink-2);font-size:17px}.path{gap:24px var(--gutter);counter-reset:step;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 72px;padding:0;list-style:none;display:grid}.path li{counter-increment:step;border-top:2px solid var(--ink);align-content:start;gap:6px;padding-top:12px;display:grid}.path li:before{content:counter(step);color:var(--ink);margin-bottom:8px;font-size:44px;font-weight:640;font-stretch:78%;line-height:1}.path-step{color:var(--ink);font-size:18px;font-weight:650}.path-what{color:var(--ink-2);font-size:16px}.fine.aside{margin-top:20px}.concerto{margin-bottom:104px}.clip{justify-items:start;gap:12px;margin-top:8px;display:grid}.clip-time{opacity:.75;font-weight:500}.clip .track-meta{max-width:52ch}.ladder-head{gap:16px var(--gutter);border-top:2px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:40px;padding-top:18px;display:grid}.ladder-head h3{letter-spacing:-.02em;grid-column:1/span 5;font-size:clamp(30px,3vw,44px);font-weight:640;font-stretch:78%;line-height:1}.ladder-head .body{grid-column:7/-1}.strands{gap:24px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 64px;padding:0;list-style:none;display:grid}.strands h4 a{text-decoration:none}.strands h4 a:hover{text-decoration:underline;text-decoration-thickness:2px}.ladder{gap:36px var(--gutter);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.rung a{align-content:start;gap:4px;text-decoration:none;display:grid}.rung img{aspect-ratio:4/3;object-fit:cover;background:var(--hair);width:100%;margin-bottom:8px}.rung-name{color:var(--ink);font-size:17px;font-weight:650;font-stretch:90%;line-height:1.2}.rung a:hover .rung-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.rung-meta{color:var(--ink-3);font-size:13px;line-height:1.4}.level-works{color:var(--ink-2);font-size:13px;line-height:1.4}.ladder-foot{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:48px;padding-top:24px;display:flex}.ways{gap:32px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 88px;padding:0;list-style:none;display:grid}.ways li{border-top:2px solid var(--ink);padding-top:16px}.ways h3{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,2.6vw,38px);font-weight:640;font-stretch:78%;line-height:1}.ways p{color:var(--ink-2);max-width:var(--measure)}.keys-figure{margin:0}.keys{background:var(--ink);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:560px;padding:2px;display:grid;position:relative}.white-key{background:var(--sheet);height:210px;color:var(--ink);justify-content:center;align-items:flex-end;padding-bottom:14px;font-size:20px;font-weight:650;display:flex;position:relative}.white-key.d{background:var(--blue);color:var(--on-blue)}.black-key{background:var(--ink);width:calc(8.28572% - .331429px);height:128px;position:absolute;top:2px}.k1{left:calc(10.1429% + 1.59429px)}.k2{left:calc(24.4286% + 1.02286px)}.k3{left:calc(53% - .12px)}.k4{left:calc(67.2857% - .691429px)}.k5{left:calc(81.5714% - 1.26286px)}.keys-labels{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:560px;margin:12px 0 0;padding:0 2px;list-style:none;display:grid}.keys-labels li{text-align:center;color:var(--ink-2);font-size:14px;line-height:1.3}.keys-labels li.d{color:var(--blue);font-weight:650}.close{margin-top:var(--space);padding:112px max(var(--margin), (100% - var(--max)) / 2 + var(--margin)) 120px;justify-items:start;gap:28px;display:grid}.close h2{font-size:clamp(44px,6vw,96px);line-height:.94}.close .lead{max-width:40ch}.trial-terms{gap:24px var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;margin:24px 0 8px;padding:0;list-style:none;display:grid}.trial-terms li{border-top:2px solid var(--on-blue);color:var(--on-blue-2);padding-top:14px;font-size:17px}.trial-terms strong{margin-bottom:4px;font-size:21px;font-weight:650;font-stretch:90%;display:block}.footer{padding:28px var(--margin) 48px;border-top:2px solid var(--ink);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;font-size:14px;display:flex}main:has(>.blue:last-child)+.footer{border-top:0}.footer nav{flex-wrap:wrap;gap:6px 22px;display:flex}.footer a{color:var(--ink);text-decoration:none}.footer a:hover{text-decoration:underline}.footer .lang-switch{min-width:0;height:auto;padding:0;font-size:14px;font-weight:600}.credits-page{max-width:var(--max);padding:88px var(--margin) 120px;justify-items:start;gap:28px;margin:0 auto;display:grid}.credits-page h1{font-size:clamp(44px,5vw,80px);line-height:.96}.credits-list{columns:2 380px;column-gap:48px;margin:0;padding:0;list-style:none}.credits-list li{break-inside:avoid;border-top:1px solid var(--hair);color:var(--ink-2);padding:8px 0;font-size:14px;line-height:1.45}.credits-list cite{color:var(--ink)}.page-main{min-height:calc(100vh - 64px)}.account{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.account-panel{padding:56px var(--margin);align-content:center;justify-self:start;gap:32px;width:100%;max-width:600px;display:grid}.account-panel h1{font-size:clamp(40px,4.4vw,68px);line-height:.96}.section-head{gap:18px;display:grid}.account-panel form{gap:20px;display:grid}.account-panel form .cap{width:100%}.account-help{border-top:1px solid var(--ink);color:var(--ink-2);gap:6px;padding-top:16px;font-size:15px;display:grid}.account-art{grid-template-rows:1fr auto;gap:10px;margin:0;padding:0 0 20px;display:grid;position:relative}.account-art img{object-fit:cover;width:100%;height:100%;min-height:0}.account-art .credit{padding-right:var(--margin)}.state{color:var(--ink-2)}.own-build{border-top:2px solid var(--ink);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px 64px;padding-top:22px;display:grid}.own-build h2{letter-spacing:-.02em;font-size:clamp(30px,3vw,44px);font-weight:640;font-stretch:78%;line-height:1}.own-build .meta,.build .meta{color:var(--ink-3);font-size:14px}.own-build .cap{margin-top:10px}.own-build-main{align-content:start;justify-items:start;gap:10px;display:grid}.install h3{margin-bottom:10px;font-size:17px;font-weight:650}.install ol{counter-reset:install;margin:0;padding:0;list-style:none;display:grid}.install li{counter-increment:install;border-top:1px solid var(--hair);color:var(--ink-2);grid-template-columns:32px minmax(0,1fr);padding:10px 0;font-size:16px;display:grid}.install li:before{content:counter(install);color:var(--ink);font-weight:700}.first-steps h2,.other-builds h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(28px,2.6vw,38px);font-weight:640;font-stretch:78%;line-height:1}.first-steps ol{gap:24px var(--gutter);counter-reset:first;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.first-steps li{counter-increment:first;border-top:2px solid var(--ink);color:var(--ink-2);gap:6px;padding-top:12px;font-size:16px;display:grid}.first-steps li:before{content:counter(first);color:var(--ink);margin-bottom:6px;font-size:44px;font-weight:640;font-stretch:78%;line-height:1}.first-steps strong{color:var(--ink);font-size:18px;font-weight:650}.build-list{margin:0;padding:0;list-style:none;display:grid}.build{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;padding:22px 0;display:grid}.build:last-child{border-bottom:1px solid var(--ink)}.build h3{font-size:20px;font-weight:650;line-height:1.3}.build details{color:var(--ink-2);grid-column:1/-1;font-size:15px}.build summary{cursor:pointer;color:var(--ink);font-size:15px;font-weight:600}.build details .install{margin-top:12px}@media (max-width:1180px){.bar-links{gap:20px}.ladder{grid-template-columns:repeat(4,minmax(0,1fr))}.hears{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.bar-links{display:none}.bar{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:960px){.hero-words,.hero-show,.band-head h2,.band-head .lead,.split>:first-child,.split>:last-child,.ladder-head h3,.ladder-head .body,.verdict-line,.report,.planted{grid-column:1/-1}.band-head{margin-bottom:48px}.band-head .lead{padding-top:0}.split{gap:48px var(--gutter)}.own-build,.account{grid-template-columns:minmax(0,1fr)}.account-art{display:none}.hears,.strands{grid-template-columns:repeat(2,minmax(0,1fr))}.planted{margin-top:48px}.path{grid-template-columns:minmax(0,1fr);gap:0}.path li{border-top-width:1px;grid-template-columns:56px minmax(0,1fr);padding:14px 0 18px}.path li:first-child{border-top-width:2px}.path li:before{grid-row:1/span 2;margin:0;font-size:34px}.trial-terms,.first-steps ol,.ticks.three,.ways{grid-template-columns:minmax(0,1fr);gap:20px}.ways{gap:40px;margin-bottom:64px}.concerto{margin-bottom:80px}}@media (max-width:640px){body{font-size:17px}.lead{font-size:19px}.hero{gap:32px var(--gutter);padding-top:36px;padding-bottom:48px}.hero h1{font-size:clamp(44px,13vw,56px)}.hero-sub{font-size:19px}.bar-nav .who{display:none}.band-head{margin-bottom:36px}.demo-tabs{grid-template-columns:minmax(0,1fr)}.demo-tab{border-top-width:1px;padding:12px 14px 14px}.demo-tab:first-child{border-top-width:2px}.ladder{grid-template-columns:minmax(0,1fr);gap:0}.rung a{border-top:1px solid var(--hair);grid-template-rows:auto auto 1fr;grid-template-columns:96px minmax(0,1fr);gap:2px 16px;padding:12px 0}.rung img{grid-row:1/span 3;margin:0}.hears,.strands{grid-template-columns:minmax(0,1fr);gap:20px}.loop-picks{grid-template-columns:minmax(0,1fr);gap:14px}.loop-pick:not([aria-pressed=true]) .loop-what{display:none}.loop-progress{margin-bottom:8px}.routes li{grid-template-columns:minmax(0,1fr);padding:16px 0}.calibration{margin-top:64px}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:14px 16px}.player-bar .track{grid-area:2/1/auto/-1}.player-bar .cap{min-width:0}.findings li{grid-template-columns:40px minmax(0,1fr)}.findings li:before{font-size:28px}.white-key{height:156px;font-size:16px}.black-key{height:96px}.keys-labels li{font-size:12px}.close{padding-top:80px;padding-bottom:88px}.close .actions,.close .actions .cap,.hero .actions .cap{width:100%}.build{grid-template-columns:minmax(0,1fr)}.build .cap,.own-build .cap{width:100%}.footer{flex-direction:column}.footer a{align-items:center;min-height:32px;display:inline-flex}.run-shot{display:none}.run-paper{overscroll-behavior-x:contain;scrollbar-color:var(--ink-3) transparent;overflow-x:auto}.run-paper svg{width:960px;max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}