/* brand-specific styles */
:root {
    --accent: #FF5F1F;
    --cyan: #00FFFF;
}

/* Ensure font size doesn't break layout */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Tap Target optimization for mobile */
a, button {
    min-height: 44px; /* Standard for mobile accessibility */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Low-power Grain for Mobile */
.film-grain {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: url('https://upload.wikimedia.org/wikipedia/commons/7/76/Noise_600x600.png');
    opacity: 0.05;
    pointer-events: none;
    z-index: 9999;
    /* Reduced animation complexity for mobile battery life */
    animation: grain 1.5s steps(6) infinite;
}

@keyframes grain {
    0% { transform: translate(0,0) }
    50% { transform: translate(-2%, 2%) }
    100% { transform: translate(1%, -1%) }
}

/* Grid Cards */
#discography-grid a {
    flex-direction: column;
    align-items: flex-start;
}