.portfolio{margin-top:64px}.portfolio--wrapper{display:flex;flex-direction:column;align-items:center}.portfolio--wrapper__buttons{display:flex;justify-content:center;align-items:center;margin-bottom:60px;gap:8px}@media only screen and (max-width: 768px){.portfolio--wrapper__buttons{flex-wrap:wrap}}.portfolio--wrapper__buttons__filter_button{display:flex;justify-content:center;align-items:center;padding:16px 32px;font-size:18px;font-weight:400;line-height:22px;color:var(--neutralDark);background-color:var(--neutralWhite);border-radius:var(--defaultRadius);cursor:pointer}.portfolio--wrapper__buttons__filter_button.active{color:var(--neutralWhite);background-color:var(--neutralDark)}.portfolio--wrapper__projects{width:100%}.portfolio--wrapper__projects ul{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 32px;max-width:1440px;width:100%;padding:0 16px;margin:0 auto 60px}@media only screen and (max-width: 1024px){.portfolio--wrapper__projects ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 480px){.portfolio--wrapper__projects ul{grid-template-columns:repeat(1,1fr)}}.portfolio--wrapper__projects ul li a{overflow:hidden}@media only screen and (max-width: 1024px){.portfolio--wrapper__projects ul li{max-width:480px;width:100%}}@media only screen and (max-width: 480px){.portfolio--wrapper__projects ul li{max-height:300px;margin-bottom:32px!important}.portfolio--wrapper__projects ul li .image-placing{height:100%}.portfolio--wrapper__projects ul li .text{text-align:center}}.portfolio--wrapper__projects ul li .image-placing{width:100%;aspect-ratio:1.5;object-fit:cover;margin-bottom:20px;transform:scale(1);transition:transform .4s ease-in-out}.portfolio--wrapper__projects ul li:hover .image-placing{transform:scale(1.1)}