/* Lifts the detail content above the fixed waveform backdrop (z-index: 0). */
.mix-detail-foreground {
    position: relative;
    z-index: 1;
}

/* Mix's per-page hero variance: a centered medium square, overriding ReleaseHeroOverlay's default
   wide (16/10) aspect. The cover art is square album art, and a smaller square frees the surrounding
   canvas for the lava-lamp visualizer. The mix-hero class lands on the overlay component's root
   .release-hero <div> (a child Razor component's native output), so ::deep is required to reach it. */
::deep .release-hero.mix-hero {
    aspect-ratio: 1 / 1;
    max-width: 480px;
    min-height: 0;
    max-height: none;
    margin-inline: auto;
}