section.portfolio{display:grid;grid-template-columns:30rem 1fr;grid-gap:0 3.5rem}section.portfolio h1{grid-column:span 2}section.portfolio aside form{display:flex;flex-direction:column;gap:2rem}section.portfolio aside form .filter-item{padding:2.4rem;border:.1rem solid #e0e0e0;border-radius:2.5rem}section.portfolio aside form .filter-item .title{margin-bottom:.8rem;color:#222227;font-size:2rem;font-weight:700;line-height:1.4;text-transform:uppercase}section.portfolio aside form .filter-item .faze-finder-input-holder{margin-bottom:1rem}section.portfolio aside form .filter-item .faze-finder-input-holder .search{height:3.5rem;padding-left:3rem;font-size:1.4rem;font-weight:400;border:.1rem solid #e0e0e0;border-radius:.8rem}section.portfolio aside form .filter-item .faze-finder-input-holder:before{content:'';position:absolute;top:50%;left:.8rem;display:block;width:1.5rem;height:1.9rem;background:url('/i/svg/search_small.svg') center center no-repeat;transform:translateY(-50%)}section.portfolio aside form .filter-item .faze-finder-input-holder .faze-finder-clear-button{right:.8rem}section.portfolio aside form .filter-item .faze-finder-input-holder .faze-finder-clear-button:before{color:#acacac}section.portfolio .portfolio-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;align-content:start}section.portfolio .portfolio-items,section.portfolio .portfolio-items>*{min-width:0;min-height:0}section.portfolio .portfolio-items .portfolio-item{position:relative;height:100%;max-height:32rem;border-radius:2.5rem;overflow:hidden}section.portfolio .portfolio-items .portfolio-item img{width:100%;height:100%;object-fit:cover;border-radius:2.5rem}section.portfolio .portfolio-items .portfolio-item .info{position:absolute;top:3rem;left:4rem;width:calc(100% - 7rem);padding-right:7rem}section.portfolio .portfolio-items .portfolio-item .info .title{color:#fff;font-size:2rem;font-weight:600;line-height:1.1;text-transform:uppercase}section.portfolio .portfolio-items .portfolio-item .info .caption{margin-top:.4rem;color:#fff;font-size:1.6rem;font-weight:400}section.portfolio .portfolio-items .portfolio-item .info:after{content:'';position:absolute;top:0;right:0;display:block;width:4.2rem;min-width:4.2rem;height:4.2rem;min-height:4.2rem;background:url('/i/img/circle_plus.png') center center no-repeat;transition:transform .2s ease-in-out}section.portfolio .portfolio-items .portfolio-item.portfolio-item-1,section.portfolio .portfolio-items .portfolio-item.portfolio-item-8{grid-column:span 2;grid-row:span 2;max-height:67rem}section.portfolio .portfolio-items .portfolio-item:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3) 30%,transparent)}section.portfolio .portfolio-items .portfolio-item:hover .info:after{transform:rotateZ(360deg)}section.portfolio-page main{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem}section.portfolio-page main,section.portfolio-page main>*{min-width:0;min-height:0}section.portfolio-page main aside.images img{width:100%;height:auto}section.portfolio-page main aside.images>img{border-radius:2.5rem}section.portfolio-page main aside.images .additional-images{grid-area:images;display:flex;flex-direction:row;align-items:center;justify-content:space-between}section.portfolio-page main aside.images .additional-images .additional-images-items{margin:0 .5rem}section.portfolio-page main aside.images .additional-images .additional-images-items.faze-carousel.faze-animation-slide.faze-direction-horizontal>.faze-carousel-holder>.faze-item{width:10rem}section.portfolio-page main aside.images .additional-images .arrow{display:block;width:2rem;min-width:2rem;height:2rem;transform:rotateZ(180deg);background:url('/i/svg/carousel_arrow.svg') center center no-repeat}section.portfolio-page main aside.images .additional-images .arrow.arrow-left{transform:rotateZ(0)}section.portfolio-page main aside.images .additional-images .arrow:hover{cursor:pointer}section.portfolio-page main aside.images .additional-images img{width:10rem;height:10rem;padding:.6rem;border-bottom:.2rem solid #efefef;transition:border-color .2s ease}section.portfolio-page main aside.images .additional-images img:hover{cursor:pointer}section.portfolio-page main aside.images .additional-images img.active{border-color:#3000ee}section.portfolio-page .other-portfolio{margin-top:3.5rem}section.portfolio-page .other-portfolio .other-portfolio-items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3rem}section.portfolio-page .other-portfolio .other-portfolio-items .other-portfolio-item{position:relative;width:100%;height:31rem;padding:3rem;background-size:cover!important;border-radius:2.5rem;overflow:hidden}section.portfolio-page .other-portfolio .other-portfolio-items .other-portfolio-item .name{position:relative;display:block;margin-bottom:.8rem;color:#fff;font-size:2rem;font-weight:700;line-height:1.3;text-transform:uppercase;text-decoration:none;z-index:1}section.portfolio-page .other-portfolio .other-portfolio-items .other-portfolio-item .text{position:relative;color:#fff;font-size:1.6rem;font-weight:400;line-height:1.3;z-index:1}section.portfolio-page .other-portfolio .other-portfolio-items .other-portfolio-item:hover{text-decoration:none}section.portfolio-page .other-portfolio .other-portfolio-items .other-portfolio-item:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3) 30%,transparent)}section.portfolio-page .back{display:inline-flex;flex-direction:row;align-items:center;gap:1rem;margin-top:2.5rem}section.portfolio-page .back:before{content:'';display:block;width:2.3rem;height:1rem;background:url('/i/svg/arrow_back.svg') center center no-repeat}section.portfolio-page .back:hover:before{background:url('/i/svg/arrow_back_black.svg') center center no-repeat}@media (max-width:1030px){section.portfolio-page .back{width:100%}}