:root{--paper:#fbf7e9;--ink:#17252b;--red:#ef4d42;--teal:#1a9c95;--yellow:#f2c84a;--pink:#ef9bad;--line:#8c9894;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.5}body.quiet *{animation:none!important}a{color:inherit}button,input,select,textarea{font:inherit}.skip{position:fixed;top:-4rem;left:1rem;z-index:50;background:var(--yellow);padding:.8rem}.skip:focus{top:1rem}body>header{height:76px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.5rem;border-left:1px solid var(--line);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.15rem}.brand span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--red);color:white;font-size:1.4rem}.brand b{font-weight:900}header nav{display:flex;gap:2rem}header nav a{text-decoration:none;font-size:.68rem;text-transform:uppercase;font-weight:800}#tempo{justify-self:end;border:1px solid;background:transparent;padding:.6rem;cursor:pointer}.hero{max-width:var(--max);margin:auto;border:1px solid var(--line);min-height:800px;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr auto}.hero-copy{padding:6rem 3rem;align-self:center}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:800;color:#91661a}.hero h1,.score h2,.tracks h2,.pipeline h2,.contact h2{font-family:"Arial Black",Impact,sans-serif;letter-spacing:-.065em;line-height:.88}.hero h1{font-size:clamp(4rem,7vw,8rem);max-width:8.4ch;margin:.6rem 0 1.5rem}.hero-copy>p:not(.kicker){max-width:48ch;color:#5c6866}.hero-copy>a{display:inline-flex;justify-content:space-between;min-width:300px;background:var(--ink);color:white;text-decoration:none;padding:1rem;margin-top:2rem}.score-art{position:relative;overflow:hidden;background:var(--pink);padding:10% 0}.staff{height:25%;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:repeating-linear-gradient(0deg,transparent 0 18%,var(--ink) 19% 21%,transparent 22% 38%);position:relative}.staff>span{position:absolute;left:1rem;top:.5rem;background:var(--paper);padding:.3rem;font-size:.65rem}.note{position:absolute;font-style:normal;color:var(--red);font-size:2.5rem;top:30%;left:25%}.n2,.n5,.n8{left:50%;top:5%}.n3,.n6,.n9{left:78%;top:45%}.n4,.n5,.n6{color:var(--teal)}.n7,.n8,.n9{color:var(--yellow)}.rest{position:absolute;right:5%;font-size:3rem}.playhead{position:absolute;top:0;bottom:0;width:4px;background:var(--red);left:8%;animation:scan 7s linear infinite}@keyframes scan{50%{left:92%}}.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid;font-size:.62rem;letter-spacing:.12em}.score{padding:8rem max(1.5rem,calc((100% - var(--max))/2));background:var(--ink);color:white}.score>header{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end}.score h2,.tracks h2,.pipeline h2,.contact h2{font-size:clamp(3.5rem,6vw,6.5rem);margin:.5rem 0}.score>header>p{color:#b9c2c1}.conductor{display:grid;grid-template-columns:.75fr 1.25fr;margin-top:4rem;border:1px solid #ffffff55}.track-mixer>div{padding:1.5rem;border-bottom:1px solid #ffffff44}.track-mixer button{width:100%;display:flex;gap:1rem;align-items:center;border:0;background:transparent;color:white;text-align:left;cursor:pointer}.track-mixer button>i{width:1rem;height:1rem;border-radius:50%;background:#667}.track-mixer button.track-on>i{background:var(--teal);box-shadow:0 0 0 5px #1a9c9533}.track-mixer b,.track-mixer small{display:block}.track-mixer small{color:#9da8a7}.track-mixer input{width:100%;accent-color:var(--yellow)}.run-console{padding:2rem;background:#222f34}.run-head{display:flex;justify-content:space-between;font-size:.65rem}.run-head b{color:var(--yellow)}.run-score{margin:3rem 0}.run-score>div{display:grid;grid-template-columns:120px 1fr 80px;gap:1rem;align-items:center;margin:1.5rem 0}.run-score i{height:.8rem;background:#ffffff20;position:relative}.run-score i::after{content:"";display:block;width:var(--progress,0);height:100%;background:var(--teal);transition:width .4s}.run-score em{font-style:normal;font-size:.7rem}.run-console>button{border:0;background:var(--yellow);padding:1rem;font-weight:800;cursor:pointer}.run-console>p{font-size:.75rem;color:#bac3c2}.tracks{padding:8rem max(1.5rem,calc((100% - var(--max))/2))}.tracks>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid;margin-top:1rem}.tracks article{padding:2rem;min-height:520px;border-right:1px solid;display:flex;flex-direction:column}.tracks article:last-child{border:0}.tracks article>span{font:4rem Georgia;color:var(--red)}.tracks article:nth-child(2)>span{color:var(--teal)}.tracks article:nth-child(3)>span{color:#b18100}.tracks h2{font-size:3.8rem;margin-top:auto}.tracks p{color:#626b69}.tracks li{margin:.6rem 0}.pipeline{background:var(--yellow);padding:8rem max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem}.pipeline>div>p:last-child{max-width:42rem}.pipeline ol{list-style:none;padding:0;margin:0;display:grid;align-content:center}.pipeline li{border-top:2px solid;padding:1rem;display:flex;justify-content:space-between}.pipeline li b{font-size:1.3rem}.contact{padding:8rem max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:6rem;background:var(--teal);color:white}.contact .kicker{color:#102b2b}.contact form{display:grid;gap:1rem}.contact label{font-size:.65rem;text-transform:uppercase}.contact input,.contact select,.contact textarea{display:block;width:100%;padding:1rem;margin-top:.3rem;background:transparent;color:white;border:1px solid white}.contact select option{color:#111}.contact textarea{min-height:100px}.contact button{background:var(--ink);color:white;padding:1rem;border:0;cursor:pointer}#form-status{margin:0}footer{max-width:var(--max);margin:auto;padding:2.5rem 1.5rem;display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:2rem;align-items:center;font-size:.75rem}footer address{font-style:normal}:focus-visible{outline:3px solid var(--red);outline-offset:4px}@media(max-width:850px){body>header{grid-template-columns:1fr auto}header nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:var(--paper);padding:1rem;justify-content:space-around;border-top:1px solid}#tempo{font-size:0}#tempo::after{content:"◉";font-size:1rem}.hero{grid-template-columns:1fr}.hero-copy{padding:4rem 1.5rem}.score-art{min-height:500px}.score>header{grid-template-columns:1fr}.conductor{grid-template-columns:1fr}.track-mixer{display:flex;overflow:auto}.track-mixer>div{min-width:220px}.tracks>div{grid-template-columns:1fr}.tracks article{min-height:300px;border-right:0;border-bottom:1px solid}.pipeline,.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding-bottom:6rem}}@media(max-width:520px){.hero h1,.score h2,.pipeline h2,.contact h2{font-size:3.6rem}.hero-copy>a{min-width:0;width:100%}.score-art{min-height:370px}.score,.tracks,.pipeline,.contact{padding:5rem 1rem}.run-console{padding:1rem}.run-score>div{grid-template-columns:80px 1fr}.run-score em{grid-column:2}.tracks h2{font-size:3rem}.hero-meta,footer{display:grid;grid-template-columns:1fr;gap:.5rem}.contact h2{font-size:3.3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.playhead{animation:none}*,*::before,*::after{transition-duration:.01ms!important}}
@media(max-width:520px){.tracks h2,.contact h2{overflow-wrap:anywhere}}