.video-showcase { padding-top: 40px; }
.video-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; max-width: none; }
.video-heading > div, .video-heading p { max-width: 460px; }
.video-heading p { margin: 0; color: var(--muted); line-height: 1.9; }
.video-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; margin-top: 30px; }
.video-card { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: var(--shadow); }
.video-frame { overflow: hidden; border-radius: 6px; background: #06050d; aspect-ratio: 16 / 10; }
.video-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.feature-video .video-frame { aspect-ratio: 16 / 9; }
.video-copy { display: flex; gap: 12px; align-items: start; padding: 18px 8px 8px; }
.video-copy > span { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 6px; color: var(--cyan); background: rgba(34,214,255,.11); font-size: .76rem; font-weight: 900; }
.video-copy h3 { margin: 0; font-size: 1rem; }
.video-copy p { margin: 4px 0 0; color: var(--muted); font-size: .79rem; line-height: 1.65; }
html[data-theme="light"] .video-card { background: rgba(255,255,255,.82); border-color: rgba(43,39,83,.15); }
@media(max-width:860px){.video-heading,.video-grid{grid-template-columns:1fr;display:grid}.video-heading{align-items:start}.video-heading p{margin-top:12px}.video-grid{gap:14px}}