.public-page-hero {
  font-family: "DM Sans", Arial, sans-serif;
}

.public-page-hero .public-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: #764af1;
  font: 800 .75rem/1 "Manrope", Arial, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.public-page-hero .public-page-kicker::before {
  width: 1.75rem;
  height: 2px;
  flex: 0 0 1.75rem;
  border: 0;
  border-radius: 999px;
  background: #f32424;
  content: "";
}

.public-page-hero .public-page-title {
  max-width: 900px;
  margin: 1.25rem 0 1.5rem;
  color: #030519;
  font: 800 clamp(2.75rem, 4.8vw, 5rem)/1.04 "Manrope", Arial, sans-serif;
  letter-spacing: -.04em;
}

.public-page-hero .public-page-intro {
  max-width: 760px;
  margin: 0;
  color: #646778;
  font: 400 clamp(1.05rem, 1.5vw, 1.25rem)/1.7 "DM Sans", Arial, sans-serif;
  letter-spacing: normal;
}

@media (max-width: 767px) {
  .public-page-hero .public-page-title {
    font-size: clamp(2.3rem, 10.5vw, 3.5rem);
  }
}