/* HERO / PAGE HEADERS */

.page-hero.small{
  padding:60px 0 30px;
}

.center{
  text-align:center;
}

.eyebrow{
  display:inline-block;
  padding:8px 12px;
  background:#efeefe;
  color:var(--primary);
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
  margin-bottom:18px;
}

.page-hero h1{
  font-size:clamp(2.4rem,5vw,3.4rem);
  line-height:1.02;
  margin:0 0 18px;
  letter-spacing: -1.5px;
}

.lead{
  font-size:1.08rem;
  color:var(--muted);
  max-width:62ch;
}

.lead.small{
  max-width:42rem;
  margin:0 auto;
}

@media (max-width:980px){
  .page-hero h1{
    font-size:2.6rem;
  }
}