*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#0b0b0b;color:#f1efe9;font:16px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;height:73px;border-bottom:1px solid #303030;background:#0a0a0a}.logo{font-size:25px;letter-spacing:-1.9px;font-style:italic;font-weight:950;display:inline-flex;align-items:center}.logo b{font-size:39px;line-height:1;margin-right:9px;color:#ed412e}.logo sup{font:9px monospace;align-self:flex-start;margin:5px 0 0 2px}nav{display:flex;gap:33px;font-size:13px}nav a:hover,footer a:hover{color:#ff4a34}.online,.eyebrow,.base,.art small,footer span,.number,.duration,.tag{font:10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:1.3px}.online,.eyebrow{display:flex;align-items:center;gap:10px}.online{font-size:9px;color:#bbb}i{width:7px;height:7px;background:#ff462f;display:inline-block}.online i{border-radius:50%;width:6px;height:6px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:445px;height:clamp(445px,36vw,570px);background:#0a0a0a;border-bottom:1px solid #383838;display:flex;align-items:center;padding:0 5.2vw 10px}.mesh{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px}.lead{width:55%;position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:1.5px}.lead h1{margin:16px 0 1px -4px;max-width:770px;line-height:0}.lead h1 svg{width:100%;overflow:visible}.lead text{font:1000 162px Impact,'Arial Black',Helvetica,sans-serif;fill:#f3f1ed;stroke:#f3f1ed;stroke-width:2}.lead p{color:#b1afaa;font-size:16px;margin:9px 0 28px}.cta{display:inline-flex;align-items:center;gap:22px;color:#100e0c;background:#ff4a32;border:0;padding:14px 20px;font-size:13px;font-weight:bold}.cta:hover{background:#ff6855}.cta span{font-size:19px;line-height:16px}.art{position:absolute;z-index:0;right:1%;width:49%;height:100%;top:0}.art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.art small{position:absolute;bottom:13%;right:11%;color:#898984;font-size:8px}.target{color:#666;position:absolute;font:24px monospace}.t1{left:9%;top:13%}.t2{right:8%;bottom:16%}.cross{position:absolute;color:#666;font:16px monospace}.c1{left:2%;top:5%}.c2{right:2%;top:5%}.base{position:absolute;bottom:16px;right:5.2vw;left:5.2vw;display:flex;justify-content:space-between;font-size:8px;color:#888}.base span:last-child{color:#aaa}#archive{padding:45px 5.2vw 48px}.archive-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.muted{color:#9c9b96}.eyebrow em{color:#ff4930;font:italic bold 14px monospace}h2,h3{font-weight:850;letter-spacing:-2.6px;margin:6px 0 0;font-size:clamp(36px,3.8vw,60px);line-height:1.06}h2 span{color:#ff4934}.add{background:none;border:1px solid #3b3a37;padding:10px 15px;font-size:12px}.add:hover,.filters button:hover{border-color:#aaa}.filters{display:flex;gap:7px;margin:25px 0 17px}.filters button{border:1px solid #373735;background:none;padding:8px 15px;font-size:12px}.filters button[aria-pressed=true]{background:#eae8e1;color:#111;border-color:#eae8e1}.row{display:grid;grid-template-columns:32px 70px minmax(0,1fr) 105px 70px 40px;align-items:center;gap:16px;border-top:1px solid #333;padding:13px 0;background:transparent;width:100%;text-align:left;border-left:0;border-right:0;border-bottom:0}.row:last-child{border-bottom:1px solid #333}.row:hover{background:#151515}.thumb{width:64px;height:64px;object-fit:cover;border:1px solid #292929}.number,.duration{color:#979691}.name{display:block;font-size:clamp(19px,2.1vw,31px);font-weight:850;font-style:italic;letter-spacing:-1px;overflow-wrap:anywhere}.sub{display:block;color:#999;font:10px monospace;margin-top:5px;letter-spacing:.4px}.tag{font-size:9px;color:#b8b5ae}.playicon{display:grid;width:34px;height:34px;place-items:center;border:1px solid #43423f;border-radius:50%;font-size:11px}.row:hover .playicon{color:#ff5036;border-color:#ff5036}footer{border-top:1px solid #333;color:#aaa;font-size:12px}footer .logo{font-size:19px}dialog{width:min(460px,92vw);background:#141414;color:#eee;border:1px solid #484848;padding:30px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{background:#151515;border:1px solid #555;float:right;font:22px/1 monospace;position:relative;z-index:1}dialog h3{font-size:33px;margin:20px 0}label{display:block;margin:15px 0;font-size:12px;color:#bbb}input,select{display:block;background:#222;border:1px solid #555;width:100%;padding:10px;margin-top:5px;color:white}output{display:block;margin-top:12px}audio,video,#playcontent img{width:100%;margin:14px 0 0}#playcontent img{aspect-ratio:1.8;object-fit:cover}#notice{color:#aaa;font-size:13px}
@media(max-width:720px){header{height:58px}nav{gap:15px}.online{font-size:0;gap:0}.hero{height:500px;align-items:flex-start;padding-top:39px}.lead{width:94%}.lead h1{max-width:390px;margin-top:10px}.lead p{font-size:14px;margin:2px 0 17px}.art{width:72%;height:49%;top:auto;bottom:24px;right:0}.art small{font-size:7px;bottom:1%}.base span:last-child{display:none}.c1{display:none}.eyebrow{font-size:8px}#archive{padding-top:30px}.add{font-size:11px;padding:9px}.filters{margin-top:18px}.row{grid-template-columns:17px 47px minmax(0,1fr) 30px;gap:9px}.thumb{width:47px;height:47px}.tag,.duration{display:none}.number{font-size:9px}.playicon{width:28px;height:28px}}
[hidden]{display:none!important}.hero-links{display:flex;gap:12px;align-items:stretch;margin-top:23px}.instagram{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #595751;font:600 13px Arial}.instagram:hover{color:#ff5842;border-color:currentColor}.art img{animation:chromeFloat 8s ease-in-out infinite;transform-origin:52% 50%}.lead h1{animation:wordIn .75s ease-out both}.hero-links{animation:wordIn .9s ease-out both}@keyframes chromeFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes wordIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img,.lead h1,.hero-links{animation:none}}
#admin,.row-tools{display:flex;gap:6px;flex-wrap:wrap}.row-tools{justify-content:flex-end;margin:-4px 0 12px}.row-tools button{font-size:12px;padding:6px 10px}.add[aria-pressed=true]{border-color:#ff4a32}.add:disabled{opacity:.35;cursor:default}.album{border:1px solid #383632;padding:12px;margin-bottom:10px}.album>summary{cursor:pointer;font-weight:bold;font-size:18px}.album>summary small{font:10px monospace;color:#aaa;letter-spacing:1px;margin-left:10px}.album>.add{margin:10px 0}.album .row{grid-template-columns:24px 44px minmax(0,1fr) 70px 38px 35px}.album .thumb{width:42px;height:42px}.album .name{font-size:18px}textarea{display:block;background:#222;border:1px solid #555;color:white;padding:10px;width:100%;margin-top:5px;font:inherit;resize:vertical}fieldset{border:1px solid #444;margin:12px 0;padding:10px}legend{font-size:12px}#members label{display:flex;align-items:center;gap:10px;margin:8px 0}#members input{width:auto;margin:0}dialog{max-height:88dvh}.credit{color:#bab8b1;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}dialog h3{overflow-wrap:anywhere}#confirm p{overflow-wrap:anywhere}@media(max-width:720px){.archive-head{align-items:flex-start;flex-wrap:wrap}.album .row{grid-template-columns:19px 42px minmax(0,1fr) 29px}.instagram{padding:9px 13px}.hero-links{margin-top:15px}}
#priceFields:not([hidden]){display:grid;grid-template-columns:2fr 1fr;gap:10px}.price-chip{display:inline-block;margin-top:5px;color:#ff795f;font:10px monospace;letter-spacing:1px}
#player{width:min(490px,94vw);padding:0;background:#11100f;border:1px solid #56514d;box-shadow:0 24px 100px #000c}#player .close{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;color:#d8d4ca;background:#1b1918}.deck-header{padding:16px 21px;border-bottom:1px solid #34322f;font:italic 900 17px Arial;letter-spacing:-1px}.deck-header span,.deck-label,.deck-times{font:10px/1.4 ui-monospace,monospace;letter-spacing:1.5px}.deck-header span{color:#a8a49d;margin-left:10px}.deck-stage{height:clamp(160px,28vh,260px);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 62% 60%,#494641,#242321 58%,#181715);isolation:isolate}.deck-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0001 4px)}#playcontent .sleeve{height:80%;width:auto;max-width:54%;aspect-ratio:1;object-fit:cover;margin:0;position:absolute;right:42%;top:10%;box-shadow:3px 5px 16px #000a;border:1px solid #ffffff26}.vinyl{position:absolute;left:47%;top:12%;height:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#111 0 2%,#df482e 2.3% 15%,transparent 15.4%),repeating-radial-gradient(circle,transparent 0 2px,#aaa4 3px,transparent 4px),conic-gradient(#100f0f,#858078 16%,#121111 32%,#282624 52%,#75716b 68%,#101010 87%);border:1px solid #5b5852;animation:spin 8s linear infinite;animation-play-state:paused}.spinning .vinyl{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.deck-stage audio{display:none}.deck-video{height:auto;background:#000}.deck-video:after{display:none}.deck-video video{max-height:35vh;display:block;margin:0;width:100%;aspect-ratio:16/9}.deck-body{padding:20px clamp(16px,5vw,28px) 24px}.deck-label,.deck-times{display:flex;justify-content:space-between;color:#aaa59c}.deck-label{color:#ff7158}#player .deck-title{font-size:clamp(30px,5vw,48px);font-weight:900;font-style:italic;letter-spacing:-1.8px;line-height:1;margin:9px 0 4px}.deck-artist{color:#bdb8b1;font-size:13px;margin:0 0 16px}.transport-range{appearance:none;display:block;margin:0;width:100%;height:20px;padding:0;border:none;cursor:pointer;background:linear-gradient(to right,#ff5139 var(--played,0%),#49453f var(--played,0%)) center/100% 3px no-repeat}.transport-range::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#ff6c54;border-radius:50%}.transport-range::-moz-range-thumb{width:10px;height:10px;background:#ff6c54;border:0;border-radius:50%}.deck-times{font-size:10px}.transport{display:flex;gap:7px;align-items:center;margin-top:16px}.transport .add{border:0;min-width:36px;min-height:38px}.transport .sound{margin-left:auto;color:#bcb8b0}.transport .transport-play{border:0;color:#101010;background:#ff5139;border-radius:50%;width:51px;height:51px;font-size:21px;font-weight:800}.beat-order{margin-top:17px;border-top:1px solid #42403a;padding-top:14px}.beat-order summary{cursor:pointer;list-style:none;background:#e9e4da;color:#171512;display:flex;justify-content:space-between;padding:12px 16px;font-weight:800}.beat-order .cta,.beat-order button{margin-top:5px;margin-right:4px}.deck-status:empty{display:none}.deck-status{font-size:12px}.deck-body .credit{margin-bottom:0}.deck-stage .vinyl{pointer-events:none}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}}

.download-option{display:flex;align-items:center;gap:10px;color:#eee;font-size:14px;cursor:pointer;padding:12px 0;border-top:1px solid #393733}.download-option input{width:18px;height:18px;margin:0;accent-color:#ff5139}.deck-download{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #57514c;font-size:13px;margin-top:14px}.deck-download:hover,.deck-download:focus-visible{color:#ff795f;border-color:currentColor}

.icon-library{position:absolute;pointer-events:none}.ui-icon{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.1em}.logo .ui-icon{width:30px;height:30px;margin-right:8px;color:#ed412e}footer .logo .ui-icon{width:17px;height:17px;color:inherit;margin-right:4px}.hero-links a{white-space:nowrap}.hero-links{flex-wrap:wrap}.hero-links .cta .ui-icon{width:17px;height:17px}.instagram>svg{flex:none}.instagram .ui-icon{width:12px;height:12px}.transport-play{display:grid;place-items:center}.beat-order summary .ui-icon{margin:0 auto 0 6px}.base .ui-icon{width:8px;height:8px}@media(max-width:400px){.hero-links{gap:8px}.hero-links .cta{padding:12px 14px;gap:10px}.hero-links .instagram{gap:6px;padding:9px 10px}footer{gap:6px;flex-wrap:wrap;height:auto;min-height:68px}}
