.cardProject{background-color:var(--background);border:2px solid var(--importantBg);border-radius:20px;flex-direction:column;gap:.5rem;min-height:100%;padding:.5rem;display:flex;position:relative;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.cardProject.clickable{cursor:pointer}.cardProject:focus-visible{outline:5px solid var(--important);outline-offset:5px}.cardProject .cardProjectDescription{flex-direction:column;flex:1;gap:1rem;margin:1rem;display:flex}.cardProject .cardImageWrapper{aspect-ratio:16/9;border-radius:10px 10px 0 0;width:100%;overflow:hidden}.cardProject .cardImage{object-fit:cover;object-position:left top;filter:brightness(.7);width:100%;height:100%;transition:filter .3s,transform .3s;transform:scale(1)}.cardProject:hover .cardImage{filter:brightness(.9);transform:scale(1.05)}.cardProject .site{transition:color .5s,background-color .5s}.cardProject:hover .site{color:var(--background);background:var(--importantBgButton)}.cardProject p{-webkit-line-clamp:3;text-overflow:ellipsis;text-align:start;-webkit-box-orient:vertical;margin-bottom:.5rem;display:-webkit-box;overflow:hidden}.cardProject .tags{flex-wrap:wrap;justify-content:end;gap:.3rem;margin-top:auto;padding:0;list-style:none;display:flex}.cardProject .tags .tag{font-size:14px}.cardProject .cardLinks{color:var(--title);z-index:5;gap:1rem;display:flex;position:absolute;top:1rem;right:1.5rem}.cardProject .cardLinks a{background:var(--importantBg);border-radius:100px;justify-content:center;align-items:center;width:48px;height:48px;padding:.5rem;transition:color .5s,background-color .5s;display:flex}.cardProject .cardLinks a:focus-visible{outline:5px solid var(--important);outline-offset:5px}.cardProject .cardLinks a:hover{color:var(--title);background:var(--important)}@media (min-width:768px){.projectsContent .cardProjectHorizontal{flex-direction:row-reverse;display:flex}.projectsContent .cardProjectHorizontal:nth-child(2n){flex-direction:row}.projectsContent .cardProjectHorizontal:nth-child(2n) .cardImageWrapper{border-radius:10px 0 0 10px}.projectsContent .cardProjectHorizontal:nth-child(2n) .tags{align-self:end}.projectsContent .cardProjectHorizontal:nth-child(2n) .cardLinks{top:1rem;left:1.5rem}.projectsContent .cardProjectHorizontal .cardProjectDescription{flex-direction:column;align-items:start;gap:1rem;width:60%;margin:2rem;display:flex}.projectsContent .cardProjectHorizontal .cardProjectDescription p{text-overflow:unset;margin-bottom:.5rem;display:block;overflow:visible}.projectsContent .cardProjectHorizontal .cardProjectDescription .tags{margin:auto 0 0}.projectsContent .cardProjectHorizontal .cardImageWrapper{border-radius:0 10px 10px 0;width:40%}.projectsContent .cardProjectHorizontal .cardImageWrapper .cardImage{object-position:left top}}.projectsContent p{text-overflow:unset;text-align:justify;margin-bottom:.5rem;display:block;overflow:visible}