:root {
  --cream: #fff8ed;
  --sand: #e3c47f;
  --moss: #4f7958;
}

body,
.availability {
  background: var(--cream);
}

.hero > img {
  object-position: center 44%;
  filter: saturate(1.08) contrast(1.03);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(10, 30, 23, .64), rgba(10, 30, 23, .18) 60%, rgba(10, 30, 23, .06)),
    linear-gradient(0deg, rgba(5, 20, 14, .28), transparent 48%);
}

.intro,
.highlights,
.gallery {
  background: linear-gradient(180deg, #fffaf2, var(--cream));
}

.feature-image img,
.split img,
.gallery-vibrant {
  filter: saturate(1.04) contrast(1.02);
}

.feature-image img {
  object-position: center 46%;
}

.split {
  background: #e5efe2;
}

.split img {
  object-position: center 52%;
}

.gallery .gallery-patio {
  object-position: center 55%;
}

.gallery .gallery-pool {
  object-position: center 58%;
}

.gallery .gallery-sunset-house {
  object-position: center 52%;
}

.gallery .gallery-pool-sunset {
  object-position: center 60%;
}

.number,
.amenity-number {
  color: #d7834b;
}

.enquire > img {
  filter: saturate(1.04) contrast(1.01) brightness(.94);
}

@media (max-width: 760px) {
  .hero > img {
    object-position: 58% 54%;
  }

  .gallery .gallery-patio,
  .gallery .gallery-pool-sunset {
    object-position: center;
  }
}