@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/space-grotesk-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root { --hero-type: 'Space Grotesk', var(--sans); }

.hero, .page-hero { font-family: var(--hero-type); }
.hero h1, .hero-result, .inner-page .page-hero h1,
.page-hero .object-number, .page-hero .location-address > strong {
  font-family: var(--hero-type);
}

/* Space Grotesk has wider proportions than the previous condensed display face. */
.hero h1 { letter-spacing: -.05em; }
.hero-result {
  font-size: clamp(48px, 4.9vw, 72px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.inner-page .page-hero h1 {
  font-size: clamp(40px, 4.7vw, 68px);
  line-height: 1.08;
  letter-spacing: -.05em;
}
.page-hero .object-number { font-size: clamp(130px, 16vw, 220px); }
.page-hero .location-address > strong { font-size: clamp(54px, 5.3vw, 78px); }

@media (max-width: 900px) {
  .hero-result { font-size: clamp(48px, 7.5vw, 68px); }
}
@media (max-width: 760px) {
  .inner-page .page-hero h1 { font-size: clamp(36px, 8.7vw, 58px); }
  .page-hero .object-number { font-size: 88px; }
  .page-hero .location-address > strong { font-size: 64px; }
}
@media (max-width: 600px) {
  .hero-result { font-size: clamp(34px, 8.8vw, 52px); line-height: 1.04; }
}
@media (max-width: 360px) {
  .hero-result { font-size: 32px; }
}