.video-showcase-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius, 8px);
  border: var(--border-width, 1px) solid rgba(var(--color-foreground), var(--border-opacity, 0.1));
  overflow: hidden;
  height: 100%;
}

.video-showcase-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: rgba(var(--color-foreground), 0.05);
}

.video-showcase-card__media video,
.video-showcase-card__media img,
.video-showcase-card__media svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-showcase-card__content {
  padding: 1.3rem 1rem;
}