/*
  Twin Global whole-site heading scale correction
  Source: Design System v2 and Global Foundation 115% typography packages.
  Rule: H6 remains the fixed base; each heading level above is 115% of the previous level.
*/
:root {
  --text-h6: 0.875rem;
  --text-h5: calc(var(--text-h6) * 1.15);
  --text-h4: calc(var(--text-h5) * 1.15);
  --text-h3: calc(var(--text-h4) * 1.15);
  --text-h2: calc(var(--text-h3) * 1.15);
  --text-h1: calc(var(--text-h2) * 1.15);
  --text-display: calc(var(--text-h1) * 1.15);
}

.display,
.text-display,
[data-heading="display"] {
  font-size: var(--text-display) !important;
  line-height: var(--line-display) !important;
}

h1,
.h1,
[data-heading="h1"] {
  font-size: var(--text-h1) !important;
  line-height: 1.04 !important;
}

h2,
.h2,
[data-heading="h2"] {
  font-size: var(--text-h2) !important;
  line-height: 1.08 !important;
}

h3,
.h3,
[data-heading="h3"] {
  font-size: var(--text-h3) !important;
  line-height: var(--line-heading) !important;
}

h4,
.h4,
[data-heading="h4"] {
  font-size: var(--text-h4) !important;
  line-height: 1.25 !important;
}

h5,
.h5,
[data-heading="h5"] {
  font-size: var(--text-h5) !important;
  line-height: 1.35 !important;
}

h6,
.h6,
[data-heading="h6"] {
  font-size: var(--text-h6) !important;
  line-height: 1.35 !important;
}

/* Whole-site eyebrow colour normalisation
   Light backgrounds use the brand teal token. Dark backgrounds use the approved light teal. */
body .eyebrow {
  color: var(--color-brand-teal) !important;
}

body .surface-dark .eyebrow,
body .home-dark .eyebrow,
body .cta--dark .eyebrow,
body .card--dark .eyebrow,
body .eyebrow.eyebrow--light,
body .about-hero .eyebrow,
body .about-cta .eyebrow,
body .crm-hero .eyebrow,
body .crm-section--approach .eyebrow,
body .crm-section--cta .eyebrow,
body .crm-cta .eyebrow,
body .dh-hero .eyebrow,
body .dh-cta .eyebrow,
body .da-hero .eyebrow,
body .da-section--dark .eyebrow,
body .da-section--cta .eyebrow,
body .da-cta .eyebrow,
body .epx-hero .eyebrow,
body .epx-section--dark .eyebrow,
body .epx-section--cta .eyebrow,
body .epx-cta .eyebrow,
body .health-hero .eyebrow,
body .health-service .eyebrow,
body .health-proof .eyebrow,
body .prop-hero .eyebrow,
body .prop-final .eyebrow,
body .retail-hero .eyebrow,
body .retail-data .eyebrow,
body .retail-final .eyebrow,
body .auto-hero .eyebrow,
body .auto-evidence .eyebrow,
body .auto-final .eyebrow,
body .industry-hero .eyebrow,
body .industry-final .eyebrow,
body .solutions-hero .eyebrow,
body .solutions-connected .eyebrow,
body .solutions-cta .eyebrow,
body .integration-hero .eyebrow,
body .integration-section--dark .eyebrow,
body .integration-section--cta .eyebrow,
body .integration-cta .eyebrow,
body .cs-hero .eyebrow,
body .cs-final .eyebrow,
body .ss-hero .eyebrow,
body .ss-evidence .eyebrow,
body .ss-final .eyebrow,
body .ohc-hero .eyebrow,
body .ohc-proof .eyebrow,
body .ohc-final .eyebrow,
body .phm-hero .eyebrow,
body .phm-proof .eyebrow,
body .phm-final .eyebrow,
body .skl-hero .eyebrow,
body .skl-proof .eyebrow,
body .skl-final .eyebrow,
body .spv-hero .eyebrow,
body .spv-proof .eyebrow,
body .spv-final .eyebrow,
body .mmv-hero .eyebrow,
body .mmv-proof .eyebrow,
body .mmv-final .eyebrow,
body .vnvc-hero .eyebrow,
body .vnvc-proof .eyebrow,
body .vnvc-final .eyebrow {
  color: #83d9d7 !important;
}