.ltd-blog-grid{ display:grid; gap:24px; }
.ltd-blog-grid.cols-1{ grid-template-columns:1fr; }
.ltd-blog-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
.ltd-blog-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.ltd-blog-grid.cols-4{ grid-template-columns:repeat(4,1fr); }

@media (max-width:1024px){
  .ltd-blog-grid.cols-3,
  .ltd-blog-grid.cols-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .ltd-blog-grid{ grid-template-columns:1fr !important; }
}

.ltd-blog-card{ background:#f6f5f2; }
.ltd-blog-thumb{ display:block; overflow:hidden; background:#e9e7e2; }
.ltd-blog-thumb img{ width:100%; height:320px; object-fit:cover; display:block; }
.ltd-blog-thumb-placeholder{ display:block; width:100%; height:320px; }

.ltd-blog-body{ padding:18px 18px 22px; }

.ltd-blog-meta{ margin:0 0 10px; }
.ltd-blog-title{ margin:0 0 12px; }
.ltd-blog-title a{ color:inherit; text-decoration:none; display:block; }

.ltd-blog-title a{
  display: -webkit-box;
  -webkit-line-clamp: var(--ltd-title-lines, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-block-size: calc(var(--ltd-title-lines, 3) * 1lh);
  block-size: calc(var(--ltd-title-lines, 3) * 1lh);
  max-height: calc(var(--ltd-title-lines, 3) * 1.2em);
  height: calc(var(--ltd-title-lines, 3) * 1.2em);
}

.ltd-blog-excerpt{ margin:0 0 6px; }
.ltd-blog-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: var(--ltd-excerpt-lines, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-block-size: calc(var(--ltd-excerpt-lines, 3) * 1lh);
  block-size: calc(var(--ltd-excerpt-lines, 3) * 1lh);
  max-height: calc(var(--ltd-excerpt-lines, 3) * 1.4em);
  height: calc(var(--ltd-excerpt-lines, 3) * 1.4em);
}

.ltd-blog-cta{ margin-top: 6px; }

.ltd-blog-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:14px 34px;
  line-height:1;
  white-space:nowrap;
  border-style:solid;
  border-width:2px;
  border-radius:40px;
  letter-spacing:3px;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}
.ltd-blog-btn:hover{
  transform: translateY(-1px);
}
.ltd-no-hover-lift .ltd-blog-btn:hover{
  transform:none;
}
