.hero .eyebrow,
.services .eyebrow,
.architecture .eyebrow,
.experience .eyebrow {
  font-size: 1.05rem;
}

.hero h1 {
  font-size: clamp(2.6rem, 4.2vw, 4.6rem);
  line-height: 1.02;
}

.site-header .brand {
  gap: 15px;
  font-size: 1.28rem;
}

.site-header .brand-mark {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

.site-header .brand-mark span {
  font-size: 1.1rem;
}

@media (max-width: 650px) {
  .hero h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.1rem);
  }

  .site-header .brand {
    gap: 12px;
    font-size: 1.1rem;
  }

  .site-header .brand-mark {
    width: 44px;
    height: 44px;
  }
}