/* Scope the player to event previews; keep links outside the native controls. */
.event-card--video{min-width:0;overflow:hidden;border-radius:20px}
.event-card--video.event-card--featured{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:0}
.event-card--video>.event-card__media{min-width:0;padding:24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#2a2114 0%,#10100e 75%)}
.event-card__player{position:relative;min-width:0;overflow:hidden;border-radius:14px;background:#080808;border:1px solid var(--line)}
.event-card__player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080808}
.event-card__player video:focus-visible{outline:3px solid var(--gold2);outline-offset:-3px}
.event-card__video-date{position:absolute;top:12px;left:12px;pointer-events:none;padding:6px 11px;border:1px solid var(--line);border-radius:6px;background:#0b0b09e6;color:var(--gold2);font-family:Georgia,serif}
.event-card__video-caption{margin:12px 0 0;font-size:.8rem;line-height:1.5;text-align:center}
.event-card--video .event-card__content{min-width:0;overflow-wrap:anywhere}
.event-card--video.event-card--featured .event-card__content{padding:36px}
.event-card--video.event-card--featured h2{font-size:clamp(2rem,3.5vw,3.3rem)}
/* Stack earlier on tablets so long titles never squeeze the player. */
@media(max-width:960px){
    .event-card--video.event-card--featured{grid-template-columns:minmax(0,1fr)}
    .event-card--video .event-card__offer{align-items:center;flex-direction:row;gap:12px}
}
@media(max-width:760px){
    .event-card--video>.event-card__media{padding:14px 14px 0}
    .event-card--video.event-card--featured .event-card__content{padding:24px 20px 28px}
    .event-card--video.event-card--featured h2{font-size:clamp(1.9rem,7vw,2.6rem)}
    .event-card__video-date{top:9px;left:9px;font-size:.88rem;padding:4px 8px}
}
