@charset "UTF-8";:root{--pagination-color:rgba(52, 55, 60, 0.7);--pagination-color-active:#fefefe;--pagination-bg-active:var(--color-accent, #ff4c00);--pagination-color-hover:#fefefe;--pagination-bg-hover:var(--color-accent, #ff4c00);--pagination-border-color:transparent;--pagination-icon-color:rgba(52, 55, 60, 0.7);--pagination-size:6rem;--pagination-gap:1.2rem;--pagination-border-radius:50%;--pagination-font-family:var(--font-title);--pagination-font-size:2.2rem;--pagination-font-weight:700;--pagination-line-height:1;--pagination-transition:background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;--pagination-opacity:1}.section-portfolio{padding:7.8rem 0;background:var(--section-bg);overflow:hidden;position:relative;z-index:1}.section-portfolio__inner{display:flex;flex-direction:column;gap:2.4rem}.section-portfolio__inner>.grid-cols{gap:14px;border-top:1px solid #d9dde2;border-bottom:1px solid #d9dde2;padding:15px 0}.section-portfolio__inner>.grid-cols .editor:has(.btn-accent){display:grid;grid-template-columns:1fr auto;gap:clamp(16px,1.463vw,24px)}.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .btn-accent{padding:8px 8px 8px 26px;justify-content:space-between;width:-moz-fit-content;width:fit-content;min-height:56px;min-width:321px}.section-portfolio__filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.section-portfolio .swiper-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.6rem}.section-portfolio .swiper-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;border:0;border-radius:99.9rem;padding:0;background:rgba(52,55,60,.3);transition:width .2s ease,background-color .2s ease}.section-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.4rem;background:var(--color-accent)}.section-portfolio__nav .swiper-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.section-portfolio__nav .swiper-btn.swiper-button-prev{left:-8.4rem}.section-portfolio__nav .swiper-btn.swiper-button-next{right:-8.4rem}.section-portfolio__slider{max-width:100%}.section-portfolio__slider-wrapper{position:relative;z-index:1}.section-portfolio__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2.4rem}.section-portfolio__grid .portfolio-card--gallery{height:calc((100vh - var(--header-height) - 4.8rem)/ 3)!important;width:100%;min-height:30rem;flex:none}.section-portfolio__grid .portfolio-card--gallery.portfolio-card--span-2{grid-column:span 2}.section-portfolio__grid .portfolio-card--gallery.portfolio-card--span-3{grid-column:span 3}.section-portfolio__grid .portfolio-card--gallery.portfolio-card--span-4{grid-column:span 4}.section-portfolio__pagination-wrap{margin-top:4rem;display:flex;justify-content:center;width:100%}.section-portfolio__pagination-wrap:empty{display:none}.section-portfolio__more-wrap{margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:2.4rem}.section-portfolio__more-wrap:after,.section-portfolio__more-wrap:before{content:"";display:block;height:1px;flex:1 0 0}.section-portfolio__more-wrap:after{background:linear-gradient(90deg,rgba(52,55,60,.2) 0,rgba(52,55,60,0) 100%)}.section-portfolio__more-wrap:before{background:linear-gradient(90deg,rgba(52,55,60,0) 0,rgba(52,55,60,.2) 100%)}.section-portfolio .btn-accent{min-width:26.4rem;min-height:5.6rem;padding:.8rem;padding-left:2.4rem;justify-content:space-between;gap:1.8rem;font-size:1.6rem}.section-portfolio .btn-accent::after,.section-portfolio .btn-accent::before{display:none!important}.section-portfolio .btn-accent span.sprite{padding:.6rem;background:rgba(254,254,254,.2);box-sizing:content-box;width:5.2rem!important;height:5.2rem!important;display:flex;align-items:center;justify-content:center;color:#fff!important;border-radius:0}.section-portfolio .btn-accent span.sprite svg,.section-portfolio .btn-accent span.sprite use{padding:0;background:0 0;width:1.6rem!important;height:1.6rem!important}.section-portfolio .portfolio-card{--portfolio-gap:2.4rem;--portfolio-visible:3;flex:0 0 calc((100% - var(--portfolio-gap) * (var(--portfolio-visible) - 1))/ var(--portfolio-visible));min-width:0;height:50rem}.section-portfolio .portfolio-card__link{height:100%;width:100%;overflow:hidden}.section-portfolio .portfolio-card__img{height:100%;width:100%;transition:all .5s}.section-portfolio .portfolio-card__img img,.section-portfolio .portfolio-card__img picture{height:100%;width:100%}.section-portfolio .portfolio-card__hover{display:none}.section-portfolio .portfolio-card-double-wrapper{--portfolio-gap:24px;--portfolio-visible:3;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--portfolio-gap);height:50rem}.section-portfolio .portfolio-card-double-wrapper .portfolio-card{height:100%}.section-portfolio .sp-pagination{display:flex;justify-content:center;padding:1.6rem 0;border-block:1px solid rgba(52,55,60,.1)}.section-portfolio .sp-pagination__list{display:flex;align-items:center;justify-content:center;gap:var(--pagination-gap);list-style:none;padding:0;margin:0}.section-portfolio .sp-pagination__link{display:flex;justify-content:center;align-items:center;width:var(--pagination-size);height:var(--pagination-size);padding:.4rem;flex-shrink:0;color:var(--pagination-color);text-align:center;font-family:var(--pagination-font-family);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);transition:var(--pagination-transition);opacity:var(--pagination-opacity);border-radius:var(--pagination-border-radius);border:.1rem solid var(--pagination-border-color);background-color:#eaedf1;cursor:pointer;text-decoration:none}.section-portfolio .sp-pagination__link .sprite,.section-portfolio .sp-pagination__link svg{width:2.8rem;height:2.8rem;display:flex;color:var(--pagination-icon-color);transition:color .2s ease}.section-portfolio .sp-pagination__link.next,.section-portfolio .sp-pagination__link.prev{font-size:0;color:transparent;width:var(--pagination-size);height:var(--pagination-size);background-color:transparent;gap:0;padding:0}.section-portfolio .sp-pagination__link.next .sprite,.section-portfolio .sp-pagination__link.next svg{transform:none}.section-portfolio .sp-pagination__link.is-active{opacity:1;pointer-events:none;border-color:var(--pagination-border-color);color:var(--pagination-color-active);background-color:var(--pagination-bg-active)}@media (min-width:1024px){.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h3,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h4,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h5,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h6,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h1,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h2,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h3,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h4,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h5,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .h6,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h1,.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) h2{align-self:center;text-align:center}.section-portfolio .swiper-pagination{display:none}}@media (max-width:1850px){.section-portfolio__nav .swiper-btn.swiper-button-prev{left:-10px}.section-portfolio__nav .swiper-btn.swiper-button-next{right:-10px}}@media (max-width:1439.98px){.section-portfolio__inner>.grid-cols{grid-template-columns:.6fr 1fr}.section-portfolio__inner>.grid-cols .cols-6{grid-column:initial}}@media (max-width:1023.98px){.section-portfolio__inner>.grid-cols .editor:has(.btn-accent) .btn-accent{width:100%}.section-portfolio__inner>.grid-cols .editor:has(.btn-accent){gap:24px;display:flex;flex-direction:column}.section-portfolio__inner>.grid-cols .cols-6{grid-column:1/-1}.section-portfolio__nav .swiper-btn{display:none}.section-portfolio__grid .portfolio-card--gallery{height:45rem!important}.section-portfolio__grid{grid-template-columns:repeat(2,1fr);gap:2rem}.section-portfolio__grid .portfolio-card--gallery{grid-column:span 1!important}.section-portfolio__grid .portfolio-card--gallery:last-child:nth-child(odd){grid-column:span 2!important;height:30rem!important}.section-portfolio{padding:2rem 0}.section-portfolio .sp-pagination{margin-top:3.2rem;margin-bottom:4rem;padding-top:2.4rem;padding-bottom:0;border-bottom:none}.section-portfolio .sp-pagination__list{gap:1rem}.section-portfolio .sp-pagination__link{width:5.2rem;height:5.2rem;font-size:2rem}.section-portfolio .sp-pagination__link.next,.section-portfolio .sp-pagination__link.prev{width:auto;height:auto;padding:0 .4rem}}@media (max-width:766.98px){.section-portfolio__inner{gap:24px}.section-portfolio__grid{gap:1.6rem}.section-portfolio__grid .portfolio-card--gallery{grid-column:span 1!important}.section-portfolio__grid .portfolio-card--gallery:last-child:nth-child(odd){grid-column:span 2!important;height:25rem!important}.section-portfolio .portfolio-card{height:436px}.section-portfolio .portfolio-card-double-wrapper{height:436px}}@media (max-width:575.98px){.section-portfolio__grid .portfolio-card--gallery{height:initial!important;min-height:45vw!important}}@media (hover:hover){.section-portfolio .portfolio-card:hover .portfolio-card__img{transform:scale(1.05)}.section-portfolio .sp-pagination__link:hover:not(.is-active){opacity:1;background-color:var(--pagination-bg-hover);color:var(--pagination-color-hover);border-color:var(--pagination-border-color)}.section-portfolio .sp-pagination__link:hover:not(.is-active) .sprite,.section-portfolio .sp-pagination__link:hover:not(.is-active) svg{color:var(--pagination-color-hover)}.section-portfolio .sp-pagination__link.next:hover,.section-portfolio .sp-pagination__link.prev:hover{background-color:transparent}.section-portfolio .sp-pagination__link.next:hover .sprite,.section-portfolio .sp-pagination__link.next:hover svg,.section-portfolio .sp-pagination__link.prev:hover .sprite,.section-portfolio .sp-pagination__link.prev:hover svg{color:var(--color-accent,#ff4c00)}}@media (hover:none){.section-portfolio .portfolio-card:active .portfolio-card__img{transform:scale(1.05)}}