/* Photo cards follow the scale and navigation of the live carousel. */
.extras-section{margin-top:var(--section-gap);padding:0 var(--content-gutter);color:#E8E8E8}
.extras-section h2{margin:0 0 24px;text-align:center;font:400 var(--section-title-size)/1.2 var(--display-font)}
.extras-media{position:relative;isolation:isolate}
.extras-media::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:45%;width:280px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(128,52,243,.25);filter:blur(40px)}
.extras-carousel{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% + 40px);margin-inline:-20px;padding-inline:calc((100% + 40px - 250px)/2)}
.extras-carousel::-webkit-scrollbar{display:none}
.extras-card{flex:0 0 250px;width:250px;height:250px;min-width:0;margin:0;scroll-snap-align:center;border-radius:10px;overflow:hidden;background:#1B1B1D}
.extras-card img{display:block;width:100%;height:150px;object-fit:cover}
.extras-card--song img{object-position:50% 30%}
.extras-card--drums img{object-position:50% 40%}
.extras-copy{height:100px;padding:12px 14px}
.extras-copy h3{margin:0 0 8px;color:#E8E8E8;font:400 18px/1.15 var(--display-font)}
.extras-copy p{margin:0;color:#D2D2D2;font:400 14px/17px 'Onest',Arial,sans-serif;font-synthesis:none}
.extras-dots{display:flex;justify-content:center;margin-top:6px}
.extras-dot{width:28px;height:40px;border:0;padding:0;display:grid;place-items:center;background:transparent;color:#303030;cursor:pointer}
.extras-dot::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.extras-dot[aria-pressed=true]{color:#E5F36B}
.extras-dot[aria-pressed=true]::before{width:6px;height:6px}
.extras-section :focus-visible{outline:2px solid #E5F36B;outline-offset:3px}