.selected-video-section { padding: clamp(56px, 8vw, 112px) 0; background: #071722; color: #fff; }
.selected-video-heading { max-width: 820px; margin-bottom: 36px; }
.selected-video-heading h2 { color: #fff; font-size: clamp(34px, 5vw, 66px); line-height: 1.06; letter-spacing: -.04em; margin: 12px 0 18px; }
.selected-video-heading > p:last-child { color: #b8c5cd; max-width: 620px; }
.selected-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.selected-video-card { min-width: 0; border: 1px solid #38505e; background: #0d2634; overflow: hidden; }
.selected-video-card[hidden] { display: none; }
.selected-video-card video { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 520px; object-fit: contain; background: #02070a; }
.selected-video-copy { padding: 24px; }
.selected-video-copy .selected-video-category { margin: 0 0 10px; color: #b8c5cd; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.selected-video-copy h3 { color: #fff; font-size: clamp(21px, 2.2vw, 28px); line-height: 1.2; margin: 0 0 14px; }
.selected-video-copy > p { color: #c2cdd4; line-height: 1.6; margin: 0 0 20px; }
.selected-video-copy > a { display: flex; justify-content: space-between; gap: 16px; color: #fff; padding-top: 16px; border-top: 1px solid #38505e; font-weight: 700; }
.selected-video-copy > a:hover { color: var(--accent); }
.selected-video-card :focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }
@media (max-width: 700px) {
  .selected-video-grid { grid-template-columns: 1fr; gap: 20px; }
  .selected-video-card video { aspect-ratio: 1 / 1; max-height: 65vh; }
  .selected-video-copy { padding: 20px; }
}