/* Explain: Responsive layout helpers for the compact music landing page */
.release-grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .release-grid {
        grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.78fr);
    }
}

@media (max-width: 640px) {
    .hero-cinematic h1 {
        text-wrap: balance;
    }

    .proof-strip {
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding-bottom: 0.4rem;
    }

    .proof-strip > * {
        min-width: 12.5rem;
        scroll-snap-align: start;
    }
}