/* Compact homepage introduction with the location beneath the wordmark. */
body > header .brand .brand-location {
  display: block;
  margin-top: 5px;
  max-width: 30ch;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .25px;
  white-space: normal;
  color: #65765d;
}
.hero {
  display: flex;
  align-items: flex-start;
  height: auto;
  min-height: clamp(340px, 46svh, 460px);
  max-height: none;
}
.hero > img {
  position: absolute;
  inset: 0;
}
.hero .hero-copy {
  position: relative;
  z-index: 1;
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
  max-width: 800px;
  padding: 36px 7% 40px;
}
.hero h1 { margin: 0 0 18px; }
.hero p { margin: 0 0 26px; }
@media (max-width: 760px) {
  body > header .brand .brand-location {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .15px;
  }
  .hero { min-height: 320px; }
  .hero .hero-copy { padding-block: 28px 34px; }
}