.article-blog{border-radius:1.2rem;display:flex;flex-direction:column;height:100%;overflow:hidden;.article__media{display:block;img{aspect-ratio:580/435;object-fit:cover;@media (max-width:1023px){aspect-ratio:395/296}}}.article__body{background-color:var(--c-white);border:1px solid var(--c-grey-2);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-direction:column;flex-grow:1;padding:4.8rem 4.6rem;position:relative;transition:background-color .3s,color .3s;@media (max-width:850px){padding-bottom:3.6rem;padding-left:3.6rem;padding-right:3.6rem;padding-top:3.6rem}@media (max-width:360px){padding-bottom:2.5rem;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.2rem}.article__title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.25;margin-bottom:2rem;@media (max-width:1023px){-webkit-line-clamp:5;line-clamp:5}@media (max-width:767px){line-height:1.5;margin-bottom:1.9rem}@media (max-width:375px){font-size:2rem}a{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s;&:hover{@media (min-width:1024px){text-decoration-color:currentColor}}}}.article__tags{margin-bottom:1.6rem;margin-top:auto;text-transform:uppercase;span{transition:all .3s}}.article__meta{.meta{transition:color .3s}}.article__actions{margin-top:1.6rem;@media (max-width:767px){margin-top:2rem}}}&.article-blog--featured{&{@media (min-width:850px){border-radius:0;.article__media{border-radius:1.2rem;margin-bottom:-21.2%;overflow:hidden;@media (max-width:1023px){margin-bottom:-31.2%}img{aspect-ratio:1200/500;@media (max-width:1023px){aspect-ratio:834/400}}}.article__body{border-radius:1.2rem;margin-left:6.4rem;max-width:55rem;overflow:hidden;padding:4.8rem 4.6rem;.article__title{margin-bottom:2.4rem}}}}}@media (min-width:1024px){&:hover{.article__body{background-color:#bf3;.tags span{background-color:var(--c-white);border-color:var(--c-def-hover)}.meta,.tags span{color:currentColor}}}}}