.releases-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.release-full-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;overflow:hidden}.release-full-card:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 25px 50px #0006}.release-full-card__image-wrapper{position:relative;overflow:hidden}.release-full-card__image{aspect-ratio:1;object-fit:cover;width:100%;transition:transform var(--duration-slow) var(--ease-out)}.release-full-card:hover .release-full-card__image{transform:scale(1.08)}.release-full-card__play{background:var(--color-accent);border-radius:var(--radius-full);width:64px;height:64px;transition:all var(--duration-normal) var(--ease-spring);z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 10px 30px #4ade804d}.release-full-card:hover .release-full-card__play{transform:translate(-50%,-50%)scale(1)}.release-full-card__play svg{width:28px;height:28px;fill:var(--color-bg);margin-left:3px}.release-full-card__type{top:var(--space-md);left:var(--space-md);z-index:3;position:absolute}.release-full-card__body{padding:var(--space-lg)}.release-full-card__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-xs);font-weight:700}.release-full-card__artist{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.release-full-card__meta{justify-content:space-between;align-items:center;display:flex}.release-full-card__date,.release-full-card__tracks{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.release-detail{padding:var(--space-section) 0}.release-detail__grid{gap:var(--space-3xl);grid-template-columns:400px 1fr;align-items:start;display:grid}.release-detail__artwork{top:calc(var(--header-height) + var(--space-xl));border-radius:var(--radius-lg);border:1px solid var(--color-border);position:sticky;overflow:hidden;box-shadow:0 30px 60px #00000080}.release-detail__artwork img{aspect-ratio:1;object-fit:cover;width:100%}.release-detail__info{gap:var(--space-xl);flex-direction:column;display:flex}.release-detail__tracklist{flex-direction:column;display:flex}.release-detail__track{gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-out);grid-template-columns:30px 1fr auto auto;align-items:center;display:grid}.release-detail__track:hover{background:var(--color-surface)}.release-detail__track-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.release-detail__track-name{font-weight:500}.release-detail__track-feat{font-size:var(--text-sm);color:var(--color-text-muted)}.release-detail__track-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.release-detail__credits{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.release-detail__credits h4{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.release-detail__credits p{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.release-modal{z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.release-modal.active{opacity:1;pointer-events:all}.release-modal__backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;position:absolute;inset:0}.release-modal__content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);z-index:1;grid-template-columns:360px 1fr;align-items:stretch;width:92%;max-width:900px;max-height:88vh;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px #000c}.release-modal__close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);cursor:pointer;z-index:2;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute}.release-modal__close:hover{background:var(--color-accent);color:var(--color-bg)}.release-modal__artwork-wrapper{padding:var(--space-xl);background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);justify-content:center;align-items:center;height:100%;display:flex}.release-modal__artwork{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:300px;box-shadow:0 15px 35px #00000080}.release-modal__info{padding:var(--space-2xl);gap:var(--space-lg);flex-direction:column;max-height:88vh;display:flex;overflow-y:auto}.release-modal__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.15}.release-modal__desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}@media (width<=768px){.release-detail__grid{grid-template-columns:1fr}.release-detail__artwork{max-width:350px;position:static}.releases-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.release-modal__content{grid-template-columns:1fr;width:95%;max-height:90vh;overflow-y:auto}.release-modal__artwork-wrapper{padding:var(--space-lg);border-right:none;border-bottom:1px solid var(--color-border);height:auto}.release-modal__info{padding:var(--space-lg);max-height:none;overflow-y:visible}}