/* Preserve the existing visual hierarchy when the lead heading is an H1. */
.s-hero-hosting-ssd .title-hero h1,
.s-hero-wp-hosting .title-hero h1 {
  max-width: 18ch;
  color: var(--site-text);
  font-size: clamp(4.4rem, 5vw, 6.4rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-align: center;
}

.page-about .welcome .title h1 {
  max-width: 14ch;
  color: var(--site-text);
  font-size: clamp(4.2rem, 5vw, 6rem);
  font-weight: 800;
  line-height: 1.04;
  margin-bottom: 1.6rem;
}

@media (max-width: 640px) {
  .s-hero-hosting-ssd .title-hero h1,
  .s-hero-wp-hosting .title-hero h1,
  .page-about .welcome .title h1 {
    font-size: clamp(3.4rem, 10vw, 4.4rem);
  }
}