.video-showcase{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding:32px 36px 36px}.video-showcase .video-heading{font-size:25.5px;line-height:1.4;margin:0 0 12px;color:var(--text)}.video-showcase .video-intro{font-size:21px;line-height:1.6;color:var(--muted);margin:0 0 28px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.video-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#101622;color:var(--text);text-decoration:none;transition:border-color .2s ease}.video-card:hover{border-color:var(--cyan)}.video-card:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.video-preview{position:relative;aspect-ratio:9/16;background:#171f30}.video-preview img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:9/16}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#080b14c9;color:#fff;font-size:28px;line-height:1;border:2px solid #ffffffa0;padding-left:4px;pointer-events:none}.video-duration{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:6px;background:#080b14e6;color:#fff;font-size:19.5px;line-height:1.4}.video-copy{display:flex;flex:1;flex-direction:column;padding:22px;gap:16px;min-width:0}.video-channel{font-size:19.5px;line-height:1.5;color:var(--muted)}.video-copy h5{font-size:22.5px;line-height:1.5;margin:0;overflow-wrap:anywhere}.video-open{font-size:19.5px;line-height:1.5;color:var(--cyan);margin-top:auto}@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.video-showcase{padding:26px}.video-grid{gap:24px}}@media(max-width:540px){.video-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.video-card{transition:none}}
