.video-card {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.video-frame {
  width: min(330px, 100%);
  aspect-ratio: 9 / 16;
  flex: 0 0 auto;
  border: 6px solid var(--ink);
  border-radius: 16px;
  overflow: hidden;
  background: var(--ink);
  position: relative;
  z-index: 1;
  box-shadow: 12px 12px 0 var(--lime);
}

.video-frame video { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 720px) {
  .video-frame { width: min(290px, 100%); margin: auto; }
  .video-card { align-items: center; }
}