@charset "UTF-8";@keyframes logo-to-large{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes logo-to-small{0%{transform:scale(1)}to{transform:scale(.8)}}@keyframes logo-to-large-sm{0%{transform:scale(.6)}to{transform:scale(.7)}}@keyframes logo-to-small-sm{0%{transform:scale(.7)}to{transform:scale(.6)}}@keyframes logo-to-large-md{0%{transform:scale(.7)}to{transform:scale(.9)}}@keyframes logo-to-small-md{0%{transform:scale(.9)}to{transform:scale(.7)}}header nav.nav-logo{position:fixed;left:35px;top:35px;z-index:9999;transition:top .5s ease-in-out}@supports (-webkit-text-stroke: 2px rgb(204,204,204)) or (text-stroke: 2px rgb(204,204,204)){header nav.nav-logo a.light span.stroke{-webkit-text-stroke:2px rgb(204,204,204);text-stroke:2px rgb(204,204,204)}}@supports (-webkit-text-stroke: 2px rgb(66,66,66)) or (text-stroke: 2px rgb(66,66,66)){header nav.nav-logo a span.stroke{-webkit-text-stroke:2px rgb(66,66,66);text-stroke:2px rgb(66,66,66)}}header nav.nav-logo.move{transition:top .5s ease-in-out;top:calc(100% - 150px)}@media (max-width: 768px){header nav.nav-logo.move{top:calc(100% - 130px)}}@media (max-width: 576px){header nav.nav-logo.move{top:calc(100% - 120px)}}header nav.nav-logo.move a span{transition:margin-top .5s;animation:logo-to-small .5s ease-in-out forwards}@supports (-webkit-text-stroke: 1px rgb(66,66,66)) or (text-stroke: 1px rgb(66,66,66)){header nav.nav-logo.move a span{-webkit-text-stroke:1px rgb(66,66,66);text-stroke:1px rgb(66,66,66)}}@media (max-width: 768px){header nav.nav-logo.move a span{animation-name:logo-to-small-md}}@media (max-width: 576px){header nav.nav-logo.move a span{animation-name:logo-to-small-sm}}header nav.nav-logo.move a span:last-child{margin-top:-8px}@media (max-width: 768px){header nav.nav-logo.move a span:last-child{margin-top:-9px}}@media (max-width: 576px){header nav.nav-logo.move a span:last-child{margin-top:-15px}}header nav.nav-logo a{font-weight:700;color:#424242;transition:color .5s}header nav.nav-logo a:hover{transition:color .5s;color:transparent}header nav.nav-logo a span{transition:margin-top .5s;transform-origin:0 0;font-size:3.3rem;line-height:1;text-align:right;display:block;width:100%;animation:logo-to-large .5s ease-in-out forwards}header nav.nav-logo a span:last-child{margin-top:2px;font-size:2.5rem}@media (max-width: 768px){header nav.nav-logo a span:last-child{margin-top:-2px}}@media (max-width: 576px){header nav.nav-logo a span:last-child{margin-top:-12px}}@media (max-width: 768px){header nav.nav-logo a span{animation-name:logo-to-large-md}}@media (max-width: 576px){header nav.nav-logo a span{animation-name:logo-to-large-sm}}header nav.nav-logo a.move{transition:color .3s;color:transparent}header nav.nav-logo a.light{color:#ccc}@media (min-width: 769px){header nav.nav-logo a.light:hover{color:#ba9879}@supports (-webkit-text-stroke: 2px rgb(186,152,121)) or (text-stroke: 2px rgb(186,152,121)){header nav.nav-logo a.light:hover span{-webkit-text-stroke:2px rgb(186,152,121);text-stroke:2px rgb(186,152,121)}}}header nav.nav-portfolio{position:fixed;bottom:0;display:flex;left:35px;bottom:25px;z-index:2}@media (max-width: 768px){header nav.nav-portfolio{display:block}}header nav.nav-portfolio li a{color:#ccc;text-decoration:unset;font-weight:unset;transition:1s cubic-bezier(.075,.82,.165,1)}header nav.nav-portfolio li:after{content:"";width:0%;margin-top:2px;height:1.5px;display:block;background-color:#5db282;transition:.5s cubic-bezier(.075,.82,.165,1)}header nav.nav-portfolio li:hover{color:#5db282}header nav.nav-portfolio li:hover:after{content:"";width:100%;margin-top:2px;height:1.5px;display:block;background-color:#5db282;transition:.5s cubic-bezier(.075,.82,.165,1)}header nav.nav-portfolio ul{list-style-type:none}header nav.nav-portfolio div,header nav.nav-portfolio .nav-links>ul{margin-right:60px}header nav.nav-portfolio .nav-links li:hover a,header nav.nav-portfolio .nav-contact li:hover a{color:transparent}header nav.nav-portfolio .nav-links li:hover a span:before,header nav.nav-portfolio .nav-links li:hover a:before,header nav.nav-portfolio .nav-contact li:hover a span:before,header nav.nav-portfolio .nav-contact li:hover a:before{width:100%}header nav.nav-portfolio .nav-links a span,header nav.nav-portfolio .nav-contact a span{position:relative}header nav.nav-portfolio .nav-links a span:before,header nav.nav-portfolio .nav-links a:before,header nav.nav-portfolio .nav-contact a span:before,header nav.nav-portfolio .nav-contact a:before{content:attr(data-link-title);position:absolute;color:#5db282;top:0;left:0;width:0%;overflow:hidden;transition:1s cubic-bezier(.075,.82,.165,1)}header nav.nav-portfolio .nav-links ul li{float:right;position:relative;margin-bottom:15px;margin-left:15px}header nav.nav-portfolio .nav-links ul li:last-child{margin-left:0}header nav.nav-portfolio .nav-links ul li:last-child{margin-bottom:unset}header nav.nav-portfolio.dark li a{font-size:1rem;color:#5d5d5d}@media (max-width: 576px){header nav.nav-portfolio.dark li a{font-size:.9rem}}header nav.nav-portfolio.dark li:after{background-color:#424242}header nav.nav-portfolio.dark li:hover{color:#424242}header nav.nav-portfolio.dark li:hover:after{background-color:#424242}header nav.nav-portfolio.dark .nav-links a span,header nav.nav-portfolio.dark .nav-contact a span{position:relative}header nav.nav-portfolio.dark .nav-links a span:before,header nav.nav-portfolio.dark .nav-links a:before,header nav.nav-portfolio.dark .nav-contact a span:before,header nav.nav-portfolio.dark .nav-contact a:before{color:#424242}@media (max-width: 768px){header nav.nav-logo,header nav.nav-portfolio{left:30px}}@media (max-width: 576px){header nav.nav-logo,header nav.nav-portfolio{left:15px}}.slide-enter-active,.slide-leave-active{transition:opacity 1s,transform 1.2s}.slide-enter-from,.slide-leave-to{opacity:0}.slide-leave-to .link-hover .hover-box{animation:rotateLeave 1s cubic-bezier(.075,.82,.165,1) forwards}.slide-leave-to .link-hover li:nth-child(1){animation-delay:.1s}.slide-leave-to .link-hover li:nth-child(2){animation-delay:.2s}.slide-leave-to .link-hover li:nth-child(3){animation-delay:.3s}.slide-leave-to .link-hover li:nth-child(4){animation-delay:.4s}.slide-leave-to .link-hover li:nth-child(5){animation-delay:.5s}.slide-leave-to .link-hover li:nth-child(6){animation-delay:.6s}*{padding:0;margin:0;box-sizing:border-box}body,html{font-family:\5fae\8edf\6b63\9ed1\9ad4;height:100%}a{text-decoration:none}img{width:100%;display:block}.flex{display:flex}.flex-5{width:20%}.mx-auto{margin-left:auto;margin-right:auto}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.text-justify{text-align:justify}.demo-leave-to .link-hover .hover-box{opacity:0;animation:rotateLeave 60s cubic-bezier(.075,.82,.165,1) forwards}.link-hover .hover-box{animation:rotateEntery 1s cubic-bezier(.075,.82,.165,1) forwards;visibility:hidden;transition-duration:1s}.link-hover .hover{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.075,.82,.165,1);transform:rotate3d(0,0,0,0) translateZ(0) scale(1)}.link-hover .hover h2{font-size:1rem}.link-hover .hover:hover{transform:rotate3d(0,10,2,.07turn) translateZ(0) scale(1);transition:transform 1s cubic-bezier(.075,.82,.165,1)}.link-hover.light .hover a,.link-hover.light .hover h2,.link-hover.light .hover span,.link-hover.dark .hover a,.link-hover.dark .hover h2,.link-hover.dark .hover span{transition:1s cubic-bezier(.075,.82,.165,1)}@supports (-webkit-text-stroke: 3px transparent) or (text-stroke: 3px transparent){.link-hover.light .hover a,.link-hover.light .hover h2,.link-hover.light .hover span,.link-hover.dark .hover a,.link-hover.dark .hover h2,.link-hover.dark .hover span{-webkit-text-stroke:3px transparent;text-stroke:3px transparent}}.link-hover.light .hover:hover a,.link-hover.light .hover:hover h2,.link-hover.light .hover:hover span,.link-hover.dark .hover:hover a,.link-hover.dark .hover:hover h2,.link-hover.dark .hover:hover span{transition:1s cubic-bezier(.075,.82,.165,1);color:transparent}.link-hover.light .hover{text-shadow:-2px 6px 2px rgba(255,255,255,.2)}.link-hover.light .hover a,.link-hover.light .hover h2,.link-hover.light .hover span{color:#afafaf}.link-hover.light .hover:hover{text-shadow:10px 1px 2px rgba(255,255,255,.2)}@supports (-webkit-text-stroke: 3px rgb(93,178,130)) or (text-stroke: 3px rgb(93,178,130)){.link-hover.light .hover:hover a,.link-hover.light .hover:hover h2,.link-hover.light .hover:hover span{-webkit-text-stroke:3px rgb(93,178,130);text-stroke:3px rgb(93,178,130)}}.link-hover.dark .hover{text-shadow:-2px 6px 2px rgba(0,0,0,.2)}@media (max-width: 576px){.link-hover.dark .hover{text-shadow:-2px 4px 2px rgba(0,0,0,.1)}}.link-hover.dark .hover a,.link-hover.dark .hover h2,.link-hover.dark .hover span{color:#424242}.link-hover.dark .hover:hover{text-shadow:10px 1px 2px rgba(0,0,0,.2)}.link-hover.dark .hover:hover a,.link-hover.dark .hover:hover h2,.link-hover.dark .hover:hover span{color:transparent}@supports (-webkit-text-stroke: 3px rgb(21,21,21)) or (text-stroke: 3px rgb(21,21,21)){.link-hover.dark .hover:hover a,.link-hover.dark .hover:hover h2,.link-hover.dark .hover:hover span{-webkit-text-stroke:3px rgb(21,21,21);text-stroke:3px rgb(21,21,21)}}.project-link{text-align:right;position:absolute;right:50px;top:100px}@media (max-width: 576px){.project-link{position:unset;margin-bottom:400px;padding-right:20px;padding-top:50px}}.project-link ul{list-style-type:none;padding-bottom:100px}.project-link ul li{margin-bottom:25px;transform-origin:right center;visibility:hidden}.project-link ul li:nth-child(6){animation-delay:.3s}.project-link ul li:nth-child(5){animation-delay:.6s}.project-link ul li:nth-child(4){animation-delay:.9s}.project-link ul li:nth-child(3){animation-delay:1.2s}.project-link ul li:nth-child(2){animation-delay:1.5s}.project-link ul li:nth-child(1){animation-delay:1.8s}.project-link ul li .project-link-content span{font-size:3rem}@media (max-width: 992px){.project-link ul li .project-link-content span{font-size:2rem}}@media (max-width: 576px){.project-link ul li .project-link-content span{font-size:1rem}}.project-link ul li .project-link-content a{font-size:5rem;text-decoration:none;font-weight:700;line-height:1.2;display:table}@media (max-width: 992px){.project-link ul li .project-link-content a{font-size:4rem}}@media (max-width: 576px){.project-link ul li .project-link-content a{font-size:2rem}}@media (max-width: 992px){.project-link ul li .project-link-content a{display:block}}@keyframes rotateEntery{0%{visibility:hidden;transform:rotate3d(0,0,0,-100deg) translateZ(0) scale(.2) translate(80%,-100vh)}to{visibility:visible;transform:rotate3d(-1,1,1,-10deg) translateZ(0) scale(1) translate(0)}}@keyframes rotateLeave{0%{visibility:visible;opacity:1;transform:rotate3d(-1,1,1,-10deg) translateZ(0) scale(1) translate(0)}60%{opacity:0}to{opacity:0;visibility:hidden;transform:rotate3d(0,0,0,-100deg) translateZ(0) scale(.2) translate(100%,-100vh)}}.fade-up{animation:fade-up 1.5s ease forwards;opacity:0}.fade-down{animation:fade-down 1.5s ease forwards}@supports (-webkit-text-stroke: 2px rgb(66,66,66)) or (text-stroke: 2px rgb(66,66,66)){.demo-leave-to .show-text-left-right{-webkit-text-stroke:2px rgb(66,66,66);text-stroke:2px rgb(66,66,66);animation:show-text-right-left 2s ease forwards}}.show-text-left-right{visibility:hidden;color:transparent;overflow:hidden;width:100%;animation:show-text-left-right 2.5s ease forwards;animation-delay:.7s;white-space:break-spaces}@supports (-webkit-text-stroke: 2px rgb(66,66,66)) or (text-stroke: 2px rgb(66,66,66)){.show-text-left-right{-webkit-text-stroke:2px rgb(66,66,66);text-stroke:2px rgb(66,66,66)}}@media (max-width: 576px){@supports (-webkit-text-stroke: 1.5px rgb(66,66,66)) or (text-stroke: 1.5px rgb(66,66,66)){.show-text-left-right{-webkit-text-stroke:1.5px rgb(66,66,66);text-stroke:1.5px rgb(66,66,66)}}}.show-text-left-right span{white-space:nowrap}.slide-leave-to .fade-down{animation:fade-down-leave 1.5s cubic-bezier(.075,.82,.165,1) forwards}.slide-leave-to .fade-up{animation:fade-up-leave 1.5s cubic-bezier(.075,.82,.165,1) forwards}@keyframes show-text-left-right{0%{width:0%}to{width:100%;visibility:unset}}@keyframes show-text-right-left{0%{width:100%}to{width:0%}}@keyframes fade-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}body{background-color:#292929;overflow-x:hidden;transition:background-color 1s}.highLight{color:#5db282}div.container{width:100%;height:100%;min-height:100%!important;overflow:hidden}div.container .portfolio{position:fixed;left:50px;color:#ccc;animation-delay:1s}@media (min-width: 769px){div.container .portfolio{top:50%;transform:translateY(-50%)}}@media (max-width: 768px){div.container .portfolio{position:unset;padding:0 30px;margin-top:200px}div.container .portfolio:after{content:"";width:80%;padding-bottom:50px;margin:0 auto;display:block;border-bottom:1px solid rgb(93,178,130)}}div.container .portfolio .dsecription{padding:25px 0;font-size:18pt}div.container .portfolio .dsecription .icon_box{margin-top:5px}div.container .portfolio .dsecription .icon_box.flex{width:100%;max-width:250px}div.container .portfolio .dsecription .icon_box.flex .icon{padding:0 5px}@media (max-width: 375px){div.container .portfolio .dsecription .icon_box.flex{flex-wrap:wrap}}@media (max-width: 375px){div.container .portfolio .dsecription .icon_box.flex .icon{width:33.3333333333%;padding:0 2px}}div.container .portfolio .title{transition:.3s ease-in-out}div.container .portfolio .title h1{font-size:27pt}div.container .portfolio .title h2{font-size:30pt}div.container .portfolio .title h2 p{overflow:hidden;position:relative;display:inline-table}div.container .portfolio .title h2 p:after{content:attr(data-replace);position:absolute;width:100%;left:0;height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:.3s ease-in-out;color:#ba9879}@supports (-webkit-text-stroke: 1px transparent) or (text-stroke: 1px transparent){div.container .portfolio .title h2 p:after{-webkit-text-stroke:1px transparent;text-stroke:1px transparent}}div.container .portfolio .title h2 p span.name{transition:.3s ease-in-out;transform:translateZ(0);position:relative;display:inline-table}div.container .portfolio .title h1,div.container .portfolio .title h2{transition:.3s ease-in-out}@supports (-webkit-text-stroke: 1px transparent) or (text-stroke: 1px transparent){div.container .portfolio .title h1,div.container .portfolio .title h2{-webkit-text-stroke:1px transparent;text-stroke:1px transparent}}@media (min-width: 769px){div.container .portfolio .title:hover{transition:.3s ease-in-out}@supports (-webkit-text-stroke: 1px transparent) or (text-stroke: 1px transparent){div.container .portfolio .title:hover h2 p,div.container .portfolio .title:hover h2 span{-webkit-text-stroke:1px transparent;text-stroke:1px transparent}}div.container .portfolio .title:hover h2 P:after{transform:translateZ(0);color:#ba9879}@supports (-webkit-text-stroke: 1px rgb(186,152,121)) or (text-stroke: 1px rgb(186,152,121)){div.container .portfolio .title:hover h2 P:after{-webkit-text-stroke:1px rgb(186,152,121);text-stroke:1px rgb(186,152,121)}}div.container .portfolio .title:hover h2 span.name{color:transparent;transform:translate3d(-100%,0,0);position:relative;display:inline-table}div.container .portfolio .title:hover h1,div.container .portfolio .title:hover h2{color:transparent;transition:.3s ease-in-out}@supports (-webkit-text-stroke: 1px #fff) or (text-stroke: 1px #fff){div.container .portfolio .title:hover h1,div.container .portfolio .title:hover h2{-webkit-text-stroke:1px #fff;text-stroke:1px #fff}}}@keyframes textColor{to{opacity:1;background-position:400% 0}}.demo-leave-to .link-hover .hover-box[data-v-37761fdc]{opacity:0;animation:rotateLeave-37761fdc 60s cubic-bezier(.075,.82,.165,1) forwards}.link-hover .hover-box[data-v-37761fdc]{animation:rotateEntery-37761fdc 1s cubic-bezier(.075,.82,.165,1) forwards;visibility:hidden;transition-duration:1s}.link-hover .hover[data-v-37761fdc]{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.075,.82,.165,1);transform:rotate3d(0,0,0,0) translateZ(0) scale(1)}.link-hover .hover h2[data-v-37761fdc]{font-size:1rem}.link-hover .hover[data-v-37761fdc]:hover{transform:rotate3d(0,10,2,.07turn) translateZ(0) scale(1);transition:transform 1s cubic-bezier(.075,.82,.165,1)}.link-hover.light .hover a[data-v-37761fdc],.link-hover.light .hover h2[data-v-37761fdc],.link-hover.light .hover span[data-v-37761fdc],.link-hover.dark .hover a[data-v-37761fdc],.link-hover.dark .hover h2[data-v-37761fdc],.link-hover.dark .hover span[data-v-37761fdc]{transition:1s cubic-bezier(.075,.82,.165,1)}@supports (-webkit-text-stroke: 3px transparent) or (text-stroke: 3px transparent){.link-hover.light .hover a[data-v-37761fdc],.link-hover.light .hover h2[data-v-37761fdc],.link-hover.light .hover span[data-v-37761fdc],.link-hover.dark .hover a[data-v-37761fdc],.link-hover.dark .hover h2[data-v-37761fdc],.link-hover.dark .hover span[data-v-37761fdc]{-webkit-text-stroke:3px transparent;text-stroke:3px transparent}}.link-hover.light .hover:hover a[data-v-37761fdc],.link-hover.light .hover:hover h2[data-v-37761fdc],.link-hover.light .hover:hover span[data-v-37761fdc],.link-hover.dark .hover:hover a[data-v-37761fdc],.link-hover.dark .hover:hover h2[data-v-37761fdc],.link-hover.dark .hover:hover span[data-v-37761fdc]{transition:1s cubic-bezier(.075,.82,.165,1);color:transparent}.link-hover.light .hover[data-v-37761fdc]{text-shadow:-2px 6px 2px rgba(255,255,255,.2)}.link-hover.light .hover a[data-v-37761fdc],.link-hover.light .hover h2[data-v-37761fdc],.link-hover.light .hover span[data-v-37761fdc]{color:#afafaf}.link-hover.light .hover[data-v-37761fdc]:hover{text-shadow:10px 1px 2px rgba(255,255,255,.2)}@supports (-webkit-text-stroke: 3px rgb(93,178,130)) or (text-stroke: 3px rgb(93,178,130)){.link-hover.light .hover:hover a[data-v-37761fdc],.link-hover.light .hover:hover h2[data-v-37761fdc],.link-hover.light .hover:hover span[data-v-37761fdc]{-webkit-text-stroke:3px rgb(93,178,130);text-stroke:3px rgb(93,178,130)}}.link-hover.dark .hover[data-v-37761fdc]{text-shadow:-2px 6px 2px rgba(0,0,0,.2)}@media (max-width: 576px){.link-hover.dark .hover[data-v-37761fdc]{text-shadow:-2px 4px 2px rgba(0,0,0,.1)}}.link-hover.dark .hover a[data-v-37761fdc],.link-hover.dark .hover h2[data-v-37761fdc],.link-hover.dark .hover span[data-v-37761fdc]{color:#424242}.link-hover.dark .hover[data-v-37761fdc]:hover{text-shadow:10px 1px 2px rgba(0,0,0,.2)}.link-hover.dark .hover:hover a[data-v-37761fdc],.link-hover.dark .hover:hover h2[data-v-37761fdc],.link-hover.dark .hover:hover span[data-v-37761fdc]{color:transparent}@supports (-webkit-text-stroke: 3px rgb(21,21,21)) or (text-stroke: 3px rgb(21,21,21)){.link-hover.dark .hover:hover a[data-v-37761fdc],.link-hover.dark .hover:hover h2[data-v-37761fdc],.link-hover.dark .hover:hover span[data-v-37761fdc]{-webkit-text-stroke:3px rgb(21,21,21);text-stroke:3px rgb(21,21,21)}}.project-link[data-v-37761fdc]{text-align:right;position:absolute;right:50px;top:100px}@media (max-width: 576px){.project-link[data-v-37761fdc]{position:unset;margin-bottom:400px;padding-right:20px;padding-top:50px}}.project-link ul[data-v-37761fdc]{list-style-type:none;padding-bottom:100px}.project-link ul li[data-v-37761fdc]{margin-bottom:25px;transform-origin:right center;visibility:hidden}.project-link ul li[data-v-37761fdc]:nth-child(6){animation-delay:.3s}.project-link ul li[data-v-37761fdc]:nth-child(5){animation-delay:.6s}.project-link ul li[data-v-37761fdc]:nth-child(4){animation-delay:.9s}.project-link ul li[data-v-37761fdc]:nth-child(3){animation-delay:1.2s}.project-link ul li[data-v-37761fdc]:nth-child(2){animation-delay:1.5s}.project-link ul li[data-v-37761fdc]:nth-child(1){animation-delay:1.8s}.project-link ul li .project-link-content span[data-v-37761fdc]{font-size:3rem}@media (max-width: 992px){.project-link ul li .project-link-content span[data-v-37761fdc]{font-size:2rem}}@media (max-width: 576px){.project-link ul li .project-link-content span[data-v-37761fdc]{font-size:1rem}}.project-link ul li .project-link-content a[data-v-37761fdc]{font-size:5rem;text-decoration:none;font-weight:700;line-height:1.2;display:table}@media (max-width: 992px){.project-link ul li .project-link-content a[data-v-37761fdc]{font-size:4rem}}@media (max-width: 576px){.project-link ul li .project-link-content a[data-v-37761fdc]{font-size:2rem}}@media (max-width: 992px){.project-link ul li .project-link-content a[data-v-37761fdc]{display:block}}@keyframes rotateEntery-37761fdc{0%{visibility:hidden;transform:rotate3d(0,0,0,-100deg) translateZ(0) scale(.2) translate(80%,-100vh)}to{visibility:visible;transform:rotate3d(-1,1,1,-10deg) translateZ(0) scale(1) translate(0)}}@keyframes rotateLeave-37761fdc{0%{visibility:visible;opacity:1;transform:rotate3d(-1,1,1,-10deg) translateZ(0) scale(1) translate(0)}60%{opacity:0}to{opacity:0;visibility:hidden;transform:rotate3d(0,0,0,-100deg) translateZ(0) scale(.2) translate(100%,-100vh)}}body[data-v-37761fdc]{background-color:red}[data-v-37761fdc] video{width:100%;display:block}[data-v-37761fdc] .container{width:100%;max-width:1400px;padding:0 30px;margin-right:auto;margin-left:auto}@media (max-width: 576px){[data-v-37761fdc] .container{padding:0 15px}}[data-v-37761fdc] .container.mb_space{margin-bottom:100px}[data-v-37761fdc] .container .demo{margin-top:50px;font-size:1.6rem;padding:15px 0}[data-v-37761fdc] .container .demo div{width:50%;text-align:center}[data-v-37761fdc] .container .demo a{color:#333;margin-bottom:5px;text-decoration:underline}[data-v-37761fdc] .container .dec-box{margin-bottom:50px}[data-v-37761fdc] .container .dec-box h2{font-size:20pt;margin-bottom:15px}@media (max-width: 768px){[data-v-37761fdc] .container .dec-box h2{font-size:17pt}}[data-v-37761fdc] .container .dec-box h3{font-size:14pt;color:#5db282}[data-v-37761fdc] .container .dec-box h3.space{margin-bottom:30px}[data-v-37761fdc] .container .dec-box .position{margin:15px 0}[data-v-37761fdc] .container .dec-box .position .sup{font-size:.9rem;margin-top:5px;color:#494949}[data-v-37761fdc] .container .dec-box .position .tec{padding-left:15px;margin:7px 0;font-weight:700}[data-v-37761fdc] .container .dec-box p{margin-bottom:25px}[data-v-37761fdc] .container .dec-box,[data-v-37761fdc] .container .text-box{line-height:1.4rem}[data-v-37761fdc] .container .text-box{margin-top:100px;margin-bottom:15px}@media (max-width: 768px){[data-v-37761fdc] .container .text-box{margin-top:40px}}[data-v-37761fdc] .container .text-box h2{font-size:20pt}@media (max-width: 768px){[data-v-37761fdc] .container .text-box h2{font-size:15pt}}[data-v-37761fdc] .container .text-box h3{color:#5db282;margin-bottom:15px}[data-v-37761fdc] .container .text-box p{margin:15px 0}[data-v-37761fdc] .container .text-box .remark{color:#444}[data-v-37761fdc] .container .text-box video.mobile{max-width:300px;margin:0 auto}[data-v-37761fdc] .container ul{padding-left:3rem}[data-v-37761fdc] .container ul li{margin-bottom:10px}[data-v-37761fdc] .page-title-container{display:flex;justify-content:center;align-items:center;height:100svh;max-height:400px}@media (max-width: 576px){[data-v-37761fdc] .page-title-container{max-height:340px}}[data-v-37761fdc] .page-title-container .title{overflow:hidden;color:#424242;margin-top:100px}[data-v-37761fdc] .page-title-container .title h1{font-size:5rem;text-transform:uppercase}@media (min-width: 769px){[data-v-37761fdc] .page-title-container .title h1{display:flex}}@media (max-width: 768px){[data-v-37761fdc] .page-title-container .title h1{font-size:clamp(1.5rem,4rem,15vw)}}[data-v-37761fdc] .page-title-container .title span{display:block}[data-v-37761fdc] section.next-product-container{overflow:unset;perspective:100vw;margin-top:50px;margin-bottom:30vh;padding:0 5% 250px}@media (max-width: 768px){[data-v-37761fdc] section.next-product-container{margin-bottom:100px;padding:0 15px 150px}}[data-v-37761fdc] section.next-product-container a{display:flex;text-align:right;float:right}[data-v-37761fdc] section.next-product-container a h2{font-weight:700;font-size:2rem}@media (max-width: 768px){[data-v-37761fdc] section.next-product-container a h2{font-weight:unset}}[data-v-37761fdc] section.next-product-container a .next-project{right:10%;top:0;font-weight:700}[data-v-37761fdc] section.next-product-container a .next-project h2{color:#5db282}@media (max-width: 768px){[data-v-37761fdc] section.next-product-container a .next-project h2{font-size:clamp(.6rem,1.8rem,10vw)}}[data-v-37761fdc] section.next-product-container a .next-project .project-name{font-size:4rem;text-transform:uppercase}@media (max-width: 768px){[data-v-37761fdc] section.next-product-container a .next-project .project-name{font-size:clamp(1rem,2.5rem,12vw)}}[data-v-37761fdc] p strong{font-size:16pt}[data-v-37761fdc] .flex{display:flex}[data-v-37761fdc] .flex .col-1{width:50%;padding:0 30px}.demo-e1nter-active[data-v-37761fdc],.demo-leave-active[data-v-37761fdc]{transition:opacity 1.5s}.demo-enter-from[data-v-37761fdc],.demo-leave-to[data-v-37761fdc]{opacity:0}.demo-leave-to .back-container[data-v-3086258c]{animation:active-out-3086258c 1.2s ease-in-out forwards}.back-container[data-v-3086258c]{animation:active-3086258c 1.2s ease-in-out forwards;transform:translate(0);position:fixed;right:35px;top:50px;z-index:99999}@media (max-width: 576px){.back-container[data-v-3086258c]{right:15px}}.back-handler[data-v-3086258c]{color:#b5b5b5;border:1px rgb(181,181,181) solid;border-radius:100%;width:40px;height:40px;cursor:pointer;animation:btns-out-3086258c .2s ease forwards;overflow:hidden;transition:color .2s,border-color .2s}.back-handler.move[data-v-3086258c]{color:#5db282;border-color:#5db282}.back-handler[data-v-3086258c]:hover{animation:btns-in-3086258c .2s ease forwards;border:1px rgb(66,66,66) solid;color:#424242}.back-handler:hover .back-inner[data-v-3086258c]{animation:btns-sec-in-3086258c .5s ease-in-out forwards}.back-handler .back-inner[data-v-3086258c]{left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}@keyframes active-3086258c{0%{transform:translate(200%)}to{transform:translate(0)}}@keyframes active-out-3086258c{0%{transform:translate(0)}to{transform:translate(200%)}}@keyframes btns-in-3086258c{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes btns-out-3086258c{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes btns-sec-in-3086258c{0%{transform:translate(-50%,-50%);opacity:1}45%{transform:translate(-250%,-50%);opacity:1}50%{opacity:0}60%{transform:translate(150%,-50%);opacity:0}75%{transform:translate(150%,-50%);opacity:1}to{transform:translate(-50%,-50%);opacity:1}}.demo_container[data-v-d1d032c3]{padding-bottom:150px}