.blog-header{grid-template-columns:1fr;gap:16px;margin-block:32px;display:grid}@media (min-width:768px){.blog-header{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-header{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}}.blog-list-sidebar-posts{flex-direction:column;gap:16px;display:flex}.blog-list-last-item,.blog-list-sidebar-item,.blog-list-item{border:2px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:16px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.blog-list-last-item:after,.blog-list-sidebar-item:after,.blog-list-item:after{z-index:0;content:"";background:linear-gradient(to top,color-mix(in srgb,var(--cl-main-1000)90%,transparent),color-mix(in srgb,var(--cl-main-1000)70%,transparent),color-mix(in srgb,var(--cl-main-1000)20%,transparent));position:absolute;inset:0}.blog-list-last-item{flex:1;min-height:320px;padding:24px}@media (min-width:768px){.blog-list-last-item{grid-area:span 2/span 2;min-height:420px}}.blog-list-sidebar-item,.blog-list-item{min-height:202px;padding:16px}.blog-list-sidebar-item:after,.blog-list-item:after{background:linear-gradient(to top,color-mix(in srgb,var(--cl-main-1000)90%,transparent),color-mix(in srgb,var(--cl-main-1000)70%,transparent),color-mix(in srgb,var(--cl-main-1000)60%,transparent))}@media (min-width:768px){.blog-list-item{min-height:240px}}.blog-list-background-image{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-list-item-content{z-index:1;position:relative}.blog-list-items{gap:16px;display:grid}@media (min-width:768px){.blog-list-items{grid-template-columns:repeat(2,1fr)}}.blog-list-item-link{display:block}.blog-list-item-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-list-item-link:hover .blog-list-item-description{color:var(--cl-main-0)}
