.hero {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding-block: 180px 88px;
  color: #fff;
  background: linear-gradient(#10191240, #10191238 45%, #10191280),
    url("assets/home-hero.webp") center / cover no-repeat #101812;
  font-family: "BDO Grotesk", sans-serif;
}
.home-hero-content { text-align: center; }
.home-hero-content h1 {
  max-width: 1160px;
  margin: 0 auto 24px;
  font-size: clamp(36px, 4.8vw, 61px);
  font-weight: 380;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-wrap: balance;
}
.home-hero-content p {
  max-width: 860px;
  margin-inline: auto;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
}
.home-hero-content .button {
  margin-top: 36px;
  border-color: currentColor;
  font-size: 16px;
  font-weight: 480;
  line-height: 1.4;
}
.home-hero-content .button:hover { color: var(--ink); }

.home-page {
  font-family: "BDO Grotesk", sans-serif;
  font-weight: 480;
}
.home-page h2 {
  font-weight: 380;
  letter-spacing: -.01em;
  line-height: 1.1;
}
.home-page .eyebrow, .home-page footer h2 { font-weight: 600; }
.home-page .eyebrow { letter-spacing: .1em; }
.home-page .button { font-weight: 480; }
.home-page .metrics-list p, .home-page .feature-copy p { font-weight: 400; }
.home-page .lead { font-weight: 400; }
.home-page .nav-links { font-weight: 480; }
.home-page #partnerships .editorial { max-width: 520px; }
.home-page .site-header { font-weight: 480; }