/* Shared VanKpa typography. Independently branded demo sites do not load this file. */
#main-content {
  --vk-hero-title: clamp(3rem, 5.25vw, 5.75rem);
  --vk-section-title: clamp(2.35rem, 4.1vw, 4.65rem);
  --vk-card-title: clamp(1.55rem, 2.15vw, 2.35rem);
  --vk-subtitle: clamp(1.08rem, 0.5vw + 1rem, 1.28rem);
  --vk-body: clamp(1rem, 0.18vw + 0.96rem, 1.08rem);
}

#main-content h1 {
  max-width: 24ch;
  font-size: var(--vk-hero-title) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.052em !important;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

#main-content h1.vk-title-length--long {
  font-size: clamp(2.7rem, 4.55vw, 5rem) !important;
}

#main-content h1.vk-title-length--xlong {
  max-width: 27ch;
  font-size: clamp(2.35rem, 3.85vw, 4.25rem) !important;
}

#main-content h2 {
  font-size: var(--vk-section-title) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}

#main-content h3 {
  font-size: var(--vk-card-title) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.032em !important;
  text-wrap: balance;
}

#main-content h4 {
  font-size: clamp(1.22rem, 1.25vw, 1.48rem) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.02em !important;
}

#main-content h5 {
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.012em !important;
}

#main-content h6 {
  font-size: 0.96rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}

#main-content p {
  font-size: var(--vk-body);
  line-height: 1.68;
}

#main-content :is(
  .creativeoHeroCopy,
  .creativeoHomeHeroCopy,
  .creativeoDetailHeroCopy,
  .practiceRouteHeroCopy,
  .services-hero-copy-v13,
  .case-project-copy-v17,
  .page-hero-title,
  .index-heading,
  .start-project-intro
) p {
  max-width: 62ch;
  font-size: var(--vk-subtitle) !important;
  line-height: 1.62 !important;
}

#main-content :is(
  .creativeoEyebrow,
  .eyebrow-v2,
  .strategyEyebrow,
  .section-kicker,
  .page-hero-kicker,
  small
) {
  line-height: 1.45;
}

@media (max-width: 767px) {
  #main-content {
    --vk-hero-title: clamp(2.25rem, 10.2vw, 3.35rem);
    --vk-section-title: clamp(2rem, 8.5vw, 3rem);
    --vk-card-title: clamp(1.4rem, 6.2vw, 1.9rem);
    --vk-subtitle: 1.05rem;
    --vk-body: 1rem;
  }

  #main-content h1 {
    max-width: 100%;
    line-height: 1.03 !important;
  }

  #main-content h1.vk-title-length--long {
    font-size: clamp(1.9rem, 8.2vw, 2.55rem) !important;
  }

  #main-content h1.vk-title-length--xlong {
    max-width: 100%;
    font-size: clamp(1.62rem, 7vw, 2.15rem) !important;
    line-height: 1.08 !important;
  }

  #main-content p {
    line-height: 1.7;
  }
}