@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f5f0e7;--muted:#aaa1a5;--hot:#f06850;--lime:#d4f25e;--pink:#e7a8d0;--bg:#120e12;--line:#41323e;--mono:'DM Mono',monospace;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);background-image:radial-gradient(ellipse at 12% 22%,#5c252f46,transparent 32%),radial-gradient(ellipse at 93% 13%,#32462142,transparent 30%),linear-gradient(135deg,#140f15,#171115 54%,#11120e)}a{color:inherit;text-decoration:none}.v-header{min-height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px clamp(17px,4vw,56px);gap:16px}.back-archive,.v-header nav a,.v-logo span,footer{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.back-archive{color:var(--lime)}.v-logo{text-align:center;display:grid;gap:2px}.v-logo span{font-size:7px;color:var(--pink)}.v-logo strong{font-size:25px;letter-spacing:-.08em;font-weight:700;line-height:1}.v-header nav{display:flex;align-items:center;gap:16px}.v-header nav a{font-size:8px;color:#d9cdd4}.v-header nav b{display:inline-grid;place-items:center;border:1px solid var(--hot);color:var(--hot);width:18px;height:18px;border-radius:50%;font-size:8px}.v-hero{position:relative;overflow:hidden;min-height:360px;padding:clamp(28px,6vw,80px);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;border-bottom:1px solid #6a4552;background:radial-gradient(circle at 80% 48%,#e1534a44 0 4%,transparent 4.5%),radial-gradient(circle at 80% 48%,transparent 0 16%,#e1534a2b 16.5% 17%,transparent 18% 30%,#f2d67820 31% 31.5%,transparent 32%),linear-gradient(112deg,#381a28,#1a121a 72%)}.v-hero:after{content:'♫';position:absolute;right:12%;top:3%;font:clamp(170px,27vw,350px)/1 var(--display);color:#f5db9430;transform:rotate(-13deg);pointer-events:none}.kicker{font:9px var(--mono);letter-spacing:.16em;color:var(--lime);text-transform:uppercase}.v-hero h1{font-size:clamp(48px,8vw,94px);letter-spacing:-.085em;line-height:.9;margin:17px 0}.v-hero h1 em{font-weight:400;color:var(--pink)}.v-hero p{max-width:530px;color:#cec2c4;font-size:13px;line-height:1.75}.hero-disc{z-index:1;justify-self:center;width:min(250px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#17141b 0 9%,#d14f4b 9.5% 11%,#17141b 11.5% 25%,transparent 25.5%),repeating-radial-gradient(circle,#151219 0 4px,#43343e 5px 6px);border:9px solid #09090b;box-shadow:0 0 0 1px #f0d37e8a,0 22px 50px #0009;animation:spin 20s linear infinite}.hero-disc:after{content:'THE CRATE · SIDE A';display:grid;place-items:center;margin:35%;width:30%;height:30%;border-radius:50%;background:var(--hot);color:#160e12;font:7px var(--mono);text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.v-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px clamp(16px,4vw,54px);border-bottom:1px solid var(--line)}.tabs,.v-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tabs button,.v-controls input,.v-controls select{background:#1b151c;border:1px solid #4b3947;color:#eee5e5;min-height:36px;padding:0 11px;font:9px var(--mono);letter-spacing:.04em}.tabs button{cursor:pointer;text-transform:uppercase}.tabs button.active,.tabs button:hover{background:var(--lime);border-color:var(--lime);color:#141511}.v-controls input{width:min(280px,70vw)}.v-controls select{max-width:165px}.shelf-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:28px clamp(16px,4vw,54px) 16px}.shelf-head h2{font-size:30px;letter-spacing:-.06em;margin:4px 0}.shelf-head p{color:var(--muted);font-size:11px;margin:0}.count-label{font:9px var(--mono);color:var(--lime);white-space:nowrap}.record-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px 15px;padding:0 clamp(16px,4vw,54px) 50px}.record{min-width:0;position:relative}.sleeve{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:var(--cover);border:1px solid #ffffff30;box-shadow:0 8px 20px #0008;transition:.2s;isolation:isolate}.sleeve:before{content:'';position:absolute;inset:-20%;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffffff09 0deg 1deg,transparent 1.3deg 8deg);mix-blend-mode:screen}.sleeve:after{content:'';position:absolute;inset:9%;border:1px solid #ffffff4c;border-radius:50%;box-shadow:0 0 0 10px #ffffff0a,0 0 0 22px #00000016}.record:nth-child(4n+1) .sleeve{--cover:radial-gradient(circle at 70% 25%,#f1d66c 0 7%,transparent 7.5%),linear-gradient(145deg,#bc453b,#24131c 80%)}.record:nth-child(4n+2) .sleeve{--cover:radial-gradient(circle at 30% 70%,#e3a4c3 0 12%,transparent 12.5%),linear-gradient(135deg,#32564a,#171421 78%)}.record:nth-child(4n+3) .sleeve{--cover:radial-gradient(circle at 70% 68%,#bdd65a 0 10%,transparent 10.5%),linear-gradient(135deg,#48334f,#15111b 78%)}.record:nth-child(4n) .sleeve{--cover:radial-gradient(circle at 25% 25%,#f3cb72 0 9%,transparent 9.5%),linear-gradient(135deg,#205668,#14131d 80%)}.record:nth-child(7n) .sleeve{--cover:linear-gradient(140deg,#df804e,#572035 45%,#15121a 85%)}.record:hover .sleeve{transform:translateY(-4px) rotate(-1deg);box-shadow:0 15px 28px #000a}.sleeve-copy{position:relative;z-index:1;width:74%;text-align:center;text-shadow:0 2px 8px #000;font-size:clamp(12px,1.5vw,20px);line-height:1;letter-spacing:-.06em;font-weight:700;overflow-wrap:anywhere}.sleeve-copy small{display:block;font:7px var(--mono);letter-spacing:.15em;margin-bottom:10px;color:var(--lime);text-transform:uppercase}.sleeve-copy b{display:block;margin-top:8px;font-size:9px;letter-spacing:.14em;color:#f5d89a}.vinyl-disc{position:absolute;width:39%;aspect-ratio:1;border-radius:50%;right:-14%;top:8%;background:repeating-radial-gradient(circle,#121014 0 2px,#322935 3px 4px);border:1px solid #ffffff55;box-shadow:0 2px 16px #0008}.vinyl-disc:after{content:'';position:absolute;inset:43%;border-radius:50%;background:var(--hot)}.record-title{margin:10px 0 3px;font-size:13px;line-height:1.2}.record-meta{font:8px var(--mono);color:#aaa0a8}.record-actions{display:flex;gap:5px;margin-top:8px}.record-actions button,.artist-link{background:transparent;color:var(--pink);border:1px solid #594552;padding:6px 8px;font:8px var(--mono);cursor:pointer}.record-actions button:hover,.record-actions button.saved{background:var(--pink);color:#21141f}.v-empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);border:1px dashed #594552}.michael-page{padding:clamp(18px,5vw,58px)}.michael-hero{position:relative;padding:clamp(28px,5vw,62px);min-height:260px;overflow:hidden;background:radial-gradient(circle at 82% 52%,#f7d27744 0 3%,transparent 3.5%),radial-gradient(circle at 82% 52%,transparent 0 13%,#f7d27724 13.5% 14%,transparent 14.5% 24%,#f7d27718 24.5% 25%,transparent 25.5%),linear-gradient(120deg,#382921,#15121a 68%);border:1px solid #ba8f50}.michael-hero h1{font-size:clamp(40px,7vw,78px);line-height:.9;letter-spacing:-.08em;margin:13px 0}.michael-hero p{max-width:670px;color:#d2c4c0;line-height:1.7;font-size:12px}.m-jackson{color:#f3d678}.family-links{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.family-links a{border:1px solid #816d55;padding:8px 11px;font:8px var(--mono);color:#f5dcab;text-transform:uppercase}.family-links a:hover{background:#e0be6b;color:#21180f}.family-links .main-site{color:var(--lime);border-color:#5b6636}.michael-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.mj-panel{background:#20191d;border:1px solid #493941;padding:18px}.mj-panel h2{font-size:21px;letter-spacing:-.05em;margin:4px 0 14px}.mj-panel p{color:#b9aeb0;font-size:11px;line-height:1.6}.mj-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mj-album{font-size:10px;border-left:2px solid var(--hot);padding:5px 9px}.mj-films{display:grid;gap:7px}.mj-films a{display:flex;justify-content:space-between;gap:8px;padding:9px;background:#171317;border:1px solid #342833;font-size:10px}.mj-films a span{color:var(--lime);font:8px var(--mono)}.wish-head{display:flex;gap:8px;flex-wrap:wrap}.wish-head button{background:#211822;color:var(--pink);border:1px solid #5a4557;padding:7px 10px;font:8px var(--mono);cursor:pointer}footer{padding:20px clamp(16px,4vw,54px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9e9299;font-size:8px}footer a{color:var(--lime)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--lime);color:#161612;padding:10px 14px;font:9px var(--mono);transition:.2s;z-index:20}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:950px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v-hero{min-height:300px}}@media(max-width:620px){.v-header{display:grid;grid-template-columns:1fr auto;gap:10px}.v-logo{grid-column:1;grid-row:1;justify-self:start;text-align:left}.back-archive{grid-column:2;grid-row:1}.v-header nav{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.v-hero{grid-template-columns:1fr;min-height:0;padding:27px 20px}.v-hero h1{font-size:56px}.hero-disc{position:absolute;right:-28px;bottom:-55px;width:150px;opacity:.45}.v-hero p{max-width:83%;font-size:11px}.v-toolbar{padding:13px 16px}.v-controls{width:100%}.v-controls input{flex:1;min-width:100px}.tabs{width:100%}.tabs button{flex:1;font-size:7px;padding:0 6px}.shelf-head{padding:24px 16px 13px;align-items:start}.shelf-head h2{font-size:24px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px;padding:0 16px 38px}.record-title{font-size:12px}.record-actions button{min-height:32px}.michael-page{padding:14px}.michael-hero{padding:25px 18px}.michael-hero p{max-width:96%}.michael-groups{grid-template-columns:1fr}.mj-records{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding:17px 16px;line-height:1.7}}