.ArticleNavigation{padding:64px 0}@media (max-width:1024px){.ArticleNavigation{padding:56px 0}}@media (max-width:768px){.ArticleNavigation{padding:48px 0}}@media (max-width:480px){.ArticleNavigation{padding:32px 0}}.ArticleNavigation__grid{display:flex;justify-content:center}@media (max-width:640px){.ArticleNavigation__grid{flex-direction:column}}.ArticleNavigation__item{flex:1 1;position:relative;max-width:640px;text-decoration:none}.ArticleNavigation__item:not(:last-child){margin-right:24px}@media (max-width:640px){.ArticleNavigation__item:not(:last-child){margin-right:0;margin-bottom:24px}}.ArticleNavigation__item:before{content:"";position:absolute;inset:0;background-color:rgba(40,40,40,.7);transition:background-color .25s ease-in-out;z-index:1}.ArticleNavigation__item:hover:before{background-color:rgba(40,40,40,.9)}.ArticleNavigation__picture{position:relative;padding-bottom:56.25%;background:#e5e5e5}.ArticleNavigation__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ArticleNavigation__label{position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2;text-align:center;color:#fff}.ArticleNavigation__icon{width:56px;height:56px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:border-color .25s ease}.ArticleNavigation__caption{position:relative;display:block;margin-top:24px}.ArticleNavigation__caption:after,.ArticleNavigation__caption:before{content:attr(data-text);display:block;transition:opacity .25s ease,transform .25s ease;color:#fff}.ArticleNavigation__caption:after{content:attr(data-hover);opacity:0;transform:translateY(-14px)}.ArticleNavigation__item:hover .ArticleNavigation__caption:before{opacity:0;transform:translateY(14px)}.ArticleNavigation__item:hover .ArticleNavigation__caption:after{opacity:1;transform:translateY(0)}