/* Enabled progressively: without JavaScript the original show grid remains usable. */
.showcase{position:relative;isolation:isolate}
.showcase:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:15px -3% 75px;background:radial-gradient(ellipse at 50% 52%,#ff5a3624,transparent 65%);filter:blur(25px)}
.showcase .concert-grid{--show-width:310px;--show-gap:20px;position:relative;display:flex;gap:var(--show-gap);width:100%;overflow-x:auto;overflow-y:hidden;padding:26px max(0px,calc((100% - var(--show-width))/2)) 28px;scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab;outline-offset:-3px}
.showcase .concert-grid::-webkit-scrollbar{display:none}
.showcase .concert-grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.show-slide{flex:0 0 var(--show-width);min-width:0;scroll-snap-align:center;position:relative;perspective:1200px}
.show-slide[hidden]{display:none!important}
.showcase .concert-card{--show-focus:0;--show-angle:0deg;position:relative;height:406px;transform:translateY(calc((1 - var(--show-focus))*16px)) scale(calc(.9 + var(--show-focus)*.1)) rotateY(var(--show-angle));transform-origin:center;opacity:calc(.74 + var(--show-focus)*.26);border-radius:14px;border:1px solid #ffffff20;box-shadow:0 16px 36px #0006;will-change:transform;transition:border-color .2s}
.showcase .concert-card.is-current{border-color:#ffad8d70;box-shadow:0 18px 45px #0009,0 0 0 1px #ff5a3610}
.showcase .concert-art{height:230px}
.showcase .concert-body{height:176px;padding:16px 17px 12px;display:flex;flex-direction:column}
.showcase .card-overline{gap:7px;margin-bottom:9px}
.showcase .date-label{font-size:9px;white-space:nowrap}
.showcase .ready-label,.showcase .upcoming-card-state{font-size:8px;white-space:nowrap}
.showcase .concert-body h3{font-size:28px;line-height:1.05;margin:0 0 8px}
.showcase .venue{font-size:10px;line-height:1.4;margin:0 0 10px}
.showcase .concert-footer{gap:8px;min-height:38px;padding-top:8px;margin-top:auto}
.showcase .card-action{min-height:28px;font-size:11px;gap:9px}
.showcase .card-action svg{width:14px;height:14px;margin:0}
.showcase .song-count{font-size:8px;padding-left:9px}
.showcase .mcr-card-extras{gap:5px}
.showcase .mcr-card-extras .icon-button{width:25px;height:28px;min-height:28px}
.showcase .art-badge{top:14px;left:14px;font-size:7px}
.showcase .art-caption{font-size:6px;letter-spacing:1px;padding:12px 14px}
.showcase .art-caption>span{font-size:7px}
.showcase .weeknd-art-title{font-size:35px;left:18px;bottom:52px}
.showcase .mcr-art img{width:78%;inset:11% 11% 18%;height:71%}
.showcase .upcoming-show-art>img{object-position:center 38%}
.showcase .wave-show-art>img{object-position:center 48%}
.showcase .upcoming-lyrics-note,.showcase .official-show-link{font-size:10px}




.showcase-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 .showcase{display:flex;flex-direction:column;margin-inline:-18px}
 .showcase:before{inset-inline:0}
 .showcase .concert-grid{--show-width:min(62vw,280px);--show-gap:8px;padding-block:14px 24px}
 .showcase .concert-card{height:382px;border-radius:12px}
 .showcase .concert-art{height:206px}
 .showcase .concert-body{padding-inline:14px}
 .showcase .concert-body h3{font-size:26px}





 .showcase .ready-label,.showcase .upcoming-card-state{font-size:7px}
 .showcase .date-label{font-size:8px}
 .showcase .song-count{padding-left:6px;font-size:7px}
 .showcase .mcr-card-extras{gap:2px}
 .showcase .mcr-card-extras .icon-button{width:22px}
}
@media(prefers-reduced-motion:reduce){
 .showcase .concert-card{transform:none;opacity:1;will-change:auto;transition:none}
 .showcase:before{filter:none}
}