.article-wrapper{transition:all .1s;will-change:filter;&:hover{filter:drop-shadow(0 3px 3px #999)}&:active{filter:drop-shadow(0 2px 2px #888)}}.content-wrapper .blog-index{display:flex;flex-wrap:wrap;gap:3rem;padding:2rem}.blog-index__post{background:#053539;height:22rem;text-decoration:none;transition:all .1s;width:20rem;will-change:transform;img{height:15rem;object-fit:cover;width:100%}h5{font-family:Aeonik Bold;font-weight:400;hyphens:none;line-height:1.1;text-decoration:none;text-transform:uppercase}h5,p{color:#fff;font-size:small;margin:.2rem .6rem;text-wrap-style:pretty}p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}&:hover{transform:translateY(-.1rem) scale(1.005)}&:active{transform:translateY(-.05rem) scale(1.0025)}}