/* Contacts page specific overrides */
.hero.contacts-hero {
  min-height: clamp(360px, 52vh, 560px);
  padding: 124px 0 68px;
}

.hero.contacts-hero .container {
  display: block !important;
  width: 100%;
  text-align: left;
}

.hero.contacts-hero .hero-content {
  max-width: 980px;
}

.hero.contacts-hero .hero-badge {
  margin: 0 0 18px 0;
}

.hero.contacts-hero .hero-title {
  margin-bottom: 22px;
  text-align: left;
}

.hero.contacts-hero .hero-desc {
  max-width: 980px;
  margin: 0;
  text-align: left;
}

.hero.contacts-hero .hero-bottom-fade {
  height: 56px;
  background: linear-gradient(
    to bottom,
    rgba(253, 246, 240, 0) 0%,
    rgba(253, 246, 240, 0.08) 45%,
    rgba(253, 246, 240, 0.55) 78%,
    var(--clr-bg) 100%
  );
}

@media (max-width: 1440px) {
  .hero.contacts-hero .hero-bottom-fade {
    height: 38px;
  }
}

@media (max-width: 768px) {
  .hero.contacts-hero {
    min-height: auto;
    padding: 100px 0 34px;
  }

  .hero.contacts-hero .hero-content,
  .hero.contacts-hero .hero-desc {
    max-width: 100%;
  }

  .hero.contacts-hero .hero-bottom-fade {
    height: 40px;
  }
}

/* Utility classes replacing former inline styles */
.text-primary {
  color: var(--clr-primary);
}

.location--compact {
  padding-top: 0;
}

.location-grid--flush {
  margin-top: 0;
}

.location-value--normal {
  font-style: normal;
}

.location-map-wrap--min-height {
  min-height: 0;
}

@media (min-width: 769px) {
  .location-map-wrap--min-height {
  min-height: 300px;
  }
}

.footer-desc--full {
  max-width: none;
}

.footer-bottom--centered {
  display: block;
  text-align: center;
}