body {
  font-family: "Inter", Arial, sans-serif;
  font-weight: 400;
}

.hero h1,
.statement h2,
.section-heading h2,
.quote-copy h2,
.hardware-grid strong {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.hero h1 em {
  font-style: normal;
  font-weight: 600;
}

.brand-name {
  font-family: "Montserrat", Arial, sans-serif;
}

.site-header nav a,
.button,
.eyebrow {
  letter-spacing: 0.01em;
}

.eyebrow {
  letter-spacing: 0.2em;
}

.hardware-grid small {
  grid-column: 2;
  color: #91a8bf;
  font-size: 11px;
  line-height: 1.55;
  max-width: 270px;
  margin-top: -8px;
}

.hardware-grid a {
  grid-template-rows: auto auto 1fr;
}

.hardware-grid a i {
  grid-column: 3;
  grid-row: 1 / span 3;
}