.project-card{background:var(--background-card-image);background-size:cover;background-position:50%;min-width:500px;height:350px;border-radius:var(--xs-size);position:relative;overflow:hidden;padding:20px;transition:all .3s;border:2px solid transparent}.project-card.portrait{height:516px!important;width:100%}.project-card:hover{transform:scale(1.01) translateY(-3px)}.project-card:before{content:" ";display:block;width:100%;height:100%;-webkit-backdrop-filter:blur(10px) brightness(.6);backdrop-filter:blur(10px) brightness(.6);-webkit-mask:linear-gradient(rgba(233,194,194,0),rgb(255,255,255) 95%);mask:linear-gradient(rgba(233,194,194,0),rgb(255,255,255) 95%);position:absolute;top:0;left:0}.project-card .card-layer{height:100%;display:flex;align-items:flex-end;justify-content:space-between}.project-card .card-layer .left{z-index:1}.project-card .card-layer .left h4{font-size:24px;font-weight:300;margin-bottom:var(--two-xs-size)}.project-card .card-layer .left .card-tags{display:flex;gap:var(--three-xs-size);overflow-x:scroll;max-width:300px}.project-card .card-layer .left .card-tags li{width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content}.project-card.portrait .card-layer .left .card-tags{max-width:220px!important}.project-card .card-layer .left .card-tags::-webkit-scrollbar{display:none}@media(max-width:425px){.project-card .card-layer .left .card-tags{max-width:250px!important}.project-card{height:516px!important;min-width:calc(100vw - 20px)}}