@font-face{font-family:brush;src:url(../media/vandruk_brush-s.p.0t_0cfxdkne0a.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:brush Fallback;src:local(Arial);ascent-override:116.0%;descent-override:28.8%;line-gap-override:0.0%;size-adjust:100.0%}.brush_d97367e3-module__5jHSka__className{font-family:brush,brush Fallback;font-weight:400}.brush_d97367e3-module__5jHSka__variable{--font-brush:"brush", "brush Fallback"}
@font-face{font-family:dela;src:url(../media/dela_latin-s.1uv69bmhg0xjw.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:dela Fallback;src:local(Arial);ascent-override:88.05%;descent-override:21.86%;line-gap-override:0.0%;size-adjust:131.74%}.dela_5ff3e365-module__ScR4NG__className{font-family:dela,dela Fallback;font-weight:400}.dela_5ff3e365-module__ScR4NG__variable{--font-dela:"dela", "dela Fallback"}
@font-face{font-family:oswald;src:url(../media/oswald_latin-s.01c2-di5e_1xz.woff2)format("woff2");font-display:swap;font-weight:200 700}@font-face{font-family:oswald Fallback;src:local(Arial);ascent-override:146.78%;descent-override:35.56%;line-gap-override:0.0%;size-adjust:81.28%}.oswald_c82def04-module__ZLHZIW__className{font-family:oswald,oswald Fallback}.oswald_c82def04-module__ZLHZIW__variable{--font-oswald:"oswald", "oswald Fallback"}
:root{--ink:#0c0a09;--ink-2:#141110;--ink-3:#1d1816;--paper:#ece0c8;--paper-2:#f4ecdd;--paper-dim:#b3a78f;--red:#d2161f;--red-hot:#ff3a3a;--red-deep:#7d0b11;--line:#ece0c81a;--on-red:#fff0e1e0;--dots:radial-gradient(#00000038 1.1px, transparent 1.6px) 0 0 / 6px 6px;--dots-fine:radial-gradient(#0003 1px, transparent 1.4px) 0 0 / 5px 5px;--torn-sm:polygon(0 4%, 6% 0, 50% 3%, 94% 0, 100% 6%, 98% 50%, 100% 95%, 93% 100%, 48% 97%, 5% 100%, 0 94%, 2% 50%);--f-display:var(--font-dela), Impact, sans-serif;--f-brush:var(--font-brush), var(--font-dela), Impact, sans-serif;--f-label:var(--font-oswald), "Arial Narrow", sans-serif;--f-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--f-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--wrap:1240px;--gutter:clamp(16px, 4vw, 40px);--header-h:68px;--player-h:0px;--ease:cubic-bezier(.2, .7, .2, 1);--needle:url(/img/needle.svg) 2 30, pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);background:var(--ink)}html.has-player{--player-h:84px}body{min-height:100vh;padding-bottom:var(--player-h);font:400 17px/1.6 var(--f-body);color:var(--paper);background:radial-gradient(1100px 680px at 85% -8%, #d2161f38, transparent 62%), radial-gradient(900px 600px at -10% 40%, #7d0b1129, transparent 60%), var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:after{content:"";z-index:90;pointer-events:none;opacity:.045;background:url(../media/grain.03agbwg-zb_cs.webp);animation:1.2s steps(5,end) infinite grain;position:fixed;inset:-50%}@media (pointer:coarse){body:after{animation:none;inset:0}}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}img,svg,canvas{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}[hidden]{display:none!important}::selection{background:var(--red);color:var(--paper-2)}:focus-visible{outline:3px solid var(--red-hot);outline-offset:3px;border-radius:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--red);color:var(--paper-2);font:600 14px/1 var(--f-label);text-transform:uppercase;letter-spacing:.1em;padding:10px 16px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}main{overflow-x:clip}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:currentColor;flex:none;width:1em;height:1em}.grunge{-webkit-mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);-webkit-mask-size:300px;mask-size:300px}.kicker{font:500 13px/1 var(--f-label);letter-spacing:.28em;text-transform:uppercase;color:var(--red-hot);align-items:center;gap:10px;display:inline-flex}.kicker:before{content:"";background:currentColor;width:28px;height:2px}.kicker .num{font:400 14px/1 var(--f-display);letter-spacing:.02em;color:var(--paper);order:-1}.paper .kicker .num{color:var(--ink)}.paper-red .kicker .num{color:var(--paper-2)}.brush{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;max-width:none;color:var(--red);filter:url(#rough);pointer-events:none;display:block;overflow:visible}.brush-under{width:min(340px,62%);height:26px;margin-top:-8px}@keyframes draw{to{stroke-dashoffset:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.brush-under,.brush-circle,.brush-arrow{stroke-dasharray:1;stroke-dashoffset:1px;animation:linear both draw;animation-timeline:view();animation-range:entry 20% cover 38%}}}.tape{z-index:3;opacity:.94;clip-path:polygon(0 10%,3% 0,97% 0,100% 12%,97% 27%,100% 43%,96% 58%,100% 75%,97% 90%,99% 100%,2% 100%,0 88%,3% 72%,0 56%,3% 39%,0 24%);pointer-events:none;background:linear-gradient(#ffffff38,#0000 45%,#00000014),url(../media/paper.0bkluf7ijheg1.webp) 50%/200px,#e3d4b4;width:120px;height:34px;position:absolute;box-shadow:0 3px 8px #00000059}.btn{--bg:transparent;--fg:var(--paper);--bd:var(--paper);min-height:52px;font:600 15px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:var(--bg);border:2px solid var(--bd);clip-path:polygon(0 6%,4% 0,52% 3%,97% 0,100% 8%,99% 55%,100% 94%,95% 100%,45% 97%,3% 100%,0 92%,1% 45%);transition:transform .25s var(--ease), background-color .2s, color .2s, border-color .2s;white-space:nowrap;justify-content:center;align-items:center;gap:.6em;padding:.9em 1.6em;display:inline-flex}.btn:hover{transform:translateY(-2px)rotate(-1deg)}.btn:active{transform:translateY(0)scale(.98)}.btn .icon{font-size:1.1em}.btn-red{--bg:var(--red);--bd:var(--red);--fg:var(--paper-2)}.btn-red:hover{--bg:var(--red-hot);--bd:var(--red-hot)}.btn-ghost:hover{--bg:var(--paper);--fg:var(--ink)}.btn-ink{--bg:var(--ink);--bd:var(--ink);--fg:var(--paper-2)}.btn-ink:hover{--bg:var(--red);--bd:var(--red)}.paper-red .btn-ink:hover{--bg:var(--paper-2);--bd:var(--paper-2);--fg:var(--ink)}.btn-sm{min-height:40px;padding:.7em 1.1em;font-size:13px}.site-header{z-index:50;height:var(--header-h);transition:height .3s var(--ease), background-color .3s, box-shadow .3s;padding-inline:var(--gutter);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0c0a09b8;align-items:center;gap:28px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;display:flex}.brand img{width:auto;height:34px;transition:height .3s var(--ease), transform .3s var(--ease), filter .3s}.top-sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:140px;left:0}html.is-scrolled{--header-h:54px}html.is-scrolled .site-header{background:#0c0a09f0;box-shadow:0 10px 30px -12px #000c}html.is-scrolled .brand img{height:26px}.brand:hover img{filter:drop-shadow(0 0 12px #d2161f73);transform:translateY(-1px)rotate(-1.5deg)}.nav{gap:26px;margin-left:auto;display:flex}.nav a{font:500 14px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);padding-block:8px;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover{color:var(--paper)}.nav a:hover:after{transform:scaleX(1)}.menu-btn{display:none}.langs{align-items:center;gap:8px;display:flex}.langs a{opacity:.5;transition:opacity .2s, transform .2s var(--ease);line-height:0;display:block}.langs a:hover,.langs a[aria-current=page]{opacity:1}.langs a:hover{transform:translateY(-1px)}.langs .flag{border-radius:2px;width:26px;height:17px;box-shadow:0 0 0 1px #ece0c840}.hero{min-height:calc(100svh - var(--header-h) - 70px);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(28px,4.2vw,60px) clamp(40px,5vw,64px);display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#d2161f80 1.3px,#0000 1.9px) 0 0/10px 10px;width:62%;height:100%;position:absolute;top:0;right:-12%;-webkit-mask-image:radial-gradient(closest-side,#000 15%,#0000);mask-image:radial-gradient(closest-side,#000 15%,#0000)}.hero-title{font:400 clamp(2.9rem, 6vw, 5.4rem)/.98 var(--f-brush);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;will-change:transform;margin-top:18px}.hero-title>span{display:block}.hero-title .hl-under{width:fit-content;position:relative}.brush-hero{z-index:-1;width:108%;height:.24em;color:var(--red);stroke-dasharray:1;stroke-dashoffset:1px;animation:.8s cubic-bezier(.6,0,.3,1) .9s forwards draw;position:absolute;bottom:-.14em;left:-4%}.hero-title .hl{color:var(--paper-2);background:var(--dots-fine), var(--red);transform-origin:0;margin-top:.16em;padding:.06em .22em .1em;display:inline-block;transform:rotate(-2deg);box-shadow:0 18px 50px -18px #d2161fb3}.lead{max-width:34em;color:var(--paper-dim);margin-top:22px;font-size:clamp(17px,1.5vw,19px)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.stats{border-top:1px dashed #ece0c838;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;padding-top:20px;display:grid}.stats strong{font:400 clamp(15px, 1.6vw, 20px)/1.15 var(--f-display);color:var(--paper-2);display:block}.stats span{font:400 12px/1.35 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);margin-top:6px;display:block}.hero-art{place-items:center;display:grid;position:relative}.record{aspect-ratio:1;width:min(560px,100%);position:relative}.record-glow{filter:blur(30px);opacity:.55;will-change:transform;background:radial-gradient(circle,#d2161f8c,#0000 68%);border-radius:50%;transition:opacity .6s;position:absolute;inset:8%}.disc{animation:1.1s cubic-bezier(.2,.8,.2,1) both drop;position:relative}@keyframes drop{0%{transform:translateY(-16%)rotate(-40deg)}70%{transform:translateY(1.2%)rotate(3deg)}to{transform:none}}.record picture{display:block;position:relative}.record img{filter:drop-shadow(0 30px 40px #0009);width:100%;animation:4.8s linear infinite paused spin,7s ease-in-out infinite alternate float}html.is-playing .record img{animation-play-state:running,running}html.is-playing .record-glow{opacity:.9}@keyframes spin{to{rotate:360deg}}@keyframes float{0%{translate:0 -8px}to{translate:0 10px}}.hero-art .tape-1{top:6%;left:2%;rotate:-28deg}.hero-art .tape-2{bottom:9%;right:4%;rotate:-18deg}.tonearm{z-index:4;transform-origin:75% 12.5%;filter:drop-shadow(0 16px 14px #0000008c);pointer-events:none;width:36%;height:72%;transition:transform 1.1s cubic-bezier(.55,0,.2,1);animation:1.4s cubic-bezier(.3,.7,.2,1) .6s backwards cue;position:absolute;top:-6%;right:-8%;overflow:visible;transform:rotate(-24deg)}html.is-playing .tonearm{transform:rotate(0)}@keyframes cue{0%{transform:rotate(-46deg)}}.ta-arm-shadow{fill:none;stroke:var(--ink);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}.ta-arm{fill:none;stroke:var(--paper);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.ta-head{fill:var(--paper);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.ta-lift{stroke:var(--paper);stroke-width:4px;stroke-linecap:round}.ta-needle{stroke:var(--red-hot);stroke-width:4px;stroke-linecap:round}.ta-base{fill:var(--ink-3);stroke:var(--paper);stroke-width:4px}.ta-pivot{fill:var(--red);stroke:var(--ink);stroke-width:3px}.ta-weight{fill:var(--paper);stroke:var(--ink);stroke-width:3px}.now-label{z-index:5;font:500 12px/1 var(--f-label);letter-spacing:.2em;text-transform:uppercase;background:var(--ink);border:1px solid var(--line);white-space:nowrap;opacity:0;transition:opacity .4s, translate .4s var(--ease);align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:-12%;left:50%;translate:-50% 10px;rotate:2deg}.now-label i{background:var(--red-hot);width:8px;height:8px;box-shadow:0 0 12px var(--red-hot);border-radius:50%}html.is-playing .now-label{opacity:1;translate:-50%}.tapes{z-index:2;height:clamp(130px,13vw,180px);margin-bottom:clamp(16px,3vw,40px);position:relative}.marquee{background:var(--dots), var(--red);width:106%;color:var(--paper-2);padding-block:16px;position:absolute;top:50%;left:-3%;overflow:hidden;box-shadow:0 20px 40px -20px #000c}.m1{translate:0 -50%;rotate:-3deg}.m2{color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) 0 0 / 256px, var(--paper);padding-block:11px;translate:0 -50%;rotate:2.6deg}.m2 span{font-size:clamp(14px,1.6vw,19px)}.m2 span:after{color:var(--red)}.m2 .marquee-track{animation-duration:44s;animation-direction:reverse}.marquee-track{width:max-content;animation:34s linear infinite marquee;display:flex}.marquee span{font:400 clamp(18px, 2.2vw, 26px)/1 var(--f-display);text-transform:uppercase;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;display:inline-flex}.marquee span:after{content:"";width:.9em;height:.8em;color:var(--ink);background:currentColor;-webkit-mask:url(../media/mark-80.3_bci43l-shfd.webp) 50%/contain no-repeat;mask:url(../media/mark-80.3_bci43l-shfd.webp) 50%/contain no-repeat}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:clamp(64px,9vw,120px);position:relative}.tapes+.section{padding-top:clamp(16px,3vw,40px)}.section-head{gap:14px;margin-bottom:clamp(28px,4vw,48px);display:grid}.section-head h2{font:400 clamp(2.2rem, 5.2vw, 4.4rem)/1 var(--f-brush);text-transform:uppercase;text-wrap:balance}.section-head p:not(.kicker){max-width:40em;color:var(--paper-dim)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 13px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);border:1px solid #ece0c833;padding:10px 16px;transition:color .2s,background-color .2s,border-color .2s}.chip:hover{color:var(--paper);border-color:var(--paper)}.chip[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.search{flex:0 320px;position:relative}.search .icon{color:var(--paper-dim);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.search input{background:var(--ink-2);border:1px solid #ece0c829;border-radius:0;outline:0;width:100%;height:44px;padding:0 14px 0 40px;font-size:15px;transition:border-color .2s}.search input::placeholder{color:#b3a78fb3}.search input:focus{border-color:var(--red-hot)}.beat-list{border-top:1px solid var(--line)}.beat{--p:0;--cover:64px;grid-template-columns:var(--cover) minmax(170px, 1.1fr) minmax(160px, 1.4fr) 250px 124px;border-bottom:1px solid var(--line);grid-template-areas:"play main wave tags buy";align-items:center;gap:0 22px;padding:14px 18px 14px 14px;transition:background-color .25s;display:grid;position:relative}.beat:before{content:"";background:var(--red);width:3px;transition:transform .3s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.beat:hover{background:var(--ink-2)}.beat:hover:before,.beat.is-current:before{transform:scaleY(1)}.beat.is-current{background:linear-gradient(90deg,#d2161f1f,#0000 70%)}.beat>.play{grid-area:play}.beat-main{grid-area:main;min-width:0}.beat>.wave{grid-area:wave}.beat>.tags{grid-area:tags}.beat>.buy{grid-area:buy}.lic-panel{grid-area:lic;display:none}.beat.is-current{--cover:120px;grid-template-columns:var(--cover) minmax(0, 1fr) 250px 124px;grid-template-areas:"play main tags buy""play wave wave wave""lic lic lic lic";row-gap:14px;padding-block:22px}.beat.is-current>.wave{height:64px}.beat.is-current .lic-panel{animation:rise .5s var(--ease) both;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.play{width:var(--cover);height:var(--cover);align-self:start;place-items:center;display:grid;position:relative}.play .cover{object-fit:cover;background:var(--ink-3);width:100%;height:100%;clip-path:var(--torn-sm);transition:transform .4s var(--ease), filter .3s;position:absolute;inset:0}.play:after{content:"";background:var(--dots);clip-path:var(--torn-sm);pointer-events:none;position:absolute;inset:0}.play-ico{z-index:1;width:40px;height:40px;color:var(--paper-2);transition:background-color .2s, border-color .2s, transform .2s var(--ease);background:#0c0a09b8;border:2px solid #ece0c8bf;border-radius:50%;place-items:center;font-size:15px;display:grid;position:relative}.beat.is-current .play-ico{width:54px;height:54px;font-size:19px}.play:hover .cover{transform:scale(1.06)rotate(-2deg)}.play:hover .play-ico,.beat.is-playing .play-ico{background:var(--red);border-color:var(--red)}.play:hover .play-ico{transform:scale(1.08)}.play .i-pause,.beat.is-playing .play .i-play{display:none}.beat.is-playing .play .i-pause{display:block}.beat-title{font:400 clamp(18px, 1.7vw, 23px)/1.15 var(--f-brush);text-transform:uppercase;align-items:center;gap:12px;display:flex}.is-current .beat-title{color:var(--red-hot);font-size:clamp(20px,2.2vw,28px)}.badge{width:38px;height:38px;font:700 10px/1 var(--f-label);letter-spacing:.08em;color:var(--paper-2);background:var(--dots-fine), var(--red);border-radius:50%;flex:none;place-items:center;display:inline-grid;rotate:-14deg;box-shadow:0 3px 8px #00000073,inset 0 0 0 2px #ffffff1f}.beat-meta{font:400 13px/1.3 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);flex-wrap:wrap;gap:4px 14px;margin-top:6px;display:flex}.beat-meta span+span:before{content:"/";color:#ece0c840;margin-right:14px}.wave{--hx:0;height:38px;cursor:var(--needle);position:relative}.wave svg{fill:#ece0c847;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wave .wf-fill{fill:var(--red-hot);clip-path:inset(0 calc(100% - var(--p) * 100%) 0 0)}.beat:hover .wave svg:first-child{fill:#ece0c873}.wave:after{content:"";top:-4px;bottom:-4px;left:calc(var(--hx) * 100%);background:var(--paper-2);opacity:0;pointer-events:none;width:2px;transition:opacity .15s;position:absolute}.wave[data-t]:before{content:attr(data-t);z-index:2;bottom:calc(100% + 6px);left:calc(var(--hx) * 100%);font:500 11px/1 var(--f-label);letter-spacing:.06em;color:var(--ink);background:var(--paper);opacity:0;pointer-events:none;white-space:nowrap;padding:4px 7px 3px;transition:opacity .15s;position:absolute;translate:-50%}.wave:hover:after,.wave:hover:before{opacity:1}.tags{justify-content:flex-end;gap:6px;display:flex}.tags li{font:500 12px/1 var(--f-label);letter-spacing:.05em;color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) center / 200px, var(--paper);clip-path:polygon(4% 0,100% 6%,96% 100%,0 92%);white-space:nowrap;padding:6px 9px 5px;rotate:-2deg}.tags li:nth-child(2){rotate:1.5deg}.tags li:nth-child(3){rotate:-1deg}.buy{min-width:116px}.lic-panel{border-top:1px dashed #ece0c82e;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:16px}.lic-label{font:500 12px/1.3 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}.lic-list{flex-wrap:wrap;gap:10px;display:flex}.lic{font:600 12px/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) center / 256px, var(--paper);clip-path:var(--torn-sm);transition:transform .2s var(--ease), background-color .2s, color .2s;align-items:baseline;gap:12px;padding:11px 15px 10px;display:inline-flex}.lic b{font:400 16px/1 var(--f-display);letter-spacing:0}.lic.is-hot{color:var(--paper-2);background:var(--dots-fine), var(--red)}.lic:hover{color:var(--paper-2);background:var(--ink-3);transform:translateY(-2px)rotate(-1.5deg)}.empty{color:var(--paper-dim);text-align:center;padding:40px 0}.beats-note{font:400 13px/1.5 var(--f-label);letter-spacing:.06em;color:var(--paper-dim);margin-top:20px}.paper{--tear:22px;margin-block:var(--tear);color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) 0 0 / 512px, var(--paper)}.paper+.paper{margin-top:0}.paper:has(+.paper){margin-bottom:0}.paper:before,.paper:after{content:"";height:var(--tear);background:inherit;position:absolute;left:0;right:0}.paper:before{clip-path:polygon(0 100%,0% 25%,1.67% 37%,3.33% 51%,5% 18%,6.67% 26%,8.33% 14%,10% 68%,11.67% 61%,13.33% 37%,15% 18%,16.67% 7%,18.33% 57%,20% 63%,21.67% 32%,23.33% 42%,25% 17%,26.67% 13%,28.33% 23%,30% 7%,31.67% 57%,33.33% 37%,35% 84%,36.67% 52%,38.33% 5%,40% 38%,41.67% 9%,43.33% 60%,45% 33%,46.67% 58%,48.33% 32%,50% 16%,51.67% 1%,53.33% 2%,55% 70%,56.67% 64%,58.33% 80%,60% 40%,61.67% 54%,63.33% 44%,65% 24%,66.67% 26%,68.33% 19%,70% 50%,71.67% 45%,73.33% 25%,75% 4%,76.67% 37%,78.33% 11%,80% 32%,81.67% 48%,83.33% 13%,85% 5%,86.67% 69%,88.33% 38%,90% 6%,91.67% 70%,93.33% 55%,95% 49%,96.67% 13%,98.33% 38%,100% 70%,100% 100%);bottom:100%}.paper:after{clip-path:polygon(0 0,0% 62%,1.67% 52%,3.33% 72%,5% 69%,6.67% 48%,8.33% 88%,10% 43%,11.67% 19%,13.33% 93%,15% 98%,16.67% 91%,18.33% 55%,20% 73%,21.67% 83%,23.33% 40%,25% 64%,26.67% 93%,28.33% 31%,30% 76%,31.67% 46%,33.33% 81%,35% 28%,36.67% 36%,38.33% 67%,40% 69%,41.67% 35%,43.33% 67%,45% 32%,46.67% 53%,48.33% 44%,50% 39%,51.67% 48%,53.33% 61%,55% 42%,56.67% 63%,58.33% 53%,60% 76%,61.67% 78%,63.33% 69%,65% 60%,66.67% 54%,68.33% 96%,70% 41%,71.67% 68%,73.33% 99%,75% 51%,76.67% 73%,78.33% 69%,80% 34%,81.67% 66%,83.33% 70%,85% 80%,86.67% 71%,88.33% 83%,90% 74%,91.67% 50%,93.33% 10%,95% 99%,96.67% 67%,98.33% 42%,100% 63%,100% 0);top:100%}.paper .kicker{color:var(--red)}.paper .section-head p:not(.kicker){color:#4a4035}.paper-red{color:var(--paper-2);background:var(--dots), url(../media/red-paper.3z7d4e1o3y2pq.webp) 0 0 / 512px, var(--red)}.paper-red .kicker,.paper-red .brush{color:var(--ink)}.paper-red .section-head p:not(.kicker){color:var(--on-red)}.licenses{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.license{filter:drop-shadow(0 22px 22px #28140a52);transition:transform .35s var(--ease);position:relative}.license:nth-child(odd){rotate:-.8deg}.license:nth-child(2n){rotate:.7deg}.license:hover{transform:translateY(-6px)}.license .tape{width:110px;height:30px;top:-16px;left:50%;translate:-50%;rotate:-3deg}.ticket{--zz:7px;height:100%;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zz)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--zz)) 51% repeat-x;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zz)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--zz)) 51% repeat-x;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zz)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--zz)) 51% repeat-x;background:#fcf8ef;flex-direction:column;padding:34px 24px 30px;display:flex;position:relative}.t-head{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#7a6c5c;border-bottom:1px dashed #0c0a094d;justify-content:space-between;gap:10px;margin-bottom:18px;padding-bottom:10px;display:flex}.license h3{font:600 17px/1 var(--f-label);letter-spacing:.2em;text-transform:uppercase}.files{font:600 12px/1.35 var(--f-mono);text-transform:uppercase;color:var(--red);margin-top:10px}.t-items{font:400 13px/1.4 var(--f-mono);color:#2c251f;border-top:1px dashed #0c0a094d;gap:9px;margin:20px 0 22px;padding-top:18px;display:grid}.t-items li{gap:10px;display:flex}.t-items li:before{content:"";background:var(--red);flex:none;width:11px;height:10px;margin-top:5px;-webkit-mask:url(../media/mark-80.3_bci43l-shfd.webp) 50%/contain no-repeat;mask:url(../media/mark-80.3_bci43l-shfd.webp) 50%/contain no-repeat}.license.is-hot .t-items li:before{background:var(--red-hot)}.t-total{font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border-top:2px dashed #0c0a0973;justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:14px;display:flex}.price{font:400 clamp(2.4rem, 3.2vw, 3.1rem)/1 var(--f-display);letter-spacing:0;position:relative}.price .cur{vertical-align:.75em;margin-right:2px;font-size:.5em}.price-note{text-transform:uppercase;letter-spacing:.02em;font-size:.44em}.brush-circle{width:150%;height:165%;color:var(--red-hot);position:absolute;top:-30%;left:-24%}.t-bars{opacity:.85;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 5px,#0000 5px 8px,currentColor 8px 11px,#0000 11px 12px,currentColor 12px 13px,#0000 13px 16px);height:30px;margin:16px 0 18px}.license .btn{width:100%}.t-doc{text-align:center;font:500 11px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#7a6c5c;text-underline-offset:3px;margin-top:12px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;display:block}.t-doc:hover{color:var(--red)}.license.is-hot .t-doc{color:var(--paper-dim)}.license.is-hot .t-doc:hover{color:var(--red-hot)}.license.is-hot .ticket{background:var(--ink);color:var(--paper)}.license.is-hot .t-head,.license.is-hot .t-items{color:var(--paper-dim);border-color:#ece0c833}.license.is-hot .t-total{border-color:#ece0c859}.license.is-hot .files{color:var(--red-hot)}.stamp{font:600 11px/1 var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--red-hot);border:2px solid;padding:6px 8px;position:absolute;top:62px;right:18px;rotate:8deg}.paid{z-index:3;font:400 34px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--red);opacity:0;mix-blend-mode:multiply;pointer-events:none;border:4px solid;padding:8px 18px 6px;transition:opacity .15s,scale .3s cubic-bezier(.3,1.7,.5,1);position:absolute;top:44%;left:50%;translate:-50% -50%;rotate:-16deg;scale:1.8;-webkit-mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);-webkit-mask-size:200px;mask-size:200px}.license.is-hot .paid{color:var(--red-hot);mix-blend-mode:normal}.license:hover .paid{opacity:.92;scale:1}.fineprint{color:#4a4035;max-width:60em;margin-top:36px;font-size:14px}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);display:grid}.step{border-top:3px solid var(--ink);padding-top:26px;position:relative}.step:before{counter-increment:step;content:"0" counter(step);font:400 clamp(3.4rem, 6vw, 5.4rem)/1 var(--f-display);color:#0000;-webkit-text-stroke:2px var(--ink);margin-bottom:18px;display:block}.step h3{font:400 22px/1.2 var(--f-display);text-transform:uppercase}.step p{color:var(--on-red);margin-top:10px}.custom-cta{flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:clamp(40px,5vw,64px);display:flex}.custom-cta p{font:400 14px/1.4 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--on-red)}.about{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.about-art{place-items:center;padding:40px 0;display:grid;position:relative}.poster{aspect-ratio:3/4;width:min(360px,84%);color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) 0 0 / 512px, var(--paper);flex-direction:column;padding:30px 28px 26px;display:flex;position:relative;rotate:-4deg;box-shadow:0 40px 60px -30px #000000e6}.poster-dot{aspect-ratio:1;background:radial-gradient(var(--red) 1.7px, transparent 2.3px) 0 0 / 8px 8px;border-radius:50%;width:80%;position:absolute;top:16%;right:-16%;-webkit-mask-image:radial-gradient(closest-side,#000 60%,#0000);mask-image:radial-gradient(closest-side,#000 60%,#0000)}.poster-top{font:600 14px/1 var(--f-label);letter-spacing:.32em;text-transform:uppercase;position:relative}.poster-bars{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px, var(--ink) 8px 11px, transparent 11px 13px);width:64px;height:26px;position:absolute;top:26px;right:24px}.poster-name{font:400 clamp(52px, 5.4vw, 76px)/.86 var(--f-display);letter-spacing:-.02em;margin-top:auto;position:relative}.poster-genres{border-top:3px solid var(--ink);font:600 12px/1.4 var(--f-label);letter-spacing:.16em;text-transform:uppercase;margin-top:16px;padding-top:10px;position:relative}.about-img{filter:drop-shadow(0 34px 40px #000000a6);width:min(540px,100%);transition:rotate .6s var(--ease), scale .6s var(--ease);rotate:-3deg}.about-art:hover .about-img{rotate:-1deg;scale:1.02}.js .about-img{opacity:0;transition:opacity .8s, translate .8s var(--ease), rotate .6s var(--ease), scale .6s var(--ease);translate:0 28px}.js .about-img.is-loaded{opacity:1;translate:0}.tape-poster{top:-14px;left:50%;translate:-50%;rotate:4deg}.about-stamp{font:400 clamp(16px, 2vw, 22px)/1 var(--f-display);text-transform:uppercase;color:var(--red-hot);background:#0c0a09bf;border:3px solid;padding:12px 16px;position:absolute;bottom:-2%;right:0;rotate:-12deg}.about-text p+p{margin-top:18px}.about-text p{color:var(--paper-dim);font-size:18px}.about-text p:first-of-type{color:var(--paper);font-size:clamp(19px,1.8vw,22px)}.contact-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid;position:relative}.contact-title{font:400 clamp(2.6rem, 7vw, 6.4rem)/.95 var(--f-brush);text-transform:uppercase}.contact-title>span{display:inline-block}.contact-title .red{color:var(--red);position:relative}.brush-arrow{width:104px;height:80px;color:var(--red-hot);position:absolute;top:55%;left:calc(100% - 6px);rotate:100deg}.stickers{flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:8px;display:flex}.sticker{font:400 15px/1 var(--f-display);text-transform:uppercase;white-space:nowrap;padding:11px 15px 10px;box-shadow:0 8px 16px #00000080}.s-0{color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) center / 256px, var(--paper);clip-path:var(--torn-sm);rotate:6deg}.s-1{color:var(--paper-2);background:var(--dots-fine), var(--red);rotate:-5deg}.s-2{text-align:center;width:96px;height:96px;color:var(--red-hot);background:var(--ink-2);border:3px dashed var(--red-hot);border-radius:50%;place-items:center;padding:0;display:grid;rotate:12deg}.contact-list{border-top:1px solid var(--line);margin-top:clamp(32px,5vw,56px)}.contact-list a{border-bottom:1px solid var(--line);font:400 clamp(20px, 2.6vw, 32px)/1.1 var(--f-display);text-transform:uppercase;transition:color .2s, padding .3s var(--ease), background-color .2s;justify-content:space-between;align-items:center;gap:20px;padding:22px 6px;display:flex}.contact-list small{font:400 14px/1 var(--f-label);letter-spacing:.12em;text-transform:none;color:var(--paper-dim);margin-left:auto}.contact-list .icon{transition:transform .3s var(--ease);font-size:26px}.contact-list a:hover{color:var(--red-hot);background:var(--ink-2);padding-left:18px}.contact-list a:hover .icon{transform:translate(4px,-4px)}.site-footer{border-top:3px solid var(--red);font:400 13px/1.6 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);padding-block:28px 36px;position:relative}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.player{z-index:60;height:84px;padding:0 var(--gutter) env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);border-top:2px solid var(--red);animation:rise-up .45s var(--ease);background:#0c0a09eb;grid-template-columns:auto minmax(120px,240px) auto minmax(160px,1fr) 150px auto;align-items:center;gap:20px;display:grid;position:fixed;bottom:0;left:0;right:0}@keyframes rise-up{0%{transform:translateY(100%)}}.player-art{width:52px;height:52px}.player-art img{width:100%;animation:4.8s linear infinite paused spin}html.is-playing .player-art img{animation-play-state:running}.player-info{min-width:0}.player-info strong{text-overflow:ellipsis;white-space:nowrap;font:400 16px/1.2 var(--f-display);text-transform:uppercase;display:block;overflow:hidden}.player-info span{text-overflow:ellipsis;white-space:nowrap;font:400 12px/1.4 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);display:block;overflow:hidden}.player-controls{align-items:center;gap:6px;display:flex}.ctrl{width:40px;height:40px;color:var(--paper-dim);border-radius:50%;place-items:center;font-size:18px;transition:color .2s,background-color .2s;display:grid}.ctrl:hover{color:var(--paper);background:var(--ink-3)}.ctrl-main{background:var(--paper);width:48px;height:48px;color:var(--ink);font-size:20px}.ctrl-main:hover{background:var(--red);color:var(--paper-2)}.ctrl-main .i-pause,html.is-playing .ctrl-main .i-play{display:none}html.is-playing .ctrl-main .i-pause{display:block}.player-progress{font:400 12px/1 var(--f-label);letter-spacing:.06em;color:var(--paper-dim);font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.p-wave{--p:0;height:34px;cursor:var(--needle);flex:1;position:relative}.p-wave svg{fill:#ece0c847;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.p-wave .wf-fill{fill:var(--red-hot);clip-path:inset(0 calc(100% - var(--p) * 100%) 0 0)}.seek{opacity:0;width:100%;height:100%;cursor:inherit;appearance:none;background:0 0;margin:0;position:absolute;inset:0}.p-wave:has(.seek:focus-visible){outline:3px solid var(--red-hot);outline-offset:4px}.viz{width:150px;height:40px}.toast{left:50%;bottom:calc(var(--player-h) + 20px);z-index:70;opacity:0;font:500 14px/1.3 var(--f-label);letter-spacing:.06em;background:var(--paper);color:var(--ink);transition:opacity .3s, translate .3s var(--ease);pointer-events:none;padding:12px 18px;position:fixed;translate:-50% 20px}.toast.is-on{opacity:1;translate:-50%}.lost{text-align:center;min-height:100svh;padding:var(--gutter);place-content:center;justify-items:center;gap:22px;display:grid}.lost img{width:min(300px,70vw)}.lost h1{font:400 clamp(3rem, 12vw, 8rem)/1 var(--f-brush)}.lost p{color:var(--paper-dim)}.ring{z-index:0;pointer-events:none;opacity:0;width:128%;max-width:none;height:128%;transition:opacity .5s;position:absolute;top:-14%;left:-14%}html.is-playing .ring{opacity:1}.disc{z-index:1}.price-tag{z-index:5;text-align:center;width:112px;height:112px;color:var(--paper-2);background:var(--dots-fine), var(--red);outline-offset:-9px;border-radius:50%;outline:2px dashed #fff0e18c;place-content:center;gap:4px;animation:.6s cubic-bezier(.3,1.6,.5,1) 1.1s backwards tag-in;display:grid;position:absolute;top:56%;left:-6%;rotate:-14deg;box-shadow:0 12px 26px #00000080}.price-tag span{font:600 11px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase}.price-tag b{font:400 28px/1 var(--f-display)}@keyframes tag-in{0%{rotate:-60deg;scale:0}}.play .sleeve-disc{z-index:0;background:url(../media/mark-80.3_bci43l-shfd.webp) center / 17% no-repeat, radial-gradient(circle, var(--red) 0 17%, #0c0a09 18% 19%, transparent 20%), repeating-radial-gradient(circle, #16120f 0 1.4px, #26201c 1.6px 3px);width:90%;height:90%;transition:translate .45s var(--ease);border-radius:50%;position:absolute;top:5%;left:5%;box-shadow:0 4px 10px #0009}.play .cover,.play:after{z-index:1}.play-ico{z-index:2}.play:hover .sleeve-disc{translate:30%}.beat.is-current .play .sleeve-disc{translate:42%}.beat.is-playing .play .sleeve-disc{animation:1.8s linear infinite spin}.beat.is-current{column-gap:60px}span.cover{background:var(--dots), var(--red)}.beat>.badge{z-index:3;pointer-events:none;grid-area:play;place-self:start;width:34px;height:34px;margin:-9px 0 0 -9px;font-size:9px;position:relative}.step-arrow{width:74px;height:56px;color:var(--ink);position:absolute;top:20px;right:-2%;rotate:18deg}.film{z-index:2;margin-left:-3%;background:#060505;width:106%;margin-block:clamp(8px,2vw,24px);padding-block:22px;position:relative;overflow:hidden;rotate:1.4deg;box-shadow:0 24px 40px -24px #000000e6}.film:before,.film:after{content:"";z-index:1;background:repeating-linear-gradient(90deg,#0000 0 7px,#ece0c880 7px 17px,#0000 17px 26px);height:9px;position:absolute;left:0;right:0}.film:before{top:6px}.film:after{bottom:6px}.film-track{gap:10px;width:max-content;animation:70s linear infinite marquee;display:flex}.film img{object-fit:cover;filter:contrast(1.1)saturate(.9);width:110px;height:110px}.film:empty,.film-track:empty{display:none}.film+.contact{padding-top:clamp(48px,6vw,88px)}.ctrl-crackle[aria-pressed=true]{color:var(--red-hot);background:#d2161f24}.p-expand{display:none}.np{z-index:80;padding:calc(14px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));background:radial-gradient(120% 55% at 50% 22%, #d2161f61, transparent 62%), var(--ink);animation:np-in .42s var(--ease);flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes np-in{0%{transform:translateY(100%)}}html.np-open{overflow:hidden}.np-close{color:var(--paper);align-self:flex-start;font-size:22px}.np-disc{aspect-ratio:1;width:min(78vw,40vh);margin-top:4px}.np-disc img{filter:drop-shadow(0 24px 30px #0009);width:100%;animation:4.8s linear infinite paused spin}html.is-playing .np-disc img{animation-play-state:running}.np-info{text-align:center;justify-items:center;gap:8px;display:grid}.np-info h2{font:400 clamp(28px, 8.4vw, 40px)/1.05 var(--f-brush);text-transform:uppercase}.np-info p:not(.kicker){font:400 13px/1.3 var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim)}.np-wave{flex:none;width:100%;height:60px}.np-time{width:100%;font:400 12px/1 var(--f-label);color:var(--paper-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;display:flex}.np-controls{justify-content:center;align-items:center;gap:18px;display:flex}.np-controls .ctrl{width:48px;height:48px;color:var(--paper);font-size:22px}.np-controls .ctrl-main{width:76px;height:76px;color:var(--ink);font-size:28px}.np-spacer{width:48px}.np-lic{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px;display:grid}.np-lic .lic{justify-content:space-between}.lost img{animation:2.4s linear infinite stuck}@keyframes stuck{0%{rotate:none}30%{rotate:110deg}31%{rotate:80deg}60%{rotate:190deg}61%{rotate:160deg}to{rotate:360deg}}.lost h1{animation:.9s steps(2,end) infinite skip}@keyframes skip{50%{transform:translate(3px,-2px)skew(-4deg)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 70%}@keyframes reveal{0%{opacity:0;transform:translateY(46px)}}}}@media (max-width:1100px){.licenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.beat{grid-template-columns:var(--cover) minmax(150px, 1fr) minmax(140px, 1.2fr) 124px;grid-template-areas:"play main wave buy"}.beat.is-current{grid-template-columns:var(--cover) minmax(0, 1fr) 124px;grid-template-areas:"play main buy""play wave wave""lic lic lic"}.tags{display:none}.player{grid-template-columns:auto minmax(100px,200px) auto minmax(140px,1fr) auto}.viz{display:none}.contact-head{grid-template-columns:1fr}.stickers{flex-flow:wrap;order:-1;justify-content:flex-start;align-items:center}.brush-arrow{display:none}}@media (max-width:860px){:root{--header-h:60px}html.has-player{--player-h:128px}.nav{inset:var(--header-h) 0 auto 0;padding:8px var(--gutter) 24px;background:var(--ink);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .25s, translate .25s var(--ease), visibility 0s .25s;flex-direction:column;gap:0;position:fixed;translate:0 -10px;box-shadow:0 30px 60px #0009}.nav-open .nav{opacity:1;visibility:visible;transition:opacity .25s, translate .25s var(--ease);translate:0}.nav a{border-bottom:1px solid var(--line);padding:16px 0;font-size:16px}.nav a:after{display:none}.header-cta{margin-left:auto}.menu-btn{place-content:center;gap:6px;width:44px;height:44px;margin-right:-8px;display:grid}.menu-btn span{background:var(--paper);width:24px;height:2px;transition:transform .3s var(--ease);display:block}.nav-open .menu-btn span:first-child{transform:translateY(4px)rotate(45deg)}.nav-open .menu-btn span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{grid-template-columns:1fr;min-height:0;padding-top:28px}.hero:before{width:100%;height:55%;right:-20%}.hero-art{order:-1}.record{width:min(340px,74vw)}.hero-art .tape{width:90px;height:26px}.stats{gap:12px}.beat{--cover:58px;grid-template-columns:var(--cover) minmax(0, 1fr) auto;grid-template-areas:"play main buy""wave wave wave";gap:12px 14px;padding:14px 4px}.beat.is-current{--cover:76px;grid-template-columns:var(--cover) minmax(0, 1fr) auto;grid-template-areas:"play main buy""wave wave wave""lic lic lic"}.beat>.wave{height:30px}.beat.is-current>.wave{height:46px}.beat>.buy{min-width:0}.play-ico{width:34px;height:34px;font-size:13px}.beat.is-current .play-ico{width:42px;height:42px;font-size:15px}.beat-meta{gap:2px 10px;font-size:12px}.beat-meta span+span:before{content:none}.badge{width:32px;height:32px;font-size:9px}.lic-list{grid-template-columns:1fr 1fr;width:100%;display:grid}.lic{justify-content:space-between}.search{flex-basis:100%}.steps,.about{grid-template-columns:1fr}.about-art{order:-1;padding:10px 0 30px}.poster{width:min(280px,72vw)}.player{height:auto;padding-top:12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto;grid-template-areas:"art info ctrl""prog prog prog";gap:8px 14px}.player-art{grid-area:art;width:44px;height:44px}.player-info{grid-area:info}.player-controls{grid-area:ctrl}.player-progress{grid-area:prog}.player .p-buy{display:none}}@media (max-width:560px){.licenses{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:16px}.stats li{align-items:baseline;gap:12px;display:flex}.stats span{margin-top:0}.hero-actions .btn{flex:100%}.contact-list small{display:none}.ctrl:not(.ctrl-main){width:34px}.sticker{font-size:13px}.s-2{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:after,.marquee-track{animation:none}.brush-hero{animation-delay:0s!important}}@media (forced-colors:active){.grunge{-webkit-mask-image:none;mask-image:none}.brush{filter:none}body:after{display:none}}@media (max-width:1100px){.step-arrow{display:none}}@media (max-width:860px){.price-tag{outline-offset:-7px;width:84px;height:84px;top:60%;left:-2%}.price-tag b{font-size:21px}.price-tag span{font-size:9px}.beat.is-current{column-gap:30px}.beat.is-current .play .sleeve-disc{translate:30%}.steps{gap:54px}.step-arrow{width:54px;height:42px;display:block;inset:auto auto -52px 4px;rotate:95deg}.p-expand{z-index:1;background:0 0;grid-area:1/1/auto/3;align-self:stretch;display:block}.player .ctrl-crackle{display:none}.tapes{height:120px}}@media (max-width:560px){.beat-meta .dur{display:none}}@media (prefers-reduced-motion:reduce){.film-track{animation:none}}@media (max-width:860px){html.is-scrolled{--header-h:50px}html.is-scrolled .brand img{height:26px}.now-label{bottom:-9%}}.beat-title a{color:inherit;text-decoration:none}.beat-title a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:5px}.bh-section{padding-block:clamp(32px,5vw,72px) clamp(48px,7vw,96px)}.bh{--p:0;--cover:min(380px, 78vw);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.bh-art{padding-right:calc(var(--cover) * .3);position:relative}.bh .play{width:var(--cover);height:var(--cover)}.bh .play-ico{width:84px;height:84px;font-size:30px}.bh .play .sleeve-disc{translate:22%}.bh.is-current .play .sleeve-disc{translate:38%}.bh.is-playing .play .sleeve-disc{animation:1.8s linear infinite spin}.bh .play .i-pause,.bh.is-playing .play .i-play{display:none}.bh.is-playing .play .i-pause{display:block}.bh.is-playing .play-ico{background:var(--red);border-color:var(--red)}.bh-badge{z-index:3;width:52px;height:52px;font-size:12px;position:absolute;top:-12px;left:-12px}.bh-back{font:500 13px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:18px;display:inline-block}.bh-back:hover{color:var(--red-hot)}.bh-title{font:400 clamp(2.8rem, 6.4vw, 5.6rem)/.95 var(--f-brush);text-transform:uppercase;text-wrap:balance}.bh-meta{margin-top:18px;font-size:15px}.bh-tags{justify-content:flex-start;margin-top:16px}.bh-desc{max-width:38em;color:var(--paper-dim);margin-top:22px}.bh-wave{height:72px;margin-top:28px}.bh .lic-label{margin-top:28px}.bh-lic{margin-top:12px}.more-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;display:grid}.more-card{color:inherit;gap:8px;text-decoration:none;display:grid}.more-card img,.more-card .cover{aspect-ratio:1;object-fit:cover;width:100%;height:auto;clip-path:var(--torn-sm);transition:transform .4s var(--ease)}.more-card:hover img{transform:rotate(-2deg)scale(1.03)}.more-card strong{font:400 19px/1.15 var(--f-brush);text-transform:uppercase;margin-top:6px}.more-card span{font:400 12px/1.3 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim)}.more-card:hover strong{color:var(--red-hot)}@media (max-width:860px){.bh{grid-template-columns:1fr;justify-items:start}.bh-art{padding-right:calc(var(--cover) * .22)}.bh .play-ico{width:64px;height:64px;font-size:22px}.bh-wave{width:100%;height:52px}.bh-lic{grid-template-columns:1fr 1fr;width:100%;display:grid}.bh-info{width:100%}}.tags.bh-tags{flex-wrap:wrap;display:flex}.view-switch{border:1px solid #ece0c833;margin-left:auto;margin-right:16px;display:flex}.view-switch button{font:500 13px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);align-items:center;gap:8px;padding:10px 14px;transition:color .2s,background-color .2s;display:inline-flex}.view-switch button:hover{color:var(--paper)}.view-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.view-switch .icon{font-size:15px}.crate{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,64px);margin-top:8px;padding-block:12px 8px;display:grid}.crate-stage{--rec:min(330px, 30vw);--tilt-x:0;--tilt-y:0;height:calc(var(--rec) * 1.62);perspective:1500px;perspective-origin:50% 12%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:4px;position:relative}.crate-stage:active{cursor:grabbing}.crate-stage:focus-visible{outline:3px solid var(--red-hot);outline-offset:8px}.crate-records{transform-style:preserve-3d;position:absolute;inset:0}.rec{--d:0;left:50%;bottom:calc(var(--rec) * .3);width:var(--rec);height:var(--rec);margin-left:calc(var(--rec) / -2);transform-origin:50% 100%;transform:translate3d(0, calc(var(--d) * -9%), calc(var(--d) * -68px)) rotateX(9deg);opacity:clamp(0, calc(1.9 - var(--d) * .22), 1);filter:brightness(calc(1 - var(--d) * .085));transition:transform .55s var(--ease), opacity .4s, filter .4s;cursor:pointer;padding:0;position:absolute}.rec-cover{object-fit:cover;background:var(--ink-3);outline:1px solid #00000080;width:100%;height:100%;position:absolute;inset:0;box-shadow:inset 0 -2px #ffffff0f,0 18px 30px -12px #000c}span.rec-cover{background:var(--dots), var(--red)}.rec:not(.is-active){pointer-events:none}.rec-spine{height:9%;padding:calc(var(--rec) * .012) 10px 0;font:400 calc(var(--rec) * .05)/1 var(--f-brush);text-transform:uppercase;white-space:nowrap;color:var(--ink);background:url(../media/paper.0bkluf7ijheg1.webp) center / 256px, var(--paper);opacity:1;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.rec.is-active .rec-spine,.rec.is-flipped .rec-spine{opacity:0}.rec.is-active{transform:translate3d(0, 0, 0) rotateX(calc(-1deg + var(--tilt-y) * -4deg)) rotateY(calc(var(--tilt-x) * 7deg));filter:none}.rec.is-flipped{transform:translate3d(0, 3%, calc(36px + var(--d) * -6px)) rotateX(calc(-76deg + var(--d) * 3deg));opacity:clamp(0, calc(1 + var(--d) * .3), 1);filter:brightness(.55)}.rec.is-out{transform:translate3d(0, -24%, 30px) rotateX(0deg) rotateY(calc(var(--tilt-x) * 5deg))}.rec-disc{background:url(../media/mark-80.3_bci43l-shfd.webp) center / 14% no-repeat, radial-gradient(circle, var(--red) 0 16%, #0c0a09 17% 18%, transparent 19%), repeating-radial-gradient(circle, #16120f 0 1.6px, #29221e 1.8px 3.2px);width:94%;height:94%;transition:translate .6s var(--ease);border-radius:50%;position:absolute;top:3%;left:3%;box-shadow:0 10px 30px #0009}.rec.is-out .rec-disc{translate:44%}.rec.is-spinning .rec-disc{animation:1.8s linear infinite spin}.rec-play{width:76px;height:76px;color:var(--paper-2);transition:background-color .2s, transform .2s var(--ease), opacity .3s;background:#0c0a09b3;border:2px solid #ece0c8cc;border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.rec.is-active:hover .rec-play{background:var(--red);border-color:var(--red);transform:scale(1.06)}.rec.is-spinning .rec-play{background:var(--red);border-color:var(--red)}.rec-play .i-pause,.rec.is-spinning .rec-play .i-play{display:none}.rec.is-spinning .rec-play .i-pause{display:block}.crate-front{width:calc(var(--rec) * 1.3);height:calc(var(--rec) * .56);clip-path:polygon(0 3%,2% 0,98% 1%,100% 4%,99% 100%,1% 100%);background:linear-gradient(#0000 48%,#000000bf 48% 51%,#0000 51%),repeating-linear-gradient(92deg,#ffffff06 0 2px,#0000 2px 9px),repeating-linear-gradient(88deg,#0000002e 0 1px,#0000 1px 13px),linear-gradient(#2c211b,#1b1410 60%,#120d0a);place-items:center;display:grid;position:absolute;bottom:0;left:50%;translate:-50%;box-shadow:inset 0 -3px #ffffff0f,0 30px 50px -20px #000000e6}.crate-handle{background:#050403;border-radius:999px;width:22%;height:13%;position:absolute;top:13%;box-shadow:0 2px #ffffff14}.crate-stencil{font:400 calc(var(--rec) * .085)/1 var(--f-brush);letter-spacing:.04em;color:var(--red);opacity:.85;margin-top:16%;-webkit-mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);mask-image:url(../media/grunge-mask.3q-0wvus9mbw_.webp);-webkit-mask-size:200px;mask-size:200px}.crate-info{align-content:center;gap:18px;display:grid}.crate-nav{align-items:center;gap:10px;display:flex}.crate-nav .ctrl{border:1px solid #ece0c833}.crate-nav .ctrl:disabled{opacity:.3;cursor:default}.crate-count{font:400 18px/1 var(--f-display);letter-spacing:.06em;text-align:center;min-width:5.2em}.crate-title{font:400 clamp(2rem, 3.6vw, 3.4rem)/.95 var(--f-brush);text-transform:uppercase}.crate-title a{color:inherit;text-decoration:none}.crate-title a:hover{color:var(--red-hot)}.crate-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.crate-open{font:500 13px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim)}.crate-open:hover{color:var(--red-hot)}.crate-hint{font:400 12px/1.5 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:#b3a78fb3}@media (max-width:860px){.crate{grid-template-columns:1fr}.crate-stage{--rec:min(250px, 62vw)}.view-switch{margin-left:0;margin-right:0}.view-switch button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.rec,.rec-disc{transition:none}.rec.is-spinning .rec-disc{animation:none}}@view-transition{navigation:auto}.vt-cover{view-transition-name:beat-cover}.vt-title{view-transition-name:beat-title}.bh:not(.vt-off) .cover{view-transition-name:beat-cover}.bh:not(.vt-off) .bh-title{view-transition-name:beat-title}.site-header{view-transition-name:site-header}::view-transition-group(beat-cover){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-group(beat-title){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(root){animation:.25s both vt-fade-out}::view-transition-new(root){animation:.35s 80ms both vt-fade-in}::view-transition-image-pair(beat-title){isolation:auto}::view-transition-old(beat-title){object-fit:none;object-position:left center;height:100%}::view-transition-new(beat-title){object-fit:none;object-position:left center;height:100%}::view-transition-old(beat-title){animation:.18s both vt-fade-out}::view-transition-new(beat-title){animation:.3s .12s both vt-fade-only}@keyframes vt-fade-only{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.np-art{aspect-ratio:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:min(78vw,38vh);margin-top:4px}.np-art-inner{width:100%;height:100%;position:relative}.np-art-inner.from-next{animation:np-in-next .38s var(--ease) both}.np-art-inner.from-prev{animation:np-in-prev .38s var(--ease) both}@keyframes np-in-next{0%{opacity:0;transform:translate(40%)rotate(4deg)}}@keyframes np-in-prev{0%{opacity:0;transform:translate(-40%)rotate(-4deg)}}.np-vinyl{filter:drop-shadow(0 20px 30px #0009);width:92%;height:92%;position:absolute;top:4%;left:14%}.np-vinyl img{width:100%;height:100%;animation:4.8s linear infinite paused spin}html.is-playing .np-vinyl img{animation-play-state:running}.np-sleeve{object-fit:cover;width:86%;height:86%;clip-path:var(--torn-sm);pointer-events:none;position:absolute;top:0;left:0;box-shadow:0 24px 40px #000000b3}.np-swipe{font:500 11px/1 var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:#b3a78fb3;margin-top:-6px}.np-disc{display:none}@media (prefers-reduced-motion:reduce){.np-art-inner.from-next,.np-art-inner.from-prev{animation:none}}
