.pa-hero {
  background: var(--surface-2, #f7f8fb);
  padding-block: clamp(48px, 8vw, 120px);
  background: var(--brand-color);
  color: white;
  align-items: center;
  justify-items: anchor-center;
}
.pa-hero .container {
  max-width: 1050px;
  margin-inline: auto;
  text-align: center;
}
.pa-hero__title {
  font-size: 7rem;
  line-height: 1.05;
  margin: 0 0 16px;
}
.pa-hero__lead {
  max-width: 75ch;
  font-size: clamp(16px, 2.2vw, 18px);
  margin-inline: auto;
}