.article-card{height:20vw;position:relative;border:.14vw solid var(--border-soft);border-radius:.9vw;overflow:hidden}.article-card,.article-card a{justify-content:start!important}.article-card a{width:100%;height:100%;gap:.5vw}.article-card a .category-label{padding:.65vw 1.05vw;border-radius:.6vw;color:var(--light-bg);position:absolute;top:1.2vw;right:1.2vw;z-index:2;font-size:.85vw;font-weight:400;background-color:var(--primary)}.article-card a figure{width:100%;height:65%;position:relative;transition:all .35s ease-in-out}.article-card a:hover figure{transform:scale(1.02)}.article-card a figure img{width:100%;height:100%}.article-card a .article-card-details{padding:1vw;width:100%;min-height:25%;position:absolute;bottom:0;gap:.8vw;align-items:start!important;justify-content:start!important;z-index:3;color:var(--dark-font)}.article-card a .article-card-details h3{width:100%;height:2.2vw;text-align:start;color:var(--dark-font);font-weight:500;font-size:.95vw;transition:all .25s ease-in-out}.article-card a:hover .article-card-details h3{color:var(--primary)}.article-card a .article-card-sub-details{justify-content:start!important;color:var(--border-strong);gap:1vw}.article-card a .article-card-sub-details h5{justify-content:start!important;color:var(--border-strong);gap:.45vw;font-weight:300;font-size:.85vw}.article-card a .article-card-sub-details h5:first-child i{font-size:1.1vw}.article-card a .article-card-sub-details h5:last-child i{font-size:.3vw}@media (max-width:450px){.article-card{height:56vw;position:relative;border:.44vw solid var(--border-soft);border-radius:2vw}.article-card a .category-label{padding:1.65vw 1.05vw;border-radius:2vw;z-index:2;font-size:2.85vw}.article-card a figure{height:60%}.article-card a .article-card-details h3{width:100%;height:8.2vw;font-size:2.95vw}.article-card a .article-card-sub-details h5:first-child i{font-size:2.98vw}.article-card a .article-card-sub-details{justify-content:space-between!important;width:100%;margin-top:3vw;padding-bottom:2vw}.article-card a .article-card-sub-details h5{font-size:2.95vw}.article-card a .article-card-sub-details h5:last-child i{font-size:1.8vw}}