.media-intro {background:radial-gradient(ellipse at top right,#25405288,transparent 70%);border-bottom:1px solid var(--border)}
.media-intro h1 {max-width:1000px}
.media-player {aspect-ratio:16/9;background:#101416;border:1px solid var(--border);box-shadow:0 12px 35px #0005;scroll-margin-top:100px}
.media-player iframe {display:block;width:100%;height:100%;border:0}
.media-fallback {font-size:14px;color:var(--muted)}
.video-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:36px 0}
.video-card {display:flex;flex-direction:column;height:100%;background:#222a30;border:1px solid var(--border);text-decoration:none;overflow:hidden}
.video-card img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.video-title {font:700 23px/1.35 Georgia,serif;padding:20px 22px 12px;overflow-wrap:anywhere}
.video-action {padding:0 22px 20px;margin-top:auto;color:var(--muted);font-size:14px}
.video-card:hover,.video-card[aria-current="true"] {border-color:#8bc6ec;background:#293843}
.video-card:focus-visible {outline:3px solid #8bc6ec;outline-offset:4px}
nav [aria-current="page"] {text-decoration:underline;text-underline-offset:6px}
@media(max-width:650px){.video-grid{grid-template-columns:1fr}.video-title{font-size:21px}}