.works-section{z-index:99999;pointer-events:none;width:100%;display:flex;position:relative}.works-section section{width:95%;max-width:1415px;margin:0 auto;padding:0 81px;display:flex;position:relative}.works-section section .left-section{flex-direction:column;justify-content:space-between;height:100vh;padding-top:134px;padding-bottom:20%;display:flex;position:sticky;top:0}.works-section section .left-section .categories{pointer-events:auto;flex-direction:column;gap:24px;margin-bottom:80px;padding:16px;display:flex;position:relative}.works-section section .left-section .categories svg{position:absolute}.works-section section .left-section .categories svg.bottom-right{bottom:0;right:0}.works-section section .left-section .categories svg.top-right{top:0;right:0}.works-section section .left-section .categories svg.top-left{top:0;left:0}.works-section section .left-section .categories svg.bottom-left{bottom:0;left:0}.works-section section .left-section .categories .category{cursor:pointer;border-bottom:1px solid #0000;border-image-source:linear-gradient(90deg,#3e3e3e 2%,#3e3e3e80 48.5%,#3e3e3e00 98%);border-image-slice:1;width:240px;height:44px;padding-bottom:24px}.works-section section .left-section .categories .category:hover .wrap h3,.works-section section .left-section .categories .category.active .wrap h3{color:#fff}.works-section section .left-section .categories .category .wrap{align-items:center;gap:8px;display:flex}.works-section section .left-section .categories .category .wrap h3{letter-spacing:-.04em;text-transform:uppercase;font-size:20px;font-weight:500;line-height:100%}.works-section section .left-section .project-details{pointer-events:auto;flex-direction:column;gap:24px;display:flex}.works-section section .left-section .project-details .txt{letter-spacing:-.04em;color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.works-section section .left-section .project-details .btn{cursor:pointer;background:0 0;justify-content:center;align-items:center;width:110px;height:54px;display:flex;position:relative;overflow:hidden}.works-section section .left-section .project-details .btn p{letter-spacing:-.04em;color:#bebfc1;z-index:2;font-size:20px;font-style:normal;font-weight:500;line-height:100%;transition:color .4s}.works-section section .left-section .project-details .btn svg{pointer-events:none;z-index:2;transition:stroke .4s;position:absolute;top:-2px;left:-2px}.works-section section .left-section .project-details .btn:before{content:"";opacity:0;z-index:1;background:radial-gradient(#ffffff1a 0%,#0000 70%);transition:opacity .6s;position:absolute;inset:0}.works-section section .left-section .project-details .btn:after{content:"";z-index:1;background:linear-gradient(120deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.works-section section .left-section .project-details .btn:hover p{color:#d45009}.works-section section .left-section .project-details .btn:hover svg path{stroke:#d45009}.works-section section .left-section .project-details .btn:hover:before{opacity:1}.works-section section .left-section .project-details .btn:hover:after{transition:all .8s cubic-bezier(.4,0,.2,1);left:130%}.works-section section .left-section .project-details h1{letter-spacing:-.025em;color:#fff;font-family:Grotesk,sans-serif;font-size:104px;font-weight:400;line-height:60%}.works-section section .left-section .project-details .wrap{align-items:center;gap:13px;display:flex}.works-section section .left-section .project-details .wrap h3{letter-spacing:-.04em;color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.works-section section .left-section .project-details .wrap p{letter-spacing:-.04em;color:#5f6061;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.works-section section .right-section{pointer-events:none;flex:1;justify-content:flex-end;align-items:center;height:fit-content;padding-left:0;display:flex;overflow:hidden}.works-section section .right-section .no-projects{text-align:center;justify-content:center;align-items:center;width:80%;height:100vh;display:flex}.works-section section .right-section .no-projects p{color:#fff;margin:0;font-family:Grotesk,sans-serif;font-size:42px;font-weight:400}.works-section section .right-section .projects-column{flex-direction:column;align-items:flex-end;gap:120px;padding:200px 0;display:flex}.works-section section .right-section .project-box{opacity:.3;scroll-snap-align:center;pointer-events:auto;perspective:1000px;width:620px;height:434px;transition:transform .3s,opacity .3s;position:relative;overflow:hidden;transform:scale(.7)}.works-section section .right-section .project-box img,.works-section section .right-section .project-box video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform-origin:top;width:100%;height:100%;transition:transform .6s;transform:rotateX(15deg)}.works-section section .right-section .content{color:#fff;text-align:center;padding:16px}.works-section section .right-section .content h2{margin-bottom:8px;font-size:28px;font-weight:600}.works-section section .right-section .content p{color:#ddd;font-size:16px}@media (max-width:768px){.works-section section{width:100%;max-width:100%;margin:0 auto;padding:0 24px;display:flex;position:relative}.works-section section .left-section{flex-direction:column;justify-content:space-between;height:100vh;padding-top:134px;padding-bottom:20%;padding-left:20px;position:sticky;top:0}.works-section section .left-section.mobile{opacity:1}.works-section section .left-section.hide{opacity:0;pointer-events:none;background:red}.works-section section .left-section .categories{pointer-events:auto;flex-direction:column;gap:24px;margin-bottom:80px;padding:16px;display:flex;position:relative}.works-section section .left-section .categories svg{position:absolute}.works-section section .left-section .categories svg.bottom-right{bottom:0;right:0}.works-section section .left-section .categories svg.top-right{top:0;right:0}.works-section section .left-section .categories svg.top-left{top:0;left:0}.works-section section .left-section .categories svg.bottom-left{bottom:0;left:0}.works-section section .left-section .categories .category{cursor:pointer;border-bottom:1px solid #0000;border-image-source:linear-gradient(90deg,#3e3e3e 2%,#3e3e3e80 48.5%,#3e3e3e00 98%);border-image-slice:1;width:240px;height:44px;padding-bottom:24px}.works-section section .left-section .categories .category:hover .wrap h3,.works-section section .left-section .categories .category.active .wrap h3{color:#fff}.works-section section .left-section .categories .category .wrap{align-items:center;gap:8px;display:flex}.works-section section .left-section .categories .category .wrap h3{letter-spacing:-.04em;text-transform:uppercase;font-size:20px;font-weight:500;line-height:100%}.works-section section .left-section .categories .category .wrap p{font-size:18px}.works-section section .left-section .project-details{display:none}.works-section section .nav-head{z-index:9999;cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%)}.works-section section .nav-head .wrap{align-items:center;gap:8px;display:flex}.works-section section .nav-head .wrap h3{letter-spacing:-.04em;text-transform:uppercase;color:#fff;font-size:20px;font-weight:500;line-height:100%}.works-section section .nav-head .wrap p{font-size:19px}.works-section section .right-section{pointer-events:none;flex:1;justify-content:flex-end;align-items:center;height:fit-content;padding:0 24px;position:absolute;top:0;left:0;overflow:hidden}.works-section section .right-section .no-projects{text-align:center;justify-content:center;align-items:center;width:95%;height:100vh;display:flex}.works-section section .right-section .no-projects p{color:#fff;margin:0;font-family:Grotesk,sans-serif;font-size:42px;font-weight:400}.works-section section .right-section .projects-column{flex-direction:column;align-items:center;gap:120px;padding:200px 0;display:flex}.works-section section .right-section .project-box{opacity:.3;scroll-snap-align:center;pointer-events:auto;perspective:1000px;flex-direction:column;gap:20px;width:95%;height:fit-content;transition:transform .3s,opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.7)}.works-section section .right-section .project-box img,.works-section section .right-section .project-box video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform-origin:top;width:100%;height:360px;transition:transform .6s;transform:rotateX(15deg)}.works-section section .right-section .project-box .project-details{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.works-section section .right-section .project-box .project-details .contain{width:65%}.works-section section .right-section .project-box .project-details .contain h3{letter-spacing:-.04em;color:#fff;margin-bottom:12px;font-size:16px;font-weight:400;line-height:22px}.works-section section .right-section .project-box .project-details .contain h1{letter-spacing:-.025em;color:#fff;font-family:Grotesk,sans-serif;font-size:48px;font-weight:400;line-height:66%}.works-section section .right-section .project-box .project-details .btn{cursor:pointer;background:0 0;justify-content:center;align-items:center;width:110px;height:54px;display:flex;position:relative;overflow:hidden;transform:scale(.8)}.works-section section .right-section .project-box .project-details .btn p{letter-spacing:-.04em;color:#bebfc1;z-index:2;font-size:20px;font-style:normal;font-weight:500;line-height:100%;transition:color .4s}.works-section section .right-section .project-box .project-details .btn svg{pointer-events:none;z-index:2;transition:stroke .4s;position:absolute;top:-2px;left:-2px}.works-section section .right-section .project-box .project-details .btn:before{content:"";opacity:0;z-index:1;background:radial-gradient(#ffffff1a 0%,#0000 70%);transition:opacity .6s;position:absolute;inset:0}.works-section section .right-section .project-box .project-details .btn:after{content:"";z-index:1;background:linear-gradient(120deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.works-section section .right-section .project-box .project-details .btn:hover p{color:#d45009}.works-section section .right-section .project-box .project-details .btn:hover svg path{stroke:#d45009}.works-section section .right-section .project-box .project-details .btn:hover:before{opacity:1}.works-section section .right-section .project-box .project-details .btn:hover:after{transition:all .8s cubic-bezier(.4,0,.2,1);left:130%}.works-section section .right-section .content{color:#fff;text-align:center;padding:16px}.works-section section .right-section .content h2{margin-bottom:8px;font-size:28px;font-weight:600}.works-section section .right-section .content p{color:#ddd;font-size:16px}}