.project-outer-wrapper{position:relative;z-index:6;isolation:isolate;overflow:hidden;width:100%;height:100vh;padding-top:200px;padding-bottom:50px;box-sizing:border-box;background:#000!important}.project-outer-wrapper>h2{position:absolute;top:200px;left:0;z-index:1;margin:0;color:#4f4f4f!important;font-size:120px;white-space:nowrap;pointer-events:none}.project-wrapper{position:relative;z-index:2;display:flex;width:-moz-max-content;width:max-content;min-width:0;margin-top:30px;padding-right:30vw;padding-left:30vw;gap:80px;flex-wrap:nowrap;box-sizing:border-box;opacity:0;transform:translateZ(0)}.project-wrapper .project{position:relative;display:block;width:400px;height:500px;margin:40px 0;flex:0 0 400px;overflow:hidden;border-radius:20px;color:#fff;background:#111}.project-wrapper .project:after{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.project-wrapper .project .logo{position:absolute;right:20px;bottom:20px;z-index:4;width:30px;height:30px}.project-wrapper .project .image{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:20px;background:#111;transition:transform .3s ease-in}.project-wrapper .project .image img{display:block;width:100%;height:100%;border-radius:20px;-o-object-fit:cover;object-fit:cover}.project-wrapper .project .image:after{position:absolute;inset:0;z-index:1;content:"";transition:background-color .3s ease-in}.project-wrapper .project .inner{position:absolute;right:0;bottom:0;left:0;z-index:4;padding:5px 40px 5px 25px}.project-wrapper .project .inner h3{margin-bottom:10px;color:#fff!important;font-size:25px;line-height:38px}.project-wrapper .project .inner p{color:#fff!important}.project-wrapper .project:hover .image{transform:scale(1.15)}.project-wrapper .project:hover .image:after{background-color:#000000a6}@media(max-width:1549px){.project-outer-wrapper>h2{font-size:100px}.project-wrapper .project .inner h3{font-size:25px}}@media(max-width:1279px){.project-outer-wrapper>h2{font-size:60px}.project-wrapper{gap:60px}.project-wrapper .project .inner h3{font-size:22px}}@media(max-width:767px){.project-outer-wrapper{padding-top:50px;padding-bottom:30px}.project-outer-wrapper>h2{top:50px;font-size:100px;line-height:110px;white-space:normal}.project-wrapper{margin-top:100px;padding-right:15vw;padding-left:15vw;gap:50px}.project-wrapper .project{width:300px;height:400px;margin:25px 0;flex-basis:300px}.project-wrapper .project .inner h3{font-size:20px}}@media(max-width:639px){.project-outer-wrapper>h2{font-size:80px;line-height:90px}.project-wrapper{gap:40px}.project-wrapper .project{width:250px;height:350px;flex-basis:250px}.project-wrapper .project .inner h3{font-size:18px}}@media(max-width:480px){.project-outer-wrapper>h2{font-size:60px;line-height:80px}}@media(max-width:380px){.project-outer-wrapper>h2{font-size:45px;line-height:50px}}@media(prefers-reduced-motion:reduce){.project-wrapper .project .image,.project-wrapper .project .image:after{transition:none}}