/* The whole website uses two fixed text sizes, including on small screens. */
@font-face{font-family:"Huff Manrope";src:url('./manrope-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Huff Manrope";src:url('./manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Huff Manrope";src:url('./manrope-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--heading-size:28px;--text-size:18px;--accent-heading-size:var(--heading-size)}
html,body,body *{
  font-family:"Huff Manrope",Arial,sans-serif!important;
  font-size:var(--text-size)!important;
  font-weight:400!important;
}
body :is(strong,b){font-weight:800!important}
body :is(h1,h2,h3,h4,h5,h6,.slide-words,.studio-lead),
body :is(h1,h2,h3,h4,h5,h6,.slide-words,.studio-lead) *{
  font-size:var(--heading-size)!important;
  font-weight:300!important;
  line-height:1.25!important;
  letter-spacing:-.03em;
  overflow-wrap:break-word;
}
/* Menu words use the heading size; project captions use the body size. */
body header nav .menu-links .menu-primary{font-size:var(--heading-size)!important}
body .studio-directory .studio-story-arrow{font-size:var(--heading-size)!important;line-height:1!important}
body.photo-portfolio .portfolio-tile h2,
body.photo-portfolio .portfolio-tile h2 *{
  font-size:var(--text-size)!important;
  line-height:1.5!important;
  letter-spacing:0;
}