.container.blog{flex-direction:column;gap:2.625rem;display:flex}.container.blog ul{gap:1.875rem;margin:0;padding:0;list-style:none;display:grid}.container.blog ul:first-child{grid-template-columns:1fr 1fr}.container.blog ul:first-child a{max-height:26rem}.container.blog ul:last-child{grid-template-columns:1fr 1fr 1fr}.container.blog ul:last-child a{max-height:20rem}.container.blog ul a{border-radius:var(--radius-lg);background-color:var(--background-color-secondary);width:100%;height:100%;animation-timeline:view();animation-duration:var(--duration-slow);animation-timing-function:var(--ease-elastic);will-change:transform,opacity;outline:0 solid #0000;flex-direction:column;justify-content:space-between;gap:1.125rem;padding:1.125rem;animation-name:items-fade-in;animation-fill-mode:both;animation-range:entry 0 cover 30%;display:flex}.container.blog ul a:focus-visible,.container.blog ul a:hover{outline-color:var(--background-color-tertiary);outline-width:.0625rem}.container.blog ul a .cover{border-radius:var(--radius-sm);background-color:var(--background-color-tertiary);flex:1;position:relative;overflow:hidden}.container.blog ul a .cover img{object-fit:cover;object-position:center;width:100%;height:100%}.container.blog ul a .content{flex-direction:column;width:100%;line-height:1.8;display:flex}.container.blog ul a .content h3,.container.blog ul a .content p{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.container.blog ul a .content h3{-webkit-line-clamp:1;line-clamp:1}.container.blog ul a .content p{-webkit-line-clamp:2;line-clamp:2}.container.blog ul a .content .meta{color:var(--color-caption);font-size:var(--font-size-caption);margin-top:1em}@media (max-width:60rem){.container.blog{gap:1.875rem}.container.blog ul:first-child,.container.blog ul:last-child{grid-template-columns:1fr}}@keyframes items-fade-in{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}