@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f4f0;background:#090909}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#090909}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{overflow:hidden}header{height:78px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525}.brand{display:flex;align-items:center;gap:10px;font:700 14px Space Grotesk;letter-spacing:1.5px}.brand small{color:#888;font-weight:400}.mark{width:34px;height:34px;border:1px solid #b5f36d;border-radius:50%;display:grid;place-items:center;color:#b5f36d}nav{display:flex;gap:30px;color:#aaa;font-size:13px}.adminlink{display:flex;gap:8px;align-items:center;background:none;color:#bbb;border:1px solid #444;padding:10px 14px;cursor:pointer}.hero{min-height:550px;padding:80px 10vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:radial-gradient(ellipse at 75% 45%,#28301d,#13170e 28%,#090909 68%)}label,.prices small{font:11px DM Mono;letter-spacing:2px;color:#b5f36d}.hero h1,.heading h2{font:600 clamp(52px,6vw,80px)/.98 "Space Grotesk";letter-spacing:-3px;margin:22px 0}.hero h1 em,.heading h2 em{font-style:normal;color:#b5f36d}.hero p{max-width:440px;color:#aaa;line-height:1.8}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#b5f36d;color:#111;border:0;padding:15px 21px;font-weight:700;font-size:13px;cursor:pointer;margin-top:18px}.tags{margin-top:42px;color:#888;font:10px DM Mono;letter-spacing:1px}.record{width:min(310px,70vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0,#151515 2px,#292929,#292929,#101010 5px,#101010 7px);border:1px solid #454d37;box-shadow:0 0 70px #8ba94a22;display:grid;place-items:center;justify-self:center;animation:spin 22s linear infinite}.record div{width:100px;height:100px;border-radius:50%;background:#b5f36d;color:#111;display:grid;place-items:center;text-align:center;font:700 23px Space Grotesk}.prices{padding:34px 10vw;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #292929;gap:24px}.prices div{display:flex;flex-direction:column;gap:8px}.prices b{font:600 26px Space Grotesk}.prices span{color:#888;font-size:13px}main{padding:85px 10vw 110px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.heading h2{font-size:54px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #555;padding:10px;color:#888}.search input{background:none;border:0;outline:0;color:#fff;width:190px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.filters button{background:#151515;border:1px solid #333;color:#999;padding:9px 15px;cursor:pointer;font-size:12px}.filters button.active{background:#b5f36d;color:#111;border-color:#b5f36d}.empty{border:1px solid #282828;padding:70px 20px;text-align:center;color:#888}.empty svg{color:#b5f36d}.empty h3{font:500 23px Space Grotesk;color:#eee}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.beat{background:#111;border:1px solid #292929;padding:12px}.cover{height:190px;background:linear-gradient(135deg,#26301b,#111 65%);background-size:cover;background-position:center;position:relative}.cover span{position:absolute;right:10px;bottom:10px;background:#090909bb;padding:6px 9px;font:10px DM Mono}.beatinfo{display:flex;justify-content:space-between;align-items:center;padding:17px 3px}.beatinfo h3{margin:0 0 5px;font:600 18px Space Grotesk}.beatinfo small{color:#888}.beatinfo>b{color:#b5f36d}.buy{width:100%;background:none;color:#eee;border:1px solid #444;padding:12px;cursor:pointer}.buy:hover{border-color:#b5f36d;color:#b5f36d}footer{padding:28px 7vw;border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#888;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:10;overflow:auto}.modal{background:#141414;border:1px solid #414837;padding:32px;width:min(520px,100%);max-height:90vh;overflow:auto;position:relative}.modal h2{font:600 32px Space Grotesk}.close{position:absolute;right:18px;top:18px;background:none;border:0;color:#aaa;cursor:pointer}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.options button{background:#202020;border:1px solid #444;color:#eee;padding:13px 8px;display:flex;flex-direction:column;gap:9px;cursor:pointer}.options button.chosen{border-color:#b5f36d;background:#252d1d}.options b{color:#b5f36d}.modal form{display:flex;flex-direction:column;gap:11px;margin-top:18px}.modal input,.modal select{width:100%;background:#090909;border:1px solid #444;color:#eee;padding:13px;outline:none}.full{width:100%;margin-top:5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#b5f36d;color:#111;padding:13px 18px;z-index:20;max-width:90vw;border:0;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){header{padding:0 5vw}nav{display:none}.hero{grid-template-columns:1fr;padding:65px 7vw 45px}.record{width:230px}.prices{padding:28px 7vw;grid-template-columns:1fr;gap:20px}main{padding:65px 7vw}.heading{align-items:start;flex-direction:column}.heading h2{font-size:44px}.grid{grid-template-columns:1fr}.cover{height:220px}footer{padding:25px 7vw;flex-wrap:wrap}.options{gap:5px}.options button{font-size:11px}}
