.video-section { background: var(--surface); }
.video-section .section-heading { margin-bottom: 32px; }
.video-section .section-heading p { margin: 12px auto 0; max-width: 680px; }
.video-section .video-note { font-size: .875rem; }
.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.video-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-soft); }
.video-card video { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: var(--dark-950); }
.video-card video:focus-visible, .video-transcript summary:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: -3px; }
.video-copy { padding: 24px; }
.video-duration { display: inline-block; color: var(--brand-primary); font-size: .875rem; font-weight: 700; margin-bottom: 12px; }
.video-copy h3 { font-size: 1.3rem; margin-bottom: 12px; }
.video-copy > p { margin-bottom: 16px; }
.video-transcript { border-top: 1px solid var(--line); }
.video-transcript summary { cursor: pointer; padding: 12px 0; min-height: 44px; font-weight: 600; }
.video-transcript p { margin: 4px 0 0; font-size: .9375rem; line-height: 1.8; }
@media (max-width: 860px) { .video-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; } }