.articles-wrapper.grid{margin:0 0 5rem}
@media screen and (min-width:750px){
.articles-wrapper.grid{margin-bottom:7rem}
}
.articles-wrapper .article{max-width:100%}
@media screen and (max-width:749px){
.articles-wrapper .article{width:100%}
}
.article{display:flex;align-items:center;overflow:hidden}
.article.grid__item{padding:0}
.article-card{align-self:flex-start;flex:0 1 100%;display:flex;align-items:flex-start;height:100%}
.article-card-lnk{display:block!important;position:absolute;top:0;left:0;bottom:0;right:0;z-index:3}
.article-card__tags{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.article-card__tag a{display:block;position:relative;text-decoration:none;font-size:1rem;text-transform:uppercase;color:rgba(var(--color-foreground-secondary));transition:var(--duration-default);z-index:5;overflow:hidden;height:1.2rem}
.article-card__tag a span{display:flex;flex-direction:column;backface-visibility:hidden;transition:var(--duration-default)}
.article-card__tag a span:after{display:block;content:attr(title);margin-top:.5rem;color:rgba(var(--color-foreground))}
.article-card__tag a:hover span{transform:translateY(calc(-50% - .2rem))}
.grid--peek .article-card{box-sizing:border-box}
.article-card__info{display:flex;flex-direction:column;flex-grow:1}
.article-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.article-card__title a{position:relative;z-index:5;text-decoration:none;transition:var(--duration-default)}
.article-card__title a:hover{color:rgba(var(--color-foreground),.75)}
.article-card__image{overflow:hidden}
.article-content img{transition:transform var(--duration-default) ease}
.article-content:hover img{transform:scale(1.07)}
.article-card__image-wrapper>a{display:block}
.article-card__title{text-decoration:none;word-break:break-word}
.article-card__link.link{padding:0}
.article-card__link{text-underline-offset:.3rem}
.article-content:hover .article-card__link{text-decoration-thickness:.2rem}
.article-card__header{line-height:1.5}
.article-card__header h2{margin:0 0 .2rem}
.article-card__header h2+span{display:inline-block;margin-top:1rem}
.article-card__excerpt{margin:0;font-size:1.6rem}
.article-card__footer{letter-spacing:.1rem;font-size:1.4rem}
.article .media--landscape{height:100%}