.portfolio__wrapper{overflow:hidden}.portfolio{padding:8rem 2rem}.portfolio__content-slider{z-index:2}.portfolio__slider{z-index:1}.portfolio__slider .swiper-slide{opacity:.6}.portfolio__slider .swiper-slide.swiper-slide-active{opacity:1}@media (min-width:768px){.portfolio__content-slider{flex:0 0 31.5rem;max-width:31.5rem}.portfolio__slider{flex:0 1 79.6rem}}.portfolio__slider.swiper-slide{max-width:85.42713567839196%;position:relative}.portfolio__slider.swiper-slide:after{background-color:var(--navy);content:"";height:100%;left:0;mix-blend-mode:color;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.portfolio__slider.swiper-slide:not(.swiper-slide-active):after{opacity:1}.portfolio__bg,.portfolio__bg-overlay{bottom:0;left:0;right:0;top:0}.portfolio__bg-overlay{mix-blend-mode:color}.portfolio__bg-image{left:0;mix-blend-mode:multiply;opacity:0;top:0;transition:opacity .4s ease-in-out}.portfolio__bg-image.is-active{opacity:.5}.stat.h2{line-height:1}.portfolio__slider


@media(max-width: 767px){.portfolio__slider{max-width:calc(100vw - var(--scrollbar) - 80px)}}.portfolio__nav .buttons .button:not(.is-active){display:none}