/* cache 2025-09-30 07:34:25 */
.portfolio .tags{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.portfolio .tags .tag input{opacity:0;position:absolute;z-index:-1}.portfolio .tags .tag input:checked+label{background-color:#231f20;color:#fff}.portfolio .portfolio-items{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.portfolio .portfolio-items,.portfolio .portfolio-items>*{min-width:0;min-height:0}.portfolio .portfolio-items .portfolio-item{display:flex;position:relative}.portfolio .portfolio-items .portfolio-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:.5rem}.portfolio .portfolio-items .portfolio-item .info{position:absolute;left:3rem;bottom:3rem;z-index:3;width:calc(100% - 6rem);color:#fff}.portfolio .portfolio-items .portfolio-item .info .name{margin-bottom:.5rem;font-weight:500}.portfolio .portfolio-items .portfolio-item:first-child{grid-column:span 2;grid-row:span 2;order:1}.portfolio .portfolio-items .portfolio-item:nth-child(2){order:2}.portfolio .portfolio-items .portfolio-item:nth-child(3){order:3}.portfolio .portfolio-items .portfolio-item:nth-child(4){order:4}.portfolio .portfolio-items .portfolio-item:nth-child(n+5){order:6}.portfolio .portfolio-items .portfolio-item:nth-child(11){grid-column:span 2;grid-row:span 2}.portfolio .portfolio-items .portfolio-item::after{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 80%);border-radius:.5rem}.portfolio .portfolio-items .portfolio-item.feedback{order:5;display:flex;flex-direction:column;justify-content:space-between;padding:3.5rem 4rem;background-image:url("/i/img/portfolio-bg.png");background-repeat:no-repeat;background-position:50% 60%;background-color:#fdff43;border:none;border-radius:2.5rem;aspect-ratio:1}.portfolio .portfolio-items .portfolio-item.feedback .title{font-size:2.8rem;line-height:1.2}.portfolio .portfolio-items .portfolio-item.feedback::after{display:none}.portfolio-page .additional-images{display:grid;grid-template-columns:9fr 4fr;gap:3rem;margin-bottom:3rem}.portfolio-page .additional-images .additional-images-carousel:not(.faze-carousel){display:flex}.portfolio-page .additional-images .additional-images-carousel,.portfolio-page .additional-images .faze-carousel{grid-row:span 2}.portfolio-page .additional-images .additional-images-carousel .faze-carousel-holder,.portfolio-page .additional-images .faze-carousel .faze-carousel-holder{height:100%}.portfolio-page .additional-images .additional-image{display:flex;width:100%;height:100%;min-height:0;border-radius:.5rem}.portfolio-page .additional-images .additional-image img{width:100%;height:100%;border-radius:.5rem;object-fit:cover;aspect-ratio:1.39}.portfolio-page .task-solution{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem}.portfolio-page .task-solution .block{padding:3rem 2.7rem;background-color:#f6f5f3;border-radius:2.5rem}.portfolio-page .task-solution .block .title{display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem;font-size:2.4rem;font-weight:500}.portfolio-page .task-solution .block .title::before{content:'\f059';font-family:'Font Awesome 6 Pro';font-weight:600;font-size:1.7rem;display:block}.portfolio-page .task-solution .block.solution{background-color:#fdff43}.portfolio-page .task-solution .block.solution .title::before{content:'\f06a'}.portfolio-page .similar-portfolio{margin-top:3rem}.portfolio-page .similar-portfolio .similar-portfolio-items:not(.faze-carousel){display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.portfolio-page .similar-portfolio .similar-portfolio-items .similar-portfolio-item{position:relative;display:flex;width:33.5rem!important;margin-right:2rem}.portfolio-page .similar-portfolio .similar-portfolio-items .similar-portfolio-item img{width:100%;height:auto;border-radius:.5rem}.portfolio-page .similar-portfolio .similar-portfolio-items .similar-portfolio-item .info{position:absolute;left:3rem;bottom:3rem;z-index:3;width:calc(100% - 6rem);color:#fff}.portfolio-page .similar-portfolio .similar-portfolio-items .similar-portfolio-item .info .name{font-weight:500}.portfolio-page .similar-portfolio .similar-portfolio-items .similar-portfolio-item::after{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 80%);border-radius:.5rem}