.bk-display-xl,
.bk-h1,
.bk-h2,
.bk-h3,
.bk-h4 {
  color: var(--bk-text);
  font-family: var(--bk-font-display);
  font-style: normal;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.bk-display-xl {
  font-size: var(--bk-type-display-xl);
  font-weight: 800;
  line-height: 0.92;
}

.bk-h1 {
  font-size: var(--bk-type-h1);
  font-weight: 800;
  line-height: 0.96;
}

.bk-h2 {
  font-size: var(--bk-type-h2);
  font-weight: 800;
  line-height: 1;
}

.bk-h3 {
  font-size: var(--bk-type-h3);
  font-weight: 700;
  line-height: 1.05;
}

.bk-h4 {
  font-size: var(--bk-type-h4);
  font-weight: 700;
  line-height: 1.1;
}

.bk-body-large {
  font-size: var(--bk-type-body-lg);
  line-height: 1.55;
}

.bk-small {
  font-size: var(--bk-type-small);
  font-weight: 500;
  line-height: 1.4;
}

.bk-eyebrow {
  color: var(--bk-green);
  font-size: var(--bk-type-small);
  font-weight: 700;
  letter-spacing: 0.11em;
  line-height: 1.4;
  text-transform: uppercase;
}

.bk-text-link {
  align-items: center;
  color: var(--bk-green);
  display: inline-flex;
  font-size: var(--bk-type-ui);
  font-weight: 700;
  gap: var(--bk-space-2);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

.bk-text-link:hover {
  color: var(--bk-red);
}