/* Shared, locally hosted typography for the public PHP pages. */
@font-face{font-family:AlfaSans;src:url('/assets/dm.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
body.site-layout{font-family:AlfaSans,Arial,sans-serif}
.site-layout main :is(h1,h2,h3,h4){font-family:AlfaSans,Arial,sans-serif!important;font-style:normal}
.site-layout main :is(h1,h2,h3,h4) em{font-style:normal!important}
.studio-home :is(.studio-about,.studio-newbuild,.studio-process,.people-portraits,.studio-group,.office-network,.project-enquiry,.studio-services) h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.2;letter-spacing:-.025em}
.site-layout :is(h1,h2,h3,h4),.studio-home :is(h1,h2,h3){font-family:AlfaSans,Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.site-layout :is(h1,h2,h3) :is(em,.serif){font-family:inherit;font-style:normal;font-weight:inherit;font-size:inherit;letter-spacing:inherit}
.site-layout h1{font-size:clamp(34px,4.2vw,60px)}
.site-layout h2,.studio-home h2,.studio-project-feature h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.025em;line-height:1.2}
.site-layout h3,.studio-home h3{font-size:clamp(22px,2.1vw,28px);line-height:1.3}
.studio-home .immersive-hero h1{font-family:AlfaSans,Arial,sans-serif;font-size:clamp(44px,5.1vw,76px);line-height:1.09;font-weight:500;letter-spacing:-.035em;max-width:760px;margin-bottom:26px}
.studio-home .immersive-hero h1 em{font-style:normal;font-weight:inherit}
.immersive-hero .atelier-intro p{font-size:17px;line-height:1.7;max-width:460px}
.immersive-hero .atelier-lead{max-width:1050px;padding-bottom:90px}
.project-feature-copy h3{font-size:clamp(25px,2.5vw,34px);font-weight:500;letter-spacing:-.025em;line-height:1.2}
.site-layout .inner-hero h1,.site-layout .article-header h1,.site-layout .author-profile h1{font-family:AlfaSans,Arial,sans-serif;font-style:normal;font-size:clamp(34px,4.2vw,60px);font-weight:500;letter-spacing:-.03em;line-height:1.15}
.site-layout .inner-hero :is(h1,h2) em{font-style:normal}
.site-layout :is(input,textarea,select,button){font-family:AlfaSans,Arial,sans-serif}
@media(max-width:600px){
 .studio-home .immersive-hero h1{font-size:clamp(38px,10.8vw,49px);line-height:1.12;letter-spacing:-.03em;max-width:100%}
 .immersive-hero .atelier-lead{padding-bottom:42px}
 .immersive-hero .atelier-intro p{font-size:16px}
 .site-layout .inner-hero h1,.site-layout .article-header h1{font-size:34px}
 .studio-home h2,.studio-project-feature h2{font-size:30px;line-height:1.2}
}