/* Urban Web blog typography refinement */
main > section:first-of-type h1 {
  font-size: clamp(2.35rem, 5vw, 4.75rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  max-width: 16ch;
}
main article h2 {
  font-size: clamp(1.35rem, 2.1vw, 1.9rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}
main .article-page .article-header h1,
main article.article-page h1 {
  font-size: clamp(2.2rem, 4.6vw, 4rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  max-width: 19ch;
}
main .article-page .article-body h2,
main article.article-page .article-body h2 {
  font-size: clamp(1.55rem, 2.6vw, 2.2rem) !important;
  line-height: 1.18 !important;
  margin-top: 2.4rem !important;
  margin-bottom: .8rem !important;
}
main .article-page .article-body h3,
main article.article-page .article-body h3 {
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  line-height: 1.25 !important;
  margin-top: 2rem !important;
}
main .article-page .lede,
main article.article-page .lede {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem) !important;
  line-height: 1.6 !important;
}
footer h2 { font-size: 1rem !important; line-height: 1.3 !important; letter-spacing: .02em !important; }
@media (max-width: 700px) {
  main > section:first-of-type h1 { font-size: clamp(2.1rem, 11vw, 3.2rem) !important; }
  main .article-page .article-header h1,
  main article.article-page h1 { font-size: clamp(2rem, 10vw, 3rem) !important; }
  main article h2 { font-size: 1.35rem !important; }
}
