.video-showcase {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-text));
}

.video-showcase__inner {
  max-width: var(--content-width, 1310px);
  margin-inline: auto;
  padding-inline: var(--main-padding, 30px);
}

.video-showcase__title {
  font-size: var(--vs-tfs, 32px);
  font-weight: var(--vs-tfw, 700);
  margin-block-start: 0;
  margin-block-end: var(--vs-tmb, 24px);
  line-height: 1.3;
  text-align: center;
}

.video-showcase__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px;
}

.vs__item:only-child {
  max-width: calc(50% - var(--vs-gap, 24px) / 2);
  margin-inline: auto;
}

.vs-item__ratio {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.vs-item__ratio theme-video-media {
  width: 100%;
  height: 100%;
  display: block;
}

.vs-item__ratio > img,
.vs-item__ratio > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vs-item__media--has-mobile {
  display: block;
}

.vs-item__media--mobile {
  display: none;
}

.vs-item__caption {
  font-size: var(--vs-cfs, 14px);
  font-weight: var(--vs-cfw, 400);
  padding-block-start: var(--vs-cpt, 8px);
  padding-block-end: var(--vs-cpb, 8px);
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
}

.vs-item__caption.rte :is(p, li, span, a, div, blockquote) {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.vs-item__caption.rte :is(strong, b) {
  font-weight: bolder;
}

@media (max-width: 991px) {
  .video-showcase__inner {
    padding-inline: var(--main-padding, 16px);
  }

  .video-showcase__title {
    font-size: var(--vs-tmfs, 24px);
    font-weight: var(--vs-tmfw, 700);
    margin-block-end: var(--vs-tmmb, 16px);
  }

  .video-showcase__grid {
    grid-template-columns: 1fr;
    gap: var(--vs-m-gap, 24px);
  }

  .vs__item:only-child {
    max-width: 100%;
  }

  .vs-item__ratio {
    aspect-ratio: auto;
  }

  .vs-item__media--has-mobile {
    display: none;
  }

  .vs-item__media--mobile {
    display: block;
  }

  .vs-item__caption {
    font-size: var(--vs-cmfs, 14px);
    font-weight: var(--vs-cmfw, 400);
    padding-block-start: var(--vs-cmpt, 6px);
    padding-block-end: var(--vs-cmpb, 6px);
  }
}