.releases-grid{display:grid}.releases-grid.selected{grid-template-columns:1fr;gap:5em}.releases-grid.complete{grid-template-columns:1fr 1fr;gap:3em 1em}@media (max-width:1023px){.releases-grid{max-width:600px;margin-left:auto;margin-right:auto}}@media (min-width:1024px){.releases-grid.selected{grid-template-columns:1fr 1fr 1fr;gap:1em}.releases-grid.complete{grid-template-columns:1fr 1fr 1fr 1fr;gap:1em}}.recording{position:relative}.recording .cover img{aspect-ratio:1;object-fit:cover}@media (max-width:1023px){.recording:hover{text-decoration:underline}}@media (max-width:1023px){.recording .details{margin-top:1em;display:block}}@media (min-width:1024px){.recording .details{text-align:center;z-index:2;color:#000;opacity:0;background:#ddd;place-content:center;width:100%;height:100%;padding:1em;text-decoration:none;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.recording .details:hover{opacity:.9;text-decoration:none}}.album-title{font-family:var(--font-lofi-forest);line-height:1em}.album-releasedate{font-family:var(--font-charlottenburg-classic);text-align:right;line-height:1em}@media (min-width:768px){.album-releasedate{font-family:var(--font-charlottenburg-circles)}}.details{container:detail-box/inline-size}@media (max-width:1023px){@container not (min-width:300px){.releases-grid.complete .album-title,.releases-grid.complete .album-releasedate{font-family:var(--font-dm-mono);overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;hyphenate-character:"—";font-size:1em;line-height:1.5em}}.releases-grid.complete a{text-underline-offset:.2em;text-decoration-thickness:1px}.selected .details,.complete .details{text-align:center}.album-title{margin-right:3cqi;font-size:8cqi;display:inline}.album-releasedate{font-size:8cqi;text-decoration:none;display:inline-block}.album-releasedate:before{content:"("}.album-releasedate:after{content:")"}}@media (min-width:1024px){.album-releasedate{font-family:var(--font-charlottenburg-circles);font-size:20cqi;line-height:1em;position:absolute;bottom:0;right:.25em}.selected .album-title{font-size:16cqi}.selected .long-title{font-size:11cqi}:is(.complete,.project-content) .album-title{width:100%;font-size:17cqi}:is(.complete,.project-content) .long-title{font-size:10cqi}:is(.complete,.project-content) .really-long-title,:is(.complete,.project-content) .long-word{font-size:8cqi}}
