.band{--band-h:280px;--band-gap:16px;--band-inset:32px}.band--hero{--band-h:180px;--band-gap:12px}@media (width<=767px){.band{--band-h:200px;--band-gap:12px;--band-inset:var(--spacing-margin-phone)}.band--hero{--band-h:162px}}.band__track{align-items:flex-start;gap:var(--band-gap);padding:0 var(--band-inset);scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;overflow:auto hidden}.band__track::-webkit-scrollbar{display:none}.band__track[data-dragging]{cursor:grabbing}.band__track[data-dragging] a{pointer-events:none}.band-tile{width:calc(var(--band-h) * 16 / 9);color:var(--color-muted);flex-direction:column;flex:none;gap:10px;display:flex}.band-tile__media{height:var(--band-h);border-radius:var(--radius-tile);background:var(--tile);display:block;position:relative;overflow:hidden}.band-tile__media--mark{background:var(--console);justify-content:center;align-items:center;display:flex}.band-tile__media--mark svg{width:78%;height:auto;overflow:visible}.band-tile__media picture,.band-tile__media img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:transform .24s var(--e-out);display:block}.band-tile__cap{-webkit-line-clamp:2;font-size:var(--text-micro);line-height:var(--leading-micro);letter-spacing:var(--tracking-caption);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.band-tile__cap b{font-weight:var(--font-weight-regular);color:var(--color-ink)}@media (hover:hover) and (pointer:fine){.band-tile:hover .band-tile__media img{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.band-tile__media img{transition:none}.band-tile:hover .band-tile__media img{transform:none}}.band-tile__film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--e-out),transform .24s var(--e-out);pointer-events:none;position:absolute;inset:0}.band-tile__film[data-playing]{opacity:1}@media (hover:hover) and (pointer:fine){.band-tile:hover .band-tile__film{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.band-tile__film{display:none}}.band-tile__media--key{background-color:var(--key-bg);justify-content:center;align-items:center;display:flex}.band-tile__media--key[style*=--key-glow]{background-image:radial-gradient(120% 140% at 18% 110%,var(--key-glow) 0%,color-mix(in srgb,var(--key-glow) 55%,transparent) 32%,transparent 70%)}.band-tile__media--key .band-tile__logo{width:calc(var(--logo-w) * 100%);object-fit:contain;height:auto}.band--timeline{--band-h:112px;--band-gap:8px}@media (width<=767px){.band--timeline{--band-h:84px;--band-gap:6px}}.band--timeline .band-tile{width:calc(var(--band-h) * 16 / 9);gap:0}.band--timeline .band-tile__media{border-radius:var(--radius-media,12px);transition:translate .4s var(--e-house,var(--e-out))}.band--timeline .band-tile__cap{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.band--timeline .band-tile:hover .band-tile__media{translate:0 -4px}}.band__now{padding:0 var(--band-inset) 10px;justify-content:space-between;align-items:center;gap:16px;display:flex}.band__now-cap{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-caption,13px);line-height:var(--leading-caption,18px);letter-spacing:var(--tracking-caption);color:var(--color-muted);margin:0;overflow:hidden}.band__now-cap b{font-weight:var(--font-weight-regular);color:var(--color-ink)}.band__now-cap[data-swap]{animation:band-now .35s var(--e-house,var(--e-out))}@keyframes band-now{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.band__pause svg{width:10px;height:10px;fill:var(--pod-current-text,var(--color-pod-current))}.band__pause .band__play,.band__pause[aria-pressed=true] .band__pause-bar{display:none}.band__pause[aria-pressed=true] .band__play{display:inline}@media (prefers-reduced-motion:reduce){.band__pause-pod{display:none}.band--timeline .band-tile__media{transition:none}}.band-tile__view{z-index:2;backdrop-filter:blur(18px);color:var(--color-white);font-family:var(--font-text);font-size:var(--text-lead);line-height:var(--leading-lead);letter-spacing:var(--tracking-lead);text-align:center;opacity:0;transition:opacity .35s var(--e-house,var(--e-out));pointer-events:none;background:#0a0a0a80;justify-content:center;align-items:center;padding-inline:10px;display:flex;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.band-tile:hover .band-tile__view,.band-tile:focus-visible .band-tile__view{opacity:1}.band-tile__logo{transition:opacity .35s var(--e-house,var(--e-out))}.band-tile:hover .band-tile__logo,.band-tile:focus-visible .band-tile__logo{opacity:0}}.band__now{position:relative}.band__now-cap{flex:0 auto;max-width:min(60%,520px)}@media (prefers-reduced-motion:reduce){.band__now-cap[data-swap]{animation:none}}