.listing-media {
  position: relative;
  margin: -26px -26px 24px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--sage);
}

.listing-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.card {
  overflow: hidden;
}

.card:hover .listing-photo {
  transform: scale(1.025);
}

.photo-label {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 6px 9px;
  border-radius: 99px;
  background: rgba(24, 51, 46, 0.82);
  color: var(--cream);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.listing-media.missing {
  background:
    radial-gradient(circle at 25% 30%, rgba(255, 255, 255, 0.55), transparent 35%),
    linear-gradient(135deg, var(--sage), var(--cream));
}

.listing-media.missing .photo-label {
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  white-space: nowrap;
}