/* v81 — Sitewide type, matched to the homepage. Same two fonts everywhere
   (Barlow Condensed for headings, Inter for text), same weights, sizes and spacing.
   Loaded last on every page. Homepage-only tweaks stay in home-type.css. */

/* ---------- Top-of-page headline (all pages match the homepage) ---------- */
html body .hero h1,
html body .svc-hero h1{font-weight:700;letter-spacing:-0.025em;line-height:0.99}
@media (min-width:769px) and (max-width:1399px){
  html body .hero h1,html body .svc-hero h1{font-size:clamp(2.8rem,5.2vw,3.8rem)}
}
@media (min-width:1400px){
  html body .hero h1,html body .svc-hero h1{font-size:clamp(4.35rem,4.85vw,5.45rem)}
  html body .svc-hero h1{font-size:clamp(4.35rem,4.85vw,5.15rem)} /* service headlines run longer */
}

/* ---------- Section headings ---------- */
html body main h2:not(#_),
html body main h3.sec-heading:not(#_),
html body .storm-warranty-band-content h3:not(#_){font-weight:700;line-height:1;letter-spacing:-0.005em}
html body .sec-heading,
html body main section > .container > h2:not(.integrity-heading),
html body .final-cta h2,
html body .storm-warranty-band-content h3{font-size:3rem}

/* Card and step titles: 700 weight, heading line spacing. Titles printed on photos stay heavier. */
html body .proc-body h3,
html body .ext-card h3,
html body .warranty-card h3,
html body .ms-content h3,
html body .process-step h3,
html body .siding-why-card h3,
html body .project-card-title{font-weight:700;line-height:1.15}
html body .proc-body h3,
html body .project-card-title{font-size:1.25rem;letter-spacing:0.01em}

/* ---------- Text ---------- */
html body .svc-hero-sub{font-size:1.1rem;line-height:1.6}
html body .sec-desc,
html body .areas-desc,
html body .lk-band-desc,
html body .final-cta-desc{font-size:1.125rem;line-height:1.65}
html body .proc-body p,
html body .faq-a p{font-size:1rem;line-height:1.6}
html body .faq-q{font-size:1rem;line-height:1.35}

/* Small print floor */
html body .roof-age-built,html body .quote-band-loc,html body .about-pq-loc,html body .project-card-result{font-size:0.8125rem}
html body .svc-photo-cta{font-size:0.875rem}
html body .footer h4{font-size:0.875rem;letter-spacing:0.08em}

/* Buttons: one size */
html body .btn-amber.btn-lg,
html body .hero-cta-mobile{font-size:1rem}

/* ---------- Phones ---------- */
@media (max-width:768px){
  html body .hero h1,
  html body .svc-hero h1{font-size:2.75rem;line-height:0.98;letter-spacing:-0.02em}
  html body .hero-h2,
  html body .svc-hero-sub{font-size:1.0625rem;line-height:1.55}

  html body .sec-heading,
  html body main section > .container > h2:not(.integrity-heading),
  html body .final-cta h2,
  html body .storm-warranty-band-content h3{font-size:2.25rem}

  html body .sec-desc,
  html body .areas-desc,
  html body .lk-band-desc,
  html body .final-cta-desc{font-size:1.0625rem;line-height:1.6}
  html body .proc-body p,
  html body .faq-a p{font-size:0.9375rem}
}