/* Studio videos page (videos.html). Shares .video-link and .video-frame from style.css. */
.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 2.2rem 1.6rem; }
.video-card { display: flex; flex-direction: column; min-width: 0; }
.video-card .video-link img { aspect-ratio: 16 / 9; background: var(--ash); }
.video-card .video-frame { border-radius: 2px; background: #000; }
.video-card .meta { font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--smoke); margin: .9rem 0 .2rem; }
.video-card h3 { margin: .2rem 0 .4rem; font-size: 1.35rem; }
.video-card p { color: var(--smoke); font-size: .98rem; margin: 0 0 .8rem; }
.video-card .btn { align-self: flex-start; }