/* The supplied Bleaumont master artwork is the only logo source of truth. */
.wordmark {
  display: block;
  width: 170px;
  line-height: 0;
}

.wordmark img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-logo {
  display: block;
  width: clamp(290px, 31vw, 475px);
  height: auto;
  margin: 0 auto 30px;
}

footer .wordmark {
  width: 155px;
}

@media (max-width: 900px) {
  .wordmark { width: 128px; }
  .hero-logo { width: min(78vw, 340px); margin-bottom: 24px; }
  footer .wordmark { width: 126px; }
}