.video-capabilities { margin-top:36px; padding:clamp(20px,3vw,36px); background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--green); }
.video-capabilities h2 { margin:0 0 16px; font-size:clamp(23px,2.5vw,32px); line-height:1.2; letter-spacing:-.035em; text-transform:uppercase; }
.video-capabilities p { max-width:none; margin:0; }
.video-project-cta { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.video-project-cta h3 { margin:0 0 10px; color:var(--green); font-size:20px; line-height:1.3; }
.video-project-cta .primary { margin-top:20px; gap:12px; text-align:center; }
.video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.video-card { min-width:0; background:var(--panel); border:1px solid var(--line); }
.video-preview,.video-player { display:block; width:100%; aspect-ratio:16/9; border:0; background:var(--ink); }
.video-preview { position:relative; padding:0; cursor:pointer; overflow:hidden; font:inherit; }
.video-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.video-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:64px; height:48px; background:var(--green); color:#04150d; font-size:24px; box-shadow:0 4px 20px #0008; }
.video-preview:hover .video-play { background:#78e8aa; }
.video-preview:focus-visible { position:relative; z-index:1; }
.video-card-body { padding:22px; }
.video-card-body h2 { margin:0 0 18px; font-size:18px; line-height:1.4; letter-spacing:0; }
.video-card-body .inline-link { margin:0; }
@media(max-width:1100px) { .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .video-grid { grid-template-columns:1fr; } }