/* ── RELEASES PAGE STYLES ───────────────────────────────────────────────────── */
/* Scope: carousel window, track info panel, tracklist grid                      */
/* Shared layout/fonts live in index.css                                         */

/* ── Release carousel window ── */
#carousel-window {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: visible;
    margin: 30px 0;
}
#carousel-window iframe {
    border: none;
    display: block;
    position: absolute;
    width: 250%;
    height: 250%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ── Track info panel ── */
#track-info {
    width: 100%;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-family: 'Determination', monospace;
    color: #fff;
    transition: color 240ms ease;
}
#track-info .track-title {
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
#track-info .track-meta {
    font-size: 0.75em;
    color: #aaa;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: color 240ms ease;
}

/* ── Tracklist grid iframe ── */
#tracklist-grid {
    width: 100%;
    height: auto;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
#tracklist-grid iframe {
    width: calc(100% + 20px);
    max-width: 440px;
    height: auto;
    min-height: auto;
    border: none;
    background: transparent;
}

/* ── White wash: releases text darkening ── */
body.is-bg-wash-on #track-info              { color: #000; }
body.is-bg-wash-on #track-info .track-meta  { color: #444; }