.showreel-section { border-top: 1px solid var(--line); }
.showreel-section .section-heading { margin-bottom: 1rem; }
.showreel-intro { max-width: 64ch; margin-bottom: 1.5rem; }
.showreel-figure { max-width: 960px; margin: 0 auto; }
.showreel-play { font-size: .9rem; font-weight: 650; margin: 0 0 .7rem; }
.showreel-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid var(--line); border-radius: 18px; background: #f7f0e8; box-shadow: 0 8px 28px rgb(38 44 49 / 8%); }
.showreel-video:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.showreel-figure figcaption { margin-top: .9rem; font-size: .9rem; color: var(--muted); }
@media (max-width: 480px) { .showreel-video { border-radius: 12px; } }