/* the decorative marquee words (were <h1>) — identical to the old `.marketing-one h1` rules */
.marketing-one .mq-word {
  font-size: 156px;
  line-height: 1em;
  font-weight: 900;
  display: inline-block;
  text-transform: uppercase;
  color: rgba(221, 221, 221, 1);
  font-family: 'Manrope', sans-serif;
  transition: all 500ms ease;
}
.marketing-one .mq-word:hover {
  background: linear-gradient(90deg, rgb(0 0 0) 20%, rgb(205 64 13) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* service bodies: their hero title used to be an <h1>; now an <h2 class="lp-title"> that looks the same */
.service-entry .svc-lp .lp-hero .lp-title {
  color: #fff;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 14px;
}
@media (max-width: 767px) {
  .service-entry .svc-lp .lp-hero .lp-title {
    font-size: 27px;
  }
}
/* legal pages: body title (was <h1>) keeps its size */
.generic-page_body .gp-h1 {
  font-size: 34px;
  margin: 0 0 18px;
}
@media (max-width: 767px) {
  .generic-page_body .gp-h1 {
    font-size: 27px;
  }
}
