.project-card{padding:var(--gap-spacing);background:var(--beige-200);gap:var(--gap-spacing);color:var(--brown-600);box-shadow:unset;border-radius:24px;flex-direction:column;transition:all .3s ease-in-out;display:flex;position:relative}.project-card__banner{aspect-ratio:2;border-radius:16px;width:100%;position:relative;overflow:hidden}.project-card__banner img{width:100%;height:100%}.project-card__content{align-items:center;gap:calc(var(--gap-spacing)/2);padding:0 calc(var(--gap-spacing)/2);display:flex}.project-card__text-content{flex-direction:column;gap:4px;display:flex}.project-card__title,.project-card__bottom-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;gap:4px;display:-webkit-box;overflow:hidden}.project-card__description{color:var(--brown-300);-webkit-line-clamp:3;margin-right:var(--gap-spacing);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (min-width:700px){.project-card__description{margin-right:calc(var(--gap-spacing)/2)}}.project-card__arrow{right:var(--gap-spacing);bottom:var(--gap-spacing);color:var(--brown-200);transition:all .3s ease-in-out;position:absolute;transform:scale(1)}.project-card:hover .project-card__arrow{color:var(--brown-600)}.project-card:hover{box-shadow:0 2px 4px #0000000d}