/* Keep SEO copy in the site's existing typography and colour palette. */
h1.seo-title {
  max-width: 100%;
  font-size: clamp(2rem, 4.2vw, 4rem);
  line-height: 1.08;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.hero-caption .seo-hero-title {
  max-width: 680px;
  font-size: clamp(2.25rem, 4.7vw, 4.4rem);
  line-height: 1.04;
}

.seo-intro {
  max-width: 880px;
  margin: 0 0 32px;
  color: var(--muted-foreground, #59636a);
  line-height: 1.75;
  overflow-wrap: break-word;
}

.page-intro > p {
  max-width: 900px;
}

@media (max-width: 640px) {
  .hero-caption .seo-hero-title {
    font-size: 2.4rem;
  }

  h1.seo-title {
    font-size: 2.15rem;
  }

  .seo-intro {
    font-size: 15px;
    line-height: 1.65;
  }
}

/* Small-text contrast corrections using the existing warm and blue-grey palette. */
.location-symbol {
  color: #6a6758;
}

.booking-stepper li {
  color: #667179;
}

.closing-cta .eyebrow,
.closing-cta p {
  color: #f8e7df;
}