/* SEO quick wins: keep the existing hero slogan look after it is no longer an <h1>. */
.hero-copy .hero-slogan{
  font-size:clamp(3rem,6.5vw,6.5rem);
  line-height:1.02;
  font-weight:650;
  letter-spacing:-.055em;
  text-wrap:balance;
  margin:0;
}
.hero-copy .hero-slogan span{color:var(--blue)}
.hero-copy h1.hero-category{
  font-size:clamp(1.125rem,1.6vw,1.5rem);
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.03em;
  text-wrap:balance;
  margin:22px auto 0;
  max-width:860px;
  color:#161719;
}
@media(max-width:800px){
  .hero-copy .hero-slogan{font-size:clamp(2.7rem,8.2vw,4.5rem)}
  .hero-copy h1.hero-category{font-size:1.125rem;margin-top:18px}
}
@media(max-width:360px){
  .hero-copy .hero-slogan{font-size:2.35rem}
}