:root{--black:#151313;--cream:#f3e8cb;--red:#df3c38;--blue:#275dc2;--pink:#f48fa6;--gold:#e8b84e;--mono:Consolas,monospace;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:"Arial Narrow","Segoe UI",sans-serif;overflow-x:hidden}.skip{position:fixed;top:-5rem;left:1rem;z-index:30;background:var(--gold);padding:.8rem}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}.label-head{height:80px;display:grid;grid-template-columns:1fr auto auto;gap:3rem;align-items:center;padding:0 4vw;background:var(--black);color:white}.brand{text-decoration:none;font:italic 1.5rem var(--serif)}.brand span{color:var(--pink)}.brand small{display:block;font:600 .52rem var(--mono);font-style:normal;color:var(--gold)}nav{display:flex;gap:2rem}nav a{text-decoration:none;font:700 .62rem var(--mono);letter-spacing:.11em}.needle-link{padding:.8rem 1rem;background:var(--red);color:white;text-decoration:none;font-weight:900}.record-hero{min-height:780px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--blue);color:white}.record{position:relative;display:grid;place-items:center;overflow:hidden}.record>i{width:78%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,var(--black) 0 8px,#333 9px 11px,var(--black) 12px 19px);box-shadow:22px 22px 0 var(--red)}.label{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;background:var(--gold);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.label small,.label span{font:700 .52rem var(--mono)}.label b{font-size:1.3rem;margin:.7rem 0}.record>strong{position:absolute;left:8%;bottom:8%;font:900 5rem var(--mono);color:var(--pink)}.hero-copy{padding:8rem 5vw;align-self:center}.hero-copy>p:first-child,.works>div>span,.split-copy>span,.usage>div>span,.payouts>div>span{font:700 .62rem var(--mono);letter-spacing:.15em;color:var(--gold)}.hero-copy h1,.works h2,.splits h2,.usage h2,.payouts h2{font:400 clamp(3.8rem,7vw,8rem)/.83 var(--serif);letter-spacing:-.06em;margin:1rem 0}.hero-copy h1 em{color:var(--pink);font-weight:400}.hero-copy p:nth-child(3){max-width:52ch;line-height:1.7;color:#dad8e5}.hero-copy a{display:inline-block;margin-top:1.5rem;background:var(--cream);color:var(--black);padding:1rem 1.3rem;text-decoration:none;font-weight:900}.works{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:7rem 5vw}.works ol{list-style:none;padding:0}.works li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem 0;border-bottom:2px solid}.works li b{font-family:var(--mono);color:var(--red)}.works li i{grid-column:2;font-style:normal;color:#665f58}.splits{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:7rem 6vw;background:var(--pink)}.split-controls label{display:grid;grid-template-columns:1fr auto;gap:.7rem;margin-top:1.4rem;font:700 .62rem var(--mono)}.split-controls input{grid-column:1/-1;width:100%;accent-color:var(--blue)}.split-copy p{line-height:1.7}.split-disc{position:relative;aspect-ratio:1;border-radius:50%;background:var(--black);display:grid;place-items:center;overflow:hidden}.split-disc i{position:absolute;width:100%;height:100%;border-radius:50%}.split-disc i:nth-child(1){background:conic-gradient(var(--gold) 0 var(--a),transparent var(--a))}.split-disc i:nth-child(2){background:conic-gradient(transparent 0 var(--a),var(--blue) var(--a) var(--b),transparent var(--b))}.split-disc i:nth-child(3){background:conic-gradient(transparent 0 var(--b),var(--red) var(--b) 100%)}.split-disc:after{content:"";z-index:1;width:50%;aspect-ratio:1;border-radius:50%;background:var(--cream)}.split-disc b,.split-disc span{position:absolute;z-index:2}.split-disc b{font:900 4rem var(--mono)}.split-disc span{top:65%;font-weight:900}.usage{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;padding:7rem 6vw;background:var(--black);color:white}.waveform{display:flex;gap:.5rem;align-items:center;min-height:450px}.waveform i{flex:1;height:var(--h);background:var(--c)}.waveform i:nth-child(3n+1){--h:30%;--c:var(--pink)}.waveform i:nth-child(3n+2){--h:75%;--c:var(--gold)}.waveform i:nth-child(3n){--h:48%;--c:var(--blue)}.usage>div:last-child{align-self:center}.usage dl div{padding:1rem 0;border-bottom:1px solid #777}.usage dt{font-weight:900}.usage dd{margin:.4rem 0 0;color:#c8c1bc}.payouts{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:5vw;padding:7rem 5vw}.payouts>div:first-child p{line-height:1.7}.payout-lines article{padding:1.2rem 0;border-bottom:2px solid}.payout-lines b,.payout-lines span{display:block}.payout-lines span{font-size:1.5rem;margin-top:.4rem}.payouts form{display:grid;gap:1rem;align-self:center}.payouts label{display:grid;gap:.5rem;font:700 .62rem var(--mono)}select{min-height:50px;padding:.7rem;background:var(--cream);border:2px solid var(--black)}.payouts button{border:0;background:var(--red);color:white;padding:1rem;font-weight:900;cursor:pointer}.payouts form p,.payouts form small{margin:0;line-height:1.5}footer{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:3rem;padding:3rem 5vw;background:var(--blue);color:white}footer span{display:block;font:600 .55rem var(--mono);color:var(--gold)}footer address{font-style:normal;line-height:1.6}footer p{margin:0;color:#d5d8e5;line-height:1.6}@media(max-width:950px){.record-hero,.splits,.usage{grid-template-columns:1fr}.record{min-height:650px}.split-disc{max-width:600px;width:100%;margin:auto}.works{grid-template-columns:1fr}.payouts{grid-template-columns:1fr 1fr}.payouts form{grid-column:1/-1}footer{grid-template-columns:1fr 1fr}}@media(max-width:650px){.label-head{grid-template-columns:1fr auto;padding:0 1rem}.label-head nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--black)}.label-head nav a{text-align:center;padding:1rem .2rem;border-right:1px solid #666}.needle-link{font-size:.55rem}.record{min-height:500px}.record>i{width:90%}.label{width:42%}.hero-copy,.works,.splits,.usage,.payouts{padding:5rem 1rem}.hero-copy h1{font-size:4rem}.works{grid-template-columns:1fr}.splits{grid-template-columns:1fr}.split-disc b{font-size:3rem}.usage{grid-template-columns:1fr}.waveform{min-height:330px}.payouts{grid-template-columns:1fr}.payouts form{grid-column:auto}footer{grid-template-columns:1fr;padding:3rem 1rem 5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}