.card{border:1px solid #d9d9d9;border-radius:10px;display:flex;flex:0 0 32%;flex-wrap:wrap;overflow:hidden;position:relative;transition:all .3s ease}@media screen and (max-width:1024px){.card{flex:1 0 49%}}.card:hover{border:1px solid transparent;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;transform:translateY(-3px)}.card__img-warp{width:100%}.card__img{display:block;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.card__link{color:#222;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__link:hover{color:#222c}.card__link:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card__title{padding:16px 16px 20px}