html,body{overflow-x:hidden}html.hidden,body.hidden{overflow:hidden}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}body{height:100%;background-image:url("https://www.transparenttextures.com/patterns/natural-paper.png")}::-webkit-scrollbar{transition:all 1.5s ease-in-out;width:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:rgba(33,37,39,.9);cursor:pointer}::-webkit-scrollbar-thumb:hover{background:#212527;cursor:pointer}.swal2-popup{border-radius:0;font-family:"Yusei Magic",sans-serif}.swal2-styled.swal2-confirm{background-color:#212527;box-shadow:none;margin:0 0 5px 0;border-radius:0}@keyframes makeCross1Backward{from{left:45%;transform:rotate(40deg) translateX(-50%)}to{left:45%;transform:rotate(0deg) translateX(-50%)}}@keyframes moveLeftBackward{from{left:45%;transform:translateX(-45%)}to{left:0%;transform:translateX(0)}}@keyframes makeCross2Backward{from{left:45%;transform:rotate(-40deg) translateX(-45%)}to{left:45%;transform:rotate(0deg) translateX(-45%)}}@keyframes moveRightBackward{from{left:45%;transform:translateX(-50%)}to{left:90%;transform:translateX(0)}}@keyframes moveLeft{from{left:0%;transform:translateX(0)}to{left:45%;transform:translateX(-45%)}}@keyframes makeCross1{from{transform:rotate(0deg)}to{transform:rotate(40deg)}}@keyframes moveRight{from{left:90%;transform:translateX(0)}to{left:45%;transform:translateX(-50%)}}@keyframes makeCross2{from{transform:rotate(0deg)}to{transform:rotate(-40deg)}}@keyframes fadeLeft{from{left:0}to{left:-100%}}@keyframes fadeRight{from{right:0}to{right:-100%}}.loader{height:100vh;width:100vw;background-color:#fff;display:flex;justify-content:center;align-items:center;position:fixed;z-index:200;top:0;left:0;transition:all 1.5s ease-in-out}.loader::-webkit-scrollbar{width:0;transition:all 1.5s ease-in-out}.loader.active{top:100%}.loader.active .overlay-number{opacity:0}.loader .loader-number{color:#212527;margin:-50px 0 0 0;font-size:30vw;font-family:"Yusei Magic",sans-serif}.loader .loader-progress{height:10px;position:absolute;bottom:0;left:0;background-color:#212527;transition-timing-function:linear}.loader .loader-overlay{height:100vh;width:100vw;background-color:#212527;position:absolute;z-index:201;top:100%;left:0;transition:all 1.5s ease-in-out;overflow:hidden;clip:rect(0, auto, auto, 0)}.loader .loader-overlay.active{top:0%}.loader .overlay-number{opacity:1;color:#fff;font-size:30vw;font-family:"Yusei Magic",sans-serif;position:fixed;top:47.5%;left:50%;transform:translate(-50%, -50%);transition:all .75s ease-in-out}@media screen and (max-width: 575.98px){.loader .loader-number{font-size:36vw}.loader .overlay-number{font-size:36vw}}.background{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;transition:all 2s ease-out;flex-flow:row nowrap;display:flex}.background.active{z-index:100}.background.active .background-part{border-right:1px solid rgba(33,37,39,.85);z-index:50}.background.active .background-part::before{left:0}.background.active .background-content{z-index:100}.background.active .project-item{left:0}.background.active .project-item:nth-child(1){transition:all 1.8s ease-in-out}.background.active .project-item:nth-child(2){transition:all 1.9s ease-in-out}.background.active .project-item:nth-child(3){transition:all 2s ease-in-out}.background.active .project-item:nth-child(4){transition:all 2.1s ease-in-out}.background.active .project-item:nth-child(5){transition:all 2.2s ease-in-out}.background.active .project-item:nth-child(6){transition:all 2.3s ease-in-out}.background .background-part{z-index:-1;height:100vh;width:12.5%;position:relative;border-right:1px solid rgba(33,37,39,.1);transition:all 1s ease-in-out;overflow:hidden}.background .background-part::before{content:"";top:0;left:-100%;position:absolute;width:100%;height:100%;background-color:rgba(33,37,39,.95);transition:all 1s ease-in-out}.background .background-content{position:fixed;top:0;left:0;width:100vw;height:100vh;color:#fff;z-index:-1;transition:all 1.5s ease-in-out}.background .content-projects,.background .content-history{position:absolute;width:25%;height:80vh;top:50%;transform:translateY(-50%);overflow:hidden}.background .content-projects{left:25%}.background .content-history{left:50%}.background .projects-menu{position:absolute;top:50%;transform:translateY(-50%);transition:all 1s ease-out;list-style:none;margin:0;padding:0;overflow:visible}.background .project-item{font-size:40px;font-family:"Yusei Magic",sans-serif;position:relative;left:-200%}.background .project-item:nth-child(1){transition:all .7s ease-in-out}.background .project-item:nth-child(2){transition:all .6s ease-in-out}.background .project-item:nth-child(3){transition:all .5s ease-in-out}.background .project-item:nth-child(4){transition:all .4s ease-in-out}.background .project-item:nth-child(5){transition:all .3s ease-in-out}.background .project-item:nth-child(6){transition:all .2s ease-in-out}.background .project-link{position:relative;overflow:hidden;display:inline-block}.background .project-link::before{position:absolute;content:"";left:-35%;top:60%;transform:translateY(-50%);height:4px;width:30px;background-color:#fff;transition:all .5s ease-in-out}.background .project-link:hover{opacity:.8}.background .project-link:hover::before{left:100%}.modal-project{width:100vw;height:100vh;position:fixed;top:0;left:0;opacity:0;z-index:-10;transition:all .5s ease-out;overflow:hidden;background-color:rgba(33,37,39,.9)}.modal-project.active{opacity:1;z-index:1000}.modal-project.active .content-modal{opacity:1;top:50%}.modal-project .content-modal{background-color:#fff;padding:15px;border-radius:2px;position:absolute;width:70vw;top:10%;left:50%;transform:translate(-50%, -50%);display:flex;flex-flow:row nowrap;transition:all .8s ease-out;opacity:0}.modal-project .close-modal{position:absolute;top:15px;right:15px;line-height:1;color:#fff;font-size:20px;font-family:"Yusei Magic",sans-serif;cursor:pointer}.modal-project .project-image{width:50%;object-fit:cover}.modal-project .project-info{padding:0 0 0 15px;font-family:"Yusei Magic",sans-serif}.modal-project .project-name{font-size:4.5vw;line-height:1;margin:0}.modal-project .project-type{font-size:2vw;line-height:1;margin:5px 0 0 0}.modal-project .project-team{display:flex;flex-flow:row wrap;justify-content:space-between;margin:20px 0 0 0}.modal-project .team-item{flex-basis:50%;margin:0}.modal-project .team-item:nth-child(n+3){margin:20px 0 0 0}.modal-project .team-type{font-size:20px;margin:0}.modal-project .team-name{margin:0;font-family:"Open Sans Condensed",sans-serif;font-size:20px}.modal-project .project-text{font-size:22px;line-height:1.2;margin:20px 0 0 0;font-family:"Open Sans Condensed",sans-serif}.modal-project .project-link{font-size:20px;background-color:#212527;width:160px;color:#fff;display:inline-block;text-align:center;margin:25px 0 10px 0;padding:6px 0 9px 0;border-radius:2px;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.modal-project .project-link:hover{transform:translateY(-2px)}@media screen and (max-width: 1199.98px){.modal-project .content-modal{width:75vw}.modal-project .project-name{font-size:5.2vw}.modal-project .project-type{font-size:2.8vw}}@media screen and (max-width: 991.98px){.modal-project .content-modal{width:85vw}.modal-project .project-name{font-size:6vw}.modal-project .project-type{font-size:3.2vw}}@media screen and (max-width: 767.98px){.modal-project .team-type,.modal-project .team-name{font-size:18px}.modal-project .project-link{font-size:18px}}@media screen and (max-width: 575.98px){.modal-project .content-modal{display:block}.modal-project .project-info{padding:0;text-align:center}.modal-project .project-image{width:100%;height:130px}.modal-project .project-name{font-size:12vw;margin:10px 0 0 0}.modal-project .project-type{font-size:5vw}.modal-project .project-team{margin:15px 0 0 0}.modal-project .team-type,.modal-project .team-name,.modal-project .project-text{font-size:16px}.modal-project .team-item:nth-child(n+3){margin:15px 0 0 0}}.header{position:fixed;top:20px;left:20px;z-index:101}.header .toggle{position:relative;cursor:pointer;width:22px;height:35px;margin:0}.header .toggle.active .line{background-color:#fff}.header .toggle.active .line:first-child{animation:moveLeft .3s ease 0s 1 forwards,makeCross1 .3s ease .3s 1 forwards}.header .toggle.active .line:nth-child(2){opacity:0}.header .toggle.active .line:last-child{animation:moveRight .3s ease 0s 1 forwards,makeCross2 .3s ease .3s 1 forwards}.header .line{position:absolute;background-color:#212527;width:3px;height:35px;left:0;transition:all 1.5s ease-in-out}.header .line:first-child{left:0%;animation:makeCross1Backward .3s ease 0s 1 forwards,moveLeftBackward .3s ease .3s 1 forwards}.header .line:nth-child(2){left:45%;transition:all .5s ease-in-out}.header .line:last-child{left:90%;animation:makeCross2Backward .3s ease 0s 1 forwards,moveRightBackward .3s ease .3s 1 forwards}.banner{width:100vw;height:110vh;position:relative;overflow:hidden;background-color:#fff;background-image:url(../43b4cbd0ffb307337419.jpg);background-blend-mode:multiply;background-position:top left;background-repeat:repeat;background-size:cover}.banner::after{position:absolute;content:"";bottom:0;left:0;height:50vh;width:100%;background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)}.banner .banner-title{font-family:"Yusei Magic",sans-serif;font-size:20px;margin:50px 0 0 60px}.banner .banner-content{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;transform:rotate(-45deg);transform-origin:center center;mix-blend-mode:difference}.banner .banner-text{font-family:"Yusei Magic",sans-serif;font-size:20vw;line-height:1;white-space:nowrap;position:relative;font-weight:600;word-spacing:-55px;color:#fff;mix-blend-mode:multiply;opacity:.9}.banner .banner-text:nth-child(odd){align-self:flex-start;animation:fadeLeft 140s linear alternate 2}.banner .banner-text:nth-child(even){align-self:flex-end;animation:fadeRight 140s linear alternate 2}@media screen and (max-width: 991.98px){.banner .banner-title{margin:40px 0 0 50px}.banner .banner-text{font-size:24vw;word-spacing:-25px}.banner .banner-text:nth-child(odd){align-self:center}.banner .banner-text:nth-child(even){align-self:center}}@media screen and (max-width: 575.98px){.banner{height:100vh}.banner .banner-title{margin:15px 0 0 20px}.banner .banner-text{font-size:30vw;word-spacing:-30px}}.portfolio{padding:100px 0 0 0;position:relative}.portfolio::after{position:absolute;content:"";top:0;left:0;height:60vh;width:100%;background:-moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:-webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)}.portfolio .portfolio-section{position:absolute;top:340px;left:6vw;transform:rotate(-90deg);transform-origin:center;z-index:10;letter-spacing:6px;transform-origin:left;font-family:"Open Sans Condensed",sans-serif}.portfolio .portfolio-view{height:80vh;width:100vw}.portfolio .portfolio-item{height:100%;width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.portfolio .item-link{position:relative;width:70vw;height:60vh;overflow:hidden;z-index:10}.portfolio .item-link::before{content:"";border:1px solid rgba(0,0,0,0);width:calc(100% - 50px);height:calc(100% - 50px);position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 1.5s ease-in-out}.portfolio .item-link:hover .item-image.colored{opacity:1;transition:opacity 1s ease-in-out}.portfolio .item-link:hover::before{border:1px solid #fff}.portfolio .item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.portfolio .item-image.colored{opacity:0;z-index:1;transition:opacity 1s ease-in-out}.portfolio .item-image.bw{z-index:0}.portfolio .item-title{position:absolute;top:50%;left:50%;color:#fff;transform:translate(-50%, -50%);z-index:10;font-size:8vw;font-family:"Yusei Magic",sans-serif;width:100%;text-align:center;text-shadow:0 5px 20px rgba(33,37,39,.2)}.portfolio .item-overlay{position:absolute;width:100%;height:100%;z-index:10;cursor:pointer}@media screen and (max-width: 1199.98px){.portfolio .item-link{width:75vw}.portfolio .item-title{font-size:9vw}}@media screen and (max-width: 991.98px){.portfolio .portfolio-section{position:relative;top:0;left:0;transform:none;transform-origin:center;width:85vw;margin:0 auto;display:block}.portfolio .portfolio-view{height:70vh}.portfolio .item-link{width:85vw;height:450px}.portfolio .item-title{font-size:12vw}}@media screen and (max-width: 767.98px){.portfolio .portfolio-section{width:85vw;margin:0 auto}.portfolio .portfolio-view{height:410px}.portfolio .item-link{width:85vw;height:340px}}@media screen and (max-width: 575.98px){.portfolio .portfolio-view{height:280px}.portfolio .item-link{height:240px}}.aboutme{position:relative;margin:100px 0}.aboutme .aboutme-section{position:absolute;top:100px;left:6vw;transform:rotate(-90deg);z-index:10;letter-spacing:6px;transform-origin:left;font-family:"Open Sans Condensed",sans-serif}.aboutme .aboutme-content{width:70vw;margin:0 auto;font-family:"Yusei Magic",sans-serif}.aboutme .aboutme-intro{font-size:66px;margin:0 0 30px 0}.aboutme .aboutme-intro span{letter-spacing:-0.8vw}.aboutme .aboutme-text{font-size:24px}@media screen and (max-width: 1199.98px){.aboutme .aboutme-content{width:75vw}}@media screen and (max-width: 991.98px){.aboutme .aboutme-section{position:relative;top:0;left:0;transform:none;transform-origin:center;width:85vw;margin:0 auto 15px auto;display:block}.aboutme .aboutme-content{width:85vw}.aboutme .aboutme-intro{font-size:60px}.aboutme .aboutme-intro span{letter-spacing:-1vw}.aboutme .aboutme-text{font-size:22px}}@media screen and (max-width: 767.98px){.aboutme{margin:80px 0}.aboutme .aboutme-intro{font-size:50px}}@media screen and (max-width: 575.98px){.aboutme .aboutme-section{margin:0 auto 5px auto}.aboutme .aboutme-intro{font-size:12vw;margin:0 0 20px 0}.aboutme .aboutme-text{font-size:5.4vw}}.contact{margin:120px 0 0 0}.contact .contact-content{width:75vw;margin:0 auto;display:grid;gap:80px;grid-template-columns:repeat(2, 1fr)}.contact .contact-image{width:100%;height:100%;object-fit:cover}.contact .label-control{font-family:"Yusei Magic",sans-serif;display:inline-block;font-size:24px}.contact .input-control{font-family:"Open Sans Condensed",sans-serif;display:block;width:100%;height:50px;padding:15px;font-size:20px;font-weight:300}.contact .input-control:focus{outline:0}.contact .textarea-control{display:block;width:100%;padding:10px;font-size:20px;font-family:"Open Sans Condensed",sans-serif}.contact .textarea-control:focus{outline:0}.contact .submit-control{font-family:"Yusei Magic",sans-serif;font-size:20px;background-color:#212527;width:160px;color:#fff;display:block;text-align:center;margin:25px auto 10px 0;padding:6px 0 9px 0;border-radius:2px;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.contact .submit-control:focus{outline:0}.contact .contact-footer{width:90vw;margin:180px auto 15px auto;display:flex;flex-flow:row wrap;justify-content:space-between;font-family:"Open Sans Condensed",sans-serif}.contact .contact-copyright{margin:0}.contact .contact-social{display:flex;list-style:none;margin:0;padding:0}.contact .social-item{margin:0 5px;position:relative;overflow:hidden}.contact .social-item::after,.contact .social-item::before{content:"";position:absolute;width:100%;bottom:0px;height:1px;background-color:#212527;transition:all .5s ease-in-out}.contact .social-item::after{left:0}.contact .social-item::before{left:-200%}.contact .social-item:hover::after{left:200%}.contact .social-item:hover::before{left:0}@media screen and (max-width: 1199.98px){.contact .contact-info{font-size:90px}}@media screen and (max-width: 991.98px){.contact .contact-content{width:85vw;gap:60px}}@media screen and (max-width: 767.98px){.contact .contact-content{grid-template-columns:100%}.contact .label-control{font-size:5.4vw}}@media screen and (max-width: 575.98px){.contact{margin:100px 0 0 0}.contact .submit-control{width:100%}.contact .contact-footer{margin:100px auto 25px auto;justify-content:center}.contact .contact-social{margin:5px 0 0 0}}