.article-card{display:flex;flex-direction:column;justify-content:space-between;max-width:356px;height:100%;max-height:420px;margin:0 auto;margin-top:1rem!important;transition:all .3s ease-in-out;background:linear-gradient(135deg,#d3d3d3,#a9a9a9);border:0 solid rgba(108,108,108,.2039215686)!important;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.article-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/svg/grid.svg);background-size:100px 100px;background-repeat:repeat;opacity:.05;filter:invert(.8);pointer-events:none}.article-card:hover{background:linear-gradient(135deg,#d3d3d3,#a9a9a9);box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-5px)}.article-card .article-card-media{margin-top:-1rem!important;max-height:224px;min-height:224px;transition:all .3s ease-in-out}.article-card img,.article-card video{scale:1;filter:brightness(.9);min-height:250px;-o-object-fit:cover;object-fit:cover;overflow:hidden;transform:translate(0);transform-origin:top center!important;transition:all .3s ease-in-out}.article-card .card-content{top:-1rem;padding:1rem!important;position:relative;transition:all .3s ease-in-out}.article-card .article-card-hover{width:0;max-height:15rem;float:right;scale:.8;transform-origin:bottom right}.article-card .article-card-hover,.article-card .article-card-hover-bg{position:absolute;bottom:0;right:0;margin-left:auto;transition:all .3s ease-in-out;overflow:hidden}.article-card .article-card-hover-bg{width:100%;opacity:0;height:0;float:left;scale:1;background:rgba(223,223,223,.3450980392);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 19px 20px 110px -20px rgba(243,243,243,.3450980392);transform-origin:bottom}.article-card .category-tags{color:var(--color-alt);opacity:1;transition:all .3s ease-in-out;z-index:55}.article-card:hover{box-shadow:var(--shadow-hover)}.article-card:hover,.article-card:hover .article-card-media{transition:all .3s ease-in-out}.article-card:hover .article-card-hover{width:100%;scale:3;transition:all .3s ease-in-out}.article-card:hover .article-card-hover-bg{width:100%;height:8rem;bottom:0;scale:1;opacity:1;background:var(--background-gradient);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;z-index:-1}.article-card:hover a{color:var(--color-white)!important;transition:all .3s ease-in-out}.article-card:hover .category-tags{color:var(--color-accent);opacity:1!important;transition:all .3s ease-in-out;z-index:55}.article-card:hover img,.article-card:hover video{scale:1.05;filter:brightness(1.1);transition:all .3s ease-in-out}.article-card:hover .from-\[\#ffffff14\]{--tw-gradient-from:#94949457 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);transition:all .3s ease-in-out}.card-content-wrapper{display:block;position:relative}.article-card picture,.article-card-media>div{transform-origin:top bottom!important}