/* Hero H1: longer SEO title — prevent mid-word breaks */
.hero__title {
  font-size: 92px !important;
  line-height: 1.05 !important;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

.hero__title-wrapper {
  max-width: 1100px !important;
}

.hero__title div,
.hero__title span {
  display: inline !important;
  white-space: normal !important;
}

@media only screen and (min-width: 1400px) {
  .hero__title {
    font-size: 100px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__title {
    font-size: 78px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__title {
    font-size: 64px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title {
    font-size: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero__title {
    font-size: 36px !important;
    line-height: 1.15 !important;
  }
}

/* Service / blog detail titles */
.blog__detail-title {
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: none;
}

/* Decorative roll strip — was h2, now p */
.roll__slide p {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: var(--black);
  text-transform: uppercase;
  margin: 0;
}

.preloader {
  display: none !important;
  pointer-events: none !important;
}