/* Blog hub: small additions on top of homepage.css (shared design system). */
.bl-hero { padding-top: 64px; padding-bottom: 56px; text-align: center; }
.bl-hero .hp-eyebrow { margin-left: auto; margin-right: auto; }
.bl-hero h1 { color: #fff; font-size: 44px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 14px; }
.bl-hero p { color: #d9dcd2; font-size: 17px; line-height: 1.65; margin: 0 auto; max-width: 640px; }
.blog-card-img { display: block; }
.blog-card h3 a { color: inherit; text-decoration: none; }
.blog-card h3 a:hover { color: #5f8a1d; }
.blog-card .blog-date { flex: none; margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #5f8a1d; }
.blog-card .blog-read { margin-top: auto; }
@media (max-width: 640px) {
  .bl-hero { padding-top: 48px; padding-bottom: 44px; }
  .bl-hero h1 { font-size: 34px; }
}