@charset "UTF-8";.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 .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%}@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:1750px){.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{padding:2rem 0}}@media (max-width:766.98px){.section-portfolio__inner{gap:24px}.section-portfolio .portfolio-card{height:436px}.section-portfolio .portfolio-card-double-wrapper{height:436px}}@media (hover:hover){.section-portfolio .portfolio-card:hover .portfolio-card__img{transform:scale(1.05)}}@media (hover:none){.section-portfolio .portfolio-card:active .portfolio-card__img{transform:scale(1.05)}}