:root{--ink:#0b0b0d;--cream:#f4f1e9;--pink:#cb2468;--red:#ff352e;--yellow:#d8bb2c;--muted:#a8a5a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}.noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.header{padding:28px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3f3d40}.home{font-size:13px;font-weight:900;letter-spacing:1px}.home span{color:var(--pink);font-size:18px}.wordmark{font-weight:900;font-size:20px;line-height:.8;letter-spacing:-1px}.wordmark b{color:var(--red);font-size:24px}.hero{padding:84px 9vw 60px;min-height:440px;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 5%,#472031,transparent 34%),#111115}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-190px;top:-225px;border-radius:50%;background-image:radial-gradient(circle,var(--pink) 2px,transparent 3px);background-size:17px 17px;opacity:.65}.eyebrow{margin:0 0 18px;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:2px}.hero h1,.track-title{margin:0;font-size:clamp(56px,9vw,130px);line-height:.78;letter-spacing:-.07em;font-weight:900}.hero h1 span{color:var(--pink)}.hero p:last-child{max-width:490px;margin:28px 0 0;color:#c7c3be;line-height:1.5}.track-area{padding:75px 9vw 115px;background:var(--cream);color:var(--ink)}.track-area h2{margin:0 0 45px;font-size:16px;letter-spacing:1px}.player-list{display:grid;gap:26px}.track{position:relative;min-height:230px;padding:30px;display:grid;grid-template-columns:minmax(140px,270px) 1fr auto;align-items:center;gap:44px;overflow:hidden;background:#16151a;color:var(--cream);box-shadow:12px 12px 0 var(--pink)}.track:before{content:"";position:absolute;width:360px;height:360px;right:-110px;bottom:-260px;border-radius:50%;background-image:radial-gradient(circle,var(--pink) 2px,transparent 3px);background-size:15px 15px;opacity:.8}.track:nth-child(2){box-shadow:12px 12px 0 var(--yellow)}.track:nth-child(2):before{background-image:radial-gradient(circle,var(--yellow) 2px,transparent 3px)}.cassette{position:relative;aspect-ratio:1.55;width:100%;padding:17px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--yellow);border:7px solid #030303;box-shadow:inset 0 0 0 3px var(--ink);transition:transform .35s ease}.track:hover .cassette{transform:translateY(-12px) rotate(-3deg) scale(1.07)}.cassette:after{content:"";position:absolute;left:25%;right:25%;top:35%;bottom:35%;background:#0a090a;border-radius:3px}.cassette i{width:35px;height:35px;z-index:1;border:7px dotted var(--yellow);border-radius:50%;background:#111}.cassette b{position:absolute;z-index:1;left:50%;top:8px;transform:translateX(-50%);font-size:11px;letter-spacing:1px}.cassette em{position:absolute;z-index:1;left:50%;bottom:8px;transform:translateX(-50%);font-size:12px;font-weight:900;font-style:normal;letter-spacing:.5px}.track:nth-child(2) .cassette{background:var(--pink);color:var(--cream)}.track-info{position:relative;z-index:1}.track-type{display:block;margin-bottom:10px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:2px}.track-title{font-size:clamp(34px,5vw,72px)}.track-note{margin:15px 0 0;color:#bab5b1;font-size:14px}.play{position:relative;z-index:1;width:85px;height:85px;border:0;border-radius:50%;cursor:pointer;color:var(--ink);background:var(--yellow);font-size:22px;font-weight:900;transition:transform .2s}.play:hover{transform:scale(1.1)}.track:nth-child(2) .play{background:var(--pink);color:var(--cream)}.empty{padding:55px 30px;background:#dbd6cb;color:var(--ink);border-left:12px solid var(--pink)}.empty h3{margin:0 0 12px;font-size:34px;letter-spacing:-1px}.empty p{margin:0;line-height:1.5}.page-footer{padding:34px 9vw;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:1px}.page-footer span{color:var(--red);font-size:17px}@media(max-width:700px){.header{padding:20px 7vw}.hero{padding:65px 7vw 50px}.track-area{padding:60px 7vw 80px}.track{grid-template-columns:1fr;gap:24px;padding:25px}.cassette{width:70%;max-width:260px}.track-title{font-size:47px}.play{position:absolute;right:24px;bottom:30px;width:65px;height:65px}.track-info{padding-right:75px}}
video{display:none}
.player-controls{position:relative;z-index:1;width:175px;display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center}.player-controls .play{width:72px;height:72px;grid-row:1/3}.seek{width:100%;height:5px;appearance:none;border:0;border-radius:9px;cursor:pointer;background:#747077}.seek::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.seek::-moz-range-thumb{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.time{font-size:10px;font-weight:900;letter-spacing:.4px;color:#d8d3ce;white-space:nowrap}@media(max-width:700px){.player-controls{width:100%;grid-template-columns:65px 1fr;margin-top:4px}.player-controls .play{position:static;width:62px;height:62px;grid-row:1/3}.seek{align-self:end}.time{align-self:start}}