/* Concept-five lettering is independent of the separate sculptural logo. */
.brand {
  gap: 12px;
}
.brand .symbol {
  flex: 0 0 auto;
}
.brand-wordmark {
  display: block;
  width: 192px;
  height: auto;
  flex: 0 0 auto;
}
footer .brand-wordmark {
  width: 204px;
}
@media (max-width: 1000px) {
  .nav .brand-wordmark {
    width: 168px;
  }
  .nav nav {
    gap: 18px;
    letter-spacing: 0.08em;
  }
  .nav .nav-cta {
    padding: 12px 14px;
  }
  .nav .nav-cta span {
    padding-left: 16px;
  }
}
@media (max-width: 680px) {
  .nav .brand {
    gap: 10px;
  }
  .nav .brand-wordmark {
    width: clamp(132px, 40vw, 164px);
  }
}