:root {
  --final-card-image: url("/communities/amarra-cottages/amarra-cottages-barton-creek-skyline.jpg");
}

.hero {
  background:
    var(--hero-overlay),
    url("./amarra-cottages-barton-creek-lot-1.jpg") center center / cover no-repeat;
}

.amarra-hero-frame {
  --video-hero-scale: 1.2;
}

.amarra-hero-lockup h1 {
  max-width: 16ch;
}

@media (max-width: 640px) {
  .amarra-hero-lockup h1 {
    max-width: 15ch;
    font-size: clamp(1.75rem, 7.8vw, 2.75rem);
  }
}

#availability .siteplan-frame {
  height: 100%;
}

#availability .siteplan-frame img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}