.m-article-tile{display:block;text-decoration:none}@media(min-width: 768px){.m-article-tile{height:0;position:relative;padding-bottom:100%}}.m-article-tile__content{display:block}@media(min-width: 768px){.m-article-tile__content{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}}.article-title__info{display:flex;flex-direction:column;flex:0 0 auto;padding-bottom:16px;background:#fff}@media(min-width: 768px){.article-title__info{position:absolute;bottom:0;left:0;width:100%;min-height:160px}}.m-article-tile__category{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#5f5f5f;flex:0 0 auto;padding-top:12px;margin-bottom:0;line-height:1}@media(min-width: 576px){.m-article-tile__category{font-size:13px;line-height:1.38}}.m-article-tile__category:before{position:relative;top:-12px;content:"";display:block;border-top:5px solid #5f5f5f;max-width:120px;transition:max-width .3s ease}.m-article-tile:hover .m-article-tile__category:before{max-width:100%}.m-article-tile__category--blue{color:#00adc6}.m-article-tile__category--blue:before{border-top-color:#00adc6}.m-article-tile__category--green{color:#668980}.m-article-tile__category--green:before{border-top-color:#668980}.m-article-tile__category--orange{color:#ddbe65}.m-article-tile__category--orange:before{border-top-color:#ddbe65}.m-article-tile__category--purple{color:#9190ac}.m-article-tile__category--purple:before{border-top-color:#9190ac}.m-article-tile__title{font-size:18px;font-weight:700;line-height:1.5;letter-spacing:.01em;flex:1 0 auto;color:#000;text-overflow:ellipsis;margin:10px 0 0;line-height:1.3}@media(min-width: 576px){.m-article-tile__title{font-size:20px}}@media(min-width: 768px){.m-article-tile__title{line-height:1.3}}.m-article-tile__metadata{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.02em;flex:0 0 auto;margin-top:10px}@media(min-width: 576px){.m-article-tile__metadata{font-size:16px}}.m-article-tile__date,.m-article-tile__author{color:#5f5f5f}.m-article-tile__author{font-weight:bold}.m-article-tile__date~.m-article-tile__author:before{content:" | ";font-weight:normal}