.brief-hero,
.onboard-hero{
  text-align:center;
  padding:36px 28px 28px;
}
.brief-hero h1,
.onboard-hero h1{
  margin:0 auto;
  max-width:13ch;
  font-size:clamp(28px, 8.4vw, 44px);
  line-height:.96;
  letter-spacing:0;
}
.brief-hero .sub,
.onboard-hero .sub{
  margin:14px auto 0;
  max-width:36ch;
}
.brief-hero .eyebrow,
.onboard-hero .eyebrow{
  text-align:center;
}
@media(min-width:720px){
  .brief-hero,
  .onboard-hero{text-align:left;padding:clamp(48px,8vw,80px) 0 32px}
  .brief-hero h1,
  .onboard-hero h1{margin:0;max-width:16ch;font-size:clamp(40px,6vw,64px)}
  .brief-hero .sub,
  .onboard-hero .sub{margin:16px 0 0;max-width:46ch}
  .brief-hero .eyebrow,
  .onboard-hero .eyebrow{text-align:left}
}