@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/almarai-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/almarai-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/almarai-2.ttf) format('truetype');
}

html.almarai body{font-family:Almarai,Tahoma,sans-serif}
html.almarai :is(h1,h2,h3){font-family:Almarai,Tahoma,sans-serif;letter-spacing:-.025em;font-weight:700}
html.almarai .studio-copy h1{font-size:clamp(70px,8.2vw,122px);line-height:1.28}
html.almarai .chapter-heading h1{font-size:clamp(58px,6.8vw,104px);line-height:1.3}
html.almarai :is(.studio-manifesto h2,.studio-section-head h2,.services-intro h2,.studio-process h2,.about-editorial h2,.values-layout h2,.finder h2){line-height:1.45}
html.almarai :is(p,.service-expand li,.service-chapter li){line-height:2}
html.almarai :is(.studio-copy p,.chapter-lead){font-size:15px}
html.almarai .studio-outro .wrap>a{font-family:Almarai,Tahoma,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.35;font-size:clamp(60px,8vw,120px)}
html.almarai #archive-count{font-family:Almarai,Tahoma,sans-serif}
@media(max-width:1100px) and (min-width:721px){html.almarai .studio-copy h1{font-size:80px}html.almarai .chapter-heading h1{font-size:65px}}
@media(max-width:720px){html.almarai .studio-copy h1{font-size:clamp(62px,15vw,95px);line-height:1.3}html.almarai .chapter-heading h1{font-size:clamp(44px,11.3vw,68px)}html.almarai :is(.studio-copy p,.chapter-lead){font-size:13px}html.almarai .studio-outro .wrap>a{font-size:clamp(43px,11vw,72px)}html.almarai .growth-controls button strong{font-size:11px}}