/* Inspire Trades: shared typography for all marketing pages. 17 October 2026.
   Loaded after each page's existing styles. Only typography is overridden. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
body,
#inspire-service-preview {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
h1, h2, h3,
#inspire-service-preview h1,
#inspire-service-preview h2,
#inspire-service-preview h3 {
  font-family: 'Manrope', Arial, sans-serif !important;
}
h1, #inspire-service-preview h1 {
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
}
h2, #inspire-service-preview h2 {
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em !important;
}
h3, #inspire-service-preview h3 {
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
}
/* Match reading text across the homepage, suburb, service and project layouts. */
main p:not(:where(.eyebrow,.it-eyebrow,.it-caption,.case-caption,.case-scope,.it-scope,.it-note,.form-note,.hero-reassurance)),
#inspire-service-preview main p:not(:where(.it-eyebrow,.it-caption,.it-scope,.it-note)) {
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.hero-description,
.local-hero .intro,
.case-subtitle,
#inspire-service-preview .it-desc {
  font-size: 18px !important;
  line-height: 1.7 !important;
}
/* Keep lead text consistent even when it is a paragraph inside main. */
main p.hero-description,
main .local-hero p.intro,
main p.case-subtitle,
#inspire-service-preview main p.it-desc {
  font-size: 18px !important;
  line-height: 1.7 !important;
}
.eyebrow,
#inspire-service-preview .it-eyebrow {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 1.5px !important;
}
.case-figure figcaption,
.case-photo-caption,
#inspire-service-preview .it-caption {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
header nav,
header nav a,
#inspire-service-preview .it-navigation,
#inspire-service-preview .it-navigation a {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.button,
.it-action,
button,
input,
textarea,
select {
  font-family: 'DM Sans', Arial, sans-serif !important;
}
.button,
#inspire-service-preview .it-action {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
/* Dialog and form headings remain compact enough for the enquiry flow. */
#quote-dialog h2 {
  font-size: 28px !important;
  line-height: 1.2 !important;
}
#quote-dialog h3 {
  font-size: 21px !important;
}
#quote-dialog input:not([type='checkbox']),
#quote-dialog textarea,
#quote-dialog select {
  font-size: 16px !important;
}
@media (max-width: 600px) {
  .hero h1,
  .local-hero h1,
  .case-intro h1,
  #inspire-service-preview h1 {
    font-size: 36px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
  }
  header nav,
  header nav a,
  #inspire-service-preview .it-navigation,
  #inspire-service-preview .it-navigation a {
    font-size: 13px !important;
  }
  #quote-dialog h2 {
    font-size: 26px !important;
  }
}

footer, footer p, footer a, #inspire-service-preview footer, #inspire-service-preview footer p, #inspire-service-preview footer a {font-family:"DM Sans",Arial,sans-serif !important;font-size:13px !important;line-height:1.6 !important;}