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

: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;
}