.tpl-card video {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

.tpl-card.portrait video {
  aspect-ratio: 9/16;
}

.tpl-card:hover {
  transform: translateY(-2px);
  border-color: var(--hf-border-color-light, #d0cfcb);
}

.tpl-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2.5rem 0.75rem 0.75rem;
  background: linear-gradient(transparent, rgba(0,0,0,0.75));
  pointer-events: none;
}
