*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;color:#f4f4f4;background:#000}body{margin:0;background:#000;color:#f4f4f4}.page{min-height:100vh;padding:28px 32px 24px}.topbar{border-bottom:1px solid #1b1b1b;padding-bottom:18px}.brand{font-size:13px;letter-spacing:.28em;font-weight:700}.intro{padding:clamp(65px,9vw,120px) 0 clamp(55px,7vw,85px)}.eyebrow{margin:0 0 20px;color:#666;font-size:10px;letter-spacing:.22em}h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,6vw,88px);line-height:.95;letter-spacing:-.06em;font-weight:400;white-space:nowrap}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#151515}.release{position:relative;display:block;background:#050505;overflow:hidden;cursor:pointer}.cover{position:relative;aspect-ratio:1/1;background:var(--cover);overflow:hidden;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.release:hover .cover{transform:scale(.965)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 35%,rgba(255,255,255,.015));pointer-events:none}.cover-mark{position:absolute;z-index:2;top:18px;left:18px;font-size:10px;letter-spacing:.18em;color:#777}.cover-shape,.ring,.bar,.cross,.afterimage,.zero{position:absolute}.cover-shape{width:42%;height:42%;border:1px solid #777;right:12%;bottom:12%;transform:rotate(22deg);opacity:.55}.ring{width:48%;aspect-ratio:1;border:1px solid #777;border-radius:50%;left:26%;top:26%;box-shadow:0 0 0 35px rgba(255,255,255,.025)}.bar{height:1px;width:72%;background:#777;left:14%;top:50%;transform:rotate(-42deg);opacity:.65}.cross{width:55%;height:55%;left:22.5%;top:22.5%;border:1px solid #555}.cross:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #555}.afterimage{width:38%;height:64%;left:31%;top:18%;border-left:1px solid #aaa;border-right:1px solid #333;transform:skewY(-24deg);opacity:.7}.zero{width:43%;aspect-ratio:1;border:1px solid #888;border-radius:50%;left:28.5%;top:28.5%;box-shadow:inset 0 0 0 18px rgba(255,255,255,.018)}.meta{display:flex;justify-content:space-between;padding:13px 4px 18px;color:#555;font-size:9px;letter-spacing:.13em;transition:color .3s}.release:hover .meta{color:#aaa}.hover-info{position:absolute;left:50%;top:50%;z-index:3;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:.35s ease;pointer-events:none}.release:hover .hover-info{opacity:1;transform:translate(-50%,-50%) scale(1)}.hover-info strong{font-size:30px;line-height:1.05;font-weight:500;letter-spacing:-.03em;color:#fff}.hover-info small{font-size:15px;line-height:1.1;letter-spacing:.12em;color:#fff}@media(max-width:800px){.hover-info strong{font-size:26px}.hover-info small{font-size:13px}}@media(max-width:500px){.hover-info strong{font-size:28px}.hover-info small{font-size:14px}}footer{display:flex;justify-content:center;color:#444;font-size:9px;letter-spacing:.12em;padding-top:30px}@media(max-width:800px){.page{padding:20px}.music-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:9vw}}@media(max-width:500px){.music-grid{grid-template-columns:1fr}.intro{padding-top:80px}h1{font-size:11vw;white-space:normal}}

/* Local release artwork */
.cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0;
}

.cover:after {
    z-index: 1;
}

.cover-mark {
    z-index: 2;
}

.hover-info {
    z-index: 3;
}