/* ── Artist Slider ── */
#artist-track .ar-card { width: calc(25% - 12px); }
@media(max-width:1099px){ #artist-track .ar-card { width: calc(33.333% - 11px); } }
@media(max-width:859px){  #artist-track .ar-card { width: calc(50% - 8px); } }
@media(max-width:599px){  #artist-track .ar-card { width: 100%; } }

/* ── Actor Slider ── */
#actor-track .ac-card { width: calc(25% - 12px); }
@media(max-width:1099px){ #actor-track .ac-card { width: calc(33.333% - 11px); } }
@media(max-width:859px){  #actor-track .ac-card { width: calc(50% - 8px); } }
@media(max-width:599px){  #actor-track .ac-card { width: 100%; } }

/* ── Event Slider ── */
#event-track .ev-card { width: calc(25% - 12px); }
@media(max-width:1099px){ #event-track .ev-card { width: calc(33.333% - 11px); } }
@media(max-width:859px){  #event-track .ev-card { width: calc(50% - 8px); } }
@media(max-width:599px){  #event-track .ev-card { width: 100%; } }

/* ── Album Slider ── */
#album-track .al-card { width: calc(16.666% - 14px); }
@media(max-width:1199px){ #album-track .al-card { width: calc(20% - 13px); } }
@media(max-width:999px){  #album-track .al-card { width: calc(25% - 12px); } }
@media(max-width:699px){  #album-track .al-card { width: calc(33.333% - 11px); } }
@media(max-width:479px){  #album-track .al-card { width: calc(50% - 8px); } }

/* ── Blog Slider ── */
#blog-track .bl-card { width: 340px; }
@media(max-width:599px){ #blog-track .bl-card { width: calc(100vw - 48px); } }

/* ── Hero scroll line animation ── */
@keyframes heroScrollLine {
    0%   { transform:scaleY(0);transform-origin:top; }
    50%  { transform:scaleY(1);transform-origin:top; }
    51%  { transform:scaleY(1);transform-origin:bottom; }
    100% { transform:scaleY(0);transform-origin:bottom; }
}