.performances{gap:var(--space-3xl);flex-direction:column;padding-block-start:var(--height-navbar);display:flex}.performances [data-animate]{visibility:hidden}.performances__grid{gap:var(--space-2xl);display:grid}@media (min-width:900px){.performances__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(26rem,1fr))}}.performance{gap:var(--space-md);flex-direction:column;margin:0;display:flex}.performance__frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-brand-deep);position:relative;overflow:hidden}.performance__player,.performance__poster{border:0;width:100%;height:100%;position:absolute;inset:0}.performance__poster{cursor:pointer;background:0 0;padding:0;display:block}.performance__thumb{object-fit:cover;width:100%;height:100%;transition:scale var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out);filter:saturate(.9)}.performance__scrim{background:linear-gradient(180deg, color-mix(in oklab, var(--surface-brand-deep) 10%, transparent) 0%, color-mix(in oklab, var(--surface-brand-deep) 46%, transparent) 100%);position:absolute;inset:0}.performance__play{width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full);background:var(--action);color:var(--text-on-action);transition:scale var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out);place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.performance__play svg{width:var(--size-8);height:var(--size-8)}@media (prefers-reduced-motion:no-preference){.performance__poster:hover .performance__thumb{filter:saturate();scale:1.03}.performance__poster:hover .performance__play{scale:1.05}}.performance__poster:hover .performance__play{background:var(--action-hover)}.performance__poster:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.performance__caption{gap:var(--space-2xs);flex-direction:column;display:flex}.performance__title{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-snug);color:var(--text-primary)}.performance__composer{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-tertiary)}.performances .section-header__title{font-weight:var(--font-weight-normal)}