.media{contain:content}.media__aspect{width:100%}.media__bg{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.is-loaded .media__bg{opacity:0;transition:opacity .5s ease-out}.is-complete .media__bg{opacity:0}.media__picture{height:100%;left:0;position:absolute;top:0;width:100%}.article-card__outline{transition:all .5s cubic-bezier(.19,1,.22,1)}.article-card__background{clip-path:inset(1.5rem round .5rem);transition:clip-path .5s cubic-bezier(.19,1,.22,1)}.article-card:hover .article-card__background{clip-path:inset(0 round .5rem)}.article-card__media-mask{mask-image:linear-gradient(180deg,#000 calc(100% - 8rem),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 8rem),transparent)}