.site-header > .brand {
  position: static;
  transform: none;
  margin-right: auto;
  flex-shrink: 0;
  display: flex;
}

.brand {
  display: inline-flex;
  align-items: center;
  letter-spacing: -0.7px;
  flex-shrink: 0;
  gap: 12px;
  font:
    600 25px / 0.95 "FiraGO",
    Arial,
    sans-serif;
}

.header-contact {
  font-size: 12px;
  padding: 5px 19px;
  min-height: 36px;
}

.logo-left {
  width: 120px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
    saturate(0%) hue-rotate(73deg) brightness(104%) contrast(102%);
}

.logo-right {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
    saturate(0%) hue-rotate(73deg) brightness(104%) contrast(102%);
  width: 90px;
}

.site-header.is-scrolled .logo-left {
  filter: brightness(0) saturate(100%) invert(32%) sepia(49%)
    saturate(296%) hue-rotate(348deg) brightness(94%) contrast(89%);
}

.site-header.is-scrolled .logo-right {
  filter: brightness(0) saturate(100%) invert(32%) sepia(49%)
    saturate(296%) hue-rotate(348deg) brightness(94%) contrast(89%);
}

.hero h1 {
  font-weight: 600;
}

.about-editorial-copy h2 {
  font-size: clamp(38px, 4vw, 64px);
  line-height: 1;
}

.hero h1 {
  line-height: 1.2;
}

.consultation-image-copy > h3 {
  font-size: 22px;
  line-height: 1.2;
}

.projects-heading h2 {
  line-height: 1.2;
}