/* =========================================================
   BLOG
   ========================================================= */
.ff-blog{
  background:var(--ff-black);
  padding:var(--ff-section-pad) 0;
}
.ff-blog-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--ff-gap);
}
.ff-post-card{
  background:var(--ff-card);
  border:1px solid var(--ff-border);
  border-radius:var(--ff-radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.ff-post-media{ aspect-ratio:16/10; overflow:hidden; background:var(--ff-card-alt); }
.ff-post-media img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.ff-post-card:hover .ff-post-media img{ transform:scale(1.05); }
.ff-post-body{ padding:26px 26px 28px; flex:1; display:flex; flex-direction:column; }
.ff-post-title{
  font-size:22px;
  margin-bottom:14px;
}
.ff-post-title a{ color:var(--ff-white); transition:color .15s ease; }
.ff-post-title a:hover{ color:var(--ff-lime); }
.ff-post-excerpt{ font-size:14.5px; margin-bottom:20px; }
.ff-post-body .ff-btn{ margin-top:auto; align-self:flex-start; }

.ff-blog-empty{
  color:var(--ff-muted);
  border:1px dashed var(--ff-border);
  border-radius:var(--ff-radius);
  padding:40px;
  text-align:center;
}

@media (max-width:900px){
  .ff-blog-grid{ grid-template-columns:1fr; }
}