.brand {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  text-decoration: none;
}

.brand-mark {
  display: block;
  height: auto;
  max-width: 60vw;
  width: clamp(14rem, 21vw, 17rem);
}

.hero h1 {
  font-size: clamp(2.35rem, 6.4vw, 4.45rem);
}

.response-logo {
  display: none;
}

@media (max-width: 820px) {
  .brand-mark {
    width: 14rem;
  }
}