.video-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:0 var(--container-pad)}.video-card{aspect-ratio:16/10;background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;text-align:left;width:100%}.video-card__bg{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform var(--duration-fade) var(--ease-reveal);width:100%}.video-card:focus-visible .video-card__bg,.video-card:hover .video-card__bg{transform:scale(1.04)}.video-card__scrim{background:linear-gradient(180deg,hsla(0,3%,6%,.1) 40%,hsla(0,3%,6%,.85));inset:0;position:absolute}.video-card__play{align-items:center;background:var(--color-accent);border-radius:999px;color:var(--color-text);display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform var(--duration-fade) var(--ease-reveal);width:64px}.video-card__play svg{height:28px;width:28px}.video-card:focus-visible .video-card__play,.video-card:hover .video-card__play{transform:translate(-50%,-50%) scale(1.08)}.video-card__meta{align-items:baseline;bottom:24px;display:flex;gap:16px;justify-content:space-between;left:24px;position:absolute;right:24px}.video-card__title{color:var(--color-text);font-family:var(--font-heading);font-size:20px;font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing);line-height:28px;text-transform:uppercase}.video-card__duration{color:var(--color-text-muted);flex-shrink:0;font-size:var(--font-size-sm,14px);font-variant-numeric:tabular-nums}.video-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:1199px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.video-grid{grid-template-columns:1fr}}