/* Final heading layer shared by the homepage and internal pages. */
body #root > main.ua-unified-heading-system h2,
body main.ua-unified-home-headings h2 {
  font-family: "Fira Sans", "DM Sans", Arial, sans-serif !important;
  font-size: clamp(38px, 3.7vw, 50px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
}

body #root > main.ua-unified-heading-system h3,
body main.ua-unified-home-headings h3 {
  font-family: "Arimo", Arial, sans-serif !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

body #root > main.ua-unified-heading-system h4 {
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

/* Homepage component-specific typography. */
body main.ua-unified-home-headings .advantages .advantage-grid > article > h3 {
  color: #3b3329 !important;
  font-family: Calibri, Arial, sans-serif !important;
  font-size: 26px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 31px !important;
  letter-spacing: 0 !important;
}

body main.ua-unified-home-headings .applications > .section-lead > h2,
body main.ua-unified-home-headings .home-project-sop .sop-heading > div > h2 {
  color: #292a27 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: clamp(36px, 5vw, 61px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: clamp(42px, 5.25vw, 64px) !important;
  letter-spacing: 0 !important;
}

body main.ua-unified-home-headings .product-category-card > span > strong {
  font-size: clamp(16px, 1.5vw, 20px) !important;
}

@media (max-width: 760px) {
  body #root > main.ua-unified-heading-system h2,
  body main.ua-unified-home-headings h2 {
    font-size: clamp(30px, 8vw, 36px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.01em !important;
  }

  body #root > main.ua-unified-heading-system h3,
  body main.ua-unified-home-headings h3 {
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: 1.32 !important;
  }

  body #root > main.ua-unified-heading-system h4 {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}