.custom-article-list{display:flex;flex-direction:column;background:var(--hk-white);padding:20px}.article-block{display:flex;flex-direction:row;align-items:center;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:box-shadow var(--transition-fast),opacity .5s ease-in-out,transform .5s ease-in-out;box-shadow:var(--shadow-subtle);&:hover{box-shadow:var(--shadow-hover)}&.animate-in{opacity:1;transform:translateY(0)}}.article-list-item{display:flex;flex-direction:row}.article-list-image{flex:0 0 350px;overflow:hidden;& img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}}.article-list-content{flex:2;padding:1.5rem;display:flex;flex-direction:column}h2.article-list-title{font-size:1.2rem;color:var(--hk-green);margin:0;font-weight:700}.article-list-date{font-size:1rem;color:#666;margin-top:5px}.article-list-excerpt{font-size:.9rem;color:var(--hk-black);margin-top:10px;line-height:1.6;overflow:hidden;max-height:500px;&:hover{max-height:none}}.lire_grid{margin-top:auto}@media(width<=768px){.article-block{flex-direction:column;align-items:flex-start}.article-list-item{flex-direction:column}.article-list-image,.article-list-content{flex:none;width:100%}.article-list-content{padding:1.2rem}h2.article-list-title{font-size:1.25rem}.article-list-date,.article-list-excerpt{font-size:.875rem}.lire_grid{padding:10px 20px}}