.portfolio{background:#fdfdfd;padding:8.75rem 0}@media (max-width:767px){.portfolio{padding:5rem 0}}.portfolio .container{padding-inline:13.5rem}@media (max-width:767px){.portfolio .container{padding-inline:1.25rem}}.portfolio__top{margin-bottom:1.81rem;display:flex;gap:2rem;align-items:center;display:none!important}@media (max-width:767px){.portfolio__top{gap:.5rem;margin-bottom:0;flex-direction:column}}.portfolio__top h6{color:#4b4a49;font-family:"Founders Grotesk",sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.015rem}.portfolio__filter{position:relative;padding:2rem 2.25rem;color:#4b4a49;transition:color .5s,background .5s}@media (max-width:767px){.portfolio__filter{padding:1.75rem 2rem 2rem}}.portfolio__filter.active{color:#fdfdfd;background:#1e1d1c}.portfolio__filter.active button{color:#fdfdfd}.portfolio__filter.active button span{color:#fdfdfd}.portfolio__filter.active button svg{transform:rotate(180deg)}.portfolio__filter.active ul{color:#fdfdfd;background:#1e1d1c;max-height:20rem}.portfolio__filter button{display:flex;min-width:14.8rem;justify-content:space-between;align-items:center;font-family:"Founders Grotesk",sans-serif;font-size:1.5rem;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.015rem;outline:0;border:none;background:0 0;padding-block:.5rem;border-bottom:1px solid #778da9;cursor:pointer;transition:color .5s}.portfolio__filter button span{color:#4b4a49;transition:color .5s}.portfolio__filter button svg{width:1.5rem;transition:transform .5s}@media (max-width:767px){.portfolio__filter button svg{width:1.1rem}}.portfolio__filter ul{overflow:hidden;max-height:0;position:absolute;z-index:51;left:0;top:100%;width:100%;list-style:none;padding:0;display:flex;flex-direction:column;gap:.63rem;transition:color .5s,background .5s,max-height .5s}.portfolio__filter ul li{cursor:pointer;font-family:"Founders Grotesk",sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.015rem;padding-inline:2rem}.portfolio__filter ul li:last-child{padding-bottom:2rem}.portfolio__content{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-collapse:collapse}@media (max-width:1025px){.portfolio__content{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.portfolio__content{grid-template-columns:repeat(2,1fr)}}.portfolio__content.active .portfolio__item.exited{display:none}.portfolio__content.exited .portfolio__item.active{display:none}.portfolio__item{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;outline:1px solid #c0cbd7;outline-offset:-.5px;position:relative}@media (max-width:767px){.portfolio__item{height:auto}}.portfolio__item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .5s ease-in-out;background:linear-gradient(180deg,rgba(59,82,108,0) 0,#3b526c 100%)}@media (max-width:767px){.portfolio__item::after{display:none}}.portfolio__item::before{content:"";position:absolute;top:.5rem;left:.5rem;width:calc(100% - 1rem);height:calc(100% - 1rem);z-index:2;opacity:1;transition:opacity .5s ease-in-out;background:linear-gradient(180deg,rgba(119,141,169,.08) 0,rgba(119,141,169,.16) 100%)}.portfolio__item:hover::after{opacity:1}.portfolio__item:hover::before{opacity:0}.portfolio__item:hover .bg{opacity:1}.portfolio__item:hover .btn{opacity:1}.portfolio__item:hover img:not(.bg){filter:brightness(0) invert(1)}@media (max-width:767px){.portfolio__item:hover img:not(.bg){filter:none}}.portfolio__item .btn{position:absolute;bottom:.75rem;right:.75rem;width:2.75rem;height:2.75rem;z-index:3;opacity:0;transition:opacity .5s ease-in-out;border-color:#fdfdfd;background-color:#fdfdfd}.portfolio__item .btn::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M4.75 12.5381L19.75 12.5381' stroke='%23C97F4A' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M13.75 19.5381L20.75 13.0381L13.75 6.53809' stroke='%23C97F4A' stroke-width='1.6' stroke-linecap='square'/%3E%3C/svg%3E")}@media (max-width:767px){.portfolio__item .btn{display:none}}.portfolio__item img:not(.bg){-o-object-fit:contain;object-fit:contain;width:17rem;height:auto;z-index:1;transition:filter .5s ease-in-out,opacity .5s ease-in-out;position:relative;z-index:3}@media (max-width:767px){.portfolio__item img:not(.bg){width:8.31263rem}}.portfolio__item img.bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}@media (max-width:767px){.portfolio__item img.bg{display:none}}