/* HST DrAir typography v1. This file overrides old, over-heavy typography only. */
/* Google Fonts are progressive enhancement: familiar system faces are functional fallbacks. */
:root{--drair-heading:"Exo 2","Trebuchet MS",Arial,sans-serif;
      --drair-body:"Manrope","Segoe UI",Arial,sans-serif}
body{font-family:var(--drair-body);font-weight:400;line-height:1.48;
     font-synthesis:weight style;-webkit-font-smoothing:antialiased;
     text-rendering:optimizeLegibility}
/* Section headings: retain the sporty italic, remove Impact/Arial Black and 900-weight. */
.section-head h2,
.contact-copy .section-head h2{
  font-family:var(--drair-heading);
  font-style:italic;
  font-weight:600;
  font-stretch:normal;
  font-size:clamp(27px,2.3vw,37px);
  line-height:1.2;
  letter-spacing:.008em;
  text-transform:uppercase;
  text-shadow:none;
  word-spacing:.03em;
  white-space:normal;
}
.section-head h2 em{font-weight:600;font-style:italic}
.section-head h2:before{height:86%;top:7%;width:9px}
/* Navigation: natural letter geometry, better height and spacing, no forced condensed face. */
.dark-header .main-nav a{
  font-family:var(--drair-body);
  font-style:normal;
  font-weight:600;
  font-size:clamp(12.5px,.9vw,14px);
  line-height:1.38;
  letter-spacing:.005em;
  font-stretch:normal;
  text-transform:none;
  text-shadow:none;
}
.dark-header .nav-inner{column-gap:clamp(11px,1.1vw,20px)}
.dark-header .nav-phone-label strong{font-family:var(--drair-body);font-weight:700;font-size:14px}
.dark-header .nav-call{font-family:var(--drair-body);font-weight:700;font-size:12.5px}
.dark-header .brand-script{font-family:var(--drair-body);font-weight:500}
/* Card titles and auxiliary labels also lose excess weight. */
.problem-card h3,.service-card h3,.master-content h3{font-family:var(--drair-body);font-weight:650;line-height:1.28;letter-spacing:0}
.problem-card p,.service-card p,.steps p{line-height:1.45;font-weight:400}
.why-grid strong,.vehicle-grid b,.steps b{font-family:var(--drair-body);font-weight:650;line-height:1.35}
.section-head>span{font-family:var(--drair-body);font-weight:500;line-height:1.5;letter-spacing:.02em}
/* Mobile hero copy uses the same real italic instead of the blocky Impact imitation. */
.hero-mobile-copy h2{
  font-family:var(--drair-heading);
  font-weight:600;
  font-style:italic;
  font-stretch:normal;
  letter-spacing:-.008em;
  line-height:1.12;
  text-shadow:none;
}
.hero-mobile-copy h2 em{font-weight:600}
/* Keep layout and anchor mechanics from dark-v1.css. */
@media(max-width:1450px){
  .dark-header .main-nav a{font-size:12.7px}
  .dark-header .nav-inner{column-gap:clamp(9px,.93vw,15px)}
}
@media(max-width:1200px){
  .dark-header .main-nav a{font-size:12.5px}
}
@media(max-width:1020px){
  .dark-header .main-nav a{font-size:15.5px;font-weight:600;line-height:1.4;
    letter-spacing:.01em;min-height:52px}
  .dark-header .nav-inner{column-gap:0}
}
@media(max-width:760px){
  .section-head h2,.contact-copy .section-head h2{
    font-size:clamp(25px,5.1vw,32px);line-height:1.22}
  .hero-mobile-copy h2{font-size:clamp(27px,7.3vw,43px);line-height:1.13}
}
@media(max-width:390px){
  .hero-mobile-copy h2{font-size:clamp(22px,7.0vw,28px);letter-spacing:-.018em}
  .section-head h2,.contact-copy .section-head h2{font-size:25px}
}