@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@500;600&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--heading-font:'Space Grotesk',Inter,Arial,sans-serif;--heading-weight:700;--font:Inter,Arial,sans-serif}
:root[data-font=soft]{--heading-font:Manrope,Arial,sans-serif;--heading-weight:800;--font:'DM Sans',Arial,sans-serif}
:root[data-font=editorial]{--heading-font:Fraunces,Georgia,serif;--heading-weight:600;--font:'DM Sans',Arial,sans-serif}
h1,h2,.brand,.project-info strong{font-family:var(--heading-font);font-weight:var(--heading-weight)}.discipline-title>span{font-weight:var(--heading-weight)}.discipline-title{letter-spacing:-2.8px}.project-info strong{letter-spacing:-1.2px}
[data-font=soft] .discipline-title{letter-spacing:-3px}[data-font=editorial] .discipline-title{letter-spacing:-2px}[data-font=editorial] .brand{letter-spacing:-1px}[data-font=editorial] .section-title h2{letter-spacing:-1.5px}
@media(max-width:560px){.discipline-title,[data-font=soft] .discipline-title,[data-font=editorial] .discipline-title{letter-spacing:-1.1px}}