.amarra-overview-hero {
  min-height: 100svh;
  display: grid;
  background:
    linear-gradient(180deg, rgba(12, 15, 18, 0.18) 0%, rgba(12, 15, 18, 0.06) 30%, rgba(12, 15, 18, 0.1) 60%, rgba(12, 15, 18, 0.32) 100%),
    url("./amarra-barton-creek-neighborhood.jpg") center/cover no-repeat;
}

.amarra-overview-hero::after {
  background: linear-gradient(180deg, transparent 0%, transparent 82%, var(--warm-ivory) 100%);
}

.amarra-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.amarra-opportunity-copy {
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.amarra-opportunity-copy p {
  margin: 0 auto;
  max-width: 56ch;
}

.amarra-overview-final-card {
  background:
    linear-gradient(180deg, rgba(13, 16, 18, 0.3), rgba(32, 30, 28, 0.74)),
    url("./amarra-barton-creek-golf-community.png") center/cover no-repeat,
    linear-gradient(135deg, rgba(200, 164, 107, 0.16), rgba(96, 104, 96, 0.14));
}

.amarra-full-video-band {
  --full-video-scale: 1.04;
}

.amarra-full-video {
  background:
    radial-gradient(circle at 20% 18%, rgba(200, 164, 107, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(14, 18, 21, 0.96), rgba(26, 30, 32, 0.88) 100%);
}

.amarra-full-video-caption h2 {
  max-width: 12ch;
}

.theme-available-8211 {
  --listing-image: url("../../available-homes/8211-Valerio/8211-valerio-front-elevation.jpg");
}

.theme-available-4408 {
  --listing-image: url("../../available-homes/4408-amarra/4408-amarra-front-elevation.jpg");
}

@media (max-width: 980px) {
  .amarra-overview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .amarra-full-video-caption h2 {
    max-width: 9ch;
  }
}