*,::after,::before{margin:0;padding:0;box-sizing:border-box;outline:none}html{font-size:10px;scroll-behavior:smooth;scroll-padding-top:8rem}body{font-family:"Inter-light";font-weight:300;color:black;font-size:2.2rem;background:white}body::-webkit-scrollbar{width:1rem;background-color:white}body::-webkit-scrollbar-thumb{background-color:#DADADA;border-radius:1rem}p::selection{background:#DADADA;color:black}h1::selection,h2::selection,h3::selection{background:#DADADA;color:black}input::selection{background:#DADADA;color:black}img::selection{background:#DADADA}a::selection{background:#DADADA;color:black}textarea::selection{background:#DADADA;color:black}button::selection{background:#DADADA;color:black}span::selection{background:#DADADA;color:black}div::selection{background:#DADADA;color:black}ul::selection,li::selection{background:#DADADA;color:black}@font-face{font-family:"Inter-light";src:url("../fonts/Inter-Light.ttf");font-weight:300;font-display:swap;font-style:normal;font-size:2.2rem;line-height:normal}@font-face{font-family:"Inter-regular";src:url("../fonts/Inter-Regular.ttf");font-weight:400;font-display:swap;font-style:normal;font-size:2.2rem;line-height:normal}@font-face{font-family:"NeutralFace";src:url("../fonts/NeutralFace.otf");font-weight:400;font-display:swap;font-style:normal;font-size:2.2rem;line-height:normal}.main-title{font-family:"NeutralFace";font-weight:400;font-size:10.53vw;margin-top:2rem;display:flex}@media (max-width: 600px){.main-title{font-size:17vw}}.word-wrapper{display:block}.word-wrapper-2{display:block}.word{animation:slideDownWord .8s forwards;display:inline-block;transform:translateY(-100%)}.word-2{animation:slideDownWord2 .8s forwards;display:inline-block;transform:translateY(-100%)}h1 .word-wrapper:nth-of-type(1) .word-1{animation-delay:.1s}h1 .word-wrapper:nth-of-type(2) .word-2{animation-delay:.2s}h1 .word-wrapper:nth-of-type(3) .word-3{animation-delay:.3s}h1 .word-wrapper:nth-of-type(4) .word-4{animation-delay:.4s}h1 .word-wrapper:nth-of-type(5) .word-5{animation-delay:.5s}h1 .word-wrapper:nth-of-type(6) .word-6{animation-delay:.6s}h1 .word-wrapper:nth-of-type(7) .word-7{animation-delay:.7s}h1 .word-wrapper-2:nth-of-type(1) .word-9{animation-delay:.6s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(1) .word-9{animation-delay:.1s}}h1 .word-wrapper-2:nth-of-type(2) .word-10{animation-delay:.5s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(2) .word-10{animation-delay:.2s}}h1 .word-wrapper-2:nth-of-type(3) .word-11{animation-delay:.4s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(3) .word-11{animation-delay:.3s}}h1 .word-wrapper-2:nth-of-type(4) .word-12{animation-delay:.3s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(4) .word-12{animation-delay:.4s}}h1 .word-wrapper-2:nth-of-type(5) .word-13{animation-delay:.2s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(5) .word-13{animation-delay:.5s}}h1 .word-wrapper-2:nth-of-type(6) .word-14{animation-delay:.1s}@media (max-width: 600px){h1 .word-wrapper-2:nth-of-type(6) .word-14{animation-delay:.6s}}@keyframes slideDownWord{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes slideDownWord2{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.text{font-family:"Inter-light";font-size:2rem}@media (max-width: 1200px){.text{font-size:1.6rem}}@media (max-width: 600px){.text{font-size:1.8rem}}.title{font-family:"NeutralFace";font-weight:400;font-size:3vw;text-transform:uppercase}@media (max-width: 600px){.title{font-size:2.2rem}}.header{position:fixed;z-index:10;width:100%;animation:slideDownHeader 2s forwards}.header__btn{position:relative;z-index:15;width:3rem;height:1.6rem;border:none;outline:none;background:none;display:none}@media (max-width: 600px){.header__btn{display:block;margin:3.2rem 2rem 0 0;right:0}}.header__btn span{display:block;position:absolute;width:3rem;height:.1rem;background:black;transition:all .3s}.header__btn span:nth-child(1){transform:translateY(-0.8rem)}.header__btn span:nth-child(3){transform:translateY(0.8rem)}@media (max-width: 600px){.header{display:flex;justify-content:flex-end;width:100%;left:auto;transform:translateX(0);z-index:8}}.header.open .header__btn span{display:block;position:absolute;width:3rem;height:.1rem;background:white}.header.open .header__btn span:nth-child(1){transform:translateY(0) rotate(29deg);background:white}.header.open .header__btn span:nth-child(2){opacity:0}.header.open .header__btn span:nth-child(3){transform:translateY(0) rotate(-29deg);background:white}@media (max-width: 600px){.header.open .nav-menu{transform:translateX(-100%);visibility:visible;z-index:7}}.nav-menu{width:95%;margin:0 auto;z-index:9}@media (max-width: 600px){.nav-menu{position:absolute;width:70%;height:100vh;right:-70%;padding:9rem 5% 0 0;background:black;visibility:hidden;transition:all .3s;z-index:4;will-change:transition}}.nav-menu__list{display:flex;justify-content:space-between;list-style-type:none}@media (max-width: 600px){.nav-menu__list{flex-direction:column;align-items:flex-end;margin-top:4rem}}@media (max-width: 600px){.nav-menu__item{margin:0}.nav-menu__item:not(:last-child){margin-bottom:5rem}}.nav-menu__link{position:relative;font-family:"Inter-light";font-weight:300;text-decoration:none;color:black}@media (max-width: 1200px){.nav-menu__link{font-size:1.8rem}}@media (max-width: 600px){.nav-menu__link{font-size:2.6rem;color:white}}.nav-menu__link::before{content:'';position:absolute;width:100%;height:.1rem;border-radius:.4rem;background-color:black;bottom:.2rem;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.nav-menu__link:hover::before{transform-origin:left;transform:scaleX(1)}@keyframes slideDownHeader{0%{transform:translateY(-250%);opacity:0}100%{transform:translateY(0%);opacity:1}}.main-section{width:95%;margin:0 auto;height:100vh;margin-bottom:21rem}@media (max-width: 1200px){.main-section{margin-bottom:10rem}}@media (max-width: 600px){.main-section{position:relative;width:100%}}.main-section__main-title{margin-bottom:9%;transform:translateX(-1rem)}@media (max-width: 600px){.main-section__main-title{position:absolute;margin-bottom:2%;height:100%;z-index:1;color:white;transform:translateX(9%)}}.main-section__img{width:100%;height:40%;object-fit:cover;animation:show 2s forwards;margin-bottom:3rem;border-radius:2rem}@media (max-width: 600px){.main-section__img{position:absolute;border-radius:0;z-index:0;height:100%;animation:none}}.word-wrapper-m{display:flex}@media (max-width: 600px){.word-wrapper-m{flex-direction:column}}.word-wrapper-m__1{display:flex}.word-wrapper-m__2{display:flex}.main-wapper{width:100%;display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 900px){.main-wapper{flex-direction:column;align-items:center}}@media (max-width: 900px) and (max-width: 600px){.main-wapper{width:95%;position:absolute;left:50%;transform:translateX(-50%);z-index:1;bottom:0}}.main-wapper__text{width:60%;animation:slideUpText 1.9s forwards}@media (max-width: 1200px){.main-wapper__text{font-size:1.6rem;width:50%}}@media (max-width: 900px){.main-wapper__text{width:90%;text-align:center;margin-bottom:2rem;animation:slideUpTextMobile 1.9s forwards}}@media (max-width: 600px){.main-wapper__text{position:absolute;color:white;text-align:left;bottom:12rem}}@keyframes show{0%{scale:.6;opacity:0}100%{scale:1;opacity:1}}@keyframes slideUpText{0%{transform:translate(4rem, 100%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes slideUpTextMobile{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.btn{position:relative;padding:1.5rem 15rem;background:black;color:white;border-radius:10rem;font-size:2.2rem;text-decoration:none;transition:.3s all;animation:slideUpBtn 1.9s forwards;overflow:hidden;white-space:nowrap}@media (max-width: 1200px){.btn{font-size:1.8rem}}@media (max-width: 900px){.btn{animation:slideUpBtnMobile 1.9s forwards}}@media (max-width: 600px){.btn{position:absolute;bottom:6rem;padding:1.5rem 28%}}.btn:hover{background:none;border:.1rem solid black;color:black}.btn:active{transform:translateY(0);background:rgba(0,0,0,0.8)}@keyframes slideUpBtn{0%{transform:translate(-4rem, 100%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes slideUpBtnMobile{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.about{width:95%;margin:0 auto}.about__title-1{margin-left:15%}@media (max-width: 600px){.about__title-1{margin-left:0;width:30rem}}@media (max-width: 600px){.about__title-2{margin-left:12%;width:30rem}}.about__title-3{margin-left:34%;margin-bottom:20rem}@media (max-width: 1200px){.about__title-3{margin-bottom:9rem}}@media (max-width: 600px){.about__title-3{margin-left:0;width:26rem}}.about-wrapper{position:relative;margin-left:35.5%;display:flex;margin-bottom:30rem}@media (max-width: 1200px){.about-wrapper{margin-left:20%}}@media (max-width: 900px){.about-wrapper{margin-left:10%}}@media (max-width: 600px){.about-wrapper{margin-left:5%;flex-direction:column;margin-bottom:20rem}}@media (max-width: 1200px){.about-wrapper__img{width:20rem}}@media (max-width: 600px){.about-wrapper__img{width:16rem;height:22rem}}.about-wrapper__text{margin-left:2%;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 600px){.about-wrapper__text-1{margin-top:5rem}}.about-wrapper__text-2{width:70%;transform:translateY(50%)}@media (max-width: 600px){.about-wrapper__text-2{width:90%;transform:translateY(15%)}}.about-wrapper__name{position:absolute;font-family:"NeutralFace";font-weight:400;font-size:4rem;mix-blend-mode:difference;color:white;text-transform:uppercase;width:20rem;top:35rem;left:1rem}@media (max-width: 1200px){.about-wrapper__name{font-size:2.2rem;width:11rem;top:25rem}}@media (max-width: 600px){.about-wrapper__name{font-size:2rem;top:20.6rem}}.project{position:relative;height:50rem;overflow:hidden;margin-bottom:25rem}@media (max-width: 1200px){.project{height:38rem;margin-bottom:10rem}}.project__container{height:50rem;padding:0 2.5%;display:flex;overflow-x:auto;scroll-behavior:smooth}@media (max-width: 1200px){.project__container{height:38rem}}.project__container::-webkit-scrollbar{display:none}.project__card{flex:0 0 auto}.project__card-1{width:29rem;height:47.5rem}@media (max-width: 1200px){.project__card-1{width:21rem;height:34.5rem}}.project__card-2{width:47rem;height:35.8rem;margin-left:2rem}@media (max-width: 1200px){.project__card-2{width:34rem;height:26rem}}.project__card-3{width:59rem;height:34rem;margin-left:2rem}@media (max-width: 1200px){.project__card-3{width:36rem;height:21.5rem}}.project__card-4{width:28.7rem;height:42.7rem;margin-left:2rem}@media (max-width: 1200px){.project__card-4{width:19rem;height:29.2rem}}.project__card-5{width:62rem;height:38.8rem;margin-left:2rem}@media (max-width: 1200px){.project__card-5{width:36.5rem;height:23.7rem}}.project__name{font-family:"NeutralFace";font-weight:400;font-size:1.4rem;display:flex;justify-content:center;margin-bottom:1rem}@media (max-width: 1200px){.project__name{font-size:1.2rem}}.project__img{width:100%;object-fit:cover;overflow:hidden}.project__number{margin-top:-.5rem;font-size:1.6rem}@media (max-width: 1200px){.project__number{font-size:1.4rem}}.pre-btn{position:absolute;width:1.5rem;height:6.2rem;background:none;border:none;cursor:pointer;top:20rem;left:2rem}@media (max-width: 1200px){.pre-btn{top:15rem;left:.5rem}}@media (max-width: 1200px){.pre-btn img{width:1rem;height:4.1rem}}.nxt-btn{position:absolute;transform:rotate(180deg);width:1.5rem;height:6.2rem;background:none;border:none;cursor:pointer;top:20rem;right:2rem}@media (max-width: 1200px){.nxt-btn{top:15rem;right:.5rem}}@media (max-width: 1200px){.nxt-btn img{width:1rem;height:4.1rem}}.services{width:95%;margin:0 auto;margin-bottom:30rem}@media (max-width: 1200px){.services{margin-bottom:20rem}}@media (max-width: 900px){.services{margin-bottom:12rem}}@media (max-width: 600px){.services__title-1{width:28rem}}.services__title-2{margin-left:15%;margin-bottom:12rem}@media (max-width: 900px){.services__title-2{margin-bottom:8rem}}@media (max-width: 600px){.services__title-2{margin-left:15%;width:24rem}}.accordion{width:100%}.accordion .contentBx{position:relative}.accordion .contentBx .label{display:flex;position:relative;padding:2.6rem 0 2.6rem 3.5rem;background:none;border-top:.1rem solid black;color:black;cursor:pointer;font-family:"NeutralFace";font-weight:400;font-size:2.4rem}@media (max-width: 1200px){.accordion .contentBx .label{font-size:2rem;padding:1.4rem 0 1.4rem 1.5rem}}@media (max-width: 600px){.accordion .contentBx .label{font-size:1.8rem}}.accordion .contentBx .label::before{content:url(../icons/arrow-u.svg);position:absolute;top:50%;right:2rem;transform:translateY(-50%)}@media (max-width: 1200px){.accordion .contentBx .label::before{content:url(../icons/arrow-u-m.svg)}}@media (max-width: 600px){.accordion .contentBx .label::before{top:1.4rem;transform:translateY(0)}}.accordion .contentBx.active .label::before{content:url(../icons/arrow-d.svg)}@media (max-width: 1200px){.accordion .contentBx.active .label::before{content:url(../icons/arrow-d-m.svg)}}.label-title{margin-left:30%}@media (max-width: 1200px){.label-title{margin-left:20%}}@media (max-width: 900px){.label-title{width:55%}}@media (max-width: 600px){.label-title{margin-left:10%}}.label-title__span{font-size:2rem}@media (max-width: 1200px){.label-title__span{font-size:1.6rem}}@media (max-width: 600px){.label-title__span{font-size:1.4rem}}.accordion .contentBx .content{position:relative;height:0;overflow:hidden;transition:.5s}.accordion .contentBx .content-5{border-bottom:.1rem solid black}.accordion .contentBx .content__list{list-style-type:disc;margin-left:35%}@media (max-width: 600px){.accordion .contentBx .content__list{margin-left:30%}}.accordion .contentBx .content__item{width:30rem}@media (max-width: 1200px){.accordion .contentBx .content__item{font-size:1.8rem}}@media (max-width: 600px){.accordion .contentBx .content__item{width:20rem}}.accordion .contentBx .content__item-3{width:28rem}@media (max-width: 600px){.accordion .contentBx .content__item-3{width:23rem}}.accordion .contentBx .content__item:not(:last-child){margin-bottom:1.5rem}.accordion .contentBx.active .content{height:23rem}@media (max-width: 1200px){.accordion .contentBx.active .content{height:18rem}}.accordion .contentBx.active .content-2{height:30rem}@media (max-width: 1200px){.accordion .contentBx.active .content-2{height:24rem}}@media (max-width: 600px){.accordion .contentBx.active .content-2{height:25rem}}.accordion .contentBx.active .content-3{height:36rem}@media (max-width: 1200px){.accordion .contentBx.active .content-3{height:30rem}}@media (max-width: 600px){.accordion .contentBx.active .content-3{height:34rem}}.accordion .contentBx.active .content-4{height:46rem}@media (max-width: 1200px){.accordion .contentBx.active .content-4{height:36rem}}@media (max-width: 600px){.accordion .contentBx.active .content-4{height:44rem}}.accordion .contentBx.active .content-5{height:44rem}@media (max-width: 1200px){.accordion .contentBx.active .content-5{height:32rem}}@media (max-width: 600px){.accordion .contentBx.active .content-5{height:46rem}}.footer{width:95%;margin:0 auto}.footer__title{display:flex;justify-content:center;margin-bottom:14rem}@media (max-width: 1200px){.footer__title{margin-bottom:8rem}}@media (max-width: 600px){.footer__title{margin-bottom:6.5rem}}.footer__list{display:flex;justify-content:space-between;margin-bottom:14rem;list-style-type:none}@media (max-width: 1200px){.footer__list{margin-bottom:8rem}}@media (max-width: 600px){.footer__list{flex-direction:column;align-items:center;margin-bottom:6.5rem}}.footer__item{display:flex}@media (max-width: 600px){.footer__item:not(:last-child){margin-bottom:3.5rem}}.footer__link{position:relative;font-family:"Inter-light";font-weight:300;text-decoration:none;color:black;font-size:2rem}@media (max-width: 1200px){.footer__link{font-size:1.8rem}}.footer__link::before{content:'';position:absolute;width:100%;height:.1rem;border-radius:.4rem;background-color:black;bottom:.2rem;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.footer__link:hover::before{transform-origin:left;transform:scaleX(1)}.footer__arrow{margin-left:.5rem;position:relative;width:1.1rem;height:1.1rem}@media (max-width: 1200px){.footer__arrow{transform:translateY(-0.2rem)}}.footer__arrow span{display:block;position:absolute;width:1.1rem;height:.1rem;background:black}.footer__arrow span:nth-child(1){transform:translateY(1.8rem)}.footer__arrow span:nth-child(2){transform:rotate(90deg) translate(1.2rem, -0.5rem)}.footer__arrow span:nth-child(3){width:1.33rem;transform:rotate(45deg) translate(0.8rem, 0.99rem)}