.portfolio-items{display:none}.portfolio-slider.slider-container{padding-bottom:var(--spacing-8x);position:relative}.portfolio-item__img{border-radius:var(--radius-md);height:280px;margin-bottom:var(--spacing-4x);overflow:hidden;width:100%}.portfolio-item__img img{display:block;height:100%;object-fit:cover;width:100%}.portfolio-item__name{align-items:center;display:flex;gap:var(--spacing-3x);margin-bottom:var(--spacing-2x)}.portfolio-item__description{margin-bottom:var(--spacing-5x);text-wrap:wrap}.portfolio-item__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2x)}.portfolio-item__tag{background:var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:650;line-height:1.2;padding:var(--spacing-2x) var(--spacing-4x)}@media (max-width:640px){.portfolio-items .portfolio-item__img{height:250px}}@media (min-width:1050px){.portfolio-slider{display:none}.portfolio-items{--offset:var(--spacing-24x);--gap:var(--spacing-14x);display:flex;flex-wrap:wrap;gap:var(--gap)}.portfolio-items .portfolio-item{flex:0 0 calc(50% - var(--gap)/2);height:fit-content}.portfolio-items .portfolio-item:nth-child(2){margin-top:var(--spacing-24x)}.portfolio-items .portfolio-item:nth-child(2n+3){margin-top:calc(var(--spacing-24x)*-1)}.portfolio-items :is(.portfolio-item__img img,.portfolio-item__name,.portfolio-item__name svg,.portfolio-item__name svg path){transition:all .2s ease-in-out}.portfolio-items .portfolio-item:hover .portfolio-item__name{color:var(--primary-base)}.portfolio-items .portfolio-item:hover .portfolio-item__name svg{transform:translateX(5px)}.portfolio-items .portfolio-item:hover .portfolio-item__name svg path{fill:var(--primary-base)}.portfolio-items .portfolio-item__img{height:468px}.portfolio-items .portfolio-item:hover .portfolio-item__img img{transform:scale(1.03)}}.portfolio-slider .swiper-scrollbar{--swiper-scrollbar-border-radius:100px;--swiper-scrollbar-bg-color:var(--gray-200)}.portfolio-slider .swiper-horizontal>.swiper-scrollbar,.portfolio-slider .swiper-scrollbar.swiper-scrollbar-horizontal{--swiper-scrollbar-sides-offset:30%;--swiper-scrollbar-bottom:auto;--swiper-scrollbar-size:4px;--swiper-scrollbar-top:100%}.portfolio-slider .swiper-scrollbar-drag{--swiper-scrollbar-drag-bg-color:var(--primary-base);--swiper-scrollbar-border-radius:100px}