.art{*{transition:all .5s ease-in-out}.project-title{font-weight:var(--fw-semibold);font-size:var(--fs-24);line-height:var(--lh-34);vertical-align:middle}.project-card{overflow:hidden;position:relative;transition:all .5s ease-in-out;.image{display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;aspect-ratio:53/55;img{object-fit:cover;object-position:center;display:block;width:100%;height:100%}}.video-cover{display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;aspect-ratio:53/55;video{object-fit:cover;object-position:center;display:block;width:100%;height:100%}}.card-body{position:absolute;top:24px;left:24px;right:24px;background-color:#FFFFFFAB;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:8px 16px;border-radius:12px}.images-cover{position:absolute;bottom:24px;left:24px;right:24px;background-color:#FFFFFFAB;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:12px;border-radius:12px;display:flex;gap:16px;.sub-image{display:flex;justify-content:center;align-items:center;aspect-ratio:1;overflow:hidden;border-radius:8px;width:60px;img{display:block;height:100%;width:100%;object-fit:cover;object-position:center}}.video-cover{display:flex;justify-content:center;align-items:center;aspect-ratio:1;overflow:hidden;border-radius:8px;position:relative;width:60px;video{display:block;width:100%;object-fit:cover;object-position:center}.play-btn{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:#FFFFFFAB;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;width:24px;aspect-ratio:1;svg{path{fill:var(--primary)}}}}}}.project-title{color:var(--text-primary)}&:hover{.image{img{transform:scale(1.1)}}.video-cover{video{transform:scale(1.1)}}.card-body{background-color:var(--secondary);.project-title{color:var(--white)}}.project-title{color:var(--primary);font-size:22px;line-height:30px}}}@media (max-width:767px){.project-card{.card-body{top:16px;left:16px;right:16px;.project-title{font-size:var(--fs-18);line-height:var(--lh-30)}}}.project-title{font-size:20px;line-height:30px}}@media (max-width:575px){.project-card{.card-body{top:12px;left:12px;right:12px;padding:6px 14px;.project-title{font-size:var(--fs-16);line-height:var(--lh-28)}}}.project-title{font-size:18px;line-height:26px}}