.amarra-4300-hero {
  background:
    radial-gradient(circle at 28% 24%, rgba(198, 162, 113, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(18, 20, 18, 0.98), rgba(28, 30, 27, 0.88) 100%);
}

.amarra-4300-hero .property-video-frame {
  --video-hero-scale: 1.01;
  --video-hero-scrim: linear-gradient(180deg, rgba(12, 14, 12, 0.08) 0%, rgba(12, 14, 12, 0.04) 34%, rgba(12, 14, 12, 0.12) 68%, rgba(12, 14, 12, 0.42) 100%);
}

.amarra-4300-final-card {
  background:
    linear-gradient(180deg, rgba(12, 14, 13, 0.28), rgba(20, 22, 19, 0.72)),
    url("./4300-amarra-twilight-aerial-pool.jpg") center/cover no-repeat,
    linear-gradient(180deg, rgba(13, 16, 14, 0.92), rgba(31, 32, 28, 0.82)),
    linear-gradient(135deg, rgba(198, 162, 113, 0.16), rgba(88, 99, 82, 0.12));
}

.amarra-4300-photo-section {
  padding-top: 24px;
  padding-bottom: 24px;
}

.amarra-4300-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.amarra-4300-photo-card {
  aspect-ratio: 4 / 3;
  min-height: 0;
  margin: 0;
  border-radius: 8px;
  cursor: zoom-in;
}

.amarra-4300-photo-card::after {
  background: linear-gradient(180deg, rgba(20, 18, 16, 0), rgba(20, 18, 16, 0.14));
}

@media (max-width: 900px) {
  .amarra-4300-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}