@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/instrument-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--font-body:'Instrument Sans',Arial,sans-serif;--font-display:'Space Grotesk','Instrument Sans',Arial,sans-serif;--heading-tracking:-.035em;--heading-weight:400}
html[data-typeface=soft]{--font-display:'Instrument Sans',Arial,sans-serif;--heading-tracking:-.045em;--heading-weight:450}
html[data-typeface=editorial]{--font-display:'Instrument Serif',Georgia,serif;--heading-tracking:-.02em;--heading-weight:400}
body{font-family:var(--font-body)}
button,input,select,textarea{font-family:var(--font-body)}
html[data-typeface] h1,html[data-typeface] h2,html[data-typeface] h3{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}
html[data-typeface=editorial] .hero-content h1{font-size:clamp(90px,9.2vw,142px);line-height:.98}
html[data-typeface=editorial] .service-story-chapter h3{font-size:clamp(44px,4.2vw,64px);line-height:1.02}
@media(max-width:760px){
 html[data-typeface=editorial] .hero-content h1{font-size:clamp(61px,12.3vw,94px)}
 html[data-typeface=editorial] .service-story-chapter h3{font-size:clamp(40px,10.2vw,53px)}
}
@media(max-width:400px){
 html[data-typeface=geometric] .hero-content h1{font-size:clamp(42px,13.5vw,54px)}
}