.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:8px;width:100%}.portfolio-block-main{margin-bottom:70px}.portfolio-grid__item{width:24.1%;max-height:528px;flex:none;overflow:hidden;position:relative}.portfolio-grid__item a{display:block;height:auto;height:100%;position:relative}.portfolio-grid__item .headline-project-new .category{white-space:nowrap;top:-2em;position:absolute;left:150px;text-transform:uppercase;color:#ccc;opacity:0;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.portfolio-grid__item .headline-project-new h3{white-space:nowrap;position:absolute;top:-1em;left:-50px;text-transform:uppercase;color:#fff;opacity:0;z-index:-10;-webkit-transition:all .6s ease-in-out,z-index 0s;-moz-transition:all .6s ease-in-out,z-index 0s;-o-transition:all .6s ease-in-out,z-index 0s;-ms-transition:all .6s ease-in-out,z-index 0s;transition:all .6s ease-in-out,z-index 0s}.portfolio-grid__item:hover .headline-project-new h3,.portfolio-grid__item:hover .headline-project-new .category{left:50px;opacity:1;z-index:0}.portfolio-grid__item .headline-project-new h3 a{color:#fff;text-decoration:none;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}.portfolio-grid__item .headline-project-new h3 a:hover{color:#01bcd6}.portfolio-grid__item:hover .headline-project-new{opacity:1}.portfolio-grid__item:hover .shade-hover{opacity:1}@media(max-width:1024px){.portfolio-block .portfolio-grid__item .headline-project-new{top:0;z-index:2;width:100%;height:100%}.portfolio-block .portfolio-grid__item .headline-project-new h3{top:50%;left:-200px}.portfolio-block .portfolio-grid__item:hover .headline-project-new h3{left:50px}.portfolio-block .portfolio-grid__item .headline-project-new .category{top:50%}}.portfolio-grid__item .shade-hover{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.75);opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.portfolio-grid__item img{width:100%;object-fit:cover;height:100%;object-position:top}.--item-big,.portfolio-block .portfolio-grid .grid-item--width2{width:49%}@media(max-width:1024px){.portfolio-grid__item{width:49%}.--item-big,.portfolio-block .portfolio-grid .grid-item--width2{width:100%}}@media(max-width:480px){.portfolio-grid__item{width:100%}}img:not([src]):not([srcset]){visibility:hidden}@media(min-width:1024px){.portfolio-grid__item{min-height:300px}}@media(max-width:1024px){.portfolio-grid__item{min-height:400px}}.portfolio-grid__item:before{position:absolute;content:"";width:100%;height:100%;left:0;right:0;bottom:0;background:#fff;z-index:3;transition:all 1.1s ease-in-out;-webkit-transition:all 1.1s ease-in-out;-moz-transition:all 1.1s ease-in-out;-o-transition:all 1.1s ease-in-out;-ms-transition:all 1.1s ease-in-out}.portfolio-grid__item.flipY:before{transform:translateY(100%)}@media(max-width:670px){.tg-mini-xs img{content:url("/assets/images/portfolio/telegram-app/teltegram-mini-app.jpg");object-position:0}.loppi-xs img{content:url("/assets/images/portfolio/landing/loppi.jpg")}}