.blog-list-items{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.blog-list-background-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.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{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out);flex-direction:column;grid-column:span 12;display:flex;position:relative;overflow:hidden}.blog-list-item:after{pointer-events:none;content:"";background:var(--cl-accent-400);transform-origin:0;height:2px;transition:transform .4s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.blog-list-item:hover{background:var(--surface);border-color:color-mix(in srgb, var(--cl-accent-400) 32%, var(--stroke-subtle))}.blog-list-item:hover:after{transform:scaleX(1)}@media (min-width:768px){.blog-list-item{grid-column:span 6}}@media (min-width:1024px){.blog-list-item{grid-column:span 4}.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:200px auto;display:grid}}.blog-list-item:nth-child(2) .blog-list-item-description,.blog-list-item:nth-child(3) .blog-list-item-description,.blog-list-item:nth-child(4) .blog-list-item-description{-webkit-line-clamp:2;line-clamp:2}.blog-list-item:nth-child(2) .blog-list-background-image,.blog-list-item:nth-child(3) .blog-list-background-image,.blog-list-item:nth-child(4) .blog-list-background-image{aspect-ratio:auto;height:100%}@media (min-width:1024px){.blog-list-item:nth-child(5),.blog-list-item:nth-child(6){grid-column:span 6}}.blog-list-item-meta{position:relative}.blog-list-item-date{font-family:var(--font-mono),monospace;background:color-mix(in srgb, var(--cl-main-1000) 88%, transparent);border-radius:var(--radius-full);padding:6px 12px;font-size:.75rem;font-weight:400;display:block;position:absolute;top:12px;left:12px}.blog-list-item-title{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;transition:color .2s var(--ease-out);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-list-item-continue{color:var(--cl-main-300);transition:color .2s var(--ease-out);font-size:.875rem;font-weight:500}.blog-list-item-link{padding:20px 24px;display:block}.blog-list-item-link:hover .blog-list-item-title,.blog-list-item-link:hover .blog-list-item-continue{color:var(--cl-accent-400)}.blog-list-item:first-child .blog-list-item-link:hover .blog-list-item-title{color:inherit}