.blog-list-items{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.blog-list-item{background-color:color-mix(in srgb,var(--cl-main-900)50%,transparent);border-radius:8px;grid-column:span 4;padding:2px}.blog-list-item:first-child{grid-area:span 3/span 5}.blog-list-item:nth-child(2),.blog-list-item:nth-child(3),.blog-list-item:nth-child(4){grid-column:span 7;grid-template-columns:220px auto;display:grid}.blog-list-item:nth-child(5),.blog-list-item:nth-child(6){grid-column:span 6}.blog-list-background-image{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;display:block}.blog-list-item-meta{position:relative}.blog-list-item-date{background-color:color-mix(in srgb,var(--cl-main-900)90%,transparent);border-radius:4px;padding:4px 8px;font-size:14px;display:block;position:absolute;top:4px;left:4px}.blog-list-item-title{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-list-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-list-item-link{padding:12px 16px;display:block}.blog-list-item-link:hover .blog-list-item-title,.blog-list-item-link:hover .blog-list-item-continue{color:var(--cl-accent-200)}.blog-list-item:first-child .blog-list-item-link:hover .blog-list-item-title{color:inherit}