.article-card{--max-height:300px}.article-card .article-card-media{max-height:calc(var(--max-height) - 8px);transition:all .3s ease-in-out}.article-card video,.article-card img{filter:brightness();min-width:450px;transition:all .3s ease-in-out;overflow:hidden;transform:translate(0);object-fit:cover!important;transform-origin:top!important}.article-card:hover{border:1px solid var(--accent)!important}.article-card:hover .article-card-media{box-shadow:var(--shadow-3xl);background-color:var(--border);transition:all .3s ease-in-out}.article-card:hover video,.article-card:hover img{filter:brightness(1.05);transition:all .3s ease-in-out;scale:1}.article-card:hover .card-content-wrapper{transform-origin:bottom;height:fit-content;margin-top:auto;transition:all .3s ease-in-out;position:absolute;bottom:.5rem;left:0;right:0;scale:.9}.article-card:hover .card-title-overlay{opacity:0;transition:all .3s ease-in-out;bottom:-5rem;left:0;right:0}.article-card .card-content-wrapper{left:0;right:0;bottom:calc(var(--max-height)*-1.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-left:0;margin-right:0;transition:all .3s ease-in-out;position:absolute;border-radius:.2rem!important}.article-card .card-title-overlay{opacity:1;mix-blend-mode:exclusion;background:linear-gradient(#0000,#000);width:100%;margin:auto;padding:1rem;transition:all .3s ease-in-out;bottom:0;left:0;right:0}.article-card .article-card picture,.article-card .article-card-media>div{transform-origin:top!important}html[data-theme=dark] .article-card,html[data-theme=light] .article-card{border:1px solid var(--border)!important}@media screen and (max-width:1240px){.article-card{--max-width:calc(50vw - 4rem)!important;margin:.5rem 0!important}}@media screen and (max-width:768px){.article-card{--max-width:calc(80vw - 1.5rem)!important;margin:.5rem 0!important}}@media screen and (max-width:420px){.article-card{--max-width:calc(100vw - 3rem)!important;margin:.5rem 0!important}}@media screen and (max-width:378px){.article-card{--max-width:calc(100vw - 3rem)!important;margin:.5rem 0!important}}@media screen and (min-width:1921px){.article-card{--max-width:calc(25vw - 3rem);margin:.5rem 0!important}}.article-card-media img.aspect-auto.object-cover.relative.w-full.h-auto.image-media-http\:\/\/localhost\:3000\/api\/media\/file\/hz-interior-hive-01\.webp{scale:1.8}