/* Typography study. Previous published design: Site version 80. */
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/lato-regular.ttf') format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/lato-bold.ttf') format('truetype')}
body{font-family:Lato,Arial,Helvetica,sans-serif}
button,input,textarea,select{font-family:inherit}
.header-categories a{font-family:Lato,Arial,Helvetica,sans-serif}
h1,h2,h3{font-weight:400}
.statement h1{font-size:clamp(2.25rem,4.8vw,4.2rem);line-height:1.08;white-space:normal}
.category-intro{font-size:clamp(2.2rem,4vw,4.9rem);font-weight:400;line-height:1.08}
.category-project .thumbnail-title h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.1;font-weight:400}
.contact-intro h2{font-size:clamp(2rem,3.3vw,2.75rem);font-weight:400}
body:has(.project-site-logo) h1,body:has(.project-site-logo) .intro h1{font-size:clamp(32px,5.4vw,56px);font-weight:400;line-height:1.12}
body:has(.project-site-logo) h2{font-size:clamp(26px,3.2vw,35px);font-weight:400}
@media(max-width:720px){
.statement h1{font-size:clamp(2.15rem,8.6vw,3.25rem)}
.category-intro{font-size:clamp(2rem,7.5vw,2.7rem)}
.category-project .thumbnail-title h3{font-size:1.75rem}
}