@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0}.site-wrap,body,body>form,html{height:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#__next,#root{isolation:isolate}a{text-decoration:none}menu,ol,ul{list-style:none;margin:0;padding:0}table{border-collapse:collapse}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important}:root{--primary-color:#5b5dd9;--page-container-width:125rem;--page-padding-inline:3rem;--page-padding-inline-negative:-3rem;--gray-text:#ababab;--ff-default:"Roboto",sans-serif;--fc-default:#3d3d3d;--fw-default:300;--scrollbar-bg:rgba(0,0,0,.1);--thumb-bg:#99d3ff;--fw-thin:100;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--fs-small-x:1.3rem;--fs-small:1.4rem;--fs-default:1.6rem;--fs-large:1.8rem;--fs-large-x:2rem;--fs-large-xx:2.2rem;--fs-h1:5rem;--fs-main-small:1.2rem;--fs-main-default:1.3rem;--fs-main-large:1.4rem}html{font-size:62.5%!important;overflow-x:hidden}::-moz-selection{background:rgba(76,96,138,.7);color:#fff}::selection{background:rgba(76,96,138,.7);color:#fff}body{color:var(--fc-default);font-family:var(--ff-default);font-size:var(--fs-default);font-weight:var(--fw-default)}.preloadTransitions *{-webkit-transition:none;transition:none}.utf-8{content:"Für charset"}.ico{display:inline-block}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 48}*,:after,:before{-webkit-transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,fill .2s ease-in-out;transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,fill .2s ease-in-out}.btn-wrap{display:block}.btn,.btn-wrap{position:relative}.btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid var(--primary-color);border-radius:.6rem;-webkit-box-shadow:4px 15px 30px hsla(0,0%,86%,.07),2px 7px 10px hsla(0,0%,86%,.05);box-shadow:4px 15px 30px hsla(0,0%,86%,.07),2px 7px 10px hsla(0,0%,86%,.05);color:var(--primary-color);cursor:pointer;display:inline-block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--fs-small);font-weight:600;line-height:180%;margin:0 .4rem;padding:.7rem 2.5rem .8rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle}.btn .material-symbols-outlined{margin-left:1rem}.btn.btn-large-text{font-size:2rem;padding:1rem 2.8rem 1.1rem}.btn-icon{color:var(--primary-color);font-size:2rem}.btn:hover .btn-icon{color:#fff}.btn-icon.btn-icon--right{margin-left:.9rem}.btn.ico--btn{fill:#fff;background:var(--primary-color);border-radius:50%;height:1.5rem;margin-left:1rem;padding:.3rem .3rem .3rem .2rem;vertical-align:middle;width:1.5rem}.btn:hover{background-color:var(--primary-color);color:#fff}.btn:hover .ico--btn{padding:0}.btn--w120{min-width:12rem}.btn--w130{min-width:13rem}.btn--w140{min-width:14rem}.btn--w150{min-width:15rem}.btn--disabled{cursor:default}.btn--blue.btn--disabled,.btn--blue.btn--disabled:hover{background-color:var(--gray-ll);border-color:var(--gray-ll)}.btn--blue{background-color:var(--primary-color);color:#fff}.btn--blue:hover{background-color:#fff;color:var(--primary-color)}.btn--blue .ico{fill:#fff}.btn--white{background:#fff;color:var(--primary-color)}.btn.btn--small{font-size:var(--fs-small-x);line-height:190%;padding:.2rem 2rem .3rem}.btn.btn--small.btn--ico-r{padding-right:3.7rem}.btn--small.btn--ico-r .ico--btn-r{right:1.3rem}.btn--large{border-radius:4rem;font-size:var(--fs-small);line-height:190%}.ico--btn-r{fill:var(--primary-color)}.btn--ico-r{padding-right:4.5rem}.btn--ico-r .ico--btn-r{height:1.4rem;position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.4rem}.iconbtn-wrap{font-size:0}.icobtn{border:1px solid var(--primary-color);border-radius:50%;display:inline-block;height:3.2rem;margin-left:.2rem;margin-right:.2rem;padding:0;position:relative;width:3.2rem}.icobtn .ico{fill:var(--primary-color);height:1.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.5rem}.icobtn.icobtn--whiteline{border:1px solid #fff}.icobtn.icobtn--whiteline .ico{fill:#fff}.icobtn.icobtn--whiteline:hover{background-color:#fff;border:1px solid #fff}.icobtn.icobtn--whiteline:hover .ico{fill:var(--primary-color)}.btn-wrap{padding:2rem 0}.btn-wrap--center{text-align:center}.btn-purple{border-radius:6px;-webkit-box-shadow:0 30px 60px rgba(118,62,209,.2);box-shadow:0 30px 60px rgba(118,62,209,.2);color:#fff;display:inline-block;font-size:1.6rem;height:4.4rem;overflow:hidden;padding:1.4rem 5rem;position:relative;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;width:16rem}.btn-purple,.btn-purple:hover{background-color:var(--primary-color)}.btn-purple:hover{-webkit-box-shadow:0 30px 60px rgba(143,73,255,.3);box-shadow:0 30px 60px rgba(143,73,255,.3)}.btn-text{left:50%;position:absolute;text-shadow:0 4rem 0 #fff;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:color .15s ease-in-out;transition:color .15s ease-in-out;white-space:nowrap}.btn-wrap:hover .btn-text{top:-45%}.text-3d{color:#9269d0;display:block;text-shadow:1px 1px 1px #eaeaea,1px 2px 1px #eaeaea,1px 3px 1px #eaeaea,1px 4px 1px #eaeaea,1px 5px 1px #eaeaea,1px 6px 1px #eaeaea,1px 7px 1px #eaeaea,1px 8px 1px #eaeaea,1px 9px 1px #eaeaea,1px 10px 1px #eaeaea,2px 14px 3px hsla(0,0%,6%,.1),1px 22px 10px hsla(0,0%,6%,.09)}.text-3d span{color:#eebad0}.text-rainbow{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:-webkit-gradient(linear,left top,right top,color-stop(4.81%,#ffdb96),color-stop(35.56%,#f1365c),color-stop(49.35%,#ec4086),color-stop(65.48%,#a854f5),color-stop(98.45%,#156acd));background:linear-gradient(90deg,#ffdb96 4.81%,#f1365c 35.56%,#ec4086 49.35%,#a854f5 65.48%,#156acd 98.45%);background:-webkit-gradient(linear,left top,right top,color-stop(7%,#ffda7b),color-stop(31%,#f34d6e),color-stop(47%,#ec4086),color-stop(65%,#bc71da),color-stop(90%,#156acd));background:linear-gradient(90deg,#ffda7b 7%,#f34d6e 31%,#ec4086 47%,#bc71da 65%,#156acd 90%);-webkit-background-clip:text;background-clip:text;display:inline}.text-border{-webkit-text-stroke:1px #855cd2;color:transparent}body,html{min-height:100%}.site-body{margin:0 auto;overflow:hidden;position:relative;text-align:center}.site-header-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border-bottom:1px solid #e2e2e2;height:9rem;left:0;position:fixed;top:0;-webkit-transition:height .3s linear ease-in-out;transition:height .3s linear ease-in-out;-webkit-transition:height .27s ease-out;transition:height .27s ease-out;width:100%;z-index:1000}.site-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;margin-left:auto;margin-right:auto;max-width:var(--page-container-width);padding-left:var(--page-horizontal-padding);padding-right:var(--page-horizontal-padding);position:relative}.site-header-wrap.shrinked{height:7rem}.site-header .logo{font-size:2.3rem;height:3.2rem;position:relative;-webkit-transition:scale .27s ease-out;transition:scale .27s ease-out;width:auto}.logo a{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#222;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700}.site-header .logo svg{margin-bottom:.3rem;margin-right:.8rem;width:4rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24}.hero-bg{height:auto!important;position:absolute}.main-tile{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;max-width:var(--page-container-width);min-height:77rem;padding-top:15rem;padding-inline:var(--page-padding-inline);position:relative;width:100%}.tile-wrap{margin-left:auto;position:relative;width:47rem}.tile-container{left:0;position:absolute;top:0;width:47rem}.tile-container video{width:100%}.main-textbox{max-width:50rem;padding-top:12rem;position:relative;text-align:left;z-index:2}.main-h1{font-size:9rem;font-weight:900;letter-spacing:-.1rem;line-height:100%}.main-cat{color:var(--primary-color);font-size:1.4rem;font-weight:500;letter-spacing:.15rem;margin-bottom:.7rem}.main-h2{color:#222;font-size:3.2rem;font-weight:400;line-height:140%;margin-bottom:1rem}.main-p{color:#111;font-size:1.8rem;font-weight:300;line-height:140%}.search-bar{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.3);border:1px solid var(--primary-color);border-radius:4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:5rem;margin:2rem 0;max-width:45rem;opacity:0;width:100%}.search-input{background-color:transparent;border:0 solid transparent;font-size:1.7rem;padding-inline:2rem;width:calc(100% - 10rem)}.search-input::-webkit-input-placeholder{color:#868686;font-weight:400}.search-input::-moz-placeholder{color:#868686;font-weight:400}.search-input:-ms-input-placeholder{color:#868686;font-weight:400}.search-input::-ms-input-placeholder{color:#868686;font-weight:400}.search-input::placeholder{color:#868686;font-weight:400}.search-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:var(--primary-color);border:0;border-radius:3rem;color:#fff;-webkit-column-gap:.6rem;-moz-column-gap:.6rem;column-gap:.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;height:4.2rem;-webkit-justify-content:center;justify-content:center;margin-left:auto;margin-right:.4rem;width:10rem}.search-bar .material-symbols-outlined{font-size:1.8rem;line-height:145%}.bg-obj{position:absolute;right:-9rem;top:0;width:17rem}.sample-wrap{border-top:1px solid #e2e2e2;padding-block:9rem 12rem;position:relative}.sample,.sample-wrap{margin-inline:auto;max-width:var(--page-container-width)}.sample{-webkit-column-gap:7rem;-moz-column-gap:7rem;column-gap:7rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:400;overflow:hidden;padding-inline:var(--page-padding-inline);text-align:left;width:100%}.feature-text{font-size:1.8rem;padding-right:2rem}.feature-title{color:var(--primary-color);font-size:3.3rem;font-weight:400;padding-block:1rem 2rem}.feature__item{font-size:1.8rem;margin-bottom:2rem;padding-left:3rem;position:relative}.feature__item:before{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"\e5ca";direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:2rem;font-style:normal;font-weight:400;font-weight:800;left:0;letter-spacing:normal;padding-right:1rem;position:absolute;text-transform:none;top:-.2rem;white-space:nowrap}.feature-visual{background-color:#d2dae9;border-radius:2rem;height:20rem;overflow:hidden;position:relative;width:100%}.reference{left:50%;position:absolute;text-align:center;top:11rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ref-title{color:var(--primary-color);font-size:4rem;font-weight:600;line-height:100%}.ref-sm{color:#4e4e4e;font-size:1.4rem;font-weight:400;line-height:100%!important}.client-wrap{background:linear-gradient(47deg,#ffd86e 31%,var(--primary-color) 31.1%);border-radius:2rem;max-width:var(--page-container-width);padding-block:6rem 3rem;position:relative}.client-wrap,.client__li{margin-inline:auto;width:100%}.client__li{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-inline:12rem}.client__item{color:rgba(0,0,0,.77);font-size:1.7rem;font-weight:300;line-height:127%;max-width:23rem;padding-bottom:2rem;text-align:center}.client-comment{min-height:9rem}.client-icon{color:#fff;font-size:7.7rem;height:9rem;margin-inline:auto;margin-bottom:0;width:9rem}.client-name{color:var(--primary-color);color:#8aa3ff;color:#fff;font-size:2rem;font-weight:500;margin-bottom:1.5rem}@media (max-width:1000px){.client-wrap{border-radius:0}.client__li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.main-tile{display:block;height:75rem;max-width:40rem;min-height:75rem;padding-inline:5rem;padding-top:3rem;position:relative}.tile-wrap{position:absolute;right:-4rem;top:22rem;-webkit-transform:scale(.8);transform:scale(.8)}.main-textbox{margin-inline:auto;margin-bottom:0;padding-top:15rem;text-align:center}.btn-wrap{margin-top:5rem}.btn.btn-large-text{background-color:rgba(90,92,216,.5);font-size:1.8rem;margin-inline:auto;white-space:nowrap}.btn.btn-large-text:hover{background-color:transparent}.sample-wrap{border-top:0;margin-top:0;padding-top:0}.sample{display:block}.visual{margin-bottom:5rem;margin-inline:auto}.feature-title{padding-block:2rem}}.faq{border-top:1px solid #e2e2e2;margin-inline:auto;margin-bottom:5rem;max-width:var(--page-container-width);padding-block:9rem;padding-inline:45rem var(--page-padding-inline);position:relative}.faq__title{color:var(--primary-color);font-size:3.3rem;font-weight:400;left:var(--page-padding-inline);position:absolute;text-align:left;top:9rem;width:32rem}.faq--sub{padding-left:13rem}.faq-excmark,.faq-qmark{color:var(--primary-color);font-size:5rem;font-weight:var(--fw-bold);left:1.5rem;position:absolute;text-align:center;top:1.5rem;-webkit-transform:rotate(25deg);transform:rotate(25deg);width:12rem}.faq-excmark{font-size:3.5rem;left:-.3rem;top:1rem;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.faq--sub .ico-faq1,.faq--sub .ico-faq2{fill:var(--gray-dd);height:5rem;width:5rem}.faq--sub .ico-faq1{left:0;top:7.7rem}.faq--sub .ico-faq2{left:4rem;top:9.7rem}.accrd__list{border-bottom:1px solid #dedede;text-align:left}.accrd__item{border-top:1px solid #dedede;position:relative}.accrd__item:first-child{border-top:0}.accrd__title{cursor:pointer;display:block;font-size:2rem;font-weight:var(--fw-regular);line-height:150%;margin:0;padding:1.2rem 2rem 1.3rem 1rem}.accrd__content{background:#fafafa;border-top:1px solid #ededed;color:#575757;line-height:150%;max-height:80rem;opacity:1;overflow:hidden;padding:3rem;position:relative;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:2}.accrd__ico{margin-top:2rem;position:absolute;right:0;-webkit-transform:translate(-6px);transform:translate(-6px)}.accrd__ico:after,.accrd__ico:before{background-color:#696969;content:"";height:7px;position:absolute;-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:2px}.accrd__ico:before{-webkit-transform:translate(-2px) rotate(45deg);transform:translate(-2px) rotate(45deg)}.accrd__ico:after{-webkit-transform:translate(2px) rotate(-45deg);transform:translate(2px) rotate(-45deg)}.accrd__check[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.accrd__check[type=checkbox]:checked~.accrd__content{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.accrd__check[type=checkbox]:checked~.accrd__ico:before{-webkit-transform:translate(2px) rotate(45deg);transform:translate(2px) rotate(45deg)}.accrd__check[type=checkbox]:checked~.accrd__ico:after{-webkit-transform:translate(-2px) rotate(-45deg);transform:translate(-2px) rotate(-45deg)}@media (max-width:1000px){.faq{margin:0 auto 3rem;padding-inline:var(--page-padding-inline)}.faq__title{display:block;left:auto;margin-bottom:3rem;position:relative;top:auto;width:100%}}.btn.btn--header,.header-contact{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.site-header-wrap.shrinked .btn--header,.site-header-wrap.shrinked .site-header .logo{scale:.9}.header-link{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--primary-color);-webkit-column-gap:.6rem;-moz-column-gap:.6rem;column-gap:.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.9rem;font-weight:400}.btn--header{background-color:var(--primary-color);color:#fff}.btn--header:hover{background-color:#fff;color:var(--primary-color)}.hi-icon{fill:#fff!important;height:2rem!important;margin-left:1.5rem;width:2rem!important}.btn--header:hover .hi-icon{fill:var(--primary-color)!important}.header-icon--hi{font-size:2rem}.header-icon--mail{margin-left:2.5rem}.gnav{margin-left:auto;margin-right:10rem;z-index:10}.gnav__list{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-column-gap:5rem;-moz-column-gap:5rem;column-gap:5rem;-webkit-justify-content:center;justify-content:center}.gnav__item,.gnav__list{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.gnav__item{padding:1rem;position:relative;-webkit-transition-duration:.5s;transition-duration:.5s}.gnav__item .ico--submenu{height:1.2rem;margin-left:.8rem;width:1rem}.gnav__item a{color:#3d3d3d;font-size:1.8rem;font-weight:400;padding-bottom:.3rem;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.gnav_1stlink{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.ico-gnav{margin-left:.5rem;width:2rem}.site-header-wrap.shrinked .gnav__item a{font-size:1.6rem}.gnav__item a:hover{color:var(--primary-color)}.gnav__item.on a,.gnav__item:focus-within>a,.gnav__item:hover>a{cursor:pointer}.gnav__item:focus-within>a .ico--submenu,.gnav__item:hover>a .ico--submenu{fill:var(--primary-color)}.gnav__item:focus-within a{outline:none}.gnav__sublist{background:#fff;border-radius:.5rem;-webkit-box-shadow:0 .4rem 1rem rgba(0,0,0,.07),0 .5rem 2rem rgba(0,0,0,.03);box-shadow:0 .4rem 1rem rgba(0,0,0,.07),0 .5rem 2rem rgba(0,0,0,.03);display:none;left:50%;opacity:0;padding:1rem 3rem 1rem 2rem;position:absolute;top:4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .5s ease;transition:all .5s ease;visibility:hidden}.gnav__list li ul:focus,.gnav__list li ul:hover,.gnav__list li:focus-within>ul,.gnav__list li:hover>ul{display:block;opacity:1;visibility:visible}.gnav__subitem{clear:both;padding-bottom:.7rem;width:100%}.gnav__subitem:last-child{padding-bottom:0}.gnav__sublist .ico--subitem{fill:var(--hwp-color);height:1.3rem;margin-right:.4rem;width:1.3rem}.gnav__sublist .ico--subitem.pdf{fill:var(--pdf-color)}.gnav__subitem a{display:block;font-size:1.7rem;font-weight:var(--fw-default);white-space:nowrap}.gnav__subitem a:hover{color:var(--primary-color)}.gnbCheck,.gnbHandle{display:none}@media (max-width:1200px){.site-header{padding-left:6rem;padding-right:4rem}.gnav{margin-right:auto}.gnav__list{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}}@media (max-width:800px){.btn-go2top{bottom:-5rem;height:5rem;right:2rem;width:5rem}.btn-go2top.show{bottom:2rem}.btn-go2top .up-icon{width:2rem!important}.btn-go2top .material-symbols-outlined{font-size:3rem}.site-header{display:block;height:auto;width:100%;z-index:10}.gnav{position:relative}.gnav,.gnav__list{margin:0}.logo-wrap{text-align:center;width:100%;z-index:2}.logo-wrap .logo{display:inline-block;margin-left:-4.2rem;margin-top:3rem;-webkit-transition:margin .2s ease-in-out,scale .27s ease-out;transition:margin .2s ease-in-out,scale .27s ease-out}.site-header-wrap.shrinked .logo-wrap .logo{margin-top:1.5rem}.site-header-wrap.shrinked .gnbHandle{scale:.9;top:2rem}.gnbHandle{cursor:pointer;display:block;height:3rem;margin-left:5.5rem;position:absolute;right:2rem;top:3.5rem;-webkit-transition:top .2s ease-in-out,scale .27s ease-out;transition:top .2s ease-in-out,scale .27s ease-out;width:3rem;z-index:100000}.gnbHandle i:before,.gnbHandle:after,.gnbHandle:before{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:gnbH_ani_1;animation-name:gnbH_ani_1;background-color:#646464;border-radius:.4rem;content:"";display:block;height:.3rem;left:.6rem;position:absolute;top:.5rem;width:2rem}.gnbHandle:after{-webkit-animation-name:gnbH_ani_2;animation-name:gnbH_ani_2;top:1.9rem}.gnbHandle i:before{-webkit-animation-name:gnbH_ani_3;animation-name:gnbH_ani_3;top:1.2rem}@-webkit-keyframes gnbH_ani_1{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes gnbH_ani_1{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes gnbH_ani_2{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes gnbH_ani_2{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#gnbCheck:checked+.site-wrap .gnbHandle:after,#gnbCheck:checked+.site-wrap .gnbHandle:before{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:gnbH_close_ani_1;animation-name:gnbH_close_ani_1;left:.2rem;top:1.2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2.2rem}#gnbCheck:checked+.site-wrap .gnbHandle:after{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:gnbH_close_ani_2;animation-name:gnbH_close_ani_2;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#gnbCheck:checked+.site-wrap .gnbHandle i:before{display:none}@-webkit-keyframes gnbH_close_ani_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes gnbH_close_ani_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes gnbH_close_ani_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes gnbH_close_ani_2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.site-wrap{width:100%}#gnbCheck:checked+.site-wrap,#gnbCheck:checked+.site-wrap main{height:100%;left:0;overflow:hidden;position:fixed;top:0}.gnav{-webkit-transition:all .3s ease;transition:all .3s ease;width:100%;z-index:601}.gnav,.header-contact{height:0;opacity:0;overflow:hidden}#gnbCheck:checked+.site-wrap .header-contact{-webkit-box-pack:center;-ms-flex-pack:center;height:auto;-webkit-justify-content:center;justify-content:center;margin-left:0;margin-top:4rem;opacity:1;overflow:visible}#gnbCheck:checked+.site-wrap .site-header-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.9);height:100%;left:0;min-height:100%;overflow:hidden;position:fixed;top:0}#gnbCheck:checked+.site-wrap .gnav{height:auto;opacity:1;overflow:visible;width:100%;z-index:601}.gnav__list{display:block;padding:5rem 3rem}.gnav__item{display:block;padding:2rem;text-align:center}.gnav__subitem a{font-size:var(--fs-default);font-weight:var(--fw-default)}.gnav__sublist{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:block;margin:-3rem auto 2rem;opacity:1;padding:1rem .4rem;position:relative;visibility:visible}.main-h1{font-size:7rem;font-weight:900;line-height:100%;margin-bottom:.4rem}.main-h2{font-size:2.7rem;line-height:117%;margin-bottom:1.7rem}.main-p{font-size:1.7rem}.hero-circle.flip,.hero-circle.flip:hover{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}.hero-circle-wrap{margin-left:calc(var(--circle-size)/2*-1 - 2rem);scale:.57;top:5rem}@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}50%{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}@keyframes flip{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}50%{-webkit-transform:rotateY(-234deg);transform:rotateY(-234deg)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}@-webkit-keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:5rem}to{opacity:1;top:5rem}}@keyframes hero-circle-up{0%{opacity:0;top:15rem}35%{opacity:1;top:5rem}to{opacity:1;top:5rem}}@-webkit-keyframes hero-circle-up-mobile{0%{opacity:0;top:10rem}35%{opacity:1;top:5rem}to{opacity:1;top:5rem}}@keyframes hero-circle-up-mobile{0%{opacity:0;top:10rem}35%{opacity:1;top:5rem}to{opacity:1;top:5rem}}@-webkit-keyframes flip-mobile{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}20%{-webkit-transform:rotateY(-.537turn);transform:rotateY(-.537turn)}40%{-webkit-transform:rotateY(.12turn);transform:rotateY(.12turn)}65%{-webkit-transform:rotateY(-.07turn);transform:rotateY(-.07turn)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}@keyframes flip-mobile{0%{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}20%{-webkit-transform:rotateY(-.537turn);transform:rotateY(-.537turn)}40%{-webkit-transform:rotateY(.12turn);transform:rotateY(.12turn)}65%{-webkit-transform:rotateY(-.07turn);transform:rotateY(-.07turn)}to{-webkit-transform:rotateY(0turn);transform:rotateY(0turn)}}.hero-draw-wrap{height:397rem}.hero-draw-color,.hero-draw-pencil{height:32rem;left:1000px;position:absolute;top:7rem}.hero-draw-pencil{height:35rem;left:-5370px;top:41rem;width:5000px}.main-h2--draw,.pencil-up .main-h2--draw{margin-bottom:1rem;margin-top:7.7rem}.main-p.main-p--draw{line-height:127%}.main-textbox--draw{top:34rem;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out}.pencil-up .main-textbox--draw{top:47rem}.main-cat.main-cat--draw{margin-bottom:-.4rem}.main-h2--draw,.main-p--draw{display:none}.pencil-up .main-h2--draw,.pencil-up .main-p--draw{display:block}.pencil-up .btn-wrap-draw{padding-top:2rem}.btn-wrap-draw{padding-top:8rem}.main-illust-box{background-size:84rem auto;height:39rem;top:17rem}.main-textbox--illust{padding-top:60rem}.illust-girl{left:50%;margin-left:-7rem;top:94rem;width:47rem}.illust-redtail{left:9%;top:97%;width:13%!important}.illust-waves{bottom:19%;left:-2%;width:13%!important}.illust-diamond-white-sm{right:3%;width:4%!important}.illust-diamond-purple{bottom:-147%}.main-web{height:87rem;margin-top:0}.web-thumb img{padding-top:107rem}.web-thumb-wrap{height:42rem;scale:.4}.main-skills{min-height:90rem}.main-skills-image{left:10rem;top:-.8rem;width:100%}.main-textbox--skills{left:0;margin-left:0;text-align:center;top:25rem;width:100%}.main-textbox--skills .main-h1{margin-bottom:3rem}.app-icon{height:7.7rem;width:7.7rem}.mr20{margin-right:1rem}.app-icon span .material-symbols-outlined{font-size:3.7rem}}.site-footer-wrap{background:#333;color:whtie;padding:5rem 0 8rem;position:-webkit-sticky;position:sticky;top:100vh}.site-footer{margin:0 auto;max-width:var(--page-container-width);padding-inline:var(--page-padding-inline);position:relative;width:100%}.site-footer,.site-footer a{color:grey}.site-footer a:hover{color:#ababab;text-decoration:underline}.footer-title{display:block;margin-bottom:1rem}.footer-top{-webkit-column-gap:10rem;-moz-column-gap:10rem;column-gap:10rem}.footer-company,.footer-top{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.footer-company{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}.f-com-logo{opacity:.5;width:3rem}.footer-touch{margin-left:auto}.f-media-li{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.f-media-icon{opacity:.5;width:3rem}.f-media-item a:hover .f-media-icon{opacity:.9}.footer-bottom{border-top:1px solid #444;margin-top:8rem;padding-top:1.5rem}@media (max-width:1000px){.footer-top{display:block}.footer-company,.footer-touch{margin-bottom:7rem}.f-media-li,.footer-bottom,.footer-company,.footer-socialmedia,.footer-touch{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.footer-bottom{margin-inline:var(--page-padding-inline-negative)}}
/*# sourceMappingURL=style-asset.css.map */