.portfolio{background-color:#0000;padding-top:60px;padding-bottom:60px;scroll-margin-top:80px;position:relative}@media (min-width:1024px){.portfolio{padding-top:120px;padding-bottom:120px;scroll-margin-top:100px}}@media (max-width:767px){.portfolio{scroll-margin-top:100px}}.portfolio__container{z-index:2;max-width:1280px;margin:0 auto;padding:0 4px;position:relative}@media (min-width:1024px){.portfolio__container{padding:0 4px}}.portfolio__header{flex-direction:column;gap:9px;padding-bottom:12px;display:flex}@media (min-width:1024px){.portfolio__header{gap:11px;padding-bottom:14px}}.portfolio__content{flex-direction:column;display:flex}.portfolio__tabs-wrapper{z-index:10;justify-content:center;margin-bottom:20px;display:flex;position:sticky;top:10px}@media (max-width:767px){.portfolio__tabs-wrapper{top:50px}}@media (min-width:768px) and (max-width:1024px){.portfolio__tabs-wrapper{top:-4px}}.portfolio__works{width:100%}.portfolio__cases{flex-direction:column;gap:48px;max-width:480px;margin-left:auto;margin-right:auto;display:flex}@media (min-width:768px){.portfolio__cases{max-width:unset;gap:32px}}.portfolio__empty{justify-content:center;align-items:center;min-height:300px;display:flex}@media (min-width:1024px){.portfolio__empty{min-height:500px}}.portfolio__empty-text{color:#6b7280;text-align:center;font-size:18px;line-height:1.5}@media (min-width:768px){.portfolio__empty-text{font-size:20px}}@media (min-width:1024px){.portfolio__empty-text{font-size:24px}}.portfolio__load-more-wrapper{justify-content:center;margin-top:32px;display:flex}@media (min-width:1024px){.portfolio__load-more-wrapper{margin-top:48px}}.portfolio__load-more-btn{text-transform:uppercase;color:#697af6;text-align:center;cursor:pointer;background:0 0;border:1.5px solid #697af6;border-radius:9999px;width:260px;height:58px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}@media (min-width:1024px){.portfolio__load-more-btn{width:210px;height:66px;font-size:15px}}.portfolio__load-more-btn:hover:not(:disabled){color:#fff;background:#697af6}.portfolio__load-more-btn:active:not(:disabled){background:#5c6ce4}.portfolio__load-more-btn:disabled{opacity:.6;cursor:not-allowed}.portfolio__load-more-text{display:inline-block}.portfolio__all-cases-btn{text-transform:uppercase;color:#697af6;text-align:center;cursor:pointer;background:0 0;border:1.5px solid #697af6;border-radius:9999px;width:260px;height:58px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}@media (min-width:1024px){.portfolio__all-cases-btn{width:210px;height:66px;font-size:15px}}.portfolio__all-cases-btn:hover{color:#fff;background:#697af6}.portfolio__all-cases-btn:active{background:#5c6ce4}