.video-card{gap:var(--space-3);display:grid}.video-card__frame{aspect-ratio:16/9;background:var(--color-dark);border-radius:var(--radius-md);position:relative;overflow:hidden}.video-card__player,.video-card__poster,.video-card__image{border:0;width:100%;height:100%;position:absolute;inset:0}.video-card__image{object-fit:cover;opacity:.85;transition:opacity var(--duration-base), transform var(--duration-base) var(--ease-out)}.video-card__poster:hover .video-card__image{opacity:1;transform:scale(1.03)}.video-card__play{width:3.5rem;height:3.5rem;color:var(--color-ink);box-shadow:var(--shadow-lg);transition:scale var(--duration-base) var(--ease-out);background:#fff;border-radius:50%;place-items:center;padding-left:3px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.video-card__poster:hover .video-card__play{scale:1.08}.video-card__title{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.video-grid{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}