.projects-section{padding:100px 0 60px}.projects-section .projects-filters{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@media(max-width:1024px){.projects-section .projects-filters{gap:1rem;margin-bottom:2rem}}.projects-section .projects-filters__group{align-items:center;-moz-column-gap:max(40px,min(3vw,60px));column-gap:max(40px,min(3vw,60px));display:flex;flex-wrap:wrap;row-gap:max(20px,min(2vw,30px))}@media(max-width:1024px){.projects-section .projects-filters__group{-moz-column-gap:16px;column-gap:16px;row-gap:16px}}.projects-section .projects-filters__group .filter-btn{background:none;border:none;border-radius:999px;color:#000;cursor:pointer;font-weight:400;padding:1.1rem 1.9rem;transition:color .3s ease,background .3s ease}@media(max-width:1720px){.projects-section .projects-filters__group .filter-btn{padding:.8rem 1.5rem}}@media(max-width:1024px){.projects-section .projects-filters__group .filter-btn{font-size:14px;padding:.6rem 1rem}}.projects-section .projects-filters__group .filter-btn.is-active{background:#000;color:#fff}.projects-section .projects-grid{display:grid;grid-column-gap:12.5vw;-moz-column-gap:12.5vw;column-gap:12.5vw;grid-row-gap:10.72vw;grid-template-columns:1fr;row-gap:10.72vw}@media(min-width:1024px){.projects-section .projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1720px){.projects-section .projects-grid{-moz-column-gap:max(60px,min(4vw,80px));column-gap:max(60px,min(4vw,80px));grid-template-columns:repeat(3,1fr);row-gap:max(100px,min(6vw,120px))}}.projects-section .projects-grid{transition:opacity .3s ease}.projects-section .project-item-wrap{opacity:1;transition:opacity .3s ease,transform .3s ease}.projects-section .project-item-wrap.hidden{opacity:0;pointer-events:none}.projects-section .projects-loader{display:flex;justify-content:center;left:0;margin-top:30px;position:absolute;width:100%;z-index:99}.projects-section .projects-loader .spinner{animation:spin .8s linear infinite;border:3px solid #ddd;border-radius:50%;border-top-color:#000;height:66px;width:66px}@keyframes spin{to{transform:rotate(1turn)}}.projects-section .project-item circle{fill:#000}.projects-section .projects-empty{animation:fadeIn .3s ease;color:#555;font-size:1.25rem;margin-top:60px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projects-grid{position:relative}.projects-empty{animation:fadeIn .3s ease;color:#333;font-size:1.4rem;margin-top:80px;text-align:center}