/* Shared typography scale aligned with the homepage. */
.hero h1 {
  font-size: clamp(2.7rem, 4.6vw, 4.65rem);
}

main h2,
.intro-heading h2,
.remodeling-about-copy h2 {
  font-size: clamp(2rem, 3vw, 3.3rem);
}

main h3 {
  font-size: 1.25rem;
}

.hero-copy > p:not(.eyebrow),
.intro-copy p,
.remodeling-about-copy > p:not(.eyebrow),
.split > div > p,
.considerations p,
.proof p,
.review-head > p,
.area p,
.faq details p,
.end > .wrap > p {
  font-size: 1rem;
  line-height: 1.65;
}

.intro-copy > p:first-child,
.remodeling-about-copy .about-lead {
  font-size: 1.15rem;
  line-height: 1.55;
}

.faq > div:first-child {
  position: sticky;
  top: 148px;
  align-self: start;
}

@media (max-width: 700px) {
  .hero h1 {
    font-size: clamp(2.25rem, 10vw, 3.15rem);
  }

  main h2,
  .intro-heading h2,
  .remodeling-about-copy h2 {
    font-size: clamp(2rem, 8vw, 2.65rem);
  }

  .faq > div:first-child {
    position: static;
  }
}