.video-wrapper {
  position: relative;
  overflow: hidden;
  width: min(100%, var(--site-max-width, 1400px));
  margin: 0 auto;
  border: 1px solid var(--line-color);
  border-radius: var(--radius-xl);
  box-shadow: var(--panel-shadow-soft), var(--panel-shadow-inset);
}

.video-wrapper iframe {
  display: block;
  width: 100%;
  min-height: clamp(20rem, 46vw, 34rem);
  border: 0;
}

@media (max-width: 640px) {
  .video-wrapper {
    border-radius: var(--radius-lg);
  }

  .video-wrapper iframe {
    min-height: clamp(14rem, 68vw, 20rem);
  }
}