.a207-videos {
  --video-accent: #58d8ff;
  --video-panel: color-mix(in srgb, var(--surface, #0c1b2a) 88%, transparent);
  width: min(1180px, calc(100% - clamp(28px, 6vw, 80px)));
  margin: 0 auto;
  padding: clamp(42px, 7vw, 92px) 0 clamp(58px, 8vw, 110px);
}
.a207-videos__intro { max-width: 860px; margin-bottom: clamp(34px, 6vw, 68px); }
.a207-videos__eyebrow, .a207-video-card__number {
  margin: 0 0 12px; color: var(--video-accent); font-size: .78rem; font-weight: 800;
  letter-spacing: .16em; text-transform: uppercase;
}
.a207-videos__intro h1 {
  margin: 0; font-size: clamp(3rem, 8vw, 6.6rem); line-height: .92; letter-spacing: -.055em;
}
.a207-videos__lead {
  max-width: 760px; margin: clamp(22px, 3vw, 32px) 0 0; color: var(--muted, #b8c5d4);
  font-size: clamp(1.08rem, 2vw, 1.38rem); line-height: 1.55;
}
.a207-video-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 34px);
}
.a207-video-card {
  min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--video-accent) 18%, transparent);
  border-radius: clamp(18px, 2.4vw, 28px); background: var(--video-panel); box-shadow: 0 24px 70px rgb(0 0 0 / .18);
}
.a207-video-card--featured { grid-column: 1 / -1; }
.a207-video-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #02070d; }
.a207-video-card__media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.a207-video-card__copy { padding: clamp(20px, 3.2vw, 34px); }
.a207-video-card__copy h2 {
  margin: 0; font-size: clamp(1.3rem, 2.4vw, 2rem); line-height: 1.15; letter-spacing: -.025em;
}
.a207-video-card__copy p:last-child {
  margin: 12px 0 0; color: var(--muted, #b8c5d4); font-size: 1rem; line-height: 1.55;
}
.a207-video-card--featured .a207-video-card__copy {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); align-items: end; column-gap: 32px;
}
.a207-video-card--featured .a207-video-card__copy p:last-child { margin: 0; }
html[data-theme="light"] .a207-videos { --video-panel: rgb(255 255 255 / .76); --video-accent: #007aa4; }
@media (max-width: 760px) {
  .a207-videos { width: min(100% - 24px, 620px); padding-top: 34px; }
  .a207-video-grid { grid-template-columns: 1fr; }
  .a207-video-card--featured { grid-column: auto; }
  .a207-video-card--featured .a207-video-card__copy { display: block; }
  .a207-video-card--featured .a207-video-card__copy p:last-child { margin-top: 12px; }
}