/* ============================================
   Responsive Adjustments
   ============================================ */

/* Small mobile */
@media (max-width: 374px) {
    :root {
        --container-padding: 1rem;
        --text-4xl: 2rem;
        --text-5xl: 2.5rem;
        --text-6xl: 3rem;
    }

    .hero-tagline {
        letter-spacing: 0.2em;
        font-size: var(--text-xs);
    }

    .btn {
        padding: 0.75rem 1.5rem;
    }

    .btn-lg {
        padding: 0.875rem 2rem;
    }
}

/* Tablet landscape */
@media (min-width: 768px) and (max-width: 1023px) {
    .releases-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop adjustments */
@media (min-width: 1024px) {
    :root {
        --container-padding: 2rem;
    }

    .section {
        padding: var(--space-5xl) 0;
    }
}

/* Large desktop */
@media (min-width: 1440px) {
    :root {
        --container-max: 1400px;
    }
}

/* Player-aware spacing */
body.player-active .section:last-of-type {
    padding-bottom: calc(var(--space-4xl) + var(--player-height));
}

body.player-active footer {
    padding-bottom: var(--player-height);
}

@media (max-width: 767px) {
    body.player-active footer {
        padding-bottom: var(--player-height-mobile);
    }
}