/* Variante tipografica "grottesco svizzero": tutti i titoli in sans-serif.
   In anteprima usa Inter Display (libero, SIL OFL) come sostituto di Suisse Int'l (commerciale).
   Con licenza web di Suisse Int'l basta sostituire i file e il nome della famiglia qui sotto. */
@font-face{font-family:"Grotesk Display";src:url("../fonts/InterDisplay-Light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Grotesk Display";src:url("../fonts/InterDisplay-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Grotesk Display";src:url("../fonts/InterDisplay-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
:root{--serif:"Suisse Intl","Grotesk Display","Inter","Sans Fallback",system-ui,sans-serif}
h1,h2,.service-list .t,.steps .num,.quote blockquote,.page-head h1{font-weight:400;letter-spacing:-.025em}
.hero h1{font-weight:300;letter-spacing:-.03em;line-height:1.08}
h2{line-height:1.12}
.brand-name{font-weight:500;letter-spacing:.14em;font-size:1.35rem}
.footer-top .brand-name{font-size:1.1rem}
.quote blockquote{font-style:normal;font-weight:300;font-size:1.25rem;letter-spacing:-.015em}
.steps .num,.service-list .n{font-weight:300}
.site-nav.is-open .nav-list a{font-family:var(--sans)}