/*
  Contact hero modifier — Figma 325:2689.
  Loaded after hero-image.css on the contact page template.
*/

.hero-image--contact {
  --hero-content-top: var(--hero-content-top-contact);
  background-color: #8f9a86;
}

.hero-image--contact .hero-image__bg--desktop {
  object-position: 72% top;
}

.hero-image--contact .hero-image__bg--mobile {
  object-position: 70% 35%;
}

.hero-image--contact .hero-image__text {
  max-inline-size: var(--hero-contact-text-w);
}

.hero-image--contact .hero-image__rating-text {
  font-weight: var(--fw-semibold);
}

@media (max-width: 767px) {
  .hero-image--contact .hero-image__text {
    max-inline-size: none;
  }

  .hero-image--contact .hero-image__bg--mobile {
    object-position: 68% 32%;
  }
}