/* Main headings share the homepage Who We Are typography and brand colours. */
html body .skyline-brand-heading {
  color: #292929;
  font-family: Impact, 'Arial Narrow', sans-serif;
  font-size: clamp(28px, 3.2vw, 48px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

html body h1.skyline-brand-heading { font-size: clamp(32px, 3.8vw, 56px); }
html body .skyline-brand-heading span { color: #df001b; font-weight: inherit; }
html body .skyline-brand-heading :is(b, strong) { font-weight: inherit; }
html body h3.skyline-brand-heading { font-size: clamp(24px, 2.5vw, 36px); }

/* Page-banner titles use the same black/red lettering on a white label. */
html body .vs_all_banner figcaption {
  background-color: #fff;
  color: #292929;
  box-shadow: 0 3px 16px rgb(0 0 0 / 8%);
}

html body .vs_all_banner figcaption h2.skyline-brand-heading {
  font-size: clamp(26px, 3vw, 44px);
}

/* Preserve contrast in the existing dark testimonial panel. */
html body .vs_better_right .skyline-brand-heading,
html body .text-white .skyline-brand-heading { color: #fff; }

@media (max-width: 575px) {
  html body .skyline-brand-heading { font-size: clamp(27px, 7.5vw, 36px); }
  html body h1.skyline-brand-heading { font-size: clamp(30px, 8.5vw, 40px); }
}