.blog-listing{
  background:var(--surface-1);
  padding:100px 60px;
}

.blog-listing-header{
  text-align:center;
  margin-bottom:55px;
}

.blog-listing-header .small{
  letter-spacing:3px;
  font-size:12px;
  color:var(--gold-3);
  margin-bottom:12px;
}

.blog-listing-header h2{
  font-family:Cambria, Georgia, serif;
  font-size:40px;
  color:var(--cream);
}

.blog-listing-header h2 span{
  font-style:italic;
  color:var(--gold-3);
}

.blog-listing .blog-grid{
  max-width:1200px;
  margin:0 auto;
}

.blog-icon{
  margin-bottom:30px;
}

@media(max-width:1024px){
  .blog-listing{ padding:80px 30px; }
}

@media(max-width:768px){
  .blog-listing{ padding:60px 16px; }
  .blog-listing-header h2{ font-size:28px; }
}

/* Related posts section on blog-post.html reuses .blog-grid from style.css */
.related-wrap{
  background:var(--surface-2);
}