.building-hero-media {
  background-color: #101010;
}

.image-ritz {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.58)),
    url('/assets/images/ritz-carlton-residences-buckhead.webp');
}

.image-sovereign {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.58)),
    url('/assets/images/sovereign-buckhead-condos.webp');
}

.image-waldorf {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.58)),
    url('/assets/images/waldorf-astoria-residences-atlanta.webp');
}

.image-st-regis {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.6)),
    url('/assets/images/st-regis-atlanta-residences.webp');
}

.image-charles {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.58)),
    url('/assets/images/the-charles-buckhead.webp');
}

.image-1010 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.58)),
    url('/assets/images/1010-midtown-condos.webp');
}

.image-metropolis {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.64)),
    url('/assets/images/metropolis-midtown-condos.webp');
}

.image-luxe {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.58)),
    url('/assets/images/luxe-midtown-condos.webp');
}

.image-viewpoint {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.6)),
    url('/assets/images/viewpoint-midtown-condos.webp');
}

.image-belvedere,
.image-placeholder-luxury {
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.16), transparent 18%),
    radial-gradient(circle at 76% 28%, rgba(181,154,106,.22), transparent 22%),
    linear-gradient(135deg, rgba(13,13,13,.72), rgba(13,13,13,.38)),
    linear-gradient(135deg, #d9d2c8 0%, #6d746e 34%, #2b3134 62%, #090909 100%);
}

.image-placeholder-buckhead {
  background-image:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.18), transparent 18%),
    radial-gradient(circle at 70% 28%, rgba(181,154,106,.25), transparent 24%),
    linear-gradient(135deg, rgba(0,0,0,.68), rgba(0,0,0,.32)),
    linear-gradient(135deg, #ece5dc 0%, #8a7c69 34%, #2f3335 64%, #0d0d0d 100%);
}

.image-placeholder-midtown {
  background-image:
    radial-gradient(circle at 22% 24%, rgba(255,255,255,.18), transparent 18%),
    radial-gradient(circle at 72% 34%, rgba(181,154,106,.2), transparent 24%),
    linear-gradient(135deg, rgba(0,0,0,.64), rgba(0,0,0,.34)),
    linear-gradient(135deg, #d8e4ee 0%, #586979 38%, #1f2931 66%, #090909 100%);
}

.building-hero-media[class*="image-placeholder"]::after,
.building-hero-media.image-belvedere::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 90px 100%,
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 100% 96px;
  opacity: .25;
}

.building-hero-media[class*="image-placeholder"] .building-hero-media__inner,
.building-hero-media.image-belvedere .building-hero-media__inner {
  z-index: 2;
}

@media (max-width: 760px) {
  .building-hero-media {
    min-height: 440px;
  }
}