/* Video embed - loaded alongside /styles.css on pages carrying a YouTube embed */
.video-embed { margin: 0 0 var(--s-6, 2rem); }

.video-embed__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius, 10px);
  overflow: hidden;
  background: #0e2029;
}

.video-embed__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-embed figcaption {
  margin-top: var(--s-3, 0.75rem);
  font-size: var(--fs-sm, 0.9375rem);
  line-height: 1.5;
  color: var(--c-ink-3, #5b6a62);
}

@supports not (aspect-ratio: 16 / 9) {
  .video-embed__frame { height: 0; padding-bottom: 56.25%; }
}