/* Full five-event artwork on phones; an independently composed wide layout on desktop. */
.upnext-artwork-section{min-width:0;margin:40px auto;scroll-margin-top:84px}
.upnext-artwork-section>h2{font:400 2.75rem/1.15 var(--display);text-transform:uppercase;margin:0 auto 28px;max-width:900px}
.upnext-artwork{width:100%;max-width:900px;margin:0 auto}
.upnext-mobile-poster{display:block;width:100%;height:auto;border:1px solid rgba(232,184,85,.42)}
.upnext-desktop-panel{display:none}
.upnext-artwork figcaption{font:400 1rem/1.6 var(--sans);color:var(--muted);padding:20px 0 0;max-width:70ch;margin:auto}
@media(min-width:701px){
 .upnext-artwork-section{margin:48px auto}
 .upnext-artwork-section>h2{max-width:none;margin:0 0 16px;text-align:center;font:600 1rem/1.5 var(--cond);letter-spacing:.24em;color:var(--gold)}
 .upnext-artwork{max-width:none}
 .upnext-mobile-poster{display:none}
 .upnext-desktop-panel{display:block;background:#03121d;border:1px solid rgba(232,184,85,.5);padding:28px;box-shadow:0 20px 55px rgba(0,0,0,.25)}
 .upnext-desktop-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:8px 32px;padding:0 8px 28px;text-align:left}
 .upnext-desktop-heading h3{grid-row:1/3;font:400 clamp(2.8rem,5.3vw,5rem)/1.05 var(--display);text-transform:uppercase;letter-spacing:.025em;margin:0;color:#fff}
 .upnext-desktop-subtitle{font:600 clamp(1.6rem,2.7vw,2.8rem)/1.15 var(--cond);text-transform:uppercase;letter-spacing:.035em;color:#f8c869;margin:0}
 .upnext-desktop-tagline{font:500 .9375rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin:0;color:#f4f3f1}
 .upnext-event-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
 .upnext-event-tile{grid-column:span 2;min-width:0;display:flex;align-items:center;background:#03121d;border:1px solid rgba(232,184,85,.5);overflow:hidden}
 .upnext-formula-one,.upnext-palm-beach{grid-column:span 3}
 .upnext-event-band{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--band-ratio);flex:none}
 .upnext-event-band img{position:absolute;display:block;left:0;top:var(--band-offset);width:100%;max-width:none;height:auto;margin:0}
 .upnext-desktop-quote{font:500 clamp(1rem,1.4vw,1.25rem)/1.5 var(--sans);text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#f4f3f1;margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(232,184,85,.5)}
 .upnext-artwork figcaption{text-align:center;padding-top:24px;max-width:78ch}
}
@media(min-width:701px) and (max-width:1099px){
 .upnext-desktop-panel{padding:24px 18px}
 .upnext-desktop-heading{grid-template-columns:1fr;text-align:center;gap:12px;padding-bottom:24px}
 .upnext-desktop-heading h3{grid-row:auto}
 .upnext-event-tile{grid-column:span 3}
 .upnext-palm-beach{grid-column:2/span 4}
}
@media(max-width:700px){
 .upnext-artwork-section{margin:0 auto 32px}
 .upnext-artwork-section>h2{padding:28px 24px 0;font-size:2.35rem;margin-bottom:24px}
 .upnext-artwork figcaption{padding:20px 24px 0}
}