.c-articles-list{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0 -8px;width:calc(100% + 16px);box-sizing:border-box}.c-articles-item{padding:0;width:calc(25% - 16px);margin-left:8px;margin-right:8px;margin-bottom:16px;list-style-type:none;overflow:hidden;height:200px}.c-articles-item__media figure{height:100%;display:flex;align-items:center;justify-content:center}.c-articles-item__media img{height:100%;object-position:50% 50%;object-fit:cover}.c-articles-item__bottom{box-sizing:border-box;transition:all ease .3s;transform:translateY(-55px)}.c-articles-item__title{box-sizing:border-box;padding:8px;font-size:14px;font-weight:700;height:55px;color:#fff;background-color:rgba(0,0,0,.4);transition:background-color ease .2s}.c-articles-item__desc{box-sizing:border-box;padding-top:16px;font-size:12px;color:rgba(255,255,255,0);padding:8px;background-color:rgba(0,0,0,.55);transition:color ease .2s .4s;max-height:200px}@media (min-width:1280px){.c-articles-item:hover .c-articles-item__bottom{transform:translateY(-100%)}.c-articles-item:hover .c-articles-item__title{background-color:rgba(0,0,0,.8)}.c-articles-item:hover .c-articles-item__desc{color:rgba(255,255,255,1)}}@media (max-width:1280px){.c-articles-item{width:calc(33% - 16px)}}@media (max-width:860px){.c-articles-item{width:calc(50% - 16px)}.c-articles-item__media img{min-height:100%}}@media (max-width:480px){.c-articles-item__title{font-size:13px}}@media (max-width:440px){.c-articles-item{width:calc(100% - 16px)}.c-articles-item__media img{height:auto}}