.card {
  background: var(--color-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.card__top { aspect-ratio: 16 / 9; }
.card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card__bottom {
  padding: var(--space-s);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;  
  gap: var(--space-m);
}