/* ============================================================
   The Brown Print — concert page
   Shared components (hero, albums, viewer, CTA) live in css/site.css.
   ============================================================ */

/* ============ SELECTED SHOWS (photo + film collage) ============ */
.collage{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(130px,16vw,225px);grid-auto-flow:dense;gap:var(--grid-gap)}
.cell.w2{grid-column:span 2}
.cell.h2{grid-row:span 2}
@media(max-width:1023px){.collage{grid-template-columns:repeat(2,1fr)}}

/* ============ MARQUEE ============ */
.strip{overflow:hidden;border-block:1px solid var(--c-line);padding:var(--sp-5) 0;background:var(--c-surface)}
.strip .track{display:flex;gap:60px;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}
.strip:hover .track{animation-play-state:paused}
.strip span{font:400 clamp(18px,2.2vw,28px)/1 var(--f-display);letter-spacing:.06em;color:var(--c-muted)}
.strip i{font-style:normal;color:var(--c-red)}
@keyframes marquee{to{transform:translateX(-50%)}}