@font-face{font-family:"Space Grotesk";src:url("/assets/site-kit/faq-fonts/space-grotesk-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("/assets/site-kit/faq-fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
body, body :is(button, input, select, textarea) {
  font-family: Manrope, Arial, sans-serif;
}

body :is(h1, h2, h3) {
  text-align: left !important;
}

:is(#site-content, body) :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Space Grotesk", Arial, sans-serif;
}

:is(#site-content, body) :is(section.text, section.image-text, section.zig-zag, [data-sk-photo-copy])
  :is(p, li):not(.circles__item p, .circles__item li) {
  font-family: Manrope, Arial, sans-serif;
  line-height: 1.85;
}

:is(#site-content, body) :is(section.text, section.image-text, section.zig-zag, [data-sk-photo-copy]) :is(td, th) {
  font-family: Manrope, Arial, sans-serif;
}

.sk-text-portrait {
  margin-block-start: 24px;
}

.sk-text-portrait img {
  display: block;
  max-width: 100%;
  height: auto;
}

.sk-text-table {
  margin-block-start: 32px;
  overflow-x: auto;
}

:is(#site-content, body) [data-sk-legacy-intro] [data-sk-text-intro] h3,
:is(#site-content, body) :is(section.text, section.image-text, section.zig-zag, [data-sk-photo-copy], [data-sk-text-intro]) h3 {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.25;
}

body .sk-text-eyebrow {
  display: block;
  margin: 0 0 12px;
  color: #746553;
  font: 500 11px/1.5 "Space Grotesk", Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left;
}

body :is(.page-header, .hp-hero, .projects, .hp-footer) .sk-text-eyebrow {
  color: inherit;
}