/* Body-copy readability tuning for the Xserver static package. */
.heroLead {
  font-size: clamp(17px, 2.05vw, 23px) !important;
  line-height: 2 !important;
}

.heroSub,
.sectionHeading p:not(.sectionNumber),
.introCopy p,
.businessText p,
.sceneLead,
.sceneList article p,
.whyItem p,
.representativeText p,
.outlineList dd,
.contactCopy p:not(.sectionNumber),
.privacyHero p:not(.sectionNumber),
.privacySection p {
  font-size: clamp(16px, 1.12vw, 18px) !important;
  line-height: 2.05 !important;
}

.introCopy p,
.sectionHeading p:not(.sectionNumber),
.businessText p,
.sceneLead,
.sceneList article p,
.whyItem p,
.outlineList dd,
.contactCopy p:not(.sectionNumber),
.privacyHero p:not(.sectionNumber),
.privacySection p {
  color: var(--ink-soft) !important;
}

.representativeText {
  font-size: clamp(16px, 1.05vw, 17px) !important;
  line-height: 2.08 !important;
}

.heroMeta p,
.scopeList span,
.caseCard dd,
.privacyLead,
.privacyFooter a {
  font-size: clamp(14px, .95vw, 16px) !important;
  line-height: 1.9 !important;
}

.heroMeta strong {
  font-size: clamp(17px, 1.15vw, 19px) !important;
}

.outlineList dt,
.caseCard dt,
.contactForm label {
  font-size: clamp(13px, .9vw, 14px) !important;
}

.contactForm input,
.contactForm select,
.contactForm textarea {
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.privacyLead {
  color: var(--ink-soft) !important;
}

@media (width <= 640px) {
  .heroLead {
    font-size: clamp(15.5px, 4.2vw, 17px) !important;
    line-height: 1.86 !important;
  }

  .heroSub,
  .sectionHeading p:not(.sectionNumber),
  .introCopy p,
  .businessText p,
  .sceneLead,
  .sceneList article p,
  .whyItem p,
  .representativeText,
  .representativeText p,
  .outlineList dd,
  .contactCopy p:not(.sectionNumber),
  .privacyHero p:not(.sectionNumber),
  .privacySection p {
    font-size: 15.5px !important;
    line-height: 1.98 !important;
  }

  .scopeList span,
  .heroMeta p,
  .privacyLead,
  .privacyFooter a {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  .outlineList dt,
  .caseCard dt,
  .contactForm label {
    font-size: 13.5px !important;
  }

  .contactForm input,
  .contactForm select,
  .contactForm textarea {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }
}