/* No photography of this building yet, so the hero is typographic
   rather than a stock image standing in for a real address. */
.hero {
  min-height: clamp(460px, 66vh, 640px);
  padding-block: clamp(7rem, 13vw, 10rem) clamp(2.5rem, 5vw, 3.5rem);
  background: var(--brand-deep);
}

.hero h1 { font-size: clamp(2.5rem, 6vw, 4rem); max-width: 20ch; margin-top: 1.25rem; }
.hero .hero-scrim { display: none; }

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 0.875rem;
  background: rgba(255,255,255,.14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
  color: #FFFFFF;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

.hero-badge i { width: 6px; height: 6px; border-radius: 50%; background: #FFFFFF; display: block; }