.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 img,.article-card video{scale:1;filter:brightness(1);min-width:450px;-o-object-fit:cover!important;object-fit:cover!important;overflow:hidden;transform:translate(0);transform-origin:top center!important;transition:all .3s ease-in-out}.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 img,.article-card:hover video{scale:1;filter:brightness(1.05);transition:all .3s ease-in-out}.article-card:hover .card-content-wrapper{position:absolute;height:-moz-fit-content;height:fit-content;left:0;right:0;bottom:.5rem;margin-top:auto;scale:.9;transform-origin:bottom;transition:all .3s ease-in-out}.article-card:hover .card-title-overlay{bottom:-5rem;left:0;right:0;opacity:0;transition:all .3s ease-in-out}.article-card .card-content-wrapper{position:absolute;left:0;right:0;bottom:calc(var(--max-height)*-1.5);border-radius:.2rem!important;margin-left:0;margin-right:0;backdrop-filter:blur(4px);transition:all .3s ease-in-out}.article-card .card-title-overlay{background:linear-gradient(0deg,black,transparent);width:100%;margin:auto;bottom:0;left:0;right:0;opacity:1;padding:1rem;mix-blend-mode:exclusion;transition:all .3s ease-in-out}.article-card .article-card picture,.article-card .article-card-media>div{transform-origin:top center!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{margin:.5rem 0!important;--max-width:calc(50vw - 4rem)!important}}@media screen and (max-width:768px){.article-card{margin:.5rem 0!important;--max-width:calc(80vw - 1.5rem)!important}}@media screen and (max-width:420px){.article-card{margin:.5rem 0!important;--max-width:calc(100vw - 3rem)!important}}@media screen and (max-width:378px){.article-card{margin:.5rem 0!important;--max-width:calc(100vw - 3rem)!important}}@media screen and (min-width:1921px){.article-card{margin:.5rem 0!important;--max-width:calc(25vw - 3rem)}}.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}