@font-face{font-family:webfont;src:url(/fonts/webfont-ExtraLight.woff2) format("woff2"),url(/fonts/webfont-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:webfont;src:url(/fonts/webfont-Light.woff2) format("woff2"),url(/fonts/webfont-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:webfont;src:url(/fonts/webfont-Regular.woff2) format("woff2"),url(/fonts/webfont-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:webfont;src:url(/fonts/webfont-Bold.woff2) format("woff2"),url(/fonts/webfont-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--font-family: "webfont", sans-serif}html{--color-bg: #000;--color-text: #6d87c7;--tron: rgb(109, 135, 199);--tron75: rgba(109, 135, 199, .75);--tron50: rgba(109, 135, 199, .5);--tron25: rgba(109, 135, 199, .25);--white: rgb(255, 255, 255);--white75: rgba(255, 255, 255, .75);--white50: rgba(255, 255, 255, .5);--white25: rgba(255, 255, 255, .25);--gradient0: #245de7;--gradient1: #245de7;--gradient2: #245de7;--gradient3: #245de7;--lightgrey: #e6e6e6}html.light{--color-text: rgb(255, 69, 0);--tron: rgb(255, 69, 0);--tron75: rgba(255, 69, 0, .75);--tron50: rgba(255, 69, 0, .5);--tron25: rgba(255, 69, 0, .25);--gradient0: #b63404;--gradient1: #b63404;--gradient2: #b63404;--gradient3: #b63404}html.whitemode{--color-bg: #fff;--color-text: #000;--tron: rgb(177, 55, 51);--tron75: rgba(177, 55, 51, .75);--tron50: rgba(177, 55, 51, .5);--tron25: rgba(177, 55, 51, .25);--white: #000;--gradient0: #cb504c;--gradient1: #b13733;--gradient2: #c43d39;--gradient3: #9d312e}::-moz-selection{background:transparent;color:currentcolor}::selection{background:transparent;color:currentcolor}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-weight:300;font-size:1.35vw;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);text-align:left;-webkit-overflow-scrolling:touch}.animate-on-scroll{opacity:0;transform:translateY(1em);transition:all .5s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll.animate-in.animate-delay-1{transition-delay:.1s}.animate-on-scroll.animate-in.animate-delay-2{transition-delay:.2s}.animate-on-scroll.animate-in.animate-delay-3{transition-delay:.3s}.animate-on-scroll.animate-in.animate-delay-4{transition-delay:.4s}.animate-on-scroll.animate-in.animate-delay-5{transition-delay:.5s}.animate-on-scroll.animate-left{transform:translate(-1em)}.animate-on-scroll.animate-left.animate-in{transform:translate(0)}.animate-on-scroll.animate-right{transform:translate(1em)}.animate-on-scroll.animate-right.animate-in{transform:translate(0)}.animate-on-scroll.animate-scale{transform:scale(.8)}.animate-on-scroll.animate-scale.animate-in{transform:scale(1)}html,body{position:relative;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:1410px){html,body{font-size:19px}}@media(max-width:1024px){html,body{font-size:16px}}@media(max-width:767px){html,body{font-size:15px}}@media(max-width:374px){html,body{font-size:13px}}html{height:-webkit-fill-available}body{overflow-y:scroll;min-height:-webkit-fill-available}#page{position:relative;overflow:hidden;pointer-events:none;z-index:10}#page .subpage{pointer-events:all}a{transition:color .5s}a,a:visited{color:inherit;outline:none;text-decoration:none}a:hover,a:focus{color:inherit;outline:none;text-decoration:none}input:focus,button:focus,textarea:focus{outline:none}a:hover{color:inherit;transition:color .5s}a.no-hover{color:inherit!important}p em a,p em a:hover{text-decoration:underline}h1,h2,h3,h4,h5{font-family:webfont;font-size:1.5em;text-transform:none;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.5;padding:0 0 .25em;margin:0}h1{text-transform:uppercase}b,strong{font-weight:700}p{margin:0;padding:0 0 .5em;font-size:1em}em{font-style:normal}#dither,#nav,#page,#cookieconsent,#offcanvas{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.77,0,.175,1);opacity:0}.dom-loaded #nav,.dom-loaded #page,.dom-loaded #cookieconsent,.dom-loaded #offcanvas{opacity:1}#page.dom-loading{transform:translateY(-1em)!important}#nav{position:fixed;left:0;top:.5em;padding:.75em 4em;width:100%;background:transparent;z-index:325;text-shadow:0 0 10px var(--tron75),0 0 20px var(--tron50),0 0 30px var(--tron25)}.whitemode #nav{text-shadow:none}#nav-logo{display:inline-block;font-size:1.5em;line-height:1;font-weight:200;position:relative}#nav-logo strong{font-weight:700}#toggle-white{position:absolute;top:0;right:10em;width:1.75em;height:100%;cursor:pointer}#toggle-white:before{content:"";position:absolute;width:calc(1.75em - 2px);height:1em;left:0;top:0;bottom:0;margin:auto;border:1px solid currentcolor;border-radius:.5em}#toggle-white:after{content:"";position:absolute;width:calc(1em - 4px);height:calc(1em - 4px);left:2px;top:0;bottom:0;margin:auto;background-color:currentcolor;border-radius:.5em}html.whitemode #toggle-white:after{left:auto;right:2px}#toggle-mode{position:absolute;top:0;right:7em;width:1.5em;height:100%;cursor:pointer}@media(max-width:767px){#toggle-mode{right:calc(15px + 5em)}}#toggle-mode #dark,#toggle-mode #light{width:1.5em;height:1.5em}#toggle-mode svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#toggle-mode svg{fill:currentcolor}html:not(.light) #toggle-mode #light,html.light #toggle-mode #dark{display:none}#hamburger{position:absolute;top:0;right:2em;width:4em;height:100%;cursor:pointer}.line{position:absolute;width:1em;height:3px;right:2em;margin:auto;background:var(--color-text);transition:all .5s;box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25)}.whitemode .line{box-shadow:none}.lineA{top:44%;bottom:56%;width:1.5em}.lineB{top:56%;bottom:44%;width:.75em}@media(max-width:1024px){.lineA{top:43%;bottom:57%}.lineB{top:57%;bottom:43%}}@media(min-width:1025px){#hamburger:hover .lineA{width:.75em}#hamburger:hover .lineB{width:1.25em}}.navopen .lineA{width:1em!important;top:50%;bottom:50%;transform:rotate(45deg)}.navopen .lineB{width:1em!important;top:50%;bottom:50%;transform:rotate(-45deg)}#offcanvas{position:fixed;top:0;bottom:0;left:100%;margin-left:-2em;width:400px;background:var(--color-bg);padding:.25em 2em .25em 4em;z-index:325;display:flex;align-items:center}#offcanvas:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);z-index:10}.whitemode #offcanvas:after{background:var(--lightgrey);box-shadow:none}#offcanvas:before{content:"";position:absolute;width:3px;height:25px;border-radius:3px;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);z-index:15;top:-25px;left:-1px;animation:fallen2 10s linear infinite}.whitemode #offcanvas:before{display:none}@keyframes fallen2{0%{top:-25px;opacity:1}30%{top:-25px;opacity:1}45%{top:calc(100% + 25px);opacity:1}to{top:calc(100% + 25px);opacity:0}}#offcanvas ul{font-size:1em;text-transform:uppercase;list-style-type:none}#offcanvas li{padding:.5em 0}#offcanvas li.nav-language{padding:2.5em 0 .5em}#offcanvas li a{display:inline-block;position:relative}#offcanvas li a.active{font-weight:700}@media(max-width:1024px){#offcanvas{width:350px}}@media(min-width:1025px){#offcanvas li a:before{display:block;content:" ";position:absolute;left:0;top:0;bottom:0;width:100%;height:75%;margin:auto;background:var(--color-text);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in-out;will-change:transform}#offcanvas li a:hover:before{transform:scaleX(1);transform-origin:left}}#footer{text-transform:none;position:relative;left:0;bottom:0;padding:1.25em 4em;line-height:1em;width:100%;font-weight:300;z-index:275;text-shadow:0 0 10px var(--tron75),0 0 20px var(--tron50),0 0 30px var(--tron25)}.whitemode #footer{text-shadow:none}#footer a{pointer-events:all}#legal{font-size:.75em;position:relative}#legal img{display:block;position:absolute;left:-.4em;top:-4em;height:3.25em;width:auto;z-index:25;opacity:0}.footer-nav{float:right}#footer a{display:inline-block;position:relative;text-transform:uppercase}@media(min-width:1025px){#footer a:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color-text);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in-out;will-change:transform}#footer a:hover:before{transform:scaleX(1);transform-origin:left}}#cookieconsent{position:fixed;left:0;top:0;width:2em;height:100%;z-index:330;background:var(--color-bg);overflow:visible}#cookieconsent:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);z-index:10}.whitemode #cookieconsent:after{background:var(--lightgrey);box-shadow:none}#cookieconsent:before{content:"";position:absolute;width:3px;height:25px;border-radius:3px;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);z-index:15;top:-25px;right:-1px;animation:fallen 10s linear infinite}.whitemode #cookieconsent:before{display:none}@keyframes fallen{0%{top:-25px;opacity:1}5%{top:-25px;opacity:1}20%{top:calc(100% + 25px);opacity:1}to{top:calc(100% + 25px);opacity:0}}#cookieconsent-bar{position:absolute;left:-9em;top:0;bottom:0;margin:auto;transform:rotate(-90deg);transform-origin:50% 50%;height:2em;width:20em;line-height:2em;font-size:1em}#cookieconsent-bar p{font-size:.75em;line-height:3em;text-align:center;text-transform:uppercase}#cookieconsent-bar p span{text-decoration:underline}#cookieconsent-bar a{display:inline-block;position:relative}@media(min-width:1025px){#cookieconsent-bar a:before{display:block;content:"";position:absolute;left:0;top:0;bottom:0;width:100%;height:40%;margin:auto;background:var(--color-text);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in-out;will-change:transform}#cookieconsent-bar a:hover:before{transform:scaleX(1);transform-origin:left}}@media(max-width:767px){#cookieconsent{width:15px}#cookieconsent-bar{left:-152px;height:15px;width:320px;line-height:15px;font-size:13px}#cookieconsent-bar p{line-height:15px}}.msie #cookieconsent{display:none!important}#content{padding:7.5em 11.5vw 4em;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:calc(100vh - 3.5em);min-height:calc(100dvh - 3.5em);text-shadow:0 0 10px var(--tron75),0 0 20px var(--tron50),0 0 30px var(--tron25)}.whitemode #content{text-shadow:none}#privacy{width:100%;max-width:980px}#privacy h2,#privacy h3{padding:1em 0 .25em}#contact{width:100%;max-width:980px}#contact h1{padding:0 0 1em}#legalnotice{width:100%;max-width:980px}#legalnotice h1{padding:0 0 1em}p.logoline{font-size:1.5em;font-weight:200}p span.light{font-weight:200}#content a{display:inline-block;position:relative;text-decoration:underline}#content ul{font-size:1em;margin:0;padding:0 0 .5em 1.5em}#content li{margin:0;padding:0}.subpage h1{color:var(--white);text-shadow:0 0 10px var(--white75),0 0 20px var(--white50),0 0 30px var(--white25)}.whitemode .subpage h1{text-shadow:none}.subpage h1 span{display:inline-block;position:relative;white-space:nowrap}.subpage h1 span:before{content:"";position:absolute;left:-.125em;right:-.125em;bottom:.325em;margin:auto;height:1px;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);z-index:-1}.whitemode .subpage h1 span:before{background:var(--color-text);box-shadow:none}strong.underline{text-decoration:underline}@media(min-width:1025px){#content a:before{display:block;content:"";position:absolute;left:0;top:0;bottom:0;width:100%;height:75%;margin:auto;background:var(--color-text);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in-out;will-change:transform;box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25)}.whitemode #content a:before{box-shadow:none}#content a:hover:before{transform:scaleX(1);transform-origin:left}}#content.start h1,#content.start h2,#content.start h3{padding:0;line-height:1}#services{height:auto;margin:0 0 -1em;position:relative;z-index:200;font-weight:300}#services p{padding:0 0 1em}#creative-services{font-size:1.45vw;width:100%;height:auto;padding:0 0 .25em;margin:0;position:relative;z-index:200;font-weight:400}@media(max-width:1024px){#creative-services{font-size:2vw}}#content.start #creative-services h1{font-size:2.775em;font-weight:700;text-transform:uppercase;padding:0;margin:0 0 0 -.025em;color:var(--white);text-shadow:0 0 10px var(--white75),0 0 20px var(--white50),0 0 30px var(--white25)}.whitemode #content.start #creative-services h1{text-shadow:none}#content.start #creative-services h1 span.extralight{font-weight:200}#content.start #creative-services h2{font-size:1.0275em;font-weight:300;text-transform:none;padding:.25em 0 0;margin:0}#content.start .start-screen{display:flex;align-items:center;width:100%;min-height:calc(100vh - 15em);min-height:calc(100dvh - 15em);position:relative}#content.start .start-screen .scroll-down{position:absolute;width:1em;height:3em;bottom:-3.5em;left:0;z-index:25;opacity:1;transition:opacity .5s;cursor:pointer;pointer-events:all}@media(max-width:767px){#content.start .start-screen .scroll-down{bottom:-6em}}.scrolled #content.start .start-screen .scroll-down{opacity:0}#content.start .start-screen .scroll-down svg{position:absolute;top:0;left:0;width:1em;height:2em;animation:moveInfinite 1.5s infinite;pointer-events:none}#content.start .start-screen .scroll-down svg path{fill:var(--white)}@keyframes moveInfinite{0%{top:0}50%{top:1em}to{top:0}}#content.start .start-contents{display:flex;align-items:center;width:100%;min-height:calc(100vh - 15em);min-height:calc(100dvh - 15em)}#content.start .start-item{width:100%;height:auto}#content.start .start-item-content h3{font-size:2em;font-weight:700;text-transform:uppercase;padding:0 0 .1em;margin:0 0 0 -.025em;color:var(--white);text-shadow:0 0 10px var(--white75),0 0 20px var(--white50),0 0 30px var(--white25)}.whitemode #content.start .start-item-content h3{text-shadow:none}@media(max-width:767px){#content.start .start-item-content h3{font-size:1.5em}}#content.start .start-item-content h3 span.extralight{font-weight:200}#content.start .tech-logos{padding:1.5em 0 0;width:21.25em;max-width:100%}@media(min-width:768px){#content.start .tech-logos{padding:.75em 0 0;width:11.75em}}#content.start .tech-logos ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:space-between}#content.start .tech-logos li{padding:0;margin:0}#content.start .tech-logos svg{width:auto;height:1.75em}@media(min-width:768px){#content.start .tech-logos svg{height:1.25em}}#content.start .tech-logos svg path{fill:#fff}.whitemode #content.start .tech-logos svg path{fill:#000}#content.start .tech-logos .php svg{padding:.25em 0}#content.start .tech-logos .nuxt svg{padding:.125em 0}@media(max-width:767px){#nav{top:0}#nav,#footer{padding:1em 30px}#content{padding:7em 60px 4em 30px;min-height:calc(100vh - 3em);min-height:calc(100dvh - 3em)}hr.linesA{top:0;left:15px}hr.linesB{top:0;right:15px}#hamburger{position:absolute;top:0;right:15px}.line{right:15px}.hidden-mobile{display:none}#offcanvas{margin-left:-15px;padding:.25em 15px .25em 30px}#creative-services{font-size:.75em}}#dither{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--color-bg)}#dither.switch{transition-duration:0s}.dom-loaded #dither{opacity:.5}.light .dom-loaded #dither{opacity:.25}.whitemode .dom-loaded #dither{opacity:.125}#dither canvas{display:block;width:100%;height:100%}#dither:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;opacity:0;pointer-events:none}.whitemode #dither:after{opacity:0}#offcanvas,#nav,#page,#dither{transform:translate(0);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.77,0,.175,1)}.navopen #offcanvas,.navopen #nav,.navopen #page,.navopen #dither{transform:translate(-300px);transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.77,0,.175,1)}.overlay{position:absolute;inset:0;background:transparent;pointer-events:none;z-index:310;transition:background .5s}.navopen .overlay{background:var(--overlaycolor);pointer-events:auto}@media(max-width:1024px){.navopen #offcanvas,.navopen #nav,.navopen #page,.navopen #dither{transform:translate(-250px)}}#qrcode{margin:25px 0 0;height:7em}.whitemode #qrcode{height:6em}#qrcode img{width:7em;height:7em;padding:.5em;background:var(--tron);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25);border-radius:5px}.whitemode #qrcode img{width:6em;height:6em;padding:0;background:var(--color-bg);box-shadow:none;border-radius:0}.generator{padding:.5em 0 0;position:relative;overflow:visible}.generator label{display:block;font-size:.75em;font-weight:700;line-height:1.5;padding:1.5em 0 0;margin:0}div.password,input.password,input.url{display:inline-block;vertical-align:top;font-family:var(--font-family);font-size:1em;font-weight:300;line-height:2em;width:20em;padding:0 .5em;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);border-radius:5px;text-shadow:0 0 10px var(--tron75),0 0 20px var(--tron50),0 0 30px var(--tron25);box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25)}div.password{cursor:pointer}.whitemode div.password,.whitemode input.password,.whitemode input.url{text-shadow:none;box-shadow:none}input.url.notvalid{border:1px solid #c43d39}input::placeholder{color:var(--color-text)!important;opacity:1!important}input::-webkit-input-placeholder{color:var(--color-text)!important;opacity:1!important}input::-moz-placeholder{color:var(--color-text)!important;opacity:1!important}button.regenerate,button.createqr{display:inline-block;vertical-align:top;font-family:var(--font-family);font-size:1em;font-weight:300;line-height:2em;padding:0 .5em;border:1px solid var(--color-text);background:var(--color-text);color:var(--color-bg);border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 0 15px 3px var(--tron50),inset 0 0 15px 3px var(--tron25)}div.password:active:hover{background:var(--white);border-color:var(--white);color:var(--color-bg)}.whitemode div.password:active:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}@media(min-width:1025px){div.password:active:hover,button.regenerate:active:hover,button.createqr:active:hover{position:relative;top:1px}}.whitemode button.regenerate,.whitemode button.createqr{box-shadow:none}p.password-hint{font-size:.75em;line-height:1.5;padding:0;margin:0}@media(max-width:767px){#qrcode{margin:25px 0 0;height:11em}.whitemode #qrcode{height:10em}#qrcode img{width:11em;height:11em}.whitemode #qrcode img{width:10em;height:10em}}@media(max-width:499px){div.password,input.password,input.url{display:block;width:100%;margin:0 0 10px}button.regenerate,button.createqr{display:block;width:100%}}.skills-circle{width:100%;height:100svh;position:relative;margin:-25vh 0 0}.skills-circle ul{list-style:none;padding:0;margin:0}.skills{position:absolute;width:100vw;height:100%;left:50%;text-align:right}.skills-item{position:absolute;font-family:var(--font-family);font-weight:200;font-size:2vw;line-height:1;text-transform:uppercase;top:0;left:0;transform:translate(-50%,-50%);width:25vw}.skills-item strong{font-weight:700}@media(max-width:767px){.skills-item{font-size:2.5vw;width:35vw}}#animation{display:flex;align-items:center;position:fixed;z-index:175;left:100%;top:50%;top:50vh;top:50dvh;transform:translate(-55%) translateY(-50%);margin:auto;width:50%;width:140vh;max-width:200vw;height:auto;pointer-events:none;opacity:.5}#animation{-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-o-transition:.5s ease all;transition:.5s ease all}html.whitemode #animation{opacity:1}#layer-1{width:100%;height:auto;-webkit-animation-name:spin;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shape-0{opacity:.75}.shape-1,.shape-4{opacity:.25}.shape-2,.shape-5{opacity:.75}.shape-3,.shape-6{opacity:.25}.transition-main{transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.77,0,.175,1);transform:translateY(0);opacity:1}html.is-animating .transition-main{opacity:0;transform:translateY(-1em)}html.is-leaving .transition-main{transform:translateY(1em)}html.is-animating.to-left .transition-main{opacity:0;transform:translateY(1em)}html.is-leaving.to-left .transition-main{transform:translateY(-1em)}.swup-progress-bar{position:fixed;top:auto;bottom:0;height:1px;background-color:var(--tron);box-shadow:0 0 15px #ff450080,inset 0 0 15px #ff450040;z-index:500}