.main-blog .blog__top-article{margin-bottom:1.875rem;position:relative}.main-blog .blog__top-article,.main-blog .blog__top-article:hover{-webkit-transition:opacity var(--duration-default) ease-in-out;-o-transition:opacity var(--duration-default) ease-in-out;transition:opacity var(--duration-default) ease-in-out}.main-blog .blog__top-article:hover{opacity:.8}.main-blog .blog__top-article-image .img{padding-bottom:50%}.main-blog .blog__top-article-overlay{background:-o-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.7) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,rgba(0,0,0,0)),to(rgba(0,0,0,.7)));background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.7));-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;padding:1.5625rem;position:absolute;right:0;top:0;width:100%}.main-blog .blog__top-article-overlay a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.main-blog .blog__top-article-overlay a:hover{text-decoration:none}.main-blog .blog__top-article-title{color:var(--color-white);font-size:1.625rem;font-weight:700;line-height:2rem;margin:2.5rem 0 .5rem}@media screen and (min-width:768px){.main-blog .blog__top-article-title{font-size:1.25rem;line-height:1.625rem;margin:1.875rem 0 .375rem}}.main-blog .blog__top-article-date{color:var(--color-white);font-size:.9375rem;line-height:1.125rem}.main-blog .blog__navigation{margin-bottom:1.875rem;padding:0 .625rem}.main-blog .blog__navigation ul{list-style:none;padding:0}.main-blog .blog__navigation li{display:block;margin:0 .3125rem;padding:.3125rem}@media screen and (min-width:768px){.main-blog .blog__navigation li{display:inline-block}}.main-blog .blog__navigation a{color:var(--color-black);font-size:.9375rem;font-weight:700;line-height:1.375rem;text-transform:uppercase}.main-blog .blog__navigation a:active,.main-blog .blog__navigation a:focus,.main-blog .blog__navigation a:hover{text-decoration-thickness:.1875rem;text-underline-offset:.125rem}.main-blog .blog__navigation a.active{border-bottom:.1875rem solid var(--color-black)}.main-blog .blog__articles{grid-column-gap:1.875rem}