.custom-blog-loop{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.custom-blog-loop{grid-template-columns:repeat(4,1fr);gap:16px}}.custom-blog-item{position:relative;overflow:hidden;display:block;aspect-ratio:1 / 1;cursor:pointer}.custom-blog-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.custom-blog-item:hover img{transform:scale(1.05)}.custom-blog-item::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .4);opacity:0;transition:opacity 0.3s ease}.custom-blog-item:hover::after{opacity:1}.custom-blog-meta{position:absolute;bottom:0;left:0;width:100%;padding:8px;box-sizing:border-box;color:#fff;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);z-index:2}.custom-blog-title{font-size:16px;font-weight:700;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.custom-blog-date{font-size:10px;font-weight:500;opacity:.8}@media (min-width:768px){.custom-blog-date{font-size:14px}.custom-blog-title{font-size:20px;-webkit-line-clamp:4}.custom-blog-category{font-size:14px}.custom-blog-meta{padding:16px}@media (min-width:768px) and (max-width:1024px){.custom-blog-title{font-size:16px;-webkit-line-clamp:4}}}