.context{width:100%;margin-top:4rem}.context .wrap-f1,.context .wrap-f2,.context .wrap-f3,.context .wrap-f4,.context .wrap-f5{max-width:95rem}.context .wrap-f1{position:relative;left:50%;transform:translate(-50%);margin-top:17rem;display:flex;flex-direction:row;justify-content:space-between;align-items:start}.context .wrap-f1 .text .title{overflow:hidden}.context .wrap-f1 .text .title .word-title{font-size:7rem;font-weight:600;letter-spacing:-.225rem;line-height:5.8rem;background-color:#0a0a0a;position:relative;overflow:hidden}.context .wrap-f1 .text .title .word-title p{transform:translateY(100%);transition:.9s cubic-bezier(.66,.01,.25,.99)}@media screen and (max-width: 1350px){.context .wrap-f1 .text .title .word-title{font-size:6rem;line-height:4.9rem}}@media screen and (max-width: 500px){.context .wrap-f1 .text .title .word-title{font-size:4.5rem;line-height:3.6rem}}.context .wrap-f1 .text .offer-text{font-size:1.2rem;color:#aaa4a2;width:38rem;margin-top:1rem;font-weight:300;display:flex;flex-wrap:wrap;line-height:1.5}@media screen and (max-width: 720px){.context .wrap-f1 .text .offer-text{font-size:1rem;width:32rem}}@media screen and (max-width: 550px){.context .wrap-f1 .text .offer-text{font-size:.9rem;width:95%}}.context .wrap-f1 .text .offer-text span:nth-child(3),.context .wrap-f1 .text .offer-text span:nth-child(4),.context .wrap-f1 .text .offer-text span:nth-child(5),.context .wrap-f1 .text .offer-text span:nth-child(7),.context .wrap-f1 .text .offer-text span:nth-child(8){color:#efe6e3;font-weight:500}.context .wrap-f1 .text .offer-text .word-wrapper{overflow:hidden;display:inline-block}.context .wrap-f1 .text .offer-text .word{display:inline-block;transform:translateY(100%);opacity:0}.context .wrap-f1 .cross{width:21rem;transition:.5s cubic-bezier(.66,.01,.25,.99);opacity:0}@media screen and (max-width: 1050px){.context .wrap-f1 .cross{position:absolute;right:0;top:0}}@media screen and (max-width: 1700px){.context .wrap-f1{max-width:85rem}}@media screen and (max-width: 1500px){.context .wrap-f1{max-width:75rem}}@media screen and (max-width: 1300px){.context .wrap-f1{max-width:70rem}}@media screen and (max-width: 1200px){.context .wrap-f1{max-width:65rem}}@media screen and (max-width: 1100px){.context .wrap-f1{max-width:60rem}}@media screen and (max-width: 1050px){.context .wrap-f1{max-width:55rem}}@media screen and (max-width: 1000px){.context .wrap-f1{max-width:90%}}@media screen and (max-width: 500px){.context .wrap-f1{margin-top:14rem}}.context .wrap-f2{position:relative;left:50%;transform:translate(-50%);margin-top:5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.context .wrap-f2 .scroll-info{display:flex;flex-direction:row;justify-content:center;align-items:start;gap:.5rem;overflow:hidden;transition:.3s;opacity:0}@keyframes transformPosition{0%{transform:translateY(0)}49%{transform:translateY(100%)}50%{transform:translateY(-100%);opacity:0}51%{transform:translateY(-100%);opacity:0}85%{transform:translateY(0);opacity:1}to{transform:translateY(0)}}.context .wrap-f2 .scroll-info p{color:#efe6e3;opacity:.4;font-weight:300}.context .wrap-f2 .accomplishment-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5rem}@media screen and (max-width: 700px){.context .wrap-f2 .accomplishment-wrap{gap:2rem}}@media screen and (max-width: 450px){.context .wrap-f2 .accomplishment-wrap{justify-content:center;gap:2rem;position:relative;left:50%;transform:translate(-50%)}}.context .wrap-f2 .accomplishment-wrap .overwrap{display:flex;flex-direction:column;gap:.5rem}.context .wrap-f2 .accomplishment-wrap .overwrap .digits{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.context .wrap-f2 .accomplishment-wrap .overwrap .digits .digit-wrap{overflow:hidden}.context .wrap-f2 .accomplishment-wrap .overwrap .digits .digit-wrap p{font-size:4.75rem;letter-spacing:-.05rem;font-family:Satoshi,sans-serif;font-variation-settings:"wght" 700;line-height:4rem;transition:1s cubic-bezier(.66,.01,.25,.99);transform:translateY(100%)}@media screen and (max-width: 1300px){.context .wrap-f2 .accomplishment-wrap .overwrap .digits .digit-wrap p{font-size:4.25rem;line-height:3.55rem}}@media screen and (max-width: 500px){.context .wrap-f2 .accomplishment-wrap .overwrap .digits .digit-wrap p{font-size:3.75rem}}.context .wrap-f2 .accomplishment-wrap .overwrap .digits .digit-wrap .percent{letter-spacing:.2rem}.context .wrap-f2 .accomplishment-wrap .overwrap .what-about{font-size:1.1rem;font-weight:300;line-height:1.2rem;transition:.5s cubic-bezier(.66,.01,.25,.99);opacity:0}@media screen and (max-width: 500px){.context .wrap-f2 .accomplishment-wrap .overwrap .what-about{font-size:.9rem;line-height:1rem}}@media screen and (max-width: 1700px){.context .wrap-f2{max-width:85rem}}@media screen and (max-width: 1500px){.context .wrap-f2{max-width:75rem}}@media screen and (max-width: 1300px){.context .wrap-f2{max-width:70rem}}@media screen and (max-width: 1200px){.context .wrap-f2{max-width:65rem}}@media screen and (max-width: 1100px){.context .wrap-f2{max-width:60rem}}@media screen and (max-width: 1050px){.context .wrap-f2{max-width:55rem}}@media screen and (max-width: 1000px){.context .wrap-f2{max-width:90%}}@media screen and (max-width: 700px){.context .wrap-f2{flex-direction:column;margin-top:2rem;gap:2rem}}.context .wrap-f3{position:relative;left:50%;transform:translate(-50%);margin-top:5rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1rem}.context .wrap-f3 .starball{width:2.1rem;height:auto}.context .wrap-f3 .providing-solutions-text{font-size:1.15rem;width:45rem;letter-spacing:-.01rem;font-weight:350;color:#4f4c4b}.context .wrap-f3 .providing-solutions-text .word{display:inline-block;white-space:nowrap;transition:all .3s ease}@media screen and (max-width: 1200px){.context .wrap-f3 .providing-solutions-text{font-size:1rem;width:37.5rem}}@media screen and (max-width: 900px){.context .wrap-f3 .providing-solutions-text{width:32rem}}@media screen and (max-width: 1700px){.context .wrap-f3{max-width:85rem}}@media screen and (max-width: 1500px){.context .wrap-f3{max-width:75rem}}@media screen and (max-width: 1300px){.context .wrap-f3{max-width:70rem}}@media screen and (max-width: 1200px){.context .wrap-f3{max-width:65rem}}@media screen and (max-width: 1100px){.context .wrap-f3{max-width:60rem}}@media screen and (max-width: 1050px){.context .wrap-f3{max-width:55rem}}@media screen and (max-width: 1000px){.context .wrap-f3{max-width:85%}}.context .wrap-f4{position:relative;left:50%;transform:translate(-50%);margin-top:6rem;display:flex;flex-wrap:wrap;border-collapse:collapse}@media screen and (max-width: 1000px){.context .wrap-f4{flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:center;margin-top:3.5rem}}.context .wrap-f4 .available-service{flex:0 0 50%;border:.085rem solid #505050;padding:2.75rem 2.15rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5rem;transition:.2s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service{padding:2.25rem 1.5rem;gap:3rem;width:100%}}.context .wrap-f4 .available-service:nth-child(1) .text h1{width:25rem}@media screen and (max-width: 1350px){.context .wrap-f4 .available-service:nth-child(1) .text h1{width:20rem}}@media screen and (max-width: 550px){.context .wrap-f4 .available-service:nth-child(1) .text h1{width:13rem}}.context .wrap-f4 .available-service .text{mix-blend-mode:difference}.context .wrap-f4 .available-service .text h1{font-weight:500;font-size:3rem;width:27rem;line-height:2.65rem}@media screen and (max-width: 1350px){.context .wrap-f4 .available-service .text h1{font-size:2.5rem;line-height:2.2rem;width:22rem}}@media screen and (max-width: 550px){.context .wrap-f4 .available-service .text h1{font-size:2.1rem;line-height:1.9rem;width:19rem}}@media screen and (max-width: 400px){.context .wrap-f4 .available-service .text h1{font-size:1.9rem;line-height:1.7rem}}@media screen and (max-width: 375px){.context .wrap-f4 .available-service .text h1{font-size:1.75rem;line-height:1.6rem}}@media screen and (max-width: 375px){.context .wrap-f4 .available-service .text h1{width:17rem}}.context .wrap-f4 .available-service .text p{width:31.4rem;letter-spacing:0;margin-top:1rem;font-weight:300;opacity:.5}@media screen and (max-width: 1350px){.context .wrap-f4 .available-service .text p{width:100%}}@media screen and (max-width: 700px){.context .wrap-f4 .available-service .text p{font-size:.9rem}}.context .wrap-f4 .available-service .decoration{width:100%;display:flex;justify-content:space-between;align-items:flex-end;opacity:.15;mix-blend-mode:difference}.context .wrap-f4 .available-service .decoration .line{width:12.5rem;height:.1rem;background-color:#efe6e3}.context .wrap-f4 .available-service .decoration img{width:3rem;height:auto}@media screen and (max-width: 550px){.context .wrap-f4 .available-service .decoration img{width:2.5rem}}@media screen and (max-width: 380px){.context .wrap-f4 .available-service .decoration img{width:2.1rem}}.context .wrap-f4 .available-service:nth-child(1){border-radius:.5rem 0 0}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(1){border-radius:.5rem .5rem 0 0}}.context .wrap-f4 .available-service:nth-child(2){border-radius:0 .5rem 0 0}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(2){border-radius:0}}.context .wrap-f4 .available-service:nth-child(3){border-radius:0 0 0 .5rem}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(3){border-radius:0}}.context .wrap-f4 .available-service:nth-child(4){border-radius:0 0 .5rem}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(4){border-radius:0 0 .5rem .5rem}}.context .wrap-f4 .available-service:hover{background-color:#efe6e3}.context .wrap-f4 .available-service:hover .decoration{opacity:1}.context .wrap-f4 .available-service:nth-child(2n){border-left:none}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(2n){border:.085rem solid #505050;border-top:none;border-bottom:none}}.context .wrap-f4 .available-service:nth-child(n+3){border-top:none}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(n+3){border:.085rem solid #505050}}@media screen and (max-width: 1000px){.context .wrap-f4 .available-service:nth-child(n+4){border:.085rem solid #505050;border-top:none}}@media screen and (max-width: 1700px){.context .wrap-f4{max-width:85rem}}@media screen and (max-width: 1500px){.context .wrap-f4{max-width:75rem}}@media screen and (max-width: 1300px){.context .wrap-f4{max-width:70rem}}@media screen and (max-width: 1200px){.context .wrap-f4{max-width:65rem}}@media screen and (max-width: 1100px){.context .wrap-f4{max-width:60rem}}@media screen and (max-width: 1050px){.context .wrap-f4{max-width:55rem}}@media screen and (max-width: 1000px){.context .wrap-f4{max-width:90%}}.context .wrap-f5{position:relative;left:50%;transform:translate(-50%);margin-top:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.context .wrap-f5 .quotitions-wrap{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:.5rem}.context .wrap-f5 .quotitions-wrap img{width:1.25rem;height:auto;transform:scaleY(0);transform-origin:top center;transition:.5s cubic-bezier(.66,.01,.25,.99)}@media screen and (max-width: 800px){.context .wrap-f5 .quotitions-wrap img{width:1.1rem}}.context .wrap-f5 .quotitions-wrap .title-wrap{font-size:5.5rem;line-height:4rem;font-weight:600;overflow:hidden;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.context .wrap-f5 .quotitions-wrap .title-wrap div{transform:translateY(100%);transition:.9s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 800px){.context .wrap-f5 .quotitions-wrap .title-wrap{font-size:4.5rem;line-height:3.3rem}}@media screen and (max-width: 600px){.context .wrap-f5 .quotitions-wrap .title-wrap{font-size:4.15rem;line-height:3.2rem}}.context .wrap-f5 .work-text{font-size:1.5rem;font-weight:500;letter-spacing:-.025rem;width:32rem;text-align:center;margin-top:1.5rem}.context .wrap-f5 .work-text .rowed-wrap{display:flex;flex-direction:row;gap:.3rem}.context .wrap-f5 .work-text .text-overflow-wrap{overflow:hidden}.context .wrap-f5 .work-text .text-overflow-wrap p{transform:translateY(100%);transition:.5s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 800px){.context .wrap-f5 .work-text{font-size:1.35rem;width:30rem}}@media screen and (max-width: 600px){.context .wrap-f5 .work-text{font-size:1.1rem;width:25rem}}@media screen and (max-width: 480px){.context .wrap-f5 .work-text{font-size:1rem;width:21rem}}.context .wrap-f6{max-width:80rem;position:relative;left:50%;transform:translate(-50%);margin-top:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7rem}@media screen and (max-width: 1000px){.context .wrap-f6{gap:5.5rem}}@media screen and (max-width: 700px){.context .wrap-f6{gap:4rem}}.context .wrap-f6 .project-wrap{width:100%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;transform:translateY(2rem);opacity:0;transition:.5s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 1000px){.context .wrap-f6 .project-wrap{gap:1.75rem}}@media screen and (max-width: 850px){.context .wrap-f6 .project-wrap{flex-direction:column-reverse;gap:1.5rem;margin-top:-2rem;transform:translateY(3.5rem)}}@media screen and (max-width: 700px){.context .wrap-f6 .project-wrap{gap:1rem}}.context .wrap-f6 .project-wrap .text-wrap{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;width:28rem}@media screen and (max-width: 1500px){.context .wrap-f6 .project-wrap .text-wrap{gap:.75rem}}@media screen and (max-width: 850px){.context .wrap-f6 .project-wrap .text-wrap{width:95%;gap:.4rem}}@media screen and (max-width: 700px){.context .wrap-f6 .project-wrap .text-wrap{gap:.25rem}}.context .wrap-f6 .project-wrap .text-wrap h2{font-size:2rem;font-weight:400;letter-spacing:-.075rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;color:#beb7b4}@media screen and (max-width: 1500px){.context .wrap-f6 .project-wrap .text-wrap h2{font-size:1.75rem}}@media screen and (max-width: 1200px){.context .wrap-f6 .project-wrap .text-wrap h2{font-size:1.6rem}}@media screen and (max-width: 475px){.context .wrap-f6 .project-wrap .text-wrap h2{font-size:1.45rem}}.context .wrap-f6 .project-wrap .text-wrap h2 .project-name{font-weight:500;color:#efe6e3}.context .wrap-f6 .project-wrap .text-wrap h2 .circle{width:.4rem;aspect-ratio:1;background-color:#efe6e3;border-radius:50%}.context .wrap-f6 .project-wrap .text-wrap .brief-description{width:22.5rem;font-size:1rem;font-weight:400;opacity:.45}@media screen and (max-width: 1500px){.context .wrap-f6 .project-wrap .text-wrap .brief-description{font-size:.9rem}}@media screen and (max-width: 950px){.context .wrap-f6 .project-wrap .text-wrap .brief-description{font-size:.9rem;width:20rem}}@media screen and (max-width: 850px){.context .wrap-f6 .project-wrap .text-wrap .brief-description{font-size:.9rem;width:95%;margin-top:-.25rem;margin-bottom:.75rem}}@media screen and (max-width: 470px){.context .wrap-f6 .project-wrap .text-wrap .brief-description{font-size:.85rem}}.context .wrap-f6 .project-wrap .text-wrap .view-project{width:4.5rem;height:3rem;border-radius:10rem;display:flex;justify-content:center;align-items:center;border:.15rem solid #efe6e3;background:transparent;color:#efe6e3;transition:width .4s cubic-bezier(.1,.58,.22,.99);cursor:pointer}@media screen and (max-width: 1500px){.context .wrap-f6 .project-wrap .text-wrap .view-project{transform:scale(.9)}}.context .wrap-f6 .project-wrap .text-wrap .view-project p{font-family:SF Pro Display,sans-serif;font-size:.9rem;text-transform:uppercase;width:0;overflow:hidden;white-space:nowrap;mix-blend-mode:difference;transition:width .4s cubic-bezier(.1,.58,.22,.99)}.context .wrap-f6 .project-wrap .text-wrap .view-project img{mix-blend-mode:difference}.context .wrap-f6 .project-wrap .text-wrap .view-project:hover{background-color:#efe6e3;width:10rem}.context .wrap-f6 .project-wrap .text-wrap .view-project:hover p{width:6rem;margin-right:.5rem}.context .wrap-f6 .project-wrap .project-thumbnail{aspect-ratio:1.8/1;width:45rem;overflow:hidden;display:block;border:.1rem solid #2b2b2b;position:relative;cursor:crosshair}@media screen and (max-width: 850px){.context .wrap-f6 .project-wrap .project-thumbnail{width:95%}}.context .wrap-f6 .project-wrap .project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:.3s cubic-bezier(.1,.58,.22,.99)}.context .wrap-f6 .project-wrap .project-thumbnail:after{width:100%;height:100%;content:"";display:flex;background:linear-gradient(to bottom,#0a0a0a00,#0a0a0a00,#0a0a0a);z-index:1;position:absolute;left:0;top:0}.context .wrap-f6 .project-wrap .project-thumbnail:hover img{transform:scale(1.075)}.context .wrap-f6 .reverse-wrap{flex-direction:row-reverse}@media screen and (max-width: 850px){.context .wrap-f6 .reverse-wrap{flex-direction:column-reverse}}@media screen and (max-width: 1700px){.context .wrap-f6{max-width:85rem}}@media screen and (max-width: 1500px){.context .wrap-f6{max-width:75rem}}@media screen and (max-width: 1300px){.context .wrap-f6{max-width:70rem}}@media screen and (max-width: 1200px){.context .wrap-f6{max-width:65rem}}@media screen and (max-width: 1100px){.context .wrap-f6{max-width:60rem}}@media screen and (max-width: 1050px){.context .wrap-f6{max-width:55rem}}@media screen and (max-width: 1000px){.context .wrap-f6{max-width:90%}}.context .wrap-f7{max-width:110rem;width:94%;height:30rem;position:relative;left:50%;transform:translate(-50%);margin-top:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7rem;background:#efe6e3;border-radius:7rem;overflow:hidden}@media screen and (max-width: 1400px){.context .wrap-f7{max-width:100%;width:95%;border-radius:2.5rem}}@media screen and (max-width: 1100px){.context .wrap-f7{margin-top:7rem}}@media screen and (max-width: 700px){.context .wrap-f7{height:25rem}}@media screen and (max-width: 600px){.context .wrap-f7{height:21rem}}@media screen and (max-width: 500px){.context .wrap-f7{height:19rem}}.context .wrap-f7 .pattern{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:auto;object-fit:cover;opacity:.9;z-index:-1}@media screen and (max-width: 900px){.context .wrap-f7 .pattern{height:85%;width:auto}}@media screen and (max-width: 800px){.context .wrap-f7 .pattern{height:80%;width:auto}}@media screen and (max-width: 700px){.context .wrap-f7 .pattern{height:75%;width:auto}}@media screen and (max-width: 600px){.context .wrap-f7 .pattern{height:70%;width:auto}}.context .wrap-f7 .text-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column}.context .wrap-f7 .text-wrap .row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}@media screen and (max-width: 700px){.context .wrap-f7 .text-wrap .row{gap:1rem}}@media screen and (max-width: 500px){.context .wrap-f7 .text-wrap .row{gap:.8rem}}.context .wrap-f7 .text-wrap .row .customArrow{width:4.7rem;height:auto}@media screen and (max-width: 800px){.context .wrap-f7 .text-wrap .row .customArrow{width:4.3rem}}@media screen and (max-width: 700px){.context .wrap-f7 .text-wrap .row .customArrow{width:3.5rem}}@media screen and (max-width: 500px){.context .wrap-f7 .text-wrap .row .customArrow{width:3rem}}.context .wrap-f7 .text-wrap h1{font-size:4.5rem;font-weight:500;color:#000;letter-spacing:-.125rem;line-height:4.4rem}@media screen and (max-width: 800px){.context .wrap-f7 .text-wrap h1{font-size:4rem;line-height:3.7rem}}@media screen and (max-width: 700px){.context .wrap-f7 .text-wrap h1{font-size:3.25rem;line-height:3.1rem}}@media screen and (max-width: 600px){.context .wrap-f7 .text-wrap h1{font-size:2.85rem;line-height:2.4rem;font-weight:500}}@media screen and (max-width: 500px){.context .wrap-f7 .text-wrap h1{font-size:2.4rem;line-height:2.25rem}}.context .wrap-f7 .text-wrap p{color:#000;opacity:.35;width:25rem;font-size:1.2rem;font-weight:400;text-align:center;margin-top:1.2rem}@media screen and (max-width: 800px){.context .wrap-f7 .text-wrap p{font-size:1.1rem;width:22rem}}@media screen and (max-width: 700px){.context .wrap-f7 .text-wrap p{font-size:1rem;width:20rem;margin-top:.5rem}}@media screen and (max-width: 500px){.context .wrap-f7 .text-wrap p{font-size:.9rem;width:17rem;margin-top:.5rem}}.wrap-project-preview{width:100%;max-width:95rem;position:relative;left:50%;transform:translate(-50%);margin-top:8rem;padding-bottom:3rem}@media screen and (max-width: 800px){.wrap-project-preview{padding-bottom:0}}.wrap-project-preview .return{position:absolute;left:0;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;cursor:pointer;transition:.4s cubic-bezier(.1,.58,.22,.99);transform:translateY(.5rem);opacity:0}.wrap-project-preview .return .arrowHead{position:absolute;left:0;width:.55rem;height:auto;fill:#535353}.wrap-project-preview .return .arrow-tail{width:5.5rem;height:.12rem;border-radius:2rem;margin-left:.1rem;transition:.2s cubic-bezier(.1,.58,.22,.99);background:#535353}.wrap-project-preview .return p{text-transform:uppercase;color:#535353;font-weight:500}.wrap-project-preview .return:hover .arrowHead{fill:#efe6e3}.wrap-project-preview .return:hover .arrow-tail{background:#efe6e3;width:6.5rem}.wrap-project-preview .return:hover p{color:#efe6e3}.wrap-project-preview .text-wrap{padding-top:4rem}.wrap-project-preview .text-wrap h2{font-size:3.5rem;font-weight:400;letter-spacing:-.075rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;color:#beb7b4;transition:.4s cubic-bezier(.1,.58,.22,.99);transform:translateY(.5rem);opacity:0}@media screen and (max-width: 1100px){.wrap-project-preview .text-wrap h2{font-size:2.9rem}}@media screen and (max-width: 800px){.wrap-project-preview .text-wrap h2{font-size:2.5rem}}@media screen and (max-width: 600px){.wrap-project-preview .text-wrap h2{font-size:2.1rem}}@media screen and (max-width: 400px){.wrap-project-preview .text-wrap h2{font-size:1.8rem}}.wrap-project-preview .text-wrap h2 .project-name{font-weight:500;color:#efe6e3}.wrap-project-preview .text-wrap h2 .circle{width:.5rem;aspect-ratio:1;background-color:#efe6e3;border-radius:50%}.wrap-project-preview .text-wrap .brief-description{width:45rem;font-size:1rem;font-weight:300;margin-top:1rem;opacity:.7;overflow:hidden}.wrap-project-preview .text-wrap .brief-description .word{display:inline-block;white-space:nowrap;transition:all .3s ease;transform:translateY(.3rem);opacity:0}@media screen and (max-width: 1000px){.wrap-project-preview .text-wrap .brief-description{width:30rem}}@media screen and (max-width: 650px){.wrap-project-preview .text-wrap .brief-description{width:25rem;font-size:.9rem;margin-top:.5rem}}@media screen and (max-width: 500px){.wrap-project-preview .text-wrap .brief-description{width:95%}}.wrap-project-preview .project-image{width:100%;height:auto;margin-top:5rem;overflow:hidden;border-radius:1.5rem;transition:.8s cubic-bezier(.1,.58,.22,.99);transform:translateY(1.5rem);opacity:0}@media screen and (max-width: 800px){.wrap-project-preview .project-image{margin-top:2.5rem}}.wrap-project-preview .project-image img{width:100%;height:auto;object-fit:cover}@media screen and (max-width: 1700px){.wrap-project-preview{max-width:85rem}}@media screen and (max-width: 1500px){.wrap-project-preview{max-width:75rem}}@media screen and (max-width: 1300px){.wrap-project-preview{max-width:70rem}}@media screen and (max-width: 1200px){.wrap-project-preview{max-width:65rem}}@media screen and (max-width: 1100px){.wrap-project-preview{max-width:60rem}}@media screen and (max-width: 1050px){.wrap-project-preview{max-width:55rem}}@media screen and (max-width: 1000px){.wrap-project-preview{max-width:90%}}.info{max-width:95rem;height:35rem;display:flex;justify-content:center;align-items:center;position:relative;left:50%;transform:translate(-50%);margin-top:8rem}.info .return{position:absolute;left:0;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.info .return .arrowHead{position:absolute;left:0;width:.55rem;height:auto;fill:#535353}.info .return .arrow-tail{width:5.5rem;height:.12rem;border-radius:2rem;margin-left:.1rem;transition:.2s cubic-bezier(.1,.58,.22,.99);background:#535353}.info .return p{text-transform:uppercase;color:#535353;font-weight:500}.info .return:hover .arrowHead{fill:#efe6e3}.info .return:hover .arrow-tail{background:#efe6e3;width:6.5rem}.info .return:hover p{color:#efe6e3}.info .text{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 500px){.info .text{margin-top:-4rem}}.info .text h1{font-size:4rem;font-weight:600;letter-spacing:-.1rem}@media screen and (max-width: 800px){.info .text h1{font-size:3.5rem}}@media screen and (max-width: 650px){.info .text h1{font-size:3rem}}@media screen and (max-width: 500px){.info .text h1{font-size:2.5em}}.info .text p{font-size:1.1rem;width:25rem;opacity:.5;margin-top:.25rem}@media screen and (max-width: 800px){.info .text p{font-size:1rem;width:22.5rem}}@media screen and (max-width: 650px){.info .text p{font-size:.95rem;width:20rem}}@media screen and (max-width: 500px){.info .text p{font-size:.9em;width:19rem}}@media screen and (max-width: 1700px){.info{max-width:85rem}}@media screen and (max-width: 1500px){.info{max-width:75rem}}@media screen and (max-width: 1300px){.info{max-width:70rem}}@media screen and (max-width: 1200px){.info{max-width:65rem}}@media screen and (max-width: 1100px){.info{max-width:60rem}}@media screen and (max-width: 1050px){.info{max-width:55rem}}@media screen and (max-width: 1000px){.info{max-width:85%}}.wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:.7rem;width:100%;mix-blend-mode:difference;position:fixed;top:0;z-index:999;background-color:#0a0a0a01;transform:translateY(-100%);transition:.5s cubic-bezier(.1,.58,.22,.99)}.wrap .centered-wrap{max-width:95rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}@media screen and (max-width: 1650px){.wrap .centered-wrap{max-width:92.5%}}.wrap .centered-wrap .signature-logo{width:6.7rem;height:auto}@media screen and (max-width: 700px){.wrap .centered-wrap .signature-logo{width:6.2rem}}.wrap .centered-wrap .links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}@media screen and (max-width: 700px){.wrap .centered-wrap .links{display:none}}.wrap .centered-wrap .links a{color:#efe6e3;text-decoration:none;font-weight:400;position:relative;font-size:1rem;text-transform:uppercase}.wrap .centered-wrap .links a:before{content:"";width:100%;height:100%;display:flex;background-color:#efe6e3;position:absolute;mix-blend-mode:difference;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s cubic-bezier(.1,.58,.22,.99)}.wrap .centered-wrap .links a:hover:before{transform:scaleX(1);transform-origin:bottom left}.wrap .centered-wrap .to-contact{color:#efe6e3;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:.4rem;transition:gap .25s cubic-bezier(.1,.58,.22,.99);border-bottom:.1rem solid #efe6e3;padding-bottom:.25rem;text-transform:uppercase;font-size:.9rem}.wrap .centered-wrap .to-contact:hover{gap:.7rem}.wrap .border{width:100%;height:.055rem;background-color:#464646;margin-top:.55rem}@media screen and (max-width: 700px){.wrap .border{margin-top:.45rem}}.gradient-blur{position:fixed;top:0;left:0;right:0;z-index:5;height:4rem;pointer-events:none;transform:rotate(180deg) translateY(100%);transition:.5s cubic-bezier(.1,.58,.22,.99)}.gradient-blur>div,.gradient-blur:before,.gradient-blur:after{position:absolute;inset:0}.gradient-blur:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(0,0,0) 12.5%,rgb(0,0,0) 25%,rgba(0,0,0,0) 37.5%)}.gradient-blur>div:nth-of-type(1){z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 12.5%,rgb(0,0,0) 25%,rgb(0,0,0) 37.5%,rgba(0,0,0,0) 50%)}.gradient-blur>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgb(0,0,0) 37.5%,rgb(0,0,0) 50%,rgba(0,0,0,0) 62.5%)}.gradient-blur>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 37.5%,rgb(0,0,0) 50%,rgb(0,0,0) 62.5%,rgba(0,0,0,0) 75%)}.gradient-blur>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgb(0,0,0) 62.5%,rgb(0,0,0) 75%,rgba(0,0,0,0) 87.5%)}.gradient-blur>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 62.5%,rgb(0,0,0) 75%,rgb(0,0,0) 87.5%,rgba(0,0,0,0) 100%)}.gradient-blur>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 75%,rgb(0,0,0) 87.5%,rgb(0,0,0) 100%)}.gradient-blur:after{content:"";z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 87.5%,rgb(0,0,0) 100%)}.wrap-footer{width:100%;height:45rem;position:relative;left:50%;transform:translate(-50%);margin-top:1rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1050px){.wrap-footer{height:37.5rem}}.wrap-footer .bgLines{width:85%;height:80%;position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.wrap-footer .bgLines .line{width:.05rem;height:100%;background:linear-gradient(to bottom,#2b2b2b00,#2b2b2b,#2b2b2b)}@media screen and (max-width: 800px){.wrap-footer .bgLines .line:nth-child(n+4){display:none}}.wrap-footer .deco-line{width:100%;height:.8rem;background:linear-gradient(to right,#f8b17c,#fc9696,#6f95d1);position:absolute;left:50%;bottom:0;transform:translate(-50%)}.wrap-footer .text-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 1050px){.wrap-footer .text-wrap{top:47.5%;gap:1.25rem}}@media screen and (max-width: 850px){.wrap-footer .text-wrap{width:30rem}}@media screen and (max-width: 550px){.wrap-footer .text-wrap{width:25rem}}@media screen and (max-width: 500px){.wrap-footer .text-wrap{width:20rem}}.wrap-footer .text-wrap p{font-size:1.1rem;text-transform:uppercase;text-align:center;overflow:hidden}.wrap-footer .text-wrap p .word{opacity:.5;transform:translateY(100%);transition:.5s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 1000px){.wrap-footer .text-wrap p{font-size:1rem}}@media screen and (max-width: 450px){.wrap-footer .text-wrap p{font-size:.9rem}}.wrap-footer .text-wrap h1{font-size:5rem;text-align:center;text-transform:uppercase;letter-spacing:-.125rem;font-weight:500;line-height:4.75rem}.wrap-footer .text-wrap h1 .word{transform:translateY(1rem);opacity:0;transition:.5s cubic-bezier(.1,.58,.22,.99)}.wrap-footer .text-wrap h1 .handwritten{font-family:Shadows Into Light Two,cursive;font-weight:100;font-size:4.5rem}.wrap-footer .text-wrap h1 .dot{font-family:SF Pro Display,sans-serif;font-size:4rem}@media screen and (max-width: 1050px){.wrap-footer .text-wrap h1{font-size:4rem;line-height:3.75rem}.wrap-footer .text-wrap h1 .handwritten{font-family:Shadows Into Light Two,cursive;font-weight:100;font-size:3.7rem}}@media screen and (max-width: 550px){.wrap-footer .text-wrap h1{font-size:3.4rem;line-height:2.9rem}.wrap-footer .text-wrap h1 .handwritten{font-family:Shadows Into Light Two,cursive;font-weight:100;font-size:2.65rem}.wrap-footer .text-wrap h1 .dot{font-family:SF Pro Display,sans-serif;font-size:3rem}}@media screen and (max-width: 500px){.wrap-footer .text-wrap h1{font-size:2.85rem;line-height:2.5rem}.wrap-footer .text-wrap h1 .handwritten{font-family:Shadows Into Light Two,cursive;font-weight:100;font-size:2.5rem}}.wrap-footer .text-wrap .copy-mail{padding:1.5rem 2.5rem;border:.1rem solid #efe6e3;border-radius:10rem;text-transform:uppercase;position:relative;overflow:hidden;cursor:pointer;background:#0a0a0a;transform:translateY(2rem);opacity:0;transition:transform .5s cubic-bezier(.1,.58,.22,.99),padding .3s cubic-bezier(.1,.58,.22,.99)}@media screen and (max-width: 550px){.wrap-footer .text-wrap .copy-mail{padding:1.25rem 2.5rem}}.wrap-footer .text-wrap .copy-mail:after{content:"(click to copy)";display:flex;position:absolute;top:2.75rem;left:50%;transform:translate(-50%);font-size:1rem;text-align:center;mix-blend-mode:difference;opacity:0;transition:.4s cubic-bezier(.1,.58,.22,.99);text-transform:lowercase}.wrap-footer .text-wrap .copy-mail:hover{padding:1.5rem 3rem}@media screen and (max-width: 550px){.wrap-footer .text-wrap .copy-mail:hover{padding:1.25rem 3rem}}.wrap-footer .text-wrap .copy-mail .textbox{overflow:hidden}.wrap-footer .text-wrap .copy-mail .textbox p{mix-blend-mode:difference}.wrap-footer .text-wrap .copy-mail .textbox .mail{overflow:hidden}.wrap-footer .text-wrap .copy-mail .textbox .mail p{transition:.3s cubic-bezier(.1,.58,.22,.99)}.wrap-footer .text-wrap .copy-mail .textbox .info-copy{overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.wrap-footer .text-wrap .copy-mail .textbox .info-copy p{transition:.3s cubic-bezier(.1,.58,.22,.99);transform:translateY(100%)}@keyframes transformText{0%{transform:translateY(0)}49%{transform:translateY(100%)}50%{transform:translateY(-100%)}51%{transform:translateY(-100%)}to{transform:translateY(0)}}.wrap-footer .foot-wrap{width:50%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;left:50%;bottom:2rem;transform:translate(-50%)}@media screen and (max-width: 800px){.wrap-footer .foot-wrap{width:90%}}.wrap-footer .foot-wrap img{width:7.5rem;height:auto}@media screen and (max-width: 550px){.wrap-footer .foot-wrap img{width:6.3rem}}.wrap-footer .foot-wrap p{font-weight:500;text-transform:uppercase;text-align:center}@media screen and (max-width: 500px){.wrap-footer .foot-wrap p{font-size:.8rem;width:7rem}}@media screen and (max-width: 450px){.wrap-footer .foot-wrap .location{width:5rem;margin-left:.8rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::selection{background:#efe6e3;color:#000}body{background:#0a0a0a;font-family:SF Pro Display,sans-serif;color:#efe6e3}