.portfolio-card{transition:transform .6s;transform-style:preserve-3d;position:relative;width:316px;height:316px;cursor:pointer}@media(hover:hover)and (min-width:768px){.portfolio-card:not(.flipped):hover{transform:rotateY(20deg)}}.portfolio-card.flipped{transform:rotateY(180deg)}.portfolio-card .portfolio-card-side{display:block;width:100%;height:100%;box-sizing:border-box;padding:0;overflow:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}@media screen and (max-width:360px){.portfolio-card .portfolio-card-side{width:100%;height:unset}}.portfolio-card .portfolio-card-side.front{z-index:2}.portfolio-card .portfolio-card-side.back{transform:rotateY(180deg)}.portfolio-card .portfolio-card-side.back .card-container{padding:15px;display:flex;flex-direction:column;height:100%}.portfolio-card .portfolio-card-side.back .portfolio-item-cta-button{display:flex;flex:1;justify-content:center;align-items:center;align-self:center;margin-bottom:8px}.portfolio-card .portfolio-card-side.back .portfolio-item-title{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;justify-content:space-between;width:100%}.portfolio-card .portfolio-card-side.back .portfolio-item-title .portfolio-item-link{font-size:12px}.portfolio-card .portfolio-card-side.back .portfolio-item-title .portfolio-item-link a,.portfolio-card .portfolio-card-side.back .portfolio-item-title .portfolio-item-link a:visited{color:var(--web-text-grey);text-decoration:none}.portfolio-card .portfolio-card-side.back .portfolio-item-title .portfolio-item-link a>button>span{text-decoration:none}.portfolio-card .portfolio-card-side.back .portfolio-item-description{font-size:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow:ellipsis}.portfolio-card .portfolio-card-side.back .portfolio-item-details{font-size:12px;margin-top:auto;border-top:1px solid var(--main-light);width:100%;padding-top:10px}.portfolio-card .portfolio-card-side.back .portfolio-detail{margin-bottom:5px;display:flex}.portfolio-card .portfolio-card-side.back .portfolio-detail .detail-label{width:53px}.portfolio-card .portfolio-card-side.back .portfolio-detail .detail-value a,.portfolio-card .portfolio-card-side.back .portfolio-detail .detail-value a:visited{color:var(--web-text-grey)}