<title>NMH Mixing Page Concept</title> <meta name="claude:viewport-fit-sides" content="cover"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Fraunces:ital,wght@1,400;1,600&family=Hanken+Grotesk:wght@400;500;600&display=swap"> <style>@keyframes spin{to{transform:rotate(360deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes drop{0%{translate:0-26% calc(var(--d)*.25);scale:1.18;opacity:0;filter:blur(3px)}60%{opacity:1;filter:blur(0)}to{translate:0 0 calc(var(--d)*.02);scale:1}}@keyframes blip{0%{opacity:0}25%,60%,to{opacity:1}40%{opacity:.3}}@keyframes eq{0%{height:20%}to{height:100%}}:root{--bg:#0f0e0d;--paper:#171513;--line:#2c2926;--fg:#efe9df;--mute:#9b948a;--red:#c8102e;--red-hi:#e8334f;--amber:#e0a93a;--display:"Bricolage Grotesque","Arial Narrow",Impact,sans-serif;--serif:"Fraunces",Georgia,serif;--body:"Hanken Grotesk",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--body);padding-left:max(16px,env(safe-area-inset-left,0));padding-right:max(16px,env(safe-area-inset-right,0));padding-block:0;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.wrap{max-width:1180px;margin:0 auto}a{color:inherit}:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}.ph{margin:0 calc(-1*max(16px,env(safe-area-inset-left,0)));padding:7px 16px;background:var(--amber);color:#1a1409;font:600 12px/1.3 var(--body);text-align:center}nav{justify-content:space-between;gap:16px;padding:18px 0}.logo{font:800 24px/.9 var(--display);letter-spacing:.01em;text-transform:uppercase}.logo b{color:var(--red-hi)}.logo-img,nav{display:flex;align-items:center}.logo-img{gap:10px}.logo-img img{height:58px;width:auto;display:block;filter:drop-shadow(0 0 1px #fff6) drop-shadow(0 0 6px #fff1)}.logo small{display:block;font:italic 400 13px/1 var(--serif);letter-spacing:.02em;text-transform:none;margin-top:3px}.lead p,.links,.logo small{color:var(--mute)}.links{display:flex;gap:28px;font:500 14px var(--body)}.btn,.links a{text-decoration:none}.links a:hover{color:var(--fg)}.btn{display:inline-block;background:var(--red);color:#fff;font:700 15px/1 var(--display);letter-spacing:.04em;padding:14px 22px;border:0;border-radius:2px;cursor:pointer;transition:background .2s}.btn:hover{background:var(--red-hi)}.btn.ghost{background:0 0;border:1px solid #4a453f;color:var(--fg)}.btn.ghost:hover{border-color:var(--fg)}@media (max-width:760px){.links{display:none}}.lead,.lead h1{display:flex;flex-wrap:wrap}.lead{padding:30px 0 6px;gap:16px 28px;align-items:end;justify-content:space-between}.lead h1{font:800 clamp(40px,7vw,88px)/.92 var(--display);margin:0;letter-spacing:-.01em;color:var(--red-hi);align-items:baseline;gap:0 .22em;padding-top:.14em}.lead h1 i{font:italic 400 1.04em var(--serif)}.lead p{margin:0;max-width:40ch}.big b,.big span{display:block;font:800 clamp(64px,11vw,150px)/.85 var(--display);color:var(--fg)}.big span{margin-top:8px;font:italic 400 clamp(20px,2.4vw,28px) var(--serif);color:var(--red-hi)}.eng,.lt small{margin-top:4px;font:500 14px var(--body);color:var(--mute)}.lt small{display:block;margin-top:3px;font:400 13px var(--body)}.snd{display:inline-flex;align-items:center;gap:10px;background:var(--fg);color:#111;border:0;border-radius:40px;padding:12px 18px 12px 14px;font:600 14px var(--body);cursor:pointer}.snd .dot{width:10px;height:10px;border-radius:50%;background:var(--mute)}.snd[aria-pressed=true]{background:var(--red);color:#fff}.eq i,.snd[aria-pressed=true] .dot{background:#fff}.row,.shelf{position:relative}.shelf{margin:26px calc(-1*max(16px,env(safe-area-inset-left,0)))0}.row{height:calc(var(--cw)*1.04 + 36px);perspective:1500px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden;outline-offset:-2px}.row:active{cursor:grabbing}.disc,.vinyl{position:absolute}.disc{left:50%;top:26px;width:var(--cw);margin-left:calc(var(--cw)/-2);will-change:transform;cursor:pointer}.vinyl{top:3%;left:3%;width:94%;aspect-ratio:1;transform:translateX(calc(var(--v,0)*46%))}.vd{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#c8102e 0 15%,#111 15.5% 17%,transparent 17.5%),conic-gradient(from 20deg,#0b0b0b,#262626 12%,#0b0b0b 25%,#1e1e1e 40%,#0b0b0b 55%,#2a2a2a 70%,#0b0b0b 85%,#222 95%,#0b0b0b),repeating-radial-gradient(circle,#0d0d0d 0 2px,#181818 2px 3px);box-shadow:0 10px 30px #000a,0 0 0 1px #ffffff12 inset}.disc.live .vd{animation:spin 2.4s linear infinite}.shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.art::after{inset:0;background:linear-gradient(90deg,#ffffff26 0,transparent 3.5%,transparent 96%,#0006 100%),radial-gradient(circle at 50% 50%,transparent 58%,#ffffff0d 59%,transparent 61%)}.stage2{display:grid;justify-items:center}.side{min-width:0}.deck{--d:min(460px,calc((100vw - 32px)/1.55))}.tt{perspective:1200px;perspective-origin:50% 20%}.plinth{position:absolute;left:0;right:0;bottom:0;height:calc(var(--d)*1.12);background:linear-gradient(160deg,#35302b,#1c1a17 55%,#12110f);transform-origin:50% 100%;transform-style:preserve-3d}.art::after,.plinth::before{content:"";position:absolute;pointer-events:none}.platter,.rec{translate:0 0 calc(var(--d)*.02)}.platter{position:absolute;left:calc(var(--d)*.06);top:calc(var(--d)*.05);width:var(--d);height:var(--d);border-radius:50%;background:radial-gradient(circle,#2b2b2b,#101010 70%);transform-style:preserve-3d}.rec{background:repeating-radial-gradient(circle,#0b0b0b 0 2px,#171717 2px 3px);box-shadow:0 0 0 1px #ffffff14,0 6px 10px #000a;animation:turn 1.8s linear infinite;animation-play-state:paused}.rec::after{inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent,#ffffff1c 10%,transparent 22%,transparent 50%,#ffffff17 60%,transparent 72%);pointer-events:none}.deck.playing .rec{animation-play-state:running}.rec.drop{animation:turn 1.8s linear infinite,drop .7s cubic-bezier(.2,.9,.25,1) both;animation-play-state:paused,running}.deck.playing .rec.drop{animation-play-state:running,running}.lbl,.rec,.spin{position:absolute;border-radius:50%}.lbl{left:33%;top:33%;width:34%;height:34%;overflow:hidden;box-shadow:0 0 0 2px #0008}.spin{left:49%;top:49%;width:2%;height:2%;background:#e9e3d6}.arm,.pivot{right:calc(var(--d)*.07);top:calc(var(--d)*.1)}.pivot{position:absolute;width:calc(var(--d)*.12);height:calc(var(--d)*.12);margin:calc(var(--d)*-.06) calc(var(--d)*-.06)0 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6d0c4,#6c675f 60%,#2a2724);box-shadow:0 4px 10px #000a;translate:0 0 calc(var(--d)*.06)}.arm{width:0;height:0;transform-origin:0 0;transform:translateZ(calc(var(--d)*.07)) rotate(8deg);transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.45,.05,.2,1)}.deck.playing .arm{transform:translateZ(calc(var(--d)*.045)) rotate(36deg)}.arm .bar{top:0;border-radius:4px;background:linear-gradient(90deg,#8d877d,#e6e0d4 45%,#7a746b)}.arm,.arm .bar,.arm .head{position:absolute}.arm .head{background:linear-gradient(#2e2b28,#0e0d0c)}.front{display:grid;background:linear-gradient(#1d1b19,#0c0b0a)}.ctl,.deck .snd{align-items:center}.ctl{display:flex;justify-content:space-between}.rpm{white-space:nowrap}.deck .snd{display:inline-flex;border:0;color:var(--fg);text-transform:uppercase;cursor:pointer}.knob{position:relative;flex:none;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0b 0 2px,#1a1a1a 2px 3px)}.knob::after,.knob::before,.rec::after{content:"";position:absolute}.knob::before{background:#c8102e}.knob::after{background:#efe9df}.deck .snd,.deck .snd[aria-pressed=true]{background:0 0}.deck .snd:hover .knob{box-shadow:0 0 0 1px #ffffff44,0 4px 10px #000c}@media (prefers-reduced-motion:reduce){.rec{animation:none}.arm{transition:none}}.screen{position:relative;padding:12px 16px;border-radius:10px;background:radial-gradient(120% 140%at 50%0,#241008,#0a0504 70%);border:1px solid #000;box-shadow:0 0 0 1px #ffffff14,inset 0 0 24px #000,inset 0 2px 10px #ff4a1f22;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#ff6a3d;text-shadow:0 0 6px #ff4a1f99;overflow:hidden;min-height:112px}.screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0000002e 2px 3px),linear-gradient(115deg,#ffffff0d,transparent 40%)}.scr-row{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.scr-meta{margin-top:8px;min-height:62px}.screen .now,.st{text-transform:uppercase}.sa,.se,.st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st{font:700 clamp(18px,2.6vw,26px)/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em;animation:blip .45s steps(6) both}.sa,.se{font-size:13px;line-height:1.35;animation:blip .6s steps(6) both}.sa{margin-top:4px;color:#ffa070}.se{opacity:.7}.screen .now{margin-top:6px;font-size:11px;letter-spacing:.16em;color:#ff6a3d;opacity:.9}.screen .now::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#5a2a1c;vertical-align:1px}.deck.playing .screen .now::before{background:#ff6a3d;box-shadow:0 0 8px #ff6a3d;animation:blip 1s steps(2) infinite}.front .arrows{display:flex}.front .arrows button{color:var(--fg);background:linear-gradient(#2b2825,#151311);cursor:pointer;padding:0}.front .arrows button:hover{background:linear-gradient(#3a3631,#1c1a17)}@media (max-width:520px){.rpm{display:none}.deck .snd{letter-spacing:.1em;font-size:11px}}.meta{margin-top:8px;max-width:520px}.meta .cap{justify-content:flex-start;align-items:baseline;gap:14px}.art{position:relative;aspect-ratio:1;background:#222;box-shadow:0 18px 40px #0009,0 2px 0#fff1 inset;overflow:hidden}.art canvas,.lbl canvas{display:block;width:100%;height:100%}.art .eq{position:absolute;right:10px;bottom:10px;display:flex;gap:3px;align-items:flex-end;height:22px;opacity:0;transition:opacity .3s}.disc.on.live .art .eq{opacity:1}.eq i{width:4px;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-duration:.6s}.eq i:nth-child(3){animation-duration:1.1s}.eq i:nth-child(4){animation-duration:.75s}.cap{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.cap b{font:700 20px/1.1 var(--display)}.cap span,.hint{white-space:nowrap}.cap span{font:italic 400 17px/1.1 var(--serif);color:var(--mute)}.hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000b;color:#fff;font:600 13px var(--body);padding:8px 12px;border-radius:30px;transition:opacity .3s;pointer-events:none}.disc:not(.on) .hint,.live .hint{opacity:0}.shelf-ctl{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:-4px}.count{font:italic 400 18px var(--serif);color:var(--mute)}.arrows{display:flex;gap:8px}.arrows button{width:44px;height:44px;border-radius:50%;background:0 0;border:1px solid #4a453f;cursor:pointer;font-size:18px}.arrows button:hover{background:var(--fg);color:#111}.arrows button,.by,.now b{color:var(--fg)}.by{margin-top:6px;font:500 15px var(--body)}.roles{margin-top:4px;font:italic 400 16px var(--serif);color:var(--red-hi)}.now{margin-top:12px;color:var(--mute);font-size:14px}.now b{font-weight:600}section{padding:100px 0 0}.k{font:italic 400 20px var(--serif);color:var(--red-hi)}h2{font:800 clamp(38px,6.4vw,76px)/.95 var(--display);margin:6px 0 0;letter-spacing:-.01em;text-wrap:balance}.sub{color:var(--mute);max-width:54ch;margin:16px 0 0}.ledger{margin-top:30px;border-top:1px solid var(--fg)}.lg{display:grid;gap:6px 18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}.lc,.lc img{display:block}.lc{width:64px;height:64px;background:#1d1b19;border:1px solid var(--line);overflow:hidden;align-self:center;position:relative}.lc img{width:100%;height:100%;object-fit:cover}.lc:not(:has(img))::after{content:"";position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle,#c8102e 0 20%,#0d0d0d 21%);opacity:.75}.la,.track span{color:var(--mute)}.la{font-size:15px}.lt{font:700 20px/1.15 var(--display)}.ly,.rate .p small{font:italic 400 18px var(--serif);color:var(--mute)}.lr{font-size:14px;color:var(--fg)}@media (max-width:700px){.lg{grid-template-columns:56px 1fr;gap:4px 14px}.lc{width:56px;height:56px;grid-row:1/4}.la{order:2}.la,.lr,.lt{grid-column:2}.lr{order:3;color:var(--red-hi)}}.ba{margin-top:36px;background:var(--paper);border:1px solid var(--line);padding:22px}.ba-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.rate a,.track{font:600 14px var(--body)}.track span{font-weight:400}.tabs{display:flex;gap:6px}.tab{font:600 13px var(--body);background:0 0;color:var(--mute);border:1px solid var(--line);padding:8px 14px;border-radius:30px;cursor:pointer}.tab[aria-pressed=true]{background:var(--fg);color:#111;border-color:var(--fg)}.stage{position:relative;height:220px;touch-action:none;cursor:ew-resize;user-select:none}#baCv,.tag{position:absolute}#baCv{inset:0;width:100%;height:100%}.tag{top:6px;font:italic 400 17px var(--serif);padding:2px 8px;background:#0009}.tag.l{left:6px;color:var(--mute)}.tag.rr{right:6px;color:var(--red-hi)}.ba-bot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px}.play{width:50px;height:50px;border-radius:50%;background:var(--red);border:0;cursor:pointer;display:grid;place-items:center;flex:none}.play:hover{background:var(--red-hi)}.play svg{width:18px;height:18px;fill:#fff}.note,.time{color:var(--mute)}.time{font:500 14px var(--body);min-width:90px;font-variant-numeric:tabular-nums}.ba-bot input[type=range]{flex:1;min-width:140px;accent-color:var(--red-hi)}.note{font-size:13px;margin-top:12px}.card{margin-top:34px;border-top:1px solid var(--fg)}.rate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.rate h3{font:800 clamp(28px,4vw,44px)/1 var(--display);margin:0}.rate h3 i{font:italic 400 1.1em var(--serif);color:var(--red-hi);margin-left:8px;font-size:.8em}.rate .p{font:800 clamp(30px,4.4vw,52px)/1 var(--display);text-align:right;white-space:nowrap}.rate .p small{margin-left:4px}.rate p,.step p{margin:0;color:var(--mute)}.rate p{grid-column:1/2;max-width:56ch}.rate a{grid-column:2/3;justify-self:end;color:var(--fg);text-underline-offset:4px}@media (max-width:600px){.rate{grid-template-columns:1fr}.rate .p,.rate a{grid-column:1;text-align:left;justify-self:start}}.steps{margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.step h4{font:800 26px/1.05 var(--display);margin:0 0 8px}.step p{font-size:15px}.step .t{font:italic 400 19px var(--serif);color:var(--red-hi);display:block;margin-bottom:6px}@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.steps{grid-template-columns:1fr}}.close{margin-top:110px;background:var(--red);padding:clamp(30px,6vw,70px)}.close h2{color:#fff;font-size:clamp(44px,8vw,110px)}.close h2 i{font:italic 400 1em var(--serif)}.close p{color:#ffe0e5;max-width:44ch;margin:16px 0 26px;font-size:18px}.close .btn{background:#fff;color:var(--red)}.close .btn:hover{background:#111;color:#fff}.close .btn.ghost{background:0 0;color:#fff;border-color:#ffffff99}.cta,footer{display:flex;flex-wrap:wrap;gap:12px}footer{gap:10px 32px;justify-content:space-between;padding:34px 0 46px;color:var(--mute);font-size:14px}.rv{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.pre{opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.disc,.rv{transition:none}.eq i{animation:none}.pre{opacity:1;transform:none}}.front,.plate,.plinth{box-sizing:border-box}body,html{overflow-x:clip}.plinth{background:repeating-linear-gradient(91deg,#0000 0 3px,#0000001c 3px 4px,#ffffff08 4px 7px),linear-gradient(165deg,#6a4529,#43281a 50%,#2a170d)}.platter{background:radial-gradient(circle,#a7a49c,#6b6962 58%,#34332f)}.arm .head::after,.platter::before{content:"";position:absolute;border-radius:50%}.platter::before{inset:0;background:repeating-conic-gradient(#ece8dd 0 1.1deg,#161615 1.1deg 2.2deg);-webkit-mask:radial-gradient(circle,transparent 0 91.5%,#000 92%);mask:radial-gradient(circle,transparent 0 91.5%,#000 92%)}.rec{inset:6%}.pivot{background:radial-gradient(circle at 38% 30%,#f2eee4,#9a958a 45%,#3a3833 75%)}.arm .bar{top:calc(var(--d)*-.13);height:calc(var(--d)*1.03);width:calc(var(--d)*.02);left:calc(var(--d)*-.01);background:linear-gradient(90deg,#6f6b62,#fbf8ee 40%,#8a867c 70%,#4a4740);box-shadow:3px 6px 8px #0008}.arm .cw,.spd{position:absolute}.arm .cw{left:calc(var(--d)*-.04);top:calc(var(--d)*-.2);width:calc(var(--d)*.08);height:calc(var(--d)*.11);border-radius:6px;background:linear-gradient(90deg,#1b1a19,#58554e 40%,#161514);box-shadow:inset 0 calc(var(--d)*.02)0#0006,inset 0 calc(var(--d)*-.015)0#ffffff1a,2px 6px 8px #000a}.arm .head,.spd b{width:calc(var(--d)*.07)}.arm .head{left:calc(var(--d)*-.03);top:calc(var(--d)*.88);height:calc(var(--d)*.12);transform:rotate(-12deg);transform-origin:50%0;border-radius:3px 3px 6px 6px;background:linear-gradient(90deg,#0d0d0c,#4a4741 45%,#0d0d0c)}.arm .head::after{left:38%;bottom:-6%;width:24%;height:14%;background:#f1ede2}.spd{right:calc(var(--d)*.05);bottom:calc(var(--d)*.05);display:flex;gap:calc(var(--d)*.025);translate:0 0 calc(var(--d)*.012)}.spd b{height:calc(var(--d)*.07);border-radius:50%;display:grid;place-items:center;font:700 calc(var(--d)*.026)/1 var(--body);background:radial-gradient(circle at 35% 30%,#f2eee4,#9a958a 60%,#4a4740);background:radial-gradient(circle at 35% 30%,#2e2c29,#121110)}.front,.plate{position:relative}.front{background:repeating-linear-gradient(91deg,#0000 0 3px,#0000001c 3px 4px,#ffffff08 4px 7px),linear-gradient(#4a2d1b,#2a170d)}.front::after,.front::before{background:linear-gradient(#1a1a19,#050505)}.plate{background:linear-gradient(115deg,#cdb06c,#a98a47 28%,#e8d49a 48%,#a2823e 70%,#c6a860);font-family:var(--display)}.scw{position:absolute;left:9px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eee,#8c8c84 55%,#444);box-shadow:0 1px 1px #0008}.scw.r{left:auto;right:9px}.scw::after{content:"";position:absolute;left:46%;top:12%;width:8%;height:76%;background:#0007;transform:rotate(35deg)}.plate .scr-row{font:700 10.5px var(--body);letter-spacing:.24em;opacity:.8}.plate .scr-meta{margin-top:6px}.plate .st{font:800 clamp(19px,2.8vw,28px)/1.08 var(--display);letter-spacing:.05em}.plate .sa{font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;margin-top:5px}.plate .se{font:600 12px var(--body);letter-spacing:.06em;opacity:.9}.plate .now{margin-top:7px;font:700 10.5px var(--body);opacity:1}.plate .now::before{background:#6b4b12;background:#3a1912;box-shadow:inset 0 1px 1px #000}.deck.playing .plate .now::before{background:#d6361b;animation:none;background:#e8334f}.knob{background:repeating-conic-gradient(#2a2926 0 4deg,#7d7970 4deg 8deg);transform:rotate(-50deg);transition:transform .6s cubic-bezier(.3,.7,.2,1);animation:none}.knob::before{inset:12%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fbf8ee,#a8a398 50%,#4a4740)}.knob::after{left:46%;top:4%;width:8%;height:24%;border-radius:2px;background:#d6361b;box-shadow:0 0 5px #d6361b88}.deck .snd[aria-pressed=true] .knob{transform:rotate(50deg);animation:none;box-shadow:0 0 0 2px #c8102e,0 6px 10px #000d,0 0 16px #c8102e99}.plate .now,.rpm{letter-spacing:.2em;text-transform:uppercase}.rpm{font:700 11px var(--body);display:inline-flex;align-items:center;gap:9px}.led{width:9px;height:9px;border-radius:50%;background:#4a1a10;display:inline-block}.deck.playing .led{background:#ff4a24;background:#e8334f}.front .arrows button{background:linear-gradient(#4a4946,#1a1a19);background:linear-gradient(#2b2926,#0d0c0b);border-radius:5px;background:linear-gradient(#4a4743 0,#2a2724 18%,#151412 100%);box-shadow:0 0 0 3px #060505,0 0 0 4px #ffffff18,0 6px 0#000,0 7px 8px #000c,0 1px 0#ffffff40 inset;position:relative;top:-3px;text-shadow:0-1px 0#000;width:36px;height:28px;font-size:10px;border:1px solid #c8102e;color:#fff}.front .arrows button:hover{background:linear-gradient(#5a5955,#222220)}.front .arrows button:active{transform:translateY(3px)}.plinth{background:repeating-linear-gradient(90deg,#0000 0 2px,#00000022 2px 3px),linear-gradient(160deg,#2b2724,#161412 55%,#0d0c0b);border:1px solid #ffffff1a}.platter{background:radial-gradient(circle,#2e2e2d,#141414 70%)}.platter::before{background:repeating-conic-gradient(#4a4844 0 1.1deg,#0e0e0d 1.1deg 2.2deg)}.pivot{background:radial-gradient(circle at 38% 30%,#a9a498,#4e4b45 50%,#171614 80%)}.arm .bar{background:linear-gradient(90deg,#2a2926,#aaa59a 42%,#34322e 75%,#141413)}.arm .cw{background:linear-gradient(90deg,#0b0b0a,#3e3c38 40%,#0b0b0a)}.arm .head{background:linear-gradient(90deg,#050505,#2c2a27 45%,#050505);box-shadow:0 0 0 1px #4a4844,3px 6px 8px #000a}.front{background:repeating-linear-gradient(90deg,#0000 0 2px,#00000022 2px 3px),linear-gradient(#1d1b19,#0a0908);border:1px solid #ffffff1a}.plate{background:linear-gradient(#171514,#0a0908);color:#efe9df;text-shadow:none}.plate::after{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,#c8102e,transparent);opacity:.8}.scw{background:radial-gradient(circle at 35% 30%,#55524c,#1a1918 60%,#000)}.plate .scr-row{color:#6f685f}.plate .st{color:#efe9df;text-shadow:0 0 14px #c8102e55}.plate .sa{color:#e8334f}.plate .now,.plate .se{color:#8f887d}.knob{background:repeating-conic-gradient(#0b0b0a 0 4deg,#34322f 4deg 8deg)}.knob::before{background:radial-gradient(circle at 35% 28%,#6f6b63,#23221f 55%,#0a0a09)}.deck .snd,.rpm{text-shadow:none}.led{background:#2a1210;box-shadow:inset 0 1px 1px #000,0 0 0 1px #000}.front .arrows button:hover{background:linear-gradient(#3a3733,#141312);color:#fff}.front::after,.front::before{background:linear-gradient(#111,#000)}.deck{--d:min(340px,calc((100vw - 32px)/1.55))}.tt{height:calc(var(--d)*.7)}.plinth{transform:rotateX(62deg)}.row{--cw:clamp(170px,22vw,250px)}.plate{min-height:0;background:linear-gradient(#34312e,#0e0d0c 60%,#1b1917);box-shadow:0 0 0 1px #000,0 1px 0#ffffff3a inset,0-3px 0#0009 inset,0 8px 14px #000d;border:0}.glass .now::before,.plate::after{display:none}.glass{position:relative;overflow:hidden;background:radial-gradient(120% 140%at 50%0,#1a0705,#050202 70%);box-shadow:0 0 0 1px #000,inset 0 8px 16px #000,inset 0-1px 0#ffffff14,0 1px 0#ffffff26;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.glass::after,.glass::before{content:"";position:absolute;inset:0;pointer-events:none}.glass::before{z-index:2;background:linear-gradient(#0006 1px,transparent 1px)0 0/100% 3px,linear-gradient(90deg,#0004 1px,transparent 1px)0 0/3px 100%}.glass::after{z-index:3;background:radial-gradient(130% 70%at 25% -25%,#ffffff26,transparent 60%),linear-gradient(115deg,#ffffff12 0,#ffffff05 30%,transparent 31%)}.glass .scr-row{letter-spacing:.24em;opacity:1}.glass .scr-meta{margin-top:5px;min-height:0}.glass .st{font:700 clamp(15px,2.3vw,21px)/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.glass .sa{font:600 11.5px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em}.glass .se{font:500 10.5px ui-monospace,Menlo,Consolas,monospace}.glass .now{margin-top:6px;font:600 9.5px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.18em}.ind{display:flex;gap:14px;margin-top:7px;padding-top:6px;letter-spacing:.16em}.deck.playing .ind span{color:#c8102e;text-shadow:none}.deck.playing .ind span:last-child{text-shadow:none;color:#555}.deck .snd{font-size:10.5px}.knob::before{box-shadow:inset 0-4px 6px #000a,inset 0 3px 3px #ffffff30,0 2px 3px #000}.front .arrows{gap:12px}.front .arrows button:active{top:1px;box-shadow:0 0 0 3px #060505,0 0 0 4px #ffffff18,0 2px 0#000,0 1px 0#ffffff25 inset}.row{--cw:clamp(210px,30vw,320px)}.deck{--d:min(270px,calc((100vw - 32px)/1.55));width:calc(var(--d)*1.55)}.front{gap:10px}.plate{padding:6px}.glass{padding:10px 13px 8px}.glass::before{background:linear-gradient(#0003 1px,transparent 1px)0 0/100% 3px}.glass::after{background:radial-gradient(130% 70%at 25% -25%,#ffffff1c,transparent 60%)}.glass .scr-row{font-size:10px}.glass .st{font-size:clamp(17px,2.6vw,21px)}.glass .sa{font-size:12.5px}.glass .now{font-size:10px;text-shadow:none}.ind{font-size:9.5px}.deck .snd,.deck .snd[aria-pressed=true]{background:linear-gradient(#050404,#0e0d0c)}.deck .snd{gap:10px;padding:4px 16px 4px 4px;border-radius:40px;box-shadow:inset 0 3px 6px #000,0 1px 0#ffffff1c;color:#d8cfbe;font:700 10.5px var(--body);letter-spacing:.16em}.deck .snd[aria-pressed=true]{color:#ffb59e}.deck .snd:hover{color:#fff}.knob{width:34px;height:34px;box-shadow:0 0 0 2px #050505,0 0 0 3px #2c2a27,0 4px 6px #000e,0 1px 0#ffffff2e inset}.rpm{font-size:9.5px;color:#7a7266}.front{grid-template-columns:minmax(0,1fr)}.glass,.plate,.scr-meta{min-width:0}@media (max-width:520px){.rpm{display:none}}.big b{font-size:clamp(44px,9vw,130px);display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .14em;letter-spacing:-.04em}.big b em{font-style:normal;color:var(--red-hi);display:inline-block;transform:scaleY(1.28);transform-origin:0 100%;margin-left:.02em}.lg{grid-template-columns:64px minmax(0,3fr) minmax(0,3fr) minmax(0,3fr) minmax(76px,1fr)}.lp{text-align:right;align-self:center;font:700 18px var(--display);color:var(--fg)}.lp small{display:block;margin-top:2px;font:400 11px var(--body);letter-spacing:.06em;color:var(--mute)}.lp.none{color:#4a453f;font-weight:400}.lead h1 i,.lh,.lp small{text-transform:uppercase}.lh{display:flex;justify-content:flex-end;padding:10px 0 6px;font:600 11px var(--body);letter-spacing:.18em;color:var(--red-hi)}@media (max-width:700px){.lg{grid-template-columns:56px 1fr auto}.lp{grid-column:3;grid-row:1/4;font-size:16px}.la,.lr,.lt{grid-column:2}}.lead h1 i{font:inherit;font-style:normal;color:var(--fg);display:inline-block;font-size:1.22em;transform:scaleY(1.22);transform-origin:0 100%;margin-bottom:.02em;margin-top:.3em;font-weight:900;letter-spacing:-.02em;-webkit-text-stroke:.03em currentColor}.logo-img span{font:800 22px/1"Big Shoulders Display","Bricolage Grotesque",Impact,sans-serif;font:700 17px/1 var(--display);font-style:normal;text-transform:none;letter-spacing:.01em;color:var(--mute)}.lead h1 .mb{letter-spacing:.01em;margin-bottom:.06em;font-size:.72em}.big{padding-top:.1em}.deck .snd{width:188px;flex:none;justify-content:flex-start}.ctl{gap:12px}.rpm{flex:1;justify-content:center}@media (max-width:520px){.deck .snd{width:182px}}.plogo{position:absolute;object-fit:contain;translate:0 0 calc(var(--d)*.004);filter:drop-shadow(0 2px 3px #000c);opacity:.95;pointer-events:none}.platter::before{background:repeating-conic-gradient(#c8102e 0 1.1deg,#0e0e0d 1.1deg 2.2deg)}.pivot{background:radial-gradient(circle at 38% 30%,#ff5a70,#c8102e 50%,#3a050e 85%)}.spd b{color:#fff;background:radial-gradient(circle at 35% 30%,#2e2c29,#0a0a09)}.glass{background:#050505;color:#fff}.glass::after{background:radial-gradient(130% 70%at 25% -25%,#ffffff1c,transparent 60%),linear-gradient(115deg,#ffffff0d 0,#ffffff04 30%,transparent 31%)}.glass .scr-row{color:#c8102e;font-weight:700}.glass .sa,.glass .se,.glass .st{display:table;max-width:100%;box-sizing:border-box}.glass .st{background:#c8102e;color:#fff;padding:2px 9px 3px;text-shadow:none;letter-spacing:.05em;text-transform:uppercase}.glass .sa,.glass .se{text-shadow:none;margin-top:5px}.glass .sa{background:#fff;color:#000;padding:1px 8px;font-weight:800;text-transform:uppercase}.glass .se{color:#ff4560;font-weight:700;font-size:11.5px;letter-spacing:.06em;display:block;white-space:normal;overflow:visible}.glass .se+.se{color:#fff;margin-top:2px}.glass .now{color:#fff}.ind{border-top:1px solid #c8102e;color:#555}.deck.playing .led,.deck.playing .plate .now::before{background:#ff2a48;box-shadow:0 0 10px #ff2a48}.plinth{background:linear-gradient(160deg,#1e1d1c,#0b0b0a 70%)}.plinth::before{inset:0;border-radius:inherit;border:0;box-shadow:none;background:linear-gradient(90deg,transparent 0,transparent calc(var(--d)*1.12),#c8102e calc(var(--d)*1.12),#c8102e calc(var(--d)*1.125),transparent calc(var(--d)*1.125))}.platter{box-shadow:0 0 0 calc(var(--d)*.012) #050505,0 16px 24px #000e;background:radial-gradient(circle,#1a1a19,#0c0c0b 70%)}.platter::before{background:repeating-conic-gradient(#2a2927 0 1.1deg,#0a0a09 1.1deg 2.2deg)}.plinth::before{display:none}.plinth{border-radius:calc(var(--d)*.58) 44px 44px calc(var(--d)*.58)}.plogo{right:calc(var(--d)*.1);top:calc(var(--d)*.46);width:calc(var(--d)*.36);height:calc(var(--d)*.36)}.shelf{isolation:isolate}.bgs{inset:-30px 0-30px;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}.bgs,.bgs i,.gbg{position:absolute}.bgs i{display:block;background-size:cover;background-position:center;border-radius:3px;filter:blur(9px) saturate(.9);box-shadow:0 20px 40px #000}.bgs::after,.xmb::before{content:"";position:absolute}.bgs::after{inset:0;background:radial-gradient(60% 70%at 50% 50%,transparent 30%,#141412cc 100%)}@media (max-width:700px){.bgs i{opacity:.25}}.bgs i{opacity:.4}.gbg{right:-4%;top:50%;height:150%;width:auto;max-width:70%;object-fit:contain;transform:translateY(-50%);filter:blur(5px) brightness(.55);opacity:.5;z-index:0;pointer-events:none}.glass>.ind,.glass>.now,.glass>.scr-meta,.glass>.scr-row{position:relative;z-index:1}.xmb{width:388px;height:176px;position:relative;overflow:hidden;font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#fff;background:radial-gradient(90% 70%at 15% 105%,#2f78e0aa,transparent 65%),radial-gradient(70% 50%at 90%0,#1b4fa066,transparent 70%),linear-gradient(#050d1c,#0b2350 75%,#081a3c)}.xmb::before{left:-20%;right:-20%;top:96px;height:60px;background:radial-gradient(60% 100%at 50% 100%,#6fb0ff33,transparent 70%);filter:blur(4px)}.xcap small,.xtop{font-size:8.5px;text-transform:uppercase;color:#a9c8f5}.xrow,.xtop{position:absolute;display:flex}.xtop{left:12px;right:12px;top:9px;justify-content:space-between;letter-spacing:.2em}.xrow{left:0;top:30px;height:100px;align-items:center;gap:10px;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.xt{flex:none;width:68px;height:68px;border-radius:3px;background-size:cover;background-position:center;background-color:#16264a;opacity:.5;transition:width .45s,height .45s,opacity .45s,box-shadow .45s;cursor:pointer}.xt.on{width:92px;height:92px;opacity:1;box-shadow:0 0 0 1.5px #fff,0 0 16px #6fb0ffcc}.xcap{position:absolute;left:0;right:0;bottom:10px;text-align:center}.xcap b{display:block;font-size:12.5px;letter-spacing:.04em;text-shadow:0 1px 4px #000a}.xcap small{display:block;margin-top:2px;letter-spacing:.14em}.plinth{border-radius:16px 16px 0 0;background:linear-gradient(165deg,#34322f,#1a1918 60%,#10100f);box-shadow:0 0 0 1px #000,0 1px 0#ffffff26 inset,0-20px 30px #0006 inset}.front{border-radius:0 0 16px 16px;border-top:1px solid #000;margin-top:-1px;background:linear-gradient(#1f1e1c,#0b0b0a);box-shadow:0 30px 40px #000a,0 1px 0#ffffff10 inset;padding:12px 18px 14px}.front::after,.front::before{display:block;content:"";position:absolute;bottom:-9px;width:46px;height:10px;border-radius:0 0 10px 10px;background:linear-gradient(#222,#000)}.front::before{left:9%}.front::after{right:9%}.pitch,.pitch i{position:absolute}.pitch{right:calc(var(--d)*.05);top:calc(var(--d)*.34);width:calc(var(--d)*.03);height:calc(var(--d)*.4);border-radius:6px;background:#000;box-shadow:0 0 0 2px #2c2b29,inset 0 0 4px #000;translate:0 0 calc(var(--d)*.006)}.pitch i{left:-60%;width:220%;top:38%;height:calc(var(--d)*.06);border-radius:3px;background:linear-gradient(90deg,#8a8a88,#e8e8e4 50%,#7a7a78);box-shadow:0 2px 4px #000a}.pitch::after{content:"";position:absolute;left:calc(100% + 6px);top:6%;bottom:6%;width:2px;background:repeating-linear-gradient(#777 0 1px,transparent 1px 9px)}.platter::after,.pwr{position:absolute;border-radius:50%}.pwr{left:calc(var(--d)*.02);bottom:calc(var(--d)*.03);width:calc(var(--d)*.05);height:calc(var(--d)*.05);background:radial-gradient(circle at 35% 30%,#555,#111);box-shadow:0 0 0 1px #000,0 2px 3px #000a;translate:0 0 calc(var(--d)*.012)}.platter::after{content:"";right:2%;top:50%;width:5px;height:5px;margin-top:-2px;background:#e8334f;box-shadow:0 0 6px #e8334f}.pivot{background:radial-gradient(circle at 38% 30%,#e2e2dc,#8a8a84 50%,#2a2a28 85%)}.spd b{box-shadow:0 0 0 1px #ffffff22,0 3px 5px #000c}.arm i.z{translate:0 0 calc(var(--d)*var(--z))}.arm i.z:not(.top){filter:brightness(.5)}.arm .bar.z:not(.top){filter:brightness(.9)}.arm .bar.top{background:linear-gradient(90deg,#4a4843,#f2eee3 38%,#a9a498 62%,#35332f);box-shadow:inset 0 0 0 1px #ffffff30}.arm .cw.z:not(.top){filter:brightness(.6)}.arm .head.z:not(.top){filter:brightness(.42)}.arm .head.z:not(.top)::after{display:none}.arm .cw.z{border-radius:calc(var(--d)*.04)}.arm .stylus{position:absolute;left:calc(var(--d)*.0225);top:calc(var(--d)*.985);width:calc(var(--d)*.0085);height:calc(var(--d)*.028);border-radius:2px 2px 50% 50%;background:linear-gradient(90deg,#9c978c,#f4f0e4,#6f6b62);transform:rotate(-12deg);transform-origin:50%0}.arm .stylus.z{filter:none;border-radius:1px 1px 50% 50%;background:linear-gradient(90deg,#4c4a45,#cfcabd,#35332f)}.arm .sh{position:absolute;pointer-events:none;background:#000;opacity:.5;filter:blur(calc(var(--d)*.006));translate:0 0 calc(var(--d)*-.05);transition:opacity .6s,translate .6s}.arm .sh1,.arm .sh2{left:calc(var(--d)*.004);top:calc(var(--d)*-.12);width:calc(var(--d)*.024);height:calc(var(--d)*1);border-radius:4px;margin-left:calc(var(--d)*.03)}.arm .sh2{left:calc(var(--d)*-.03);top:calc(var(--d)*.88);width:calc(var(--d)*.07);height:calc(var(--d)*.12);transform:rotate(-12deg);transform-origin:50%0}.deck.playing .arm .sh{translate:0 0 calc(var(--d)*-.025);opacity:.6}.pivot{box-shadow:0 0 0 calc(var(--d)*.012) #1d1c1a,0 0 0 calc(var(--d)*.03) #55524b,0 calc(var(--d)*.02) calc(var(--d)*.03) #000d,0 calc(var(--d)*.03)0 calc(var(--d)*.012) #0b0b0a}.glass{border-radius:8px}.plate{border-radius:12px}.stage2{margin-top:10px}.shelf{margin-top:30px}@media (min-width:1000px){.lead{position:relative;height:0;display:block;z-index:6;pointer-events:none}.big b,.lead h1{display:block;font-size:clamp(32px,4vw,58px);line-height:.95}.lead,.lead h1{padding:0;margin:0}.lead h1{position:absolute;left:0;top:78px}.lead h1 .mb{display:block;font-size:.5em;margin-bottom:.55em}.lead h1 i{display:inline-block;margin:0;font-size:1.1em}.lead>div{position:absolute!important;right:0;top:78px;justify-items:end!important;text-align:right}.big b{text-align:right;letter-spacing:-.03em}.big b em{display:block;margin:.08em 0 0;transform:scaleY(1.2);transform-origin:100%0;font-size:1em}.shelf{margin-top:0}}</style> <div class="wrap"> <header class="lead"> <h1><span class="mb">Mixed by</span> <i>Savoye</i></h1> <div style="display:grid;gap:14px;justify-items:start"> <div class="big"><b>900M+ <em>streams</em></b></div> </div> </header> </div> <div class="shelf"> <div class="row" id="row" tabindex="0" aria-label="Mixes. Swipe sideways."></div> </div> <div class="wrap"> <div class="stage2"> <div class="deck" id="deck"> <div class="tt"><div class="plinth"> <div class="platter"><div class="rec" id="rec"><div class="lbl"><canvas id="lblc" width="220" height="220"></canvas></div><div class="spin"></div></div></div> <div class="pitch"><i></i></div><div class="pwr"></div><div class="pivot"></div> <div class="spd"><b>33</b><b>45</b></div> <div class="arm" id="arm"><i class="sh sh1"></i><i class="sh sh2"></i><i class="bar z" style="--z:-0.0040"></i><i class="bar z" style="--z:-0.0008"></i><i class="bar z" style="--z:0.0024"></i><i class="bar z" style="--z:0.0056"></i><i class="bar z" style="--z:0.0088"></i><i class="bar z top" style="--z:0.0120"></i><i class="cw z" style="--z:-0.0060"></i><i class="cw z" style="--z:0.0009"></i><i class="cw z" style="--z:0.0077"></i><i class="cw z" style="--z:0.0146"></i><i class="cw z" style="--z:0.0214"></i><i class="cw z" style="--z:0.0283"></i><i class="cw z" style="--z:0.0351"></i><i class="cw z top" style="--z:0.0420"></i><i class="head z" style="--z:-0.0060"></i><i class="head z" style="--z:-0.0000"></i><i class="head z" style="--z:0.0060"></i><i class="head z" style="--z:0.0120"></i><i class="head z" style="--z:0.0180"></i><i class="head z" style="--z:0.0240"></i><i class="head z top" style="--z:0.0300"></i><i class="stylus z" style="--z:-0.034"></i><i class="stylus z" style="--z:-0.02"></i><i class="stylus z top" style="--z:-0.008"></i></div> </div></div> <div class="front"> <div class="plate" aria-live="polite"> <div class="glass"><img class="gbg" id="gbg" alt=""> <div class="scr-row"><span>Now spinning</span><span id="count">No. 01 / 14</span></div> <div id="meta" class="scr-meta"></div> <div class="now" id="now"></div> <div class="ind"><span class="i-play">▶ PLAY</span><span class="i-rpm">33⅓</span><span class="i-st">STEREO</span><span>MIX</span></div> </div> </div> <div class="ctl"> <button class="snd" id="snd" aria-pressed="false"><span class="knob"></span><span id="sndT">Turn sound on</span></button> <span class="rpm"><i class="led"></i>33⅓ rpm</span> <div class="arrows"><button id="prev" aria-label="Previous record">◀</button><button id="next" aria-label="Next record">▶</button></div> </div> </div> </div> </div> </div> <div class="wrap"> <section id="ledger" style="padding-top:70px"> <div class="k">Our work</div> <h2 class="rv">Songs we've mixed.</h2> <p class="sub rv">Pulled from Savoye's Muso credits page. Mixing and mastering credits first.</p> <div class="ledger rv"> <div class="lg"><span class="lc" data-t="Time Again"></span><span class="la">VonOff1700</span><span class="lt">Time Again<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> <div class="lg"><span class="lc" data-t="No More Heroes"></span><span class="la">Polo G</span><span class="lt">No More Heroes<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> <div class="lg"><span class="lc" data-t="Move Pt. 2"></span><span class="la">Mello Buckzz, Monaleo</span><span class="lt">Move Pt. 2<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> <div class="lg"><span class="lc" data-t="Boring"></span><span class="la">BloodHound Q50, Nino Paid</span><span class="lt">Boring<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> <div class="lg"><span class="lc" data-t="Lost My Gun"></span><span class="la">Bloodhound Lil Jeff</span><span class="lt">Lost My Gun<small>Savoye</small></span><span class="lr">Mixing, mastering</span></div> <div class="lg"><span class="lc" data-t="In This Club"></span><span class="la">DCG Brothers, YFG FATSO</span><span class="lt">In This Club<small>Savoye</small></span><span class="lr">Mixing, mastering</span></div> <div class="lg"><span class="lc" data-t="FREE SMURK OFNG"></span><span class="la">Chuckyy</span><span class="lt">FREE SMURK OFNG<small>Savoye</small></span><span class="lr">Immersive mixing</span></div> <div class="lg"><span class="lc" data-t="Natural Habitat"></span><span class="la">Chuckyy</span><span class="lt">Natural Habitat<small>Savoye</small></span><span class="lr">Immersive mixing</span></div> <div class="lg"><span class="lc" data-t="Love Letters"></span><span class="la">YFG FATSO</span><span class="lt">Love Letters<small>Savoye</small></span><span class="lr">Engineer</span></div> <div class="lg"><span class="lc" data-t="Waddup"></span><span class="la">PGF Nuk, Polo G</span><span class="lt">Waddup<small>Savoye</small></span><span class="lr">Assistant engineer</span></div> <div class="lg"><span class="lc" data-t="AR-15"></span><span class="la">Bloodhound Lil Jeff</span><span class="lt">AR-15<small>Savoye</small></span><span class="lr">Mixing, mastering</span></div> <div class="lg"><span class="lc" data-t="Get Back"></span><span class="la">Mello Buckzz</span><span class="lt">Get Back<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> <div class="lg"><span class="lc" data-t="first day out"></span><span class="la">RacksRanItUp</span><span class="lt">first day out<small>Savoye</small></span><span class="lr">Mixing, mastering, engineer</span></div> </div> </section> <section id="hear"> <div class="k">Before and after</div> <h2 class="rv">Rough to release.</h2> <p class="sub rv">Same song, two states. Slide the line to hear the rough, then the mix.</p> <div class="ba rv"> <div class="ba-top"> <div class="track" id="baTrack">Artist <span>· Song</span></div> <div class="tabs" id="baTabs" role="group" aria-label="Choose a song"></div> </div> <div class="stage" id="stage"><canvas id="baCv"></canvas><div class="tag l">rough</div><div class="tag rr">Savoye mix</div></div> <div class="ba-bot"> <button class="play" id="play" aria-label="Play"><svg viewBox="0 0 24 24" id="pi"><path d="M6 4l14 8-14 8z"/></svg></button> <div class="time" id="time">0:00 / 0:36</div> <input id="cmp" type="range" min="0" max="100" value="50" aria-label="Slide between rough and mix"> </div> <div class="note">Drag the line. Left of it plays the rough, right of it plays the finished mix. Headphones help.</div> </div> </section> <section id="rates"> <div class="k">Mixing rates</div> <h2 class="rv">Per song. Revisions included.</h2> <div class="card"> <div class="rate rv"><h3>Mix</h3><div class="p">$250<small>a song</small></div><p>Up to 48 tracks, two rounds of revisions, five day turnaround. Stereo WAV and MP3.</p><a href="mailto:contact@nmhstudios.com?subject=Mix%20request">Book a mix</a></div> <div class="rate rv"><h3>Mix + Master<i>most booked</i></h3><div class="p">$350<small>a song</small></div><p>Everything in Mix, then mastered for streaming and the club. Three rounds of revisions, clean and instrumental versions.</p><a href="mailto:contact@nmhstudios.com?subject=Mix%20%2B%20master%20request">Book mix + master</a></div> <div class="rate rv"><h3>Master</h3><div class="p">$100<small>a song</small></div><p>From your stereo mix. Loudness matched for Spotify and Apple, one revision, two day turnaround.</p><a href="mailto:contact@nmhstudios.com?subject=Master%20request">Book a master</a></div> </div> <p class="note">Placeholder prices.</p> </section> <section id="path"> <div class="k">How it works</div> <h2 class="rv">From stems to streaming.</h2> <div class="steps"> <div class="step rv"><span class="t">first</span><h4>Send stems</h4><p>Upload the session and a reference track. Tell us what it should sit next to.</p></div> <div class="step rv"><span class="t">then</span><h4>First mix</h4><p>Your engineer builds the balance, space and low end and sends a private link.</p></div> <div class="step rv"><span class="t">then again</span><h4>Revisions</h4><p>Leave notes at exact timestamps. Changes come back in days, not weeks.</p></div> <div class="step rv"><span class="t">last</span><h4>Delivery</h4><p>Final WAV, clean and instrumental versions, ready to upload.</p></div> </div> </section> <div class="close rv" id="book"> <h2>Send us <i>the stems.</i></h2> <p>Pick a mix, tell us the vibe, and we'll line up your engineer.</p> <div class="cta"><a class="btn" href="mailto:contact@nmhstudios.com?subject=Mix%20request">Book a mix</a><a class="btn ghost" href="#hear">Hear it again</a></div> </div> <footer><span>1900 S Washtenaw Ave, Chicago, IL</span><span>@nmhstudios</span><span>NMH Studios, by No More Heroes</span></footer> </div> <script>!function(){var e=matchMedia("(prefers-reduced-motion: reduce)").matches,t=Math.min(2,devicePixelRatio||1),a=function(e){return document.querySelector(e)};var n=[{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/13d2bb89-28a2-49c5-8df4-99dfb5def673/waddup.jpg?format=600w",a:"PGF Nuk, Polo G",t:"Waddup",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/cc118faf-56fa-405e-ba87-1e2c0e615fd2/waddup.mp3",y:"2022",r:"Assistant Engineer",bpm:157,k:"x...x..x..x.....",s:"....x.......x...",hat:"x.x.x.x.x.x.x.xx",bass:[55,55,65.4,49],pad:[220,277.2,329.6]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/1ea34670-2af9-4242-8719-2c581783eafc/free-smurk-ofng.jpg?format=600w",a:"Chuckyy",t:"FREE SMURK OFNG",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/b6662b5d-ba28-4916-9c89-34d4311c6f3b/free-smurk-ofng.mp3",y:"2025",r:"Immersive Mixing",bpm:136,k:"x..x....x.x.....",s:"....x.......x...",hat:"x.x.xxx.x.x.xxx.",bass:[46.2,46.2,41.2,55],pad:[185,220,277.2]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/e92667ac-ee8e-4099-aadd-a49560eac19b/buss-it.jpg?format=600w",a:"Yay$ki, Lil Twin",t:"Buss It",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/ee50443d-a556-4c66-93e2-570c419bb7d7/buss-it.mp3",y:"2025",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/01cd1868-6b75-4cc1-9eca-7e49c85acb4c/wtm.jpg?format=600w",a:"LAZER DIM 700",t:"WTM",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/772a4ca2-b53c-45f7-8b78-b688551153fe/wtm.mp3",y:"2024",r:"Immersive Mixing",bpm:106,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/5fe62863-4855-4edc-be2a-8020595cc5d0/boring-feat-nino-paid.jpg?format=600w",a:"BloodHound Q50, Nino Paid",t:"Boring (feat. Nino Paid)",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/0eda779d-20fd-4b5b-89ce-f205007ba3aa/boring-feat-nino-paid.mp3",y:"2025",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x.x.......",s:"........x.......",hat:"xxxxxxxxxxxxxxxx",bass:[43.6,43.6,51.9,46.2],pad:[174.6,207.7,261.6]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/d3e3aac3-8f91-4fb5-a887-de28d26435e0/6-feet.jpg?format=600w",a:"kuron",t:"6 Feet",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/bf02d947-3214-44f5-a74e-fa3944f0c090/6-feet.mp3",y:"2026",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/b04e9163-4115-4e6b-aabf-a8bb8337d9d4/time-again.jpg?format=600w",a:"VonOff1700",t:"Time Again",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/99681de2-0dcf-4e35-9a9c-777dff33ab98/time-again.mp3",y:"2026",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/06cd3b47-f04a-4ebe-9115-230c7539e035/love-letters.jpg?format=600w",a:"YFG FATSO",t:"Love Letters",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/f3de367c-3f1c-4539-8a86-9aaeb82f3eac/love-letters.mp3",y:"2026",r:"Engineer",bpm:130,k:"x..x....x..x....",s:"....x.......x...",hat:"x.xxx.x.x.xxx.x.",bass:[46.2,46.2,55,41.2],pad:[185,220,277.2]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/f458058c-ba33-4db7-8cd6-bc9ab804840a/wham.jpg?format=600w",a:"Yay$ki",t:"Wham",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/f3f3b0a1-a22f-43da-9fe7-5f75f25a5fb9/wham.mp3",y:"2026",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/f81af950-f680-40ed-8ca2-5a335dc22f95/natural-habitat.jpg?format=600w",a:"Chuckyy",t:"Natural Habitat",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/fc85e11c-b57e-4d73-9e11-236a140dbec0/natural-habitat.mp3",y:"2024",r:"Immersive Mixing",bpm:96,k:"x..x..x...x..x..",s:"....x.......x...",hat:"x.x.x.x.x.x.x.x.",bass:[58.3,58.3,69.3,52],pad:[233.1,277.2,349.2]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/3e391a92-8271-4b67-8d99-dce670352871/in-this-club.jpg?format=600w",a:"DCG Brothers, YFG FATSO",t:"In This Club",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/a0ffe408-5440-403f-b902-14658372fe3f/in-this-club.mp3",y:"2025",r:"Mixing · Mastering",bpm:140,k:"x..x....x..x....",s:"....x.......x...",hat:"x.xxx.x.x.xxx.x.",bass:[46.2,46.2,55,41.2],pad:[185,220,277.2]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/3e8172f1-8f2e-4544-8227-8c9a8a3a73fe/not-steal-i-take.jpg?format=600w",a:"Lil Take",t:"Not Steal I Take",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/1e0ba291-9652-429c-b0e5-da2fd2a31f6e/not-steal-i-take.mp3",y:"2026",r:"Mixing · Mastering · Engineer",bpm:140,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/9fc66a5a-a09a-4397-9ca1-fa6bdd9d5d05/boom-pt-2.jpg?format=600w",a:"Mello Buckzz, Latto",t:"Boom Pt. 2",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/fe9f5fe7-dfb4-40e3-9483-c5a61d86da8c/boom-pt-2.mp3",y:"",r:"Role to confirm",bpm:146,k:"x.....x.x.......",s:"........x.......",hat:"xxxxxxxxxxxxxxxx",bass:[43.6,43.6,51.9,46.2],pad:[174.6,207.7,261.6]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/6873ec44-6581-457d-9ea7-4a1af9ed0273/lost-my-gun.jpg?format=600w",a:"Bloodhound Lil Jeff",t:"Lost My Gun",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/565bb033-9e06-4b49-8ca4-b95c28289a35/lost-my-gun.mp3",y:"2024",r:"Mixing · Mastering",bpm:109,k:"x..x..x...x..x..",s:"....x.......x...",hat:"x.x.x.x.x.x.x.x.",bass:[58.3,58.3,69.3,52],pad:[233.1,277.2,349.2]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/c4493c2d-217c-48c6-9393-86170423db99/headtaps.jpg?format=600w",a:"Bloodhound Lil Jeff",t:"Headtaps",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/5621354e-792b-4257-a64a-d2f1c62b09cf/headtaps.mp3",y:"2025",r:"Mixing · Assistant Engineer",bpm:108,k:"x.....x...x...x.",s:"....x.......x...",hat:"xx.xxx.xxx.xxx.x",bass:[51.9,58.3,51.9,46.2],pad:[207.7,261.6,311.1]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/42aa6eac-4463-4ce7-9473-47e76bfdabb8/no-more-heroes.jpg?format=600w",a:"Polo G",t:"No More Heroes",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/c2651ba7-2d29-49e2-86c1-9254c1ed2659/no-more-heroes.mp3",y:"2024",r:"Mixing · Mastering · Engineer",bpm:142,k:"x...x..x..x.....",s:"....x.......x...",hat:"x.x.x.x.x.x.x.xx",bass:[55,55,65.4,49],pad:[220,277.2,329.6]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/85e22022-c532-4ce8-90ed-98e52d466dd7/move-pt-2.jpg?format=600w",a:"Mello Buckzz, Monaleo",t:"Move Pt. 2",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/29ae98c6-cfb0-4407-bcf1-dd81c5651cdb/move-pt-2.mp3",y:"2025",r:"Mixing · Mastering · Engineer",bpm:84,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/999749ad-3508-46f7-949e-d7b1eef5f69a/hmm-bd.jpg?format=600w",a:"Mello Buckzz, G Herbo",t:"hmm…BD",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/84110a1d-ef24-4ed9-9033-c3d876ba4efb/hmm-bd.mp3",y:"",r:"Role to confirm",bpm:91,k:"x.....x...x.....",s:"....x.......x...",hat:"x.xxx.xxx.xxx.x.",bass:[49,49,58.3,55],pad:[196,246.9,293.7]},{img:"https://images.squarespace-cdn.com/content/610b5b414c5c4d38b5f9b684/90cce174-20bc-4ab3-8461-a151a62c6929/pretty-opp-ep.jpg?format=600w",a:"Mello Buckzz",t:"Pretty Opp (EP)",aud:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/e9acd938-6ce6-4fca-aef9-9bc0969f3585/pretty-opp-ep.mp3",y:"2026",r:"Mixed & mastered by Savoye",bpm:142,k:"x...x..x..x.....",s:"....x.......x...",hat:"x.x.x.x.x.x.x.xx",bass:[55,55,65.4,49],pad:[220,277.2,329.6]}],c=[["#c8102e","#1a1a1a","#efe9df"],["#2d4a3e","#d9b779","#111"],["#e0a93a","#2a1b3d","#efe9df"],["#1e3a5f","#e8d9c4","#c8102e"],["#efe9df","#c8102e","#111"],["#6b2d4b","#e9a08a","#111"],["#3d3a36","#e0a93a","#efe9df"],["#a33b20","#efe9df","#1a1a1a"]],i=a("#row");function s(e,t){var a,i=e.getContext("2d"),s=e.width,r=(a=300+17*t,function(){return((a=16807*a%2147483647)-1)/2147483646}),o=c[t%c.length];if(n[t].img){var d=new Image;return d.onload=function(){i.drawImage(d,0,0,s,s)},d.src=n[t].img,i.fillStyle="#111",void i.fillRect(0,0,s,s)}i.fillStyle=o[0],i.fillRect(0,0,s,s);var l=t%4;if(0===l)for(var f=0;f<6;f++)i.fillStyle=f%2?o[1]:o[2],i.beginPath(),i.arc(s*(.2+.6*r()),s*(.2+.6*r()),s*(.08+.2*r()),0,7),i.fill();else if(1===l)for(f=0;f<14;f++)i.fillStyle=f%3?o[1]:o[2],i.fillRect(0,f*s/14,s,s/14*(.3+.5*r()));else if(2===l){i.fillStyle=o[1],i.beginPath(),i.arc(s/2,.62*s,.34*s,Math.PI,0),i.fill(),i.fillStyle=o[2],i.fillRect(0,.62*s,s,.38*s);for(f=0;f<5;f++)i.fillStyle=o[0],i.fillRect(0,s*(.66+.07*f),s,.025*s)}else for(var b=0;b<5;b++)for(var u=0;u<5;u++){i.fillStyle=r()>.5?o[1]:r()>.5?o[2]:o[0];var m=s/5;i.fillRect(b*m+4,u*m+4,m-8,m-8)}i.fillStyle=o[2],i.globalAlpha=.9,i.font="700 "+.06*s+'px "Bricolage Grotesque",Arial',i.textBaseline="top";var x=n[t].a.toUpperCase();m=i.measureText(x).width;i.fillStyle="#000",i.globalAlpha=.55,i.fillRect(.06*s,.06*s,Math.min(.88*s,m+.05*s),.11*s),i.globalAlpha=1,i.fillStyle="#fff",i.fillText(x,.085*s,.083*s)}n.forEach(function(e,t){var a=document.createElement("div");a.className="disc",a.dataset.i=t,a.innerHTML='<div class="vinyl"><div class="vd"></div></div><div class="art"><canvas width="560" height="560"></canvas><div class="shade"></div><div class="eq"><i></i><i></i><i></i><i></i></div><div class="hint">Tap to hear</div></div>',i.appendChild(a),s(a.querySelector("canvas"),t)});var r=[].slice.call(i.children),o=0,d={"ar-15":81e5,"get back":882e3,"first day out":624e3,"no more heroes":6627831,waddup:66904730,boring:2612025,"natural habitat":21335403,"free smurk ofng":14681614,wtm:10239868,"move pt. 2":2488765,"boom pt. 2":4011296,"hmm…bd":1201500,headtaps:13233858,"lost my gun":22963465,"in this club":1536782,"love letters":2039667,"percocet love":1011573,"300 miles":11182372,"subway surfin'":6868887,"think about you on your birthday":1980590};function l(e){return e>=1e7||e>=1e6?(e/1e6).toFixed(1)+"M":Math.round(e/1e3)+"K"}function f(e){var t=e.toLowerCase().replace(/\s*\(.*$/,"").trim();return d[t]}n.forEach(function(e){e.p=f(e.t)}),function(){var e=document.querySelector(".ledger");if(e){var t=document.createElement("div");t.className="lh",t.textContent="Spotify plays",e.insertBefore(t,e.firstChild),[].forEach.call(e.querySelectorAll(".lg"),function(e){var t=f(e.querySelector(".lc").dataset.t),a=document.createElement("span");a.className="lp"+(t?"":" none"),a.innerHTML=t?l(t)+"<small>Spotify plays</small>":"—",e.appendChild(a)})}}();var b={"time again":"data:image/webp;base64,UklGRugEAABXRUJQVlA4INwEAADQGACdASpQAFAAPrVSnkwnJKKiJ7qtcOAWiUAZD67378EXbsXa5vNOJkygNB/EOv5cSxdz70m+t41BQdpkAPMct5/Ot+UTKnXq5lzpqGTJsjF78D925aBKfI0Hq/47Lxn1nvXXyi4aoS/u7ubM7GtiAQXSqRYguX4sUWMf9QpElKAmBPsU7ETeVBHnTxsMpZr6bqwqI53g1mKDxChIqRR26ADhVScE7szG5l/KYm+LDzQA3VzwUYe5UUPo7ZHOsOyzvkLRrc/3TT0vGb8GnEAA/nrLfmZ91wOHpxfOVlj82ShmJMOp0xBgLlvF38yfhqOvmG8Neu+7qcNByBkUo7snhhG+FXNSUmf4OPtLVuH+uqC1QH4N6yaKpN6HykY9g8rzgBLeKXI500/z75eEioVH4MqXMZfXS9zLCKdspsohh6bSo6u3YKlNBY3pYps58pWJ3NvVofGR0kaQElbytF/X+JnD8iaPVMvsQ/lOA6S9NJHHL4O08QaWoEX2CFIHJtoCjXfpmsnCPlzpWC6KM9m59VBhQOqzirN2Z8VF27M578cyi40XijzOLIkt9Cy3LPPlKa7uiH26WDUGssVll6FbOVDggcvcMj14/A8aNrA/ZRDnxS2JaaFiuOMCJH7V9W/y8t9W45NC85vFJIsJzE1SfMAIehFEPE0u7SB782wnkfl/K6COZ29wuB5t87CSUImvVHWkMGjIIx2lAody4h1ch9dTkqZrQC2SO3k8x6DDtj6zYSfqG84sqNFQDFklLFSMNL5duuXvLp3Fyi1rZ4fp1Lb77kenWW9/srMMN6yI3sI6BhxePDWy/KQ+5JeFvJMIaJYDKOc8+nkafGKXXgDhB8jz4FzpNvj7cXQ+ERhF/obxMHgFA2lAVSTTcpzIbHIdTbnCfylAs5sbJiO/tV4NCFe4MB9qtTlMp5msezDbqW054IagLrrIT/zcG/lFrnGAEXOJnVAmmc3bAm9olCefD2UE6F36CGkATkUjC2TfWVRMlJMUThTxHPxYpbw/x1XzxJJfJmlGmwMW0LSiqXkI+NajqvZmtfopjjvHy++6c7GVsqLNnJd28Y6hbzVw426TfgSrwqld4H3wAUNS6NEuApjVIxpb8SbUIypA4ZMck2m1j2M9/5PDeV75jUeZVRlsIys+khdr07zoe7l0hU9yBsuoOL3nOYxBYEZJiJPZF8fXI+MaZG82YabRTuZjISvuuPWR5lAQ9STVK1sDNIQi9+9UCMKKOku4EK6KTwoPHUpBpg19gcUGlPwlIcBIs/1Ilb7fBXTjfdcxRCcYPHrsTZ6+C3mOA+msijOJ9bdrQF1B2jR88cSGtJAov8Es0WgDtpr24+OhsdQ8HTIN5guuNfVVCHq8w8wiyX7ewYah2v5X9sbQCwl5HtMzj0fA6SYcAfXkuGPi8LkbmAmItWK2Uwg2NyEMt3iWnhmAyi+mdcKGRTpLWGh8bOOmO98Q+AKoMKtaYmpB8bCuh4Fk+kvC+CvhnTWd6F1FoVDkmKK36oB7KOzVe11dZCdqJeInJlcJ9g+mh/riD9xJujvRthrZN1KZea9aBOvrMCuOfkfWAz2sdZAh43emMnWsLWo1F1p4rIqbMCGOAOFVCFauyECObM4yA3T4UMHy8Olf5suu/KD+tOi2kjkR1kAAAA==","ar-15":"data:image/webp;base64,UklGRo4GAABXRUJQVlA4IIIGAACQGgCdASpQAFAAPq1InEmmJKKhMfktEMAViWoAwvAEBFWrhyduPzuno73lneZa8ZxZc6YapNm+nKYYIcdPflefewB4w+fzUM6Sbcwr5rs89MHveSzoo3iB0rZVy4yhJvJArPwbflN/BclKZ4APKD7xFRiAg42kkJbhKVXQiPAHTSnKh/FZ7zoW7iQyqC9mene3EgbtRJZ1zWQkaMDycqK4yAjv+xB2uKVaF+ydU4KTkC9ypUWDuSKucTvE9+p+TqqGdoyjewTXwkNwNVmVWxk6SuXN9fz/yQYQVyPEgAD+/BBZZM6sWngtWkxKAnU7WSkk/F28ZCg6/UWwF754Y1CTaAuzTfXgpXp2/c1Grbz0dtTr0W/melh8Wtfz2nEfql1fgeFip9Y+1e4oPOmauJzbBku1/o9BkicCJLSsYk+T0QPuG9zb0cV/XVTJnwXEnKjX2c8qyNZgQxqo0/vvQEjq5A0TtZRR0TaoHxcaXaAcChBV4+oAx1GVntERSTU6JBZugj6JyMMXPwFDo4d7G7WTGjdloYZfykPAFIh45TB/dZe8PgUbAxFaz2wKZ5qE3Q8s//Paw05OXMEL8H5It4fLv/axfFn78FUQkavkXgbwTHYISmyygMAykGT2v92o/wcah842iO4CnC9tsyWsFA2MUIv6auyPU3jPkW120sFc0UyCSTjBkAflf+J50M+wDKsls6amji6ki6/M5xriu68bvvfiYov+wrOCJlcyy5Di/cxxv4lj9rH1KvbPU1TubTEAsfnGTqDlbQpaDinka5f8mWL3T92R4IohzRmFBqng6FC3oNEt4tuIdGoDpr/Flc13U5TYk+rNvchylTSJJ3f47iHl1Nu7yf52wH3LYTlEHNFgCtG7j0bnfrH6lBAI5JZzv1ahwWGuMA+3fPEU8YoCc1ubqeP7eE8pLp6SzndkwtqcQbFVvh5ZLfYW9v/mefJTnVOcYPX9iMr/pxhBM6ltFSng5s9ZWsynIgpjnhRG759aEV/cD6JVYncD8DAB2PR1kmACDPFqTn3SvO1JWi79wexsNOb9MWd6K60jUTzV8CEyUYonsKZ4lJIhLoUy4rlinLW0n3pNUqQvos/7Z70Ymey6YZRrDXEKPS/PpKlYTS8UkNWmVErPi7EJuut+rPmipH1AJmzz9yCu/XOY/z1CJs5Sbhl592XGGyXKbZP2CpqvXhwoF/Fa3DXP3EUWGD0ZGBwCSO7ZtOGyPrgbhUuk/GGt+RNTyk2U+Ma/QyATWByD4LayP1p3lOs3aAp8hJRnmZU7aqvWDganh1us6B2QlDNNwtjSR2bZtZXr1O4nHcCoqQW+cDDBwGJNZaSFjeEQ9v+SWHuDjzDiSmIYSE+wrtSm7Ha58lGtas7UTgUnI0zWwMTR+2OP9BOvklb0k3vHQJMkG7h1GsBOFyPA/A0WBnIqrosC9bsBcK3PdaVEFo+XtIbpnEseFOJ53hBvkwNR8h2wxkbWJYOfZWu+a8vMgNc/wRmu38wGxKgUtyQhsnIKtqm0Q7HDVoAhN1dXj6b//xrR4ihtSIQIwTqGcOyqZ+2gVAf4I2y7KR67Vu4uflsBfCR0BILCKc0QNo5AXCllAWSrtUGQgLM+Z41EviDm+3TZOJi4xGGGq8DO33XJoVFZXf863bEq2WoxfhPxoz1HdjlSvuE5qFO07FyKeIiRulTfiPYZlryEFURxBjnCgWaq3hMEX+DC3v0KjXpqarlJKkx7u/EgzXxe69BCxCO/GITGdqZaoQkmY9wO/5Ef759QY9LWiXX/9qHfhVmUmJ6LaWjrcKJJR6e63ScxcNrR6lghwH/VqAybE5YJGCXHybjgvwze7mf8HqyD55EMbWD1tCki6hG+yHF6+F4gdqufv+W8tsBqUqr6ZfA7oyWPuHHNePEo4WiSKJa+XGDxVvms1gIkmzcXLxySbI6zCmHHpnU4xcPuxrDyJtM/SiX10lABSPaPmWMTDovfyWyf4tjEPyMZnCN3lOhR+mPuY0MdzAq4q0SwqG5r9TecVkCWqmeEC4ujLu3PNPAuy9gJJQ7zLphaVLANC7L4u+SJjBwc7mOFWsHZc3W58XI3mAE4LQ6KtOM9QArL6bxQwxtneE4mdANY7JDA50uNrCziTKCYrzTNaRKwa8TA0AuH/Rn2sgSG8eikOrMl32DkK2JwPfx9/ygLNZDXvh5/bG1JtIpE67i9O+5Xc89j6fX2aVVYAAAA","get back":"data:image/webp;base64,UklGRugDAABXRUJQVlA4INwDAAAwEACdASpQAFAAPrVKoUwnI6Mip71byOAWiWcA06K+/qVytAcg9Rvr8F9JBNX8emoKu+BXQOU3zrMz1xARdKennWk7Eqm75bRmQNPR1pgq/6YChdvDLxvQxm2Zfd0oWiORN3c0+Tdzq8zx2pKg/wQMi6ZNpe7jDIKmm+HsodFeVXmg+ocV3aebhAAA/vpxG1OQrtfPx4M7+zexssuLd+hZGz/k10gVL71nEEbZ8zZGMOUMD1F1B+MeFKmQ8tHaVd6EbPwRv2A0Ej4I/jECQtBQOi75fuP0sAp9YFMUiampzIZ+FP5ADtC5fckoA1qgn6XoZKrWvFM+kP9aUWt4T5/dh0cAI/3+WVDCrkahAvPK1X0PtD4Rb/3pEm6Ix+pAV7FiNLKDQKVuHvkKDyD24TAZatvxdW0BI/w1x7bdaVv60bN+gbel5b7d7+Jj8k8v6Afa5VCUhaLZ6YknOvWTl5jfDazjvEZlMHgi3wwERCj1NuePyHGLefNuq45Ijp6+H8brxJqEPMD2zdjWd7uo9cnBHJ/kqoqkgeNJ/Od9HsG5sGCB3XhQ6pKPDqqHu2CA68Y0lvG17/fb5YQyZ/fwzFI7LsO3LdZfqx7Wh7RVVGm+GmJpu2RfvXT6PZtPLRiKVRwHWX0mTfVJPz9EdppAbDcl2qe1Orw1JTHTA65dClwLbFm/UHg1BJ5rRsatolxbxIIUnHT2KdpAds0JnzUPfPGtcvKgQec9ETmoJax1gG3qSU1B2SGQIcSPBVQeXSNG5P5HtSm6i1gq4V/kJd75Xb9ROjc/q40BWgubWxiiYnzLsrDroFzh0W7WAsFs+en272iLzK2dmZyZwhQTjG/1+Ht2LPR6LEJVR02rZNCxUyL4xUtRHvQ+vDvxNUpReq7Gns2SZ91qy3y6+lDBDtJUO38T538365Ju6Lez64KJOG467R719IrMaO0eI8aBx3Erg+fGWXyocWxFKid2rjznW/8xGgTqyqGgvI+yutex3vFHgfvdSBdsUzaFEFdNtw7xQBmNwqxpc2ig85qewLoKlOVWi3XoUZ0b38pyYvyws+EIUfPeztDvOMqsdcWdZ8Eg4ReMAsYW7SxnHuzD5041OTS8GEg1uzrBQFnZPCo7+T7EkwfNW8vUfbA3zz3810ScjbdNbnRNHdYmDA/t8BG/0keyvmpfRDQKbV0q85IsXyWeitV8TPeMIR5SAg8OqEpa128NdhbugDNHM6SKKDa95yFS2SSfWRbNlaXGQpyKoPEcLsD5shQZDFlqoAP3Boe0wP+xvGsJyCn6baUy6WVoA/tTN2WNt2O/5euAkAAA","first day out":"data:image/webp;base64,UklGRiwFAABXRUJQVlA4ICAFAAAwFwCdASpQAFAAPrVInEmnJCKhMLYtUOAWiWw95DNgc4IrXStiI3D8+CBt4ebF9Ve8n/0z1AP2A62G0DeGmM1sS347ZZZTDDTltGbzAmbpWj7WWAMBp95zewCGfYGT6DO/7NtkGX0AXps30uVysO6ggIJp0PFMAGcy6XqWzEjFdmjKtCTlE2xKNArfZE42fzQSyo0oBtiEkZWIXXaSC9O9clCNauU+d/hr/Inap0VlsfGUE1dyfL3iAFPs/mFgTWuwAAD++Gzj9GeEqc9Usu8GSEVk2g73lnJlq008CkAXqiDPzAHxuaVj+MTENvTUW+JaQ26kwQLBpqMHmv8XyyaWDTOsKCHs22QJGYEbny/eSqv/dH5L/K9/8xnatbXXHN+bpbuMwCuDJ4P3qqxRMzxAkMw9NfEQHqRBqQq6+ZUJTSTHrXnlmJnqfWpNBZh53S8WiezQNarKmhmlvzjGY8S46m8DEjbhTMZ1z+rEXx7JRN+dtZUxf6zbFLUdOWhoxh+231G5BBg4imwsfwsyikcOi4TdzxUwRZF+8d6JdwDQNV1ykTEmzfA1cBce1kuD/Uh7hGwaMqSdFb6cJMtGNy0Z3PR9G5B82jxmm+jY1gpeYNPjUgxCDer5VC1fMGVky0gsU2at2H6j6CZxJEwsJfB2i347FCimzdsBklDTfVGThn2IAMwVWqxHL68hbe0KB07oUI+LbWQ0/LGEFpXN8J/tY+/M2odmut/+rJpHG70fMJ0locKEmXqo91isymDug9UiYWasjSaT1WOgkTb1EMa1zb0oJ9hxUyyIwjVpfnOgZfHFBKKbWoqHoW7XKZ7JG5tMgWsWe5cs7REdCUupSy5/UfmJ5rXzHnEpxDAdXvdiAsFr1QJnfcjI0OhjKOjx5xKJBKx9yGD4qkTMykQIC11LBVPLclvMLKxYPfxdG+0MGVo1lpqT4BY6/8w1nVcmthIJ3yKgpygA1k9reIElMTw9LP9x3X9xFmilsINiBHGFb5kYvpVavrCL4ul2dDBmE4cROESB/31ctmPSV4/79nDowtjvn8f9a0hkr41Q8lMVxXa+X7RpDkDKyJbttaRqji200Yl8poIl3pXlciYuxRZGRn5ud2LPIFJ9rN3KfM48/vEAJn8928B6fpLJhrPivH+/let+OTExwEVHkDcE0jclmXr5xIjNA85Q95XQxOr8wLJMZPJgmXYSIYpfDIWTD78ii39sq/rxl9qZsSRTKquwl37rtLyO1O6NPcKZdodYGJxidGW2BqRiJeO7839tuAuTtlUufc3MFoF550iYbQAyN7BkfW44hzZz88QKNrhtya62YNg3IY2daAsb0+OK34jVObjs/VtwZhQhp7l4LuYUDUChSRi5gBLjQ0CkRgIdK/NBJo+Ss/vR3/vfq7N1Bu+cUPAHb7z3rkClAyI9Sli+ZGqHwK/08ptGvtqY9xPaL6m7Wu0dzaTfJ60oTMppLoPofL5F8/35b33MpKF/8dA/QdVA/J44VHBVprBAu0jzCtJXXXsAAIkscBw4OWqfaJBr69uXG8IOtg2jkBt+UvXPItjGXUAsTx1pr4C6uI40kSRpjTP7/KS4fngyHflK6brlfQE88LVq2wnbjI+KPjOA/SJeYqtWSNCVOU8LVGm/z/vSjTCffllA+roSWanj5pkwWVVm/XiYBEd6LgOowVX4hLEV5UidGZIe1MQNkwAllJwYzRRlcJjhcu+Gb4UVnuEMe5Qt7YLpTZjPSSAAAAAA"};[].forEach.call(document.querySelectorAll(".lc"),function(e){var t=b[e.dataset.t.toLowerCase()];if(t){var a=new Image;a.alt="",a.src=t,e.appendChild(a)}}),[].forEach.call(document.querySelectorAll(".lc"),function(e){for(var t=e.dataset.t.toLowerCase().replace(/[^a-z0-9]/g,""),a=0;a<n.length;a++){var c=n[a];if(c.img){var i=c.t.toLowerCase().replace(/[^a-z0-9]/g,"");if(0===i.indexOf(t)||0===t.indexOf(i)){var s=new Image;s.alt="",s.src=c.img,e.appendChild(s);break}}}});var u,m,x=null,p=null,h=null,g=!1,v=null;function y(){if(!x){var e=window.AudioContext||window.webkitAudioContext;if(!e)return!1;x=new e,(p=x.createGain()).gain.value=.8,p.connect(x.destination);for(var t=.5*x.sampleRate,a=x.createBuffer(1,t,x.sampleRate),n=a.getChannelData(0),c=0;c<t;c++)n[c]=2*Math.random()-1;x.noise=a}return"suspended"===x.state&&x.resume(),!0}function A(e,t,a,n,c){e.gain.setValueAtTime(1e-4,t),e.gain.exponentialRampToValueAtTime(c,t+a),e.gain.exponentialRampToValueAtTime(1e-4,t+a+n)}function w(e,t){var a=x.createOscillator(),n=x.createGain();a.frequency.setValueAtTime(150,t),a.frequency.exponentialRampToValueAtTime(42,t+.16),A(n,t,.005,.32,1),a.connect(n),n.connect(e),a.start(t),a.stop(t+.4)}function M(e,t,a,n,c,i){var s=x.createBufferSource();s.buffer=x.noise;var r=x.createBiquadFilter();r.type=n,r.frequency.value=a;var o=x.createGain();A(o,t,.002,c,i),s.connect(r),r.connect(o),o.connect(e),s.start(t),s.stop(t+c+.05)}function E(e,t,a,n){var c=x.createOscillator(),i=x.createGain(),s=x.createBiquadFilter();c.type="sawtooth",c.frequency.value=a,s.type="lowpass",s.frequency.value=260,A(i,t,.01,n,.5),c.connect(s),s.connect(i),i.connect(e),c.start(t),c.stop(t+n+.1)}function q(e,t,a,n){a.forEach(function(a){var c=x.createOscillator(),i=x.createGain();c.type="triangle",c.frequency.value=a,i.gain.setValueAtTime(1e-4,t),i.gain.linearRampToValueAtTime(.05,t+.4),i.gain.linearRampToValueAtTime(1e-4,t+n),c.connect(i),i.connect(e),c.start(t),c.stop(t+n+.1)})}function k(){if(h){var e=h;if(h=null,clearInterval(e.timer),e.src)try{e.src.stop(x.currentTime+.3)}catch(e){}try{e.out.gain.cancelScheduledValues(x.currentTime),e.out.gain.setTargetAtTime(0,x.currentTime,.12)}catch(e){}setTimeout(function(){try{e.out.disconnect()}catch(e){}},700)}}function T(e){if(g&&y()){k();var t=n[e],a=x.createGain();if(a.gain.value=0,a.gain.setTargetAtTime(.9,x.currentTime,.08),a.connect(p),t.aud){var c={out:a};return h=c,t.buf||(t.buf=fetch(t.aud).then(function(e){return e.arrayBuffer()}).then(function(e){return x.decodeAudioData(e)})),void t.buf.then(function(e){if(h===c){var t=x.createBufferSource();t.buffer=e,t.loop=!0,t.connect(a),t.start(),c.src=t}})}var i=0,s=x.currentTime+.06,r=60/t.bpm/4,o={out:a};h=o,d(),o.timer=setInterval(d,25)}function d(){for(;s<x.currentTime+.14;){var e=i%16,n=Math.floor(i/16)%4;"x"===t.k[e]&&w(a,s),"x"===t.s[e]&&M(a,s,1800,"bandpass",.16,.55),"x"===t.hat[e]&&M(a,s,7500,"highpass",.04,.22),e%4!=0&&10!==e||E(a,s,t.bass[(n+(10===e?1:0))%t.bass.length],3*r),0===e&&n%2==0&&q(a,s,t.pad,30*r),s+=r,i++}}}function C(e){r.forEach(function(t,a){t.classList.toggle("live",e&&a===o)}),a("#deck").classList.toggle("playing",!!e)}!function(){var e=document.querySelector(".logo-img img"),t=document.getElementById("gbg");e&&t&&(t.src=e.src);var a=document.getElementById("tvlogo");e&&a&&a.setAttribute("href",e.src)}(),function(){var e=document.querySelector(".shelf");if(e&&(window.tracks||void 0!==n)){var t=document.createElement("div");t.className="bgs";var a=n.filter(function(e){return e.img});[[2,10,150,-9],[13,62,120,7],[24,2,170,5],[30,70,130,-6],[70,6,160,8],[78,58,125,-8],[88,16,140,-5],[95,64,170,6],[56,-2,110,-4],[62,86,115,9],[8,38,100,3],[46,92,150,-7]].forEach(function(e,n){var c=a[(5*n+3)%a.length];if(c){var i=document.createElement("i");i.style.cssText="left:"+e[0]+"%;top:"+e[1]+"%;width:"+e[2]+"px;height:"+e[2]+"px;transform:rotate("+e[3]+"deg);background-image:url("+c.img+")",t.appendChild(i)}}),e.insertBefore(t,e.firstChild)}}(),u=document.querySelector(".xmb"),m=null,u&&(u.addEventListener("pointerdown",function(e){m=e.clientX}),window.addEventListener("pointerup",function(e){if(null!==m){var t=e.clientX-m;m=null,Math.abs(t)>28&&document.getElementById(t<0?"next":"prev").click()}}));var S=a("#lblc"),B=a("#rec");function L(e){S.getContext("2d").clearRect(0,0,220,220),s(S,e),B.classList.remove("drop"),B.offsetWidth,B.classList.add("drop")}function G(){try{!function(){var e=document.getElementById("xrow");if(e){e.children.length||n.forEach(function(t,a){var n=document.createElement("div");n.className="xt",t.img&&(n.style.backgroundImage="url("+t.img+")"),n.addEventListener("click",function(){J=a}),e.appendChild(n)}),[].forEach.call(e.children,function(e,t){e.classList.toggle("on",t===o)}),e.style.transform="translateX("+(192-(78*o+46))+"px)";var t=n[o];document.getElementById("xt").textContent=t.t,document.getElementById("xa").textContent=t.a,document.getElementById("xn").textContent=("0"+(o+1)).slice(-2)+" / "+n.length}}()}catch(e){}var e=n[o];a("#meta").innerHTML='<div class="st">'+e.t+'</div><div class="sa">'+e.a+'</div><div class="se">Mixed by '+(e.e||"Savoye")+" · "+e.r+"</div>"+(e.p?'<div class="se">Spotify plays '+l(e.p)+"</div>":""),a("#count").textContent="No. "+("0"+(o+1)).slice(-2)+" / "+n.length,a("#now").textContent=g?e.aud?"Playing 30s preview":"Playing placeholder beat":"Sound off. Press the knob"}function I(e){o=e,a("#deck").classList.remove("playing"),L(e),r.forEach(function(t,a){t.classList.toggle("on",a===e)}),G(),clearTimeout(v),v=setTimeout(function(){g&&(T(e),C(!0))},320)}var P=0,J=0,W=null,F=0,X=300,V=0,D=0,O=n.length;function N(e,t,a){return Math.max(t,Math.min(a,e))}function R(){r.forEach(function(e,t){var a=t-P,n=Math.abs(a),c=a<0?-1:1,i=c*(n<=1?.72*n:.72+.13*(n-1))*X,s=1-.07*Math.min(n,4),r=-c*Math.min(n,1)*30,o=1-Math.min(n,1);e.style.transform="translateX("+i.toFixed(1)+"px) scale("+s.toFixed(3)+") rotateY("+r.toFixed(1)+"deg)",e.style.zIndex=1e3-Math.round(100*n),e.style.opacity=n>4.6?0:1,e.style.pointerEvents=n>3.5?"none":"auto",e.style.setProperty("--v",o.toFixed(3)),e.firstChild.style.display="",e.querySelector(".shade").style.opacity=(.28*Math.min(n,3)).toFixed(2)})}function K(){X=r[0].offsetWidth||300,R()}function z(){if(F=0,!W){var t=J-P;P=e||Math.abs(t)<.002?J:P+.15*t}R();var a=N(Math.round(W?P:J),0,O-1);a!==o&&I(a),(W||P!==J)&&w()}function w(){F||(F=requestAnimationFrame(z))}function j(e){if(W){var t=W;if(W=null,t.moved)J=N(Math.round(P-220*t.v/(.6*X)),0,O-1),J=N(J,o-3,o+3);else if(t.disc){var n=+t.disc.dataset.i;n!==o?J=n:g||a("#snd").click()}w()}}function U(e){J=N(J+e,0,O-1),w()}i.addEventListener("pointerdown",function(e){if(!(e.button>0)){var t=e.target.closest(".disc");W={x:e.clientX,p0:P,moved:!1,lx:e.clientX,lt:performance.now(),v:0,disc:t};try{i.setPointerCapture(e.pointerId)}catch(e){}}}),i.addEventListener("pointermove",function(e){if(W){var t=e.clientX-W.x;if(Math.abs(t)>6&&(W.moved=!0),W.moved){var a=performance.now(),n=Math.max(1,a-W.lt);W.v=.7*W.v+(e.clientX-W.lx)/n*.3,W.lx=e.clientX,W.lt=a,P=N(W.p0-t/(.6*X),-.35,O-.65),w()}}}),i.addEventListener("pointerup",j),i.addEventListener("pointercancel",j),i.addEventListener("wheel",function(e){if(!(Math.abs(e.deltaX)<=Math.abs(e.deltaY))){e.preventDefault();var t=Date.now();t-V<380||(D+=e.deltaX,Math.abs(D)>30&&(U(D>0?1:-1),D=0,V=t))}},{passive:!1}),addEventListener("resize",K),a("#snd").addEventListener("click",function(){g=!g;var e=a("#snd");e.setAttribute("aria-pressed",g),a("#sndT").textContent=g?"Sound on":"Turn sound on",g?y()?(T(o),C(!0)):(g=!1,e.setAttribute("aria-pressed","false"),a("#now").textContent="This browser blocked audio."):(k(),C(!1)),G()}),function(){var e=[];n.forEach(function(t,a){t.aud&&e.push(a)});var t=-1;try{t=+localStorage.getItem("nmhLastMix")}catch(e){}var a=e.filter(function(e){return e!==t});a.length||(a=e);var c=a[Math.floor(Math.random()*a.length)];try{localStorage.setItem("nmhLastMix",c)}catch(e){}if(c>=0&&c!==o){I(c),J=c,P=c;try{R()}catch(e){}}}(),a("#prev").addEventListener("click",function(){U(-1)}),a("#next").addEventListener("click",function(){U(1)}),i.addEventListener("keydown",function(e){"ArrowRight"===e.key&&(e.preventDefault(),U(1)),"ArrowLeft"===e.key&&(e.preventDefault(),U(-1))}),document.addEventListener("visibilitychange",function(){document.hidden?(k(),C(!1)):g&&(T(o),C(!0))}),r[0].classList.add("on"),G(),K(),L(0);var H=[{t:"Lost My Gun",a:"Bloodhound Lil Jeff",pr:[.097,.27,.282,.185,.124,.096,.113,.054,.138,.439,.386,.262,.231,.499,.383,.287,.225,.183,.151,.076,.485,.427,.324,.245,.188,.136,.112,.108,.116,.088,.11,.105,.453,.368,.24,.177,.11,.134,.097,.406,.4,.248,.169,.09,.097,.079,.104,.109,.066,.108,.095,.392,.459,.344,.261,.17,.158,.124,.303,.487,.378,.29,.216,.189,.12,.113,.115,.079,.103,.113,.276,.45,.312,.197,.103,.135,.111,.119,.487,.332,.208,.123,.083,.1,.065,.137,.386,.406,.272,.173,.492,.413,.308,.223,.179,.142,.065,.435,.45,.349,.251,.186,.144,.099,.13,.108,.119,.099,.105,.413,.388,.263,.168,.108,.143,.129,.337,.422,.276,.178,.114,.116,.09,.121,.11,.09,.111,.073,.328,.471,.366,.283,.216,.166,.121,.173,.502,.405,.314,.241,.187,.133,.123,.117,.039,.088,.102,.073,.481,.332,.204,.121,.089,.045,.09,.452,.353,.238,.153,.111,.101,.155,.108,.093,.072,.092,.112,.449,.442,.326,.259,.18,.155,.138,.386,.463,.361,.285,.209,.142,.122,.133,.084,.062,.145,.092,.366,.419,.276,.186,.156,.157,.131,.261,.447,.299,.203,.145,.08,.1,.061,.146,.109,.099,.088,.216,.555,.429,.317,.239,.161,.133,.053,.527,.46,.348,.271,.151,.064,.025],pm:[.152,.508,.609,.453,.275,.205,.244,.12,.28,.75,.738,.566,.463,.784,.688,.553,.462,.38,.325,.176,.741,.707,.605,.49,.384,.297,.274,.239,.244,.19,.224,.209,.783,.74,.544,.389,.255,.254,.211,.668,.753,.558,.393,.207,.249,.193,.192,.25,.178,.304,.217,.595,.736,.626,.512,.39,.32,.295,.472,.765,.651,.566,.436,.396,.244,.249,.263,.213,.225,.266,.484,.821,.646,.47,.281,.276,.224,.245,.827,.681,.489,.314,.214,.223,.142,.305,.657,.78,.597,.41,.778,.713,.579,.476,.384,.333,.18,.669,.736,.622,.489,.389,.325,.226,.3,.229,.237,.245,.21,.707,.744,.584,.406,.283,.292,.288,.568,.79,.587,.43,.274,.267,.207,.24,.237,.201,.237,.222,.491,.737,.653,.549,.443,.34,.294,.303,.767,.684,.595,.477,.378,.289,.254,.26,.117,.251,.254,.176,.857,.697,.492,.307,.206,.102,.19,.775,.727,.537,.351,.245,.2,.292,.228,.185,.178,.208,.277,.72,.729,.61,.523,.395,.346,.282,.583,.733,.643,.544,.425,.341,.269,.272,.234,.183,.326,.221,.605,.788,.614,.436,.346,.309,.264,.443,.816,.638,.47,.338,.176,.232,.144,.304,.267,.258,.216,.329,.819,.721,.604,.507,.364,.32,.192,.771,.733,.642,.515,.312,.148,.057],rough:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/6827e520-9486-43b9-a398-a06b69e97cd1/lmg_rough.mp3",mix:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/e845837f-530a-48c1-ad5b-7ab7a7ad084f/lmg_mix.mp3"},{t:"Free Clout",a:"Aspen Kartier, Lady Binladen",pr:[.132,.337,.527,.574,.552,.364,.203,.616,.933,.618,.549,.554,.552,.549,.57,.602,.597,.566,.559,.543,.555,.554,.554,.525,.572,.543,.528,.54,.55,.55,.539,.579,.543,.514,.515,.55,.567,.565,.548,.571,.565,.551,.556,.566,.543,.54,.542,.574,.565,.451,.463,.524,.508,.586,.558,.567,.559,.55,.559,.563,.551,.541,.545,.557,.568,.581,.559,.552,.559,.55,.548,.564,.605,.59,.571,.511,.55,.481,.492,.516,.567,.584,.552,.547,.58,.584,.568,.578,.53,.499,.509,.569,.592,.537,.555,.586,.495,.494,.56,.543,.562,.531,.531,.552,.532,.544,.542,.555,.512,.525,.571,.58,.532,.556,.538,.586,.555,.578,.578,.563,.533,.556,.584,.505,.392,.538,.497,.561,.583,.57,.558,.545,.575,.565,.556,.574,.571,.534,.541,.542,.543,.532,.293,.315,.298,.271,.437,1,.667,.559,.536,.496,.516,.519,.588,.603,.543,.537,.541,.541,.511,.587,.571,.51,.525,.542,.578,.582,.538,.59,.536,.592,.611,.631,.631,.621,.658,.566,.534,.595,.601,.604,.618,.559,.617,.621,.615,.619,.592,.572,.635,.589,.588,.589,.608,.624,.605,.599,.585,.586,.516,.561,.589,.599,.606,.563,.614,.534,.554,.565,.596,.555,.545,.536,.533,.509,.495,.375,.225,.088],pm:[.151,.393,.615,.651,.628,.442,.188,.407,.651,.629,.627,.648,.689,.662,.624,.631,.602,.621,.671,.637,.654,.627,.65,.606,.651,.629,.616,.623,.638,.637,.639,.651,.613,.62,.631,.646,.637,.652,.62,.663,.669,.657,.651,.635,.629,.616,.598,.661,.625,.531,.433,.572,.601,.677,.582,.582,.582,.593,.583,.569,.596,.57,.587,.591,.588,.585,.602,.592,.6,.52,.328,.229,.334,.665,.636,.618,.613,.587,.585,.571,.631,.634,.631,.616,.655,.647,.672,.665,.652,.643,.613,.654,.658,.625,.617,.622,.594,.575,.647,.643,.652,.618,.618,.671,.62,.65,.621,.616,.609,.619,.642,.638,.639,.621,.607,.65,.659,.647,.63,.631,.599,.633,.635,.603,.356,.593,.618,.676,.669,.637,.648,.614,.679,.67,.623,.672,.647,.625,.64,.618,.656,.647,.373,.227,.21,.212,.266,.638,.623,.628,.605,.585,.58,.557,.653,.646,.619,.622,.596,.597,.555,.687,.654,.62,.632,.635,.645,.628,.605,.669,.625,.649,.675,.645,.645,.638,.694,.652,.641,.668,.633,.625,.637,.607,.673,.654,.654,.658,.638,.648,.726,.682,.634,.634,.668,.656,.648,.621,.682,.66,.669,.684,.688,.663,.669,.636,.684,.663,.659,.651,.674,.651,.642,.634,.668,.647,.621,.437,.265,.029],rough:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/1b8e9aa6-ffd1-4487-93d4-675907086c62/fc_rough.mp3",mix:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/42934251-74a7-4d97-9b0e-30d448e3999a/fc_mix.mp3"},{t:"No More Heroes",a:"Polo G",pr:[.09,.113,.011,.013,.041,.132,.021,.338,.187,.121,.138,.089,.052,.376,.139,.04,.079,.039,.188,.328,.042,.095,.042,.162,.093,.049,.087,.108,.125,.112,.086,.104,.147,.021,.067,.117,.366,.37,.159,.19,.165,.175,.165,.131,.193,.197,.173,.323,.249,.253,.325,.169,.113,.133,.098,.117,.149,.184,.187,.145,.16,.111,.164,.208,.174,.166,.15,.163,.387,.17,.108,.147,.256,.348,.332,.172,.158,.138,.18,.133,.256,.315,.16,.152,.142,.158,.333,.254,.104,.113,.108,.084,.372,.135,.134,.118,.166,.174,.117,.186,.174,.162,.15,.148,.16,.145,.142,.115,.149,.336,.222,.103,.044,.129,.043,.039,.062,.051,.043,.026,.036,.017,.06,.102,.105,.053,.086,.076,.01,.008,.016,.129,.065,.112,.078,.059,.113,.067,.072,.032,.084,.33,.226,.071,.05,.148,.369,.373,.149,.157,.134,.169,.242,.12,.382,.172,.156,.144,.133,.278,.334,.133,.101,.148,.103,.303,.25,.12,.139,.136,.195,.086,.188,.239,.163,.157,.143,.134,.13,.091,.028,.051,.111,.187,.344,.195,.231,.236,.197,.249,.131,.181,.164,.149,.391,.172,.327,.269,.124,.152,.136,.089,.172,.159,.161,.13,.149,.229,.134,.174,.176,.159,.154,.159,.263,.338,.187,.122,.046,.045],pm:[.217,.286,.032,.038,.11,.288,.069,.751,.445,.227,.215,.222,.151,.873,.326,.114,.238,.13,.434,.782,.107,.219,.124,.328,.19,.154,.214,.232,.215,.226,.195,.241,.286,.204,.304,.624,.892,.86,.45,.447,.445,.432,.434,.348,.492,.484,.472,.701,.563,.575,.74,.363,.314,.347,.272,.325,.415,.447,.44,.379,.4,.3,.452,.525,.467,.458,.416,.428,.842,.367,.291,.353,.591,.804,.786,.421,.409,.373,.435,.345,.592,.739,.439,.414,.396,.422,.756,.589,.279,.304,.309,.229,.877,.396,.391,.349,.399,.384,.323,.494,.473,.447,.408,.41,.413,.387,.368,.345,.373,.746,.496,.174,.165,.287,.165,.159,.187,.184,.195,.12,.172,.087,.207,.26,.287,.198,.175,.179,.036,.031,.051,.214,.183,.293,.197,.176,.256,.186,.204,.111,.201,.72,.526,.213,.14,.298,.893,.879,.418,.431,.374,.402,.396,.309,.866,.457,.429,.392,.374,.592,.771,.335,.276,.342,.265,.716,.625,.336,.377,.334,.383,.234,.431,.532,.454,.413,.406,.367,.36,.267,.117,.143,.216,.42,.739,.47,.46,.427,.407,.4,.334,.487,.447,.405,.846,.422,.713,.59,.315,.339,.291,.245,.461,.429,.415,.372,.381,.373,.296,.485,.489,.431,.417,.422,.582,.733,.337,.23,.12,.095],rough:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/e4d00965-59fb-47e7-bf00-a30ad9bc8ecc/nmh_rough.mp3",mix:"https://audio.squarespace-cdn.com/content/v2/namespaces/website/libraries/610b5b414c5c4d38b5f9b684/assets/6c5bf3c0-a071-4b45-b03d-bfc674449727/nmh_mix.mp3"}],Z=a("#baCv"),Q=Z.getContext("2d"),Y=a("#stage"),_=a("#cmp"),$=0,ee=0,te=0,ae=(P=0,!1),ne=.5,ce=36,ie=null,se={},re=[],oe=[],de=0,le=0,fe=0;function be(){a("#baTrack").innerHTML=H[te].a+" <span>· "+H[te].t+"</span>"}function ue(){$=Y.clientWidth,ee=Y.clientHeight,Z.width=$*t,Z.height=ee*t,Q.setTransform(t,0,0,t,0,0),me()}function me(){Q.clearRect(0,0,$,ee);for(var e=H[te],t=e.pr.length,a=$/t,n=ee/2,c=0;c<t;c++){var i=(c+.5)/t,s=i>ne,r=s?e.pm[c]:e.pr[c],o=Math.max(2,r*ee*.9),d=i<=P/ce;Q.fillStyle=s?d?"#e8334f":"#c8102e":d?"#d9d2c6":"#6a645c",Q.fillRect(c*a,n-o/2,Math.max(1.5,a-1.6),o)}var l=ne*$;Q.fillStyle="#efe9df",Q.fillRect(l-1,0,2,ee),Q.beginPath(),Q.arc(l,ee/2,13,0,7),Q.fill(),Q.fillStyle="#111",Q.beginPath(),Q.moveTo(l-6,ee/2),Q.lineTo(l-2,ee/2-4),Q.lineTo(l-2,ee/2+4),Q.fill(),Q.beginPath(),Q.moveTo(l+6,ee/2),Q.lineTo(l+2,ee/2-4),Q.lineTo(l+2,ee/2+4),Q.fill(),Q.fillStyle="#e0a93a",Q.fillRect(P/ce*$-1,0,2,ee)}function xe(){if(oe.length){var e=P/ce>ne,t=ie.currentTime;oe[0].gain.setTargetAtTime(e?0:1,t,.012),oe[1].gain.setTargetAtTime(e?1:0,t,.012)}}function pe(e){ne=Math.max(.02,Math.min(.98,e)),_.value=Math.round(100*ne),me(),xe()}H.forEach(function(e,t){var n=Math.max.apply(null,e.pr.concat(e.pm))||1;e.pr=e.pr.map(function(e){return e/n}),e.pm=e.pm.map(function(e){return e/n});var c=document.createElement("button");c.className="tab",c.dataset.s=t,c.textContent=e.t,c.setAttribute("aria-pressed",t?"false":"true"),a("#baTabs").appendChild(c)}),_.addEventListener("input",function(){pe(_.value/100)});var he=!1;function ge(e){var t=Y.getBoundingClientRect();pe((e.clientX-t.left)/t.width)}function ve(e){return e=Math.floor(e),Math.floor(e/60)+":"+("0"+e%60).slice(-2)}function ye(){re.forEach(function(e){try{e.stop()}catch(e){}}),re=[],oe=[]}function Ae(){ye();var e=te;(function(e){if(se[e])return se[e];var t=H[e];function n(e){return fetch(e).then(function(e){return e.arrayBuffer()}).then(function(e){return new Promise(function(t,a){var n=ie.decodeAudioData(e,t,a);n&&n.catch&&n.catch(a)})})}var c=Promise.all([n(t.rough),n(t.mix)]);return c.catch(function(){delete se[e],Me(!1),a("#time").textContent="Audio failed to load"}),se[e]=c})(e).then(function(t){if(ae&&e===te){ye();var a=P/ce>ne;t.forEach(function(e,t){var n=ie.createBufferSource(),c=ie.createGain();n.buffer=e,c.gain.value=1===t===a?1:0,n.connect(c),c.connect(ie.destination),n.start(0,P),re.push(n),oe.push(c)}),de=ie.currentTime,le=P,fe||(fe=requestAnimationFrame(we))}})}function we(){if(fe=0,ae){if((P=le+(ie.currentTime-de))>=ce)return P=0,Ae(),me(),void(a("#time").textContent=ve(0)+" / "+ve(ce));a("#time").textContent=ve(P)+" / "+ve(ce),xe(),me(),fe=requestAnimationFrame(we)}}function Me(e){ae=e,a("#pi").innerHTML=e?'<path d="M6 4h4v16H6zM14 4h4v16h-4z"/>':'<path d="M6 4l14 8-14 8z"/>',a("#play").setAttribute("aria-label",e?"Pause":"Play")}Y.addEventListener("pointerdown",function(e){he=!0,Y.setPointerCapture(e.pointerId),ge(e)}),Y.addEventListener("pointermove",function(e){he&&ge(e)}),Y.addEventListener("pointerup",function(){he=!1}),a("#play").addEventListener("click",function(){if(ae)Me(!1),ye();else{if(!ie){var e=window.AudioContext||window.webkitAudioContext;if(!e)return;ie=new e}"suspended"===ie.state&&ie.resume(),void 0!==g&&g&&a("#snd").click(),Me(!0),Ae()}}),Y.addEventListener("dblclick",function(e){var t=Y.getBoundingClientRect();P=(e.clientX-t.left)/t.width*ce,me(),ae&&Ae()}),a("#baTabs").addEventListener("click",function(e){var t=e.target.closest(".tab");t&&(document.querySelectorAll("#baTabs .tab").forEach(function(e){e.setAttribute("aria-pressed","false")}),t.setAttribute("aria-pressed","true"),te=+t.dataset.s,P=0,be(),me(),a("#time").textContent="0:00 / "+ve(ce),ae&&Ae())}),document.addEventListener("visibilitychange",function(){document.hidden&&ae&&(Me(!1),ye())}),a("#snd").addEventListener("click",function(){g&&ae&&(Me(!1),ye())}),be(),ue(),addEventListener("resize",ue);var Ee=innerHeight,qe=document.querySelectorAll(".rv");if(qe.forEach(function(e){e.getBoundingClientRect().top>Ee&&e.classList.add("pre")}),"IntersectionObserver"in window&&!e){var ke=new IntersectionObserver(function(e){e.forEach(function(e){if(e.isIntersecting){var t=[].indexOf.call(e.target.parentNode.children,e.target);e.target.style.transitionDelay=70*Math.min(t,4)+"ms",e.target.classList.remove("pre"),ke.unobserve(e.target)}})},{threshold:.12});qe.forEach(function(e){ke.observe(e)})}else qe.forEach(function(e){e.classList.remove("pre")})}();</script>
