/* CDS.psd: 1920 × 4515; mobile uses only the reference's first block. */
.cd-page { background: #000; }
.cd-hero { position: relative; height: 51.1vw; overflow: hidden; background: #686868; }
.cd-hero-art { position: absolute; inset: 0; }
.cd-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
/* Coordinates follow the artwork, including its bottom-aligned cover crop. */
.cd-hero-monogram { position: absolute; left: 7.2%; bottom: 24.65vw; width: 18.55%; height: 19.15vw; }
.cd-hero h1 { position: absolute; top: 28.4vw; left: 3.3%; width: 28%; margin: 0; font-size: 5.7vw; font-weight: 400; line-height: 1.26; text-align: center; text-transform: uppercase; }
.cd-hero h1 span { display: block; }
.cd-releases { display: grid; gap: 5.55vw; padding: 3.95vw 5.35% 7.4vw 4%; }
.cd-release { display: grid; grid-template-columns: 51% minmax(0, 1fr); align-items: center; min-height: 33.7vw; }
.cd-release > img { display: block; width: 100%; height: auto; }
.cd-release h2 { margin: 0; padding: 1vw 4vw 1vw 1vw; font-size: 3.2vw; font-weight: 400; line-height: 1.16; text-align: center; }
.cd-release-constellation { background: var(--accent); }
.cd-release-world { background: #fff; color: var(--ink); }
.cd-release-musique { background: #686868; }
@media (max-width: 640px) {
    .cd-hero { height: 166.1vw; }
    .cd-hero-monogram { left: 31.7%; bottom: 109.8vw; width: 37.25%; height: 38.3vw; }
    .cd-hero h1 { top: auto; bottom: 7.9vw; left: 0; width: 100%; padding-inline: 3%; font-size: 10.5vw; line-height: 1.1; }
    .cd-hero h1 span { display: inline; }
    .cd-releases { gap: 8.5vw; padding: 6vw 8.3% 7.8vw; }
    .cd-release { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 1vw 0 5vw; }
    .cd-release > img { width: 100%; }
    .cd-release h2 { padding: 0 3%; font-size: 5.7vw; line-height: 1.12; }
    .cd-release-musique h2 br { display: none; }
}