/* ============================================
   BLOG PAGE HEADER (blog.html)
   ============================================ */

.blog-header {
  padding-top: 160px;
  padding-bottom: 24px;
  max-width: 720px;
}

.blog-header h1 {
  font-size: clamp(34px, 5vw, 54px);
  color: var(--navy-900);
  margin: 16px 0 20px;
}

.blog-header p {
  color: var(--grey-600);
  font-size: 17px;
  max-width: 560px;
}

.blog-listing {
  padding-top: 24px;
}