@keyframes Portfolio-module-scss-module__vKzOMG__fadeIn{0%{opacity:0}to{opacity:1}}.Portfolio-module-scss-module__vKzOMG__portfolio{background:#0a0a0a;flex-direction:column;gap:80rem;min-height:100vh;padding:160rem 32rem 80rem;display:flex}.Portfolio-module-scss-module__vKzOMG__portfolio__header{text-align:left;width:100%}.Portfolio-module-scss-module__vKzOMG__portfolio__title{letter-spacing:-.02em;color:#fff;text-transform:uppercase;margin-bottom:16rem;font-size:100rem;font-weight:500;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__subtitle{color:#fff6;letter-spacing:.1em;text-transform:uppercase;font-size:16rem;font-weight:400;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__filters{flex-wrap:wrap;gap:16rem;margin-bottom:48rem;display:flex}.Portfolio-module-scss-module__vKzOMG__portfolio__filter{color:#fff6;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:#ffffff08;border:1rem solid #ffffff0d;border-radius:40rem;padding:12rem 24rem;font-size:13rem;font-weight:500;line-height:normal;transition:all .3s}.Portfolio-module-scss-module__vKzOMG__portfolio__filter:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.Portfolio-module-scss-module__vKzOMG__portfolio__filter_active{color:#fff;background:#ffffff1a;border-color:#fff3}.Portfolio-module-scss-module__vKzOMG__portfolio__grid{grid-template-columns:repeat(3,1fr);gap:24rem;width:100%;display:grid}.Portfolio-module-scss-module__vKzOMG__portfolio__item{cursor:pointer;background:#ffffff05;border:1rem solid #ffffff0d;border-radius:12rem;flex-direction:column;gap:24rem;padding:24rem;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex}.Portfolio-module-scss-module__vKzOMG__portfolio__item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-8rem)}.Portfolio-module-scss-module__vKzOMG__portfolio__item:hover .Portfolio-module-scss-module__vKzOMG__portfolio__item__image{transform:scale(1.05)}.Portfolio-module-scss-module__vKzOMG__portfolio__item:hover .Portfolio-module-scss-module__vKzOMG__portfolio__item__overlay{opacity:1}.Portfolio-module-scss-module__vKzOMG__portfolio__item__imageWrapper{aspect-ratio:16/10;background:#ffffff0d;border-radius:8rem;width:100%;position:relative;overflow:hidden}.Portfolio-module-scss-module__vKzOMG__portfolio__item__image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.Portfolio-module-scss-module__vKzOMG__portfolio__item__overlay{opacity:0;-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem);background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.Portfolio-module-scss-module__vKzOMG__portfolio__item__overlay span{color:#fff;letter-spacing:.2em;border:1rem solid #fff;border-radius:40rem;padding:12rem 24rem;font-size:14rem;font-weight:500;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__item__content{flex-direction:column;gap:12rem;display:flex}.Portfolio-module-scss-module__vKzOMG__portfolio__item__category{color:#fff6;letter-spacing:.15em;text-transform:uppercase;padding-left:12rem;font-size:12rem;font-weight:500;line-height:normal;position:relative}.Portfolio-module-scss-module__vKzOMG__portfolio__item__category:before{content:"";background:#fff;border-radius:50%;width:4rem;height:4rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.Portfolio-module-scss-module__vKzOMG__portfolio__item__title{color:#fff;letter-spacing:-.01em;font-size:28rem;font-weight:400;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__item__desc{color:#fff6;max-width:90%;font-size:15rem;font-weight:400;line-height:1.6}.Portfolio-module-scss-module__vKzOMG__portfolio__loader{flex-direction:column;align-items:center;gap:16rem;padding:80rem 0;display:flex}.Portfolio-module-scss-module__vKzOMG__portfolio__loader span{color:#ffffff4d;letter-spacing:.2em;font-size:12rem;font-weight:500;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__loader__spinner{border:2rem solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:24rem;height:24rem;animation:.8s linear infinite Portfolio-module-scss-module__vKzOMG__spin}@keyframes Portfolio-module-scss-module__vKzOMG__spin{to{transform:rotate(360deg)}}@media (max-width:900px){.Portfolio-module-scss-module__vKzOMG__portfolio{gap:48rem;padding:120rem 20rem 60rem}.Portfolio-module-scss-module__vKzOMG__portfolio__title{font-size:64rem;font-weight:500;line-height:normal}.Portfolio-module-scss-module__vKzOMG__portfolio__grid{grid-template-columns:1fr;gap:32rem}.Portfolio-module-scss-module__vKzOMG__portfolio__item{padding:16rem}.Portfolio-module-scss-module__vKzOMG__portfolio__item__title{font-size:24rem;font-weight:400;line-height:normal}}