.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)}#portfolio-index-page .portfolio-index-limiter{box-sizing:border-box;padding:100px 20px}#portfolio-index-page .portfolio-index-content{display:flex;flex-flow:column;row-gap:60px}@media(min-width:992px){#portfolio-index-page .portfolio-index-content{min-height:650px}}#portfolio-index-page .portfolio-index-content .breadcrumbs{height:40px;display:flex;flex-flow:row;align-items:center;justify-content:flex-start}#portfolio-index-page .portfolio-index-content .breadcrumbs a{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;line-height:22px;font-size:calc(18px*var(--font-scale));color:var(--white);text-decoration:none}@media(min-width:992px){#portfolio-index-page .portfolio-index-content .breadcrumbs a{font-size:calc(20px*var(--font-scale));line-height:40px}}#portfolio-index-page .portfolio-index-content .breadcrumbs a:hover{text-decoration:underline;text-decoration-color:var(--white);text-underline-offset:5px}#portfolio-index-page .portfolio-index-content .top-bar{width:100%;display:flex}@media(max-width:991.98px){#portfolio-index-page .portfolio-index-content .top-bar{flex-flow:column;align-items:flex-start;justify-content:flex-start;gap:20px}}@media(min-width:992px){#portfolio-index-page .portfolio-index-content .top-bar{flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;row-gap:20px;-moz-column-gap:20px;column-gap:20px}}#portfolio-index-page .portfolio-index-content .top-bar h1{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;line-height:2;font-size:calc(24px*var(--font-scale));color:var(--white);text-align:left}@media(min-width:992px){#portfolio-index-page .portfolio-index-content .top-bar h1{font-size:calc(48px*var(--font-scale));line-height:64px}#portfolio-index-page .portfolio-index-content .top-bar #portfolio-filter{margin-left:auto}}#portfolio-index-page .portfolio-index-content>.no-data{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;width:100%;flex-flow:row nowrap;align-items:center;justify-content:center}#portfolio-index-page .portfolio-index-content>.no-data p{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;line-height:2;font-size:calc(24px*var(--font-scale));color:var(--white)}@media(min-width:992px){#portfolio-index-page .portfolio-index-content>.no-data p{font-size:calc(48px*var(--font-scale));line-height:64px}}#portfolio-index-page .portfolio-index-content #portfolio-grid{width:100%}@media screen and (max-width:360px){#portfolio-index-page .portfolio-index-content #portfolio-grid{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;row-gap:20px}}@media screen and (min-width:360px){#portfolio-index-page .portfolio-index-content #portfolio-grid{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,316px);gap:20px}}@media(min-width:1200px){#portfolio-index-page .portfolio-index-content #portfolio-grid{justify-content:start}}