h1,
h2,
h3,
h4,
p {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
  letter-spacing: 0;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--dark-green);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.section-kicker {
  color: var(--dark-green);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
}

.section-title {
  max-width: 780px;
  font-size: clamp(36px, 6vw, 72px);
  line-height: 1;
  font-weight: 680;
  text-wrap: balance;
}

.section-copy {
  max-width: 620px;
  color: var(--color-muted);
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 1.65;
  text-wrap: pretty;
}

.mono {
  font-family: var(--font-code);
}

.muted {
  color: var(--color-muted);
}
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/public-sans-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}