.page-head{
  padding: 18px 0 0;
}
.breadcrumb{color:rgba(255,255,255,.70);font-size:13px}
.breadcrumb a{color:rgba(255,255,255,.86)}
.breadcrumb a:hover{color:#fff}
.page-title{margin:10px 0 0;font-size:22px}
.posts{
  display:grid;gap:14px;
}
.posts .row{
  display:grid;
  /*grid-template-columns: 220px 1fr;*/
  gap:14px;
  padding:14px;border-radius:var(--radius);
  background: rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}
@media (max-width: 720px){
  .posts .row{grid-template-columns:1fr}
}
.posts .row:hover{border-color: rgba(124,58,237,.30)}
.posts .thumb{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);aspect-ratio: 16/10}
.posts .thumb img{width:100%;height:100%;object-fit:cover}
.posts h2{margin:0 0 6px;font-size:18px;line-height:1.35}
.posts .meta{display:flex;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.70);font-size:12px}
.posts .desc{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:13px}

.pagination{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pagination a, .pagination span{
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color:rgba(255,255,255,.88);
}
.pagination a:hover{border-color: rgba(124,58,237,.35)}
.pagination .current{background: rgba(124,58,237,.20);border-color: rgba(124,58,237,.35);color:#fff}