h1 {
  margin: 16px 0 6px;
  font-weight: 900;
  font-size: clamp(32px, 5.6vw, 72px);
  line-height: 1.04;
  word-wrap: break-word;
  hyphens: auto;
}

h2 {
  margin: 0 0 16px;
  font-weight: 900;
  font-size: clamp(28px, 3.8vw, 44px);
}

h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
}

h1,
h2 {
  text-wrap: balance;
}

.lead {
  max-width: 72ch;
  color: var(--cream-92);
  font-size: clamp(1rem, 1.16vw, 1.08rem);
  line-height: 1.78;
  letter-spacing: -0.01em;
}

.small {
  font-size: 0.9rem;
}

.accent {
  color: var(--accent) !important;
  opacity: 1 !important;
}

a.accent,
.accent a {
  color: var(--accent) !important;
  opacity: 1 !important;
}

.accent--gradient {
  background: linear-gradient(90deg, var(--yellow), var(--pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

@media (max-width: 760px) {
  h1 {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: clamp(28px, 7vw, 38px) !important;
  }
}

@media (max-width: 560px) {
  h2 {
    line-height: 1.05;
  }
}

@media (min-width: 761px) and (max-width: 1400px) and (hover: none) and (pointer: coarse) and (orientation: portrait) {
  h1 {
    font-size: clamp(40px, 4.9vw, 54px);
    line-height: 1.04;
  }
}