/* GAUGE — balanced type scale + motion styles (31 Oct 2026).
   Loaded last so it evens out small body text and oversized headings. */

/* ---------- Headings: calmer, consistent scale ---------- */
html body #home h1,html body #home h1 span{font-size:clamp(34px,4.2vw,54px)!important;line-height:1.08!important}
html body #mega-projects h2,html body #mega-projects h2 span{font-size:clamp(30px,3.6vw,48px)!important;line-height:1.1!important}
html body section h2{font-size:clamp(28px,2.9vw,38px)!important;line-height:1.15!important}
html body #featured h2{font-size:clamp(22px,1.9vw,26px)!important}
html body section h3{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.2!important}
html body #mega-projects strong{font-size:clamp(20px,2.2vw,30px)!important}
html body #about .gauge-metrics strong{font-size:clamp(38px,3.6vw,48px)!important}

/* ---------- Body text: readable minimums ---------- */
html body section p,html body section li,html body footer p{font-size:max(15px,1em)!important;line-height:1.65!important}
html body #home>p,html body #home p:not(.eyebrow){font-size:16px!important}
html body section .eyebrow,html body section p.eyebrow,html body section [class*="eyebrow"]{font-size:12px!important;letter-spacing:.16em!important;line-height:1.4!important}
html body section small,html body section span:not([class*="metric"]):not(.pending-image){font-size:max(12px,1em)}
html body section a,html body section button,html body section label{font-size:max(13px,1em)!important}
html body section h4{font-size:15px!important}
html body #about .gauge-metrics span,html body #about .cert-scope,html body #about .cert-item strong{font-size:13px!important}
html body #projects .project .eyebrow{font-size:11px!important}
html body #projects .project button,html body #projects .project h3{font-size:18px!important}
html body .experience-card-title{font-size:14px!important}
html body #clients .client-logo span,html body #clients h3{font-size:13px!important}
html body #project-map small,html body #project-map p{font-size:13px!important}
html body #team .team-role small,html body #team small{font-size:12px!important}
html body #services li{font-size:14px!important}
html body #services h4{font-size:12px!important;letter-spacing:.14em!important}
html body nav a,html body header a{font-size:max(12px,1em)!important}

@media(max-width:700px){
 html body section p,html body section li{font-size:15px!important}
 html body section h2{font-size:clamp(26px,7vw,32px)!important}
 html body #home h1,html body #home h1 span{font-size:clamp(32px,9vw,40px)!important}
}

/* fine-tuning */
html body .international>p:not(.eyebrow){font-size:14px!important}
html body #projects .view-project{font-size:12px!important}
html body #services strong{font-size:14px!important}
html body #mega-projects [class*="status"],html body #mega-projects small{font-size:12px!important}