.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem 1.5rem;display:grid}.video-card__media{aspect-ratio:16/9;background:var(--color-surface-alt);position:relative;overflow:hidden}.video-card__play{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.video-card__thumb{object-fit:cover;transition:transform .4s}.video-card__play:hover .video-card__thumb{transform:scale(1.03)}.video-card__play:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.video-card__frame{border:0;width:100%;height:100%;position:absolute;inset:0}.video-card__icon{color:#fff;background:#5e0e37d1;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;margin:-1.625rem 0 0 -1.625rem;transition:background-color .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%}.video-card__play:hover .video-card__icon,.video-card__play:focus-visible .video-card__icon{background:var(--color-accent);transform:scale(1.08)}.video-card__badge{font-family:var(--font-body);letter-spacing:.04em;color:#fff;background:#000000c7;padding:.15rem .45rem;font-size:.72rem;position:absolute;bottom:.5rem;right:.5rem}.video-card__badge--live{text-transform:uppercase;letter-spacing:.12em;background:#b3202a;left:.5rem;right:auto}.video-card__title{font-family:var(--font-heading);letter-spacing:.03em;color:var(--color-brand);margin:.75rem 0 .25rem;font-size:1rem;font-weight:400;line-height:1.4}.video-card__meta{color:var(--color-text-muted);margin:0;font-size:.8rem}.video-card__meta a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.video-card__thumb,.video-card__icon{transition:none}}