*{box-sizing:border-box;padding:0;margin:0}::selection{background:aqua;color:var(--clr-id-black)}html{scroll-behavior:smooth}body{font-family:Font-Regular,Helvetica,sans-serif;background-color:var(--clr-id-tertiary);overflow-x:hidden}body.active-modal{overflow:hidden}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Font-Bold;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-Black.woff2) format("woff2")}@font-face{font-family:Font-Bold;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-Bold.woff2) format("woff2")}@font-face{font-family:Font-SemiBold;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-SemiBold.woff2) format("woff2")}@font-face{font-family:Font-Medium;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-Medium.woff2) format("woff2")}@font-face{font-family:Font-Regular;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-Regular.woff2) format("woff2")}@font-face{font-family:Font-RegularItalic;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-RegularItalic.woff2) format("woff2")}@font-face{font-family:Font-Light;src:url(/fonts/ProximaNova/WOFF2/ProximaNova-Light.woff2) format("woff2")}@font-face{font-family:SubFont-Regular;src:url(/fonts/SpaceMono/WOFF/SpaceMono-Regular.woff) format("woff")}@font-face{font-family:SubFont-Bold;src:url(/fonts/SpaceMono/WOFF/SpaceMono-Bold.woff) format("woff")}a{font-size:16px;text-decoration:none}a,p{font-family:SubFont-Regular,sans-serif;line-height:1.5em;color:var(--clr-text-secondary)}p{font-size:18px}h1{font-size:80px;line-height:.85em;color:var(--clr-id-white)}h1,h2{font-family:Font-Bold,sans-serif}h2{font-size:48px;line-height:1em;color:var(--clr-text-primary)}h3{font-family:Font-Bold,sans-serif;font-size:40px}h3,h4{line-height:1.125em;color:var(--clr-id-white)}h4{font-family:Font-Medium,sans-serif;font-size:32px;letter-spacing:-1px}h5{font-size:28px;line-height:1.5em}h5,h6{font-family:SubFont-Regular,sans-serif;color:var(--clr-id-white)}h6{font-size:22px;line-height:1.125em}label{line-height:1.2em}label,li{font-family:SubFont-Regular,sans-serif;font-size:18px;color:var(--clr-id-white)}li{list-style-type:square;margin-left:15px;line-height:1.5em}.main-heading{font-family:Font-Bold,sans-serif;word-wrap:break-word;margin:.25em 0}.sub-heading{font-family:SubFont-Regular,sans-serif;margin:.75em 0;line-height:1.25em;color:var(--clr-text-secondary)}@media only screen and (max-width:1080px){h3{font-size:32px}}@media only screen and (max-width:580px){.sub-heading{font-size:22px}h1{font-size:48px}h2{font-size:40px}td,tr{font-size:18px}}:root{accent-color:#ff005b;--clr-id-primary:#2f00ff;--clr-id-secondary:#beff03;--clr-id-tertiary:#170f28;--clr-id-red:#ff0035;--clr-id-black:#090415;--clr-id-white:#f8f8f8;--clr-bg-primary:#111010;--clr-bg-secondary:#ece8f7;--clr-text-primary:#f8f8f8;--clr-text-secondary:#b2b2c5;--clr-text-placeholder:#bebebe;--border-radius-small:5px;--border-radius-medium:20px;--border-radius-large:50px;--layout-width:1100px;--form-control-color:var(--clr-id-primary)}.container{position:relative;width:100%;padding:4em 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:hidden}.wrapper{max-width:var(--layout-width);width:100%;padding:0 2em}.zigzag-intro{display:none;justify-content:center;align-items:center;width:100%;margin:8em 0}.zigzag-intro img{width:350px}.zigzag{width:100%;margin-bottom:-10px;background-repeat:repeat;background-size:cover}#contact-section__container{background-color:transparent;padding:8em .5em}#contact-section__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0}#contact-section__wrapper h1{text-align:center;margin:.25em 0}#contact-section__wrapper h2{text-align:left;line-height:1;color:#5f0f40}#contact-section__wrapper p{color:#5f0f40;position:relative;font-family:SubFont-Regular,sans-serif;padding:5px 10px;margin:5px;opacity:1;line-height:1.2}#contact-section__wrapper h4{font-family:SubFont-Regular,sans-serif;display:inline-block;text-align:left;color:var(--clr-id-secondary);margin-top:10px}#contact-section__wrapper h5{text-align:center}.grid-column-2-50{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em;gap:2em;margin:2em 0}.grid-column-2-50 p{margin:1em 0}.scroll-img__container{height:800vh;width:100%;position:absolute;inset:0;z-index:20}.scroll-img__wrapper{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;position:-webkit-sticky;position:sticky;top:0}.img-sequence{width:100%;height:100%;object-fit:cover;overflow-x:hidden}@media only screen and (max-width:1680px){.mee-portrait__img{max-width:150px;max-height:150px}.circle{transform:scale(.9)}.circle,.image_fixed{width:170px;height:170px}.image_fixed{transform:scale(.6)}}@media only screen and (max-width:1380px){.layout__wrapper{max-width:1000px}}@media only screen and (max-width:1180px){.circle{width:170px;height:170px;transform:scale(.8)}}@media only screen and (max-width:980px){.layout__wrapper{max-width:800px}#contact-section__container{background-color:rgba(23,15,40,.851)}.contact__container,.software-marquee__container{display:none}.mee-portrait__img{max-width:120px;max-height:120px;margin-bottom:1em}}@media only screen and (max-width:780px){body{overflow-x:hidden}.zigzag-intro{margin:5em 0}.zigzag-intro img{width:250px}.layout{margin:0 1em}.layout__wrapper{max-width:100%}main{width:auto;padding:0}.main__wrapper{width:100%}.main__wrapper hr{min-width:unset}.main__wrapper-right{padding:1em}.word-break{word-break:break-all}}@media only screen and (max-width:580px){.container{padding:5.5em 0}.wrapper{padding:0 .5em}.scroll-img__container{display:none}.zigzag-intro{margin:2em 0}.zigzag-intro img{width:150px}.circle{display:none}.showcase-img__technology p{margin:0;font-size:1.6rem!important}.showcase__container p{padding:5px 10px!important}}@media only screen and (max-width:300px){.video-call-popup__container,body{min-width:300px;overflow-x:scroll}.video-call-popup__container h2{margin-right:1em}}.separator{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40px;margin:8em 0}#invert{filter:invert(1)}input[type=checkbox]{position:relative;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;margin:0 5px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid var(--clr-id-white);border-radius:50%;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}input[type=checkbox]:checked{background-color:var(--clr-id-black);border-color:var(--clr-id-black)}input[type=checkbox]:after{content:"";position:absolute;top:40%;left:50%;width:5px;height:9px;border:solid var(--clr-id-white);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg);transition:opacity .2s ease;opacity:0}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:focus,input[type=checkbox]:hover{transform:scale(1.1)}input[type=radio]{position:relative;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;margin:5px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid var(--clr-id-white);border-radius:50%;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}input[type=radio]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--clr-id-white);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease}input[type=radio]:checked:before{width:10px;height:10px}input[type=radio]:focus,input[type=radio]:hover{transform:scale(1.1)}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 1000px var(--clr-id-primary) inset!important;-webkit-text-fill-color:rgba(79,0,11,.71)!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:-moz-autofill,textarea:-moz-autofill{box-shadow:0 0 0 1000px var(--clr-id-primary) inset!important;text-fill-color:rgba(79,0,11,.71)!important;-moz-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:-ms-autofill,textarea:-ms-autofill{box-shadow:0 0 0 1000px var(--clr-id-primary) inset!important;-ms-text-fill-color:rgba(79,0,11,.71)!important;-ms-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}#black{color:var(--clr-id-white)}#ai-img{object-fit:cover!important;mix-blend-mode:normal;width:100%}#ai-img__wrapper{height:500px;width:100%}@media only screen and (max-width:580px){.separator{margin:4em 0}}#loading__container{position:fixed;z-index:8888;inset:0;width:100vw;height:100vh;background-color:#1d112a}#loading__container,.loading-spinner__wrapper{display:flex;justify-content:center;align-items:center}.loading-spinner__wrapper{width:200px;height:200px}.loading-spinner{position:relative;width:100px;height:100px}.dot{position:absolute;top:50%;width:10px;height:10px;background-color:var(--clr-id-secondary);border-radius:50%;animation-duration:.9s;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55);animation-iteration-count:infinite}.dot1{left:20%;animation-name:move1}.dot2{left:50%;animation-name:move2;animation-delay:.1s}.dot3{left:80%;animation-name:move3;animation-delay:.2s}@keyframes move1{0%,to{left:20%}50%{left:80%}}@keyframes move2{0%,to{left:50%}50%{left:20%}}@keyframes move3{0%,to{left:80%}50%{left:50%}}button{padding:1em 1.5em;max-width:350px;font-family:Font-Bold,sans-serif;display:flex;justify-content:center;align-items:center;cursor:pointer}.portfolio-arrow{display:inline-block;padding:10px!important}.btn-arrow,.portfolio-arrow img{filter:invert(1)}#btn--back{position:fixed;top:2em;left:2em;z-index:100;background-color:var(--clr-id-primary);border:none;border-radius:50%;text-transform:uppercase;height:50px;width:50px;min-width:unset!important;padding:0!important;margin:0!important}.btn-close__wrapper{display:flex;justify-content:flex-start;align-items:flex-start}.btn-close__wrapper .btn-close{display:flex;justify-content:flex-start;align-items:center;position:relative;width:unset;outline:none;border:none;z-index:500;margin:0;padding:.5em 2em;background-color:#2a233a;height:50px}.btn-close__wrapper .btn-close img{filter:invert(1)}.btn-close__wrapper .btn-close p{font-family:Font-Bold,sans-serif;color:var(--clr-id-white);margin-left:10px}.btn-close__wrapper .btn-close span{filter:invert(1)}.scroll-top-btn{background-color:#fff;display:flex;justify-content:center;align-items:center;position:fixed;width:50px;height:50px;bottom:2em;right:2em;cursor:pointer;color:var(--clr-id-black);border:none;margin:0;padding:0;border-radius:50%;z-index:5000}.scroll-top-btn svg{width:40px;height:40px}.btn-portfolio__wrapper{position:fixed;top:1.5em;right:2em;z-index:10;display:flex;justify-content:flex-start;align-items:center}.btn-portfolio__wrapper button img{filter:invert(1)}.scroll-bottom-btn{background-color:var(--clr-id-primary);display:flex;justify-content:center;align-items:center;position:fixed;width:50px;height:50px;top:2em;right:2em;cursor:pointer;color:#fff;border:none;margin:0;padding:0;border-radius:50%;z-index:5000}.scroll-bottom-btn img{filter:invert(1);width:90%!important}.arrow-down,.arrow-up{padding:5px!important}.call-2-action-btn__wrapper{display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:row;position:fixed;top:2.5em;left:5em;cursor:pointer;margin:0;padding:0;z-index:1000}.call-2-action-btn__wrapper p{font-family:SubFont-Regular,sans-serif;font-size:16px;margin-left:1em;white-space:nowrap;background-color:var(--clr-id-primary);color:var(--clr-id-white);padding:2px 12px}.call-2-action-btn__wrapper button{padding:0;margin:0}.hire-me-btn{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%}.hire-me-btn,.hire-me-btn img{width:50px;height:50px}.btn--close-popup{position:absolute;top:0;right:0}@media only screen and (max-width:780px){button{margin:10px 0;max-width:100%;width:100%}.btn-close{padding:5px 10px}}@media only screen and (max-width:580px){#btn--back{top:1em;left:1em}.btn-portfolio__wrapper{display:none}.btn-close__wrapper .btn-close{width:100%;display:flex;justify-content:flex-start;align-items:center}.video-call-btn{top:1em;right:1em;width:45px;height:45px}.scroll-bottom-btn{top:1em;right:1em;width:42px;height:42px}.scroll-bottom-btn img{padding:8px!important}.scroll-top-btn{width:42px;height:42px;right:1em;margin-bottom:3em}.scroll-top-btn img{padding:8px!important}.call-2-action-btn__wrapper{display:none}.hire-me-btn,.hire-me-btn img{width:42px;height:42px}}.error-404__container{text-align:center;height:100vh}.error-404__container,.error-404__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-404__wrapper{padding:20px}.error-404__wrapper h5{display:flex;justify-content:center;color:#fff;margin:50px 0 20px}.error-404__wrapper p{font-family:Font-Regular;line-height:normal;display:flex;justify-content:center;margin-left:10px;color:var(--clr-id-black)}.error-404__wrapper .btn-primary{margin-top:2em;background-color:#fff}.error-404__wrapper .btn-primary p{font-family:Font-Bold,sans-serif}.error-404__video{max-width:800px;mix-blend-mode:lighten;filter:saturate(1.2) brightness(1.8) hue-rotate(320deg)}#icon-heart{filter:invert(79%) sepia(81%) saturate(608%) hue-rotate(19deg) brightness(102%) contrast(107%)}#error-404__btn{font-family:Font-Medium;font-size:1.8rem;background-color:#fff;border:2px solid var(--clr-bg-primary);padding:.75em 2em;margin:50px 0;outline:none;text-transform:uppercase;text-decoration:none;white-space:nowrap}#privacy-policy__container{margin:4em 0}#privacy-policy__container h5{margin:1em 0}#privacy-policy__container .sub-heading{margin:.75em 0 2em}#privacy-policy__wrapper .main-heading{background-image:linear-gradient(180deg,transparent 75%,var(--clr-id-primary) 0);background-size:180px;background-repeat:no-repeat}#privacy-policy__wrapper hr{margin:8em 0;background-color:var(--clr-id-primary);border-color:var(--clr-id-primary);height:5px}.message-send__container{position:absolute;width:100%;height:100%;inset:0}.message-send__container,.message-send__wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.message-send__wrapper h5{margin:5rem 0 2rem}.message-send__wrapper h6{color:var(--clr-id-secondary)}.message-send__wrapper p{margin-left:10px}.message-send__wrapper button{margin-top:2em}.message-send__wrapper a{text-decoration:none}#introduction__container{display:flex;align-items:center;justify-content:center;width:100%}#introduction__wrapper{position:relative;max-width:700px}#introduction__wrapper h1{background-image:linear-gradient(180deg,transparent 75%,var(--clr-id-primary) 0);background-size:180px;background-repeat:no-repeat}#introduction__wrapper button{margin:4em 0}.introduction__heading{display:inline;background-color:var(--clr-id-secondary);color:var(--clr-id-black);line-height:2em}.introduction__skills{display:grid;grid-template-columns:1fr;grid-gap:2em;gap:2em;margin:4em 0}.introduction{margin-top:2em}.introduction__image-wrapper{position:relative;height:500px}.introduction__image-wrapper img{object-fit:cover!important;height:100%;min-width:100%}.contact-me__wrapper{display:flex;justify-content:center;align-items:center;gap:2em;background-color:#000;padding:1em 2em;border-radius:var(--border-radius-medium)}.contact-me__wrapper img{color:#fff;object-fit:contain;background-color:transparent;filter:invert(1)}@media only screen and (max-width:780px){.introduction__skills{grid-template-columns:1fr}.introduction__wrapper h2{font-size:2.8rem}}.ai-video-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5em;gap:.5em}@media only screen and (max-width:780px){.ai-video-grid{display:grid;grid-template-columns:1fr;grid-gap:.5em;gap:.5em}}Canvas{min-height:350px;object-fit:contain;overflow-y:scroll!important;filter:hue-rotate(45deg)}.threejs-intro__container,Canvas{width:100%;height:100%;margin:0 auto}.threejs-intro__container{display:grid;grid-template-columns:1fr;inset:0;overflow:hidden}.threejs-intro__wrapper{grid-row-start:1;grid-column-start:1;width:100%;max-height:1200px;overflow:hidden;z-index:1000;mix-blend-mode:difference;margin-top:12em}.threejs-intro__wrapper Canvas{width:100%!important;margin:0 auto;object-fit:contain;filter:hue-rotate(-30deg) contrast(1.2) brightness(1) saturate(1)}.threejs__gallery{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;width:100%}.threejs__xbox-controller{position:relative;display:flex;justify-content:center;align-items:center;margin:1em 0;width:100%!important;max-height:600px}.threejs__xbox-controller Canvas{width:100%!important;height:100%!important;object-fit:contain;background-color:#2a233a}.threejs__xbox-controller Canvas:hover{background-color:aqua}.threejs__xbox-controller:hover{filter:unset}.threejs__japanese-mask{position:relative;display:flex;justify-content:center;align-items:center;margin:1em 0;width:100%!important;max-height:600px}.threejs__japanese-mask Canvas{width:100%!important;height:100%!important;object-fit:contain;background-color:#2a233a}.threejs__japanese-mask Canvas:hover{background-color:aqua}.threejs__japanese-mask:hover{filter:unset}.threejs__wahnsinn-logo{position:relative;display:flex;justify-content:center;align-items:center;margin:1em 0;width:100%!important;max-height:600px}.threejs__wahnsinn-logo Canvas{width:100%!important;height:100%!important;object-fit:contain;background-color:#2a233a}.threejs__wahnsinn-logo Canvas:hover{background-color:aqua}.threejs__wahnsinn-logo:hover{filter:unset}.threejs__planet-neptune{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--clr-id-secondary);margin-top:2em;width:100%!important;height:600px}.threejs__planet-neptune Canvas{width:100%;height:100%;object-fit:contain;background-color:#2a233a}.threejs__planet-neptune Canvas:hover{background-color:aqua}.threejs__planet-neptune:hover{filter:unset}.threejs__planet-jsx__wrapper{background-color:var(--clr-id-secondary);z-index:900099}.threejs__planet-jsx{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--clr-id-secondary);width:100%!important;cursor:-webkit-grabbing;cursor:grabbing}.threejs__planet-jsx Canvas{width:100%!important;height:600px!important;object-fit:contain;background-color:#2a233a}.threejs__planet-jsx Canvas:hover{background-color:aqua}.threejs__dragging-info{position:absolute;display:flex;justify-content:center;align-items:center;width:40px;height:40px;top:2em;left:2em;z-index:3000;padding:2px 5px;background-color:var(--clr-id-primary);border-radius:50%}.threejs__dragging-info img{transform:translateY(-3px);padding:12px!important;filter:invert(1)}@media only screen and (max-width:1680px){.threejs-intro__wrapper{height:480px}}@media only screen and (max-width:1180px){.threejs-intro__wrapper{margin:10em auto 0}.threejs-intro__wrapper Canvas{width:80%!important}}@media only screen and (max-width:780px){.threejs-intro__container{justify-content:center;margin:0 0 -2em}.threejs-intro__wrapper,.threejs__japanese-mask,.threejs__planet-jsx,.threejs__xbox-controller{height:400px}}@media only screen and (max-width:580px){.threejs-intro__wrapper{display:none;height:381px;min-height:100%;margin-top:5em}}.intro-text__container{display:grid;grid-template-columns:1fr;margin-top:20em;margin-bottom:2em}.intro-text__wrapper{grid-row-start:1;grid-column-start:1;max-width:1700px;margin:0 auto;padding:0 5em;z-index:800}.intro-text__name{position:relative;z-index:800;mix-blend-mode:darken;margin-bottom:28em}.intro-text__name h1{font-family:Font-Bold,sans-serif;display:inline-block;color:#fff;font-size:70px;font-weight:700;text-transform:uppercase;text-align:center;padding:0;line-height:1.1em}.text-invert{white-space:nowrap;line-height:1.25em;font-size:128px;background-color:var(--clr-id-secondary);color:var(--clr-id-primary)}.intro-text__parent{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80vw;margin:0;perspective:1500em;grid-row-start:1;grid-column-start:1}.intro-text__child{max-width:88%;margin:.5em 0;word-break:break-word;text-align:center}.intro-text__child h1{font-family:Font-Bold,AkzidenzGrotesk-Bold,sans-serif;display:inline-block;color:#f2f8fd;font-size:140px;font-weight:700;text-transform:uppercase;text-align:center;margin:0;padding:0;line-height:1.1em;transform:scale(.95)}.intro-text__child span{background-color:#f2f8fd;color:var(--clr-id-black);font-size:128px;line-height:1.125em}.intro-text__child:last-of-type{margin-bottom:-20px}.intro-text__child:last-of-type span:last-of-type{padding-bottom:50px}.intro-text__child:nth-child(odd){transform:perspective(110em) rotateY(5deg) scale(1);transform-origin:center}.intro-text__child:nth-child(2n){transform:perspective(100em) rotateY(-8deg) scale(1);transform-origin:center}@media only screen and (max-width:1680px){.intro-text__wrapper{max-width:1500px;padding:0 7em}.intro-text__child h1{font-size:100px}}@media only screen and (max-width:1480px){.intro-text__child h1,.text-invert{font-size:96px}}@media only screen and (max-width:1180px){.intro-text__name h1{font-size:88px}.intro-text__wrapper{padding:0 2em}.intro-text__child{max-width:100%}.intro-text__child h1{font-size:80px}.intro-text__child span{font-size:100px}}@media only screen and (max-width:880px){.intro-text__name h1{font-size:80px}.text-invert{font-size:88px}.intro-text__child{max-width:90%}.intro-text__child h1{font-size:64px}.intro-text__child span{font-size:88px}.intro-text__child:nth-child(odd){transform:perspective(50em) rotateY(3deg) scale(1);transform-origin:center}.intro-text__child:nth-child(2n){transform:perspective(50em) rotateY(-12deg) scale(1);transform-origin:center}}@media only screen and (max-width:780px){.intro-text__wrapper{padding:0 1em}.text-invert{font-size:72px}.intro-text__child{max-width:100%}.intro-text__child h1{font-size:48px}.intro-text__child span{font-size:72px}}@media only screen and (max-width:720px){.intro-text__name h1{font-size:48px}.intro-text__wrapper{padding:0}}@media only screen and (max-width:580px){.intro-text__container{display:none;padding:0}.intro-text__name h1{font-size:48px}.intro-text__name{margin:2em 0}.intro-text__parent{perspective:unset;max-width:100%;padding:.5em}.text-invert{font-size:48px}.intro-text__child{margin:.25em 0;transform:unset}.intro-text__child h1{font-size:30px}.intro-text__child span{font-size:48px;line-height:1.25em}.text-invert{white-space:nowrap;font-size:14px;line-height:1.25em;background-color:var(--clr-bg-primary)}}.intro-text__wrapper2{grid-row-start:1;grid-column-start:1;max-width:1700px;margin:0 auto;padding:0 5em;mix-blend-mode:exclusion;z-index:1}.intro-text__name2{position:relative;z-index:1;margin-bottom:28em}.intro-text__name2 h1{font-family:Font-Bold,AkzidenzGrotesk-Bold,sans-serif;display:inline-block;color:#fff;font-size:70px;font-weight:700;text-transform:uppercase;text-align:center;padding:0;line-height:1.1em}.text-invert2{white-space:nowrap;font-size:128px;line-height:1.25em;background-color:var(--clr-id-secondary);color:var(--clr-id-primary)}.intro-text__parent2{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80vw;margin:0;perspective:1500em;grid-row-start:1;grid-column-start:1}.intro-text__child2{max-width:88%;margin:.5em 0;word-break:break-word;text-align:center}.intro-text__child2 h1{font-family:Font-Bold,AkzidenzGrotesk-Bold,sans-serif;display:inline-block;color:#00065e;font-size:140px;font-weight:700;text-transform:uppercase;text-align:center;margin:0;padding:0;line-height:1.1em;transform:scale(.95)}.intro-text__child2 span{font-size:128px;line-height:1.125em}.intro-text__child2:last-of-type{margin-bottom:-20px}.intro-text__child2:last-of-type span:last-of-type{padding-bottom:50px}.intro-text__child2:nth-child(odd){transform:perspective(110em) rotateY(5deg) scale(1);transform-origin:center}.intro-text__child2:nth-child(2n){transform:perspective(100em) rotateY(-8deg) scale(1);transform-origin:center}@media only screen and (max-width:1680px){.intro-text__wrapper2{max-width:1500px;padding:0 7em}.intro-text__child2 h1{font-size:100px}}@media only screen and (max-width:1480px){.intro-text__child2 h1,.text-invert2{font-size:96px}}@media only screen and (max-width:1180px){.intro-text__name2 h1{font-size:88px}.intro-text__wrapper2{padding:0 2em}.intro-text__child2{max-width:100%}.intro-text__child2 h1{font-size:80px}.intro-text__child2 span{font-size:100px}}@media only screen and (max-width:880px){.intro-text__name2 h1{font-size:80px}.intro-text__container2{margin-top:5vh}.text-invert2{font-size:88px}.intro-text__child2{max-width:90%}.intro-text__child2 h1{font-size:64px}.intro-text__child2 span{font-size:88px}.intro-text__child2:nth-child(odd){transform:perspective(50em) rotateY(3deg) scale(1);transform-origin:center}.intro-text__child2:nth-child(2n){transform:perspective(50em) rotateY(-12deg) scale(1);transform-origin:center}}@media only screen and (max-width:780px){.intro-text__wrapper2{padding:0 1em}.text-invert2{font-size:72px}.intro-text__child2{max-width:100%}.intro-text__child2 h1{font-size:48px}.intro-text__child2 span{font-size:72px}}@media only screen and (max-width:720px){.intro-text__name2 h1{font-size:35px}.intro-text__wrapper2{padding:0}}@media only screen and (max-width:580px){.intro-text__name2 h1{font-size:48px}.intro-text__name2{margin:2em 0}.intro-text__container2{padding:0}.intro-text__parent2{perspective:unset;max-width:100%;padding:.5em}.text-invert2{font-size:48px}.intro-text__child2{margin:.25em 0;transform:unset}.intro-text__child2 h1{font-size:30px}.intro-text__child2 span{font-size:48px;line-height:1.25em}.text-invert2{white-space:nowrap;font-size:14px;line-height:1.25em;background-color:var(--clr-bg-primary)}}.intro-text-mobile__container{display:none;flex-direction:column;justify-content:center;align-items:center;padding:0}@media only screen and (max-width:580px){.intro-text-mobile__container{display:flex}.intro-text-mobile__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1700px;margin:0 auto;z-index:800}.intro-text-mobile__name{position:relative;z-index:800;margin:2em 0}.intro-text-mobile__name h1{font-family:Font-Bold,AkzidenzGrotesk-Bold,sans-serif;display:inline-block;color:#fff;font-size:48px;font-weight:700;text-transform:uppercase;text-align:left;padding:0;line-height:1.1em;margin-bottom:2em}.text-invert-mobile{white-space:nowrap;background-color:var(--clr-id-secondary);color:var(--clr-id-primary);font-size:60px;line-height:1.25em}.intro-text-mobile__parent{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%;margin-top:12em}.intro-text-mobile__child{max-width:100%;margin:.25em 0;transform:unset;word-break:break-word;text-align:left}.intro-text-mobile__child h1{font-family:Font-Bold,AkzidenzGrotesk-Bold,sans-serif;display:inline-block;color:#f2f8fd;font-size:48px;font-weight:700;text-transform:uppercase;text-align:left;margin:0;padding:0;line-height:1.1em;transform:scale(.95)}.intro-text-mobile__child span{background-color:#f2f8fd;color:#000;font-size:60px;line-height:1.25em}.intro-text-mobile__child:last-of-type{margin-bottom:-20px}.intro-text-mobile__child:last-of-type span:last-of-type{padding-bottom:50px;line-height:2em}.intro-text-mobile__child:nth-child(2n),.intro-text-mobile__child:nth-child(odd){transform:unset;transform-origin:center}}@media only screen and (max-width:480px){.intro-text-mobile__child h1{font-size:30px}.intro-text-mobile__child span,.text-invert-mobile{font-size:48px}}.showcase__container h2{display:flex;justify-content:center;align-items:center;padding:.5em 0}.showcase__wrapper{max-width:100%;margin:0 auto}.showcase__heading{display:flex;justify-content:flex-start;align-items:center}.showcase__heading h2{padding:.5em 0;font-size:48px!important}.gif__wrapper,.showcase__heading h2{display:flex;justify-content:center;align-items:center}.gif__wrapper{position:relative;flex-direction:column;gap:1em;margin:4em 0 1em}.gif__graphic-processing{position:relative;width:100%;min-width:100%;height:100px;filter:hue-rotate(325deg)}.showcase{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;width:100%}.showcase-flex{position:relative;display:block;width:100%;cursor:pointer}.showcase-flex:hover .showcase-flex{background-color:var(--clr-id-primary)}.showcase-flex:hover .portfolio-arrow{filter:invert(1)}.showcase-flex:hover h1,.showcase-flex:hover h2,.showcase-flex:hover h3,.showcase-flex:hover h4,.showcase-flex:hover h5,.showcase-flex:hover h6,.showcase-flex:hover p{color:var(--clr-id-white)}.showcase-flex:hover .showcase-flex__overlay{width:100%}.showcase-flex:hover .showcase-img__technology span{color:var(--clr-id-white);background-color:var(--clr-id-black)}#showcase-flex--01{justify-content:flex-start;align-items:center;background-color:var(--clr-id-tertiary)}#showcase-flex--01 .showcase-img__technology{float:left;left:0}#showcase-flex--02{justify-content:flex-start;align-items:center;background-color:rgba(47,0,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateZ(0)!important}#showcase-flex--02 .showcase-img__technology{float:left;left:0}#showcase-flex--03{justify-content:flex-end;align-items:center;background-color:rgba(47,0,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateZ(0)!important}#showcase-flex--03 .showcase-img__technology{float:right;right:0}#showcase-flex--04{justify-content:flex-start;align-items:center;background-color:var(--clr-id-tertiary)}#showcase-flex--04 .showcase-img__technology{float:left;left:0}.showcase-flex__overlay{position:absolute;inset:0;z-index:1;width:0;background-color:var(--clr-id-primary);cursor:pointer}.showcase-img{display:flex;justify-content:flex-start;align-items:flex-end;position:relative;flex:1 1;border:5px solid transparent;object-fit:cover;cursor:pointer;width:100%;height:480px}.showcase-img img{display:block;transition:all .25s ease;object-fit:cover;inset:0;width:100%;height:100%}.showcase-img__technology{display:flex;gap:10px;z-index:1;margin:10px}.showcase-img__technology span{font-family:SubFont-Regular,sans-serif!important;font-size:16px!important;background-color:var(--clr-id-primary);color:#fff;line-height:1.2;padding:5px 10px}#showcase-img__01{align-items:flex-end;justify-content:center;flex-direction:column-reverse!important}#showcase-img__01 .showcase-img__technology{float:right;right:0}#showcase-img__02{justify-content:flex-start;align-items:center}#showcase-img__02 .showcase-img__technology{float:left;left:0}#showcase-img__03{justify-content:flex-end;align-items:center}#showcase-img__03 .showcase-img__technology{float:right;right:0}#showcase-img__04{justify-content:flex-start;align-items:center}#showcase-img__04 .showcase-img__technology{float:left;left:0}.portfolio__arrow{max-width:100px;margin-bottom:1em;filter:invert(1)}.showcase-img img:hover{filter:none;transform:scale(1.02)}.showcase-img__wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.showcase-img__wrapper:hover{filter:none}.showcase-img__heading{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;max-width:600px;width:100%;margin:2em 1em;font-size:16px;text-align:left;z-index:1}.showcase-img__heading p{position:relative;font-family:SubFont-Regular,sans-serif;color:var(--clr-id-white);font-size:20px;padding:5px 10px;margin:10px 0;opacity:1;line-height:1.2}.showcase-img__heading h2{display:inline;position:relative;color:#fff;left:0;bottom:0;line-height:1em;width:100%;text-align:right;margin:0;padding:0 10px}#showcase-img__heading_01{align-items:flex-end}#showcase-img__heading_01 h2,#showcase-img__heading_01 p{text-align:right}#showcase-img__heading_02{align-items:flex-start}#showcase-img__heading_02 h2,#showcase-img__heading_02 p{text-align:left}#portfolio__container{display:flex;justify-content:center;align-items:center;background-color:var(--clr-id-tertiary)}#portfolio__wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;position:relative;margin:4em 0;z-index:100}#portfolio__wrapper .gallery-flex{grid-template-columns:repeat(3,1fr)}#portfolio__wrapper h1{font-family:Font-Bold,sans-serif;background-image:linear-gradient(180deg,transparent 75%,#2f00ff 0)}#portfolio__wrapper h1,#portfolio__wrapper h2{color:var(--clr-id-white);text-align:left;background-size:180px;background-repeat:no-repeat}#portfolio__wrapper h2{background-image:linear-gradient(180deg,transparent 75%,var(--clr-id-primary) 0)}#portfolio__wrapper h3{display:flex;justify-content:flex-start;align-items:center;font-family:SubFont-Regular,sans-serif;color:var(--clr-id-secondary);font-size:48px;font-weight:unset;text-align:left;width:100%;margin-top:1em}.portfolio__intro{display:grid;grid-template-columns:1fr;grid-gap:1em;margin-top:4em;width:100%}.portfolio__intro p{color:var(--clr-text-secondary);text-align:left}.portfolio__intro span{color:var(--clr-id-white)}.portfolio__intro span a{color:var(--clr-id-black);text-decoration:none}.portfolio__intro h6{margin-bottom:1em;color:var(--clr-id-secondary)}.portfolio__project-description{height:-moz-fit-content;height:fit-content;width:50%;max-width:700px}.portfolio__project-description .sub-heading{color:var(--clr-id-white);margin-bottom:1.5em;font-size:18px}.portfolio__project-data{height:-moz-fit-content;height:fit-content;width:50%;max-width:700px}.portfolio__project-data .sub-heading{color:var(--clr-id-white);margin-bottom:1.5em;font-size:18px}.portfolio__project-information{font-family:CeraPro-Regular,sans-serif;border-collapse:collapse;width:100%;margin-bottom:1em}.portfolio__project-information td{font-family:SubFont-Regular,sans-serif;font-size:18px;color:var(--clr-text-secondary);line-height:normal;word-break:break-word;text-align:left;width:25%}.portfolio__project-information tr:nth-child(2n),.portfolio__project-information tr:nth-child(odd){font-size:18px;line-height:.5em}.portfolio__project-information a{color:#fff;text-decoration:underline}.portfolio-fullscreen-image{position:relative;display:block;width:100%;height:250px;margin:2em 0;background-color:#2a233a}.portfolio-fullscreen-image p{color:var(--clr-text-secondary)}.portfolio-fullscreen-image img{object-fit:cover}.portfolio-fullscreen-image__overlay{position:absolute;z-index:100;top:0;bottom:0;right:0}#portfolio-fullscreen-image--frontend{mix-blend-mode:screen;background-image:url(/images/computer-illustration_500px--001.webp);background-repeat:repeat;background-size:contain}#portfolio-fullscreen-image--fullstack{mix-blend-mode:screen;background-image:url(/images/computer-illustration_500px--002.webp);background-repeat:repeat;background-size:contain}#portfolio-fullscreen-image--ui-design{mix-blend-mode:screen;background-image:url(/images/scriptfx-background_1000px.webp);background-repeat:repeat;background-size:contain;background-blend-mode:screen;background-color:var(--clr-id-primary)}.portfolio__gallery{width:100%}.portfolio__gallery .showcase-img__wrapper{min-width:500px;max-height:500px}.portfolio__gallery .showcase-img__wrapper img{object-fit:cover}.portfolio-link__container{display:flex;justify-content:flex-end;width:100%;margin-top:5em}.portfolio-link__wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:baseline;grid-gap:1em;width:100%}.web-projects__wrapper{width:100%}.intro-img{width:100%;object-fit:contain!important;mix-blend-mode:lighten}#special{background-color:#240a8e!important}#scroll-animation{background-color:#bdff00;width:100%;height:400px}#scroll-animation video{mix-blend-mode:difference;width:100%;max-height:100%}#color-menu{width:100%;margin:2em 0}#color-menu video{width:100%}.lightbox{display:none;position:fixed;inset:0;background-color:rgba(52,52,58,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;justify-content:center;z-index:100}.lightbox.visible{display:flex}.lightbox-index{position:absolute;padding:20px;color:hsla(0,0%,78%,.541);top:0;left:0}.lightbox-image{max-width:92vw;max-height:92vh;box-shadow:0 0 20px 2px rgba(0,0,0,.08)}.lightbox-image:hover{cursor:pointer}.lightbox .lightbox-next,.lightbox .lightbox-previous{position:absolute;top:0;bottom:0;width:10vw;transition:all .25s ease;cursor:pointer;background-color:transparent;font-size:5vw;text-align:center;line-height:100vh;opacity:0}.lightbox-previous{left:0}.lightbox-next{right:0}.lightbox-next:hover,.lightbox-previous:hover{opacity:1}@media only screen and (max-width:1280px){.showcase-img{min-height:100%}.showcase-img__heading{width:90%}}@media only screen and (max-width:1180px){.galerie{grid-template-columns:1fr 1fr}.portfolio__arrow{width:80px}}@media only screen and (max-width:1120px){.portfolio__intro div:first-of-type{flex:1 1}}@media only screen and (max-width:1000px){.showcase-flex:hover .showcase-flex{background-color:transparent}.showcase-img{height:350px}.showcase{grid-template-columns:1fr}#portfolio__wrapper h2{font-size:72px}.showcase-img__technology p{font-size:16px;line-height:1.2;padding:4px 12px;margin-left:5px}.portfolio__intro{grid-template-columns:1fr}.gallery-flex{grid-template-columns:repeat(2,1fr)}#scroll-animation{height:300px}#showcase-img__01{justify-content:flex-end}#showcase-img__01 .showcase-img__technology{left:unset}#showcase-img__02{justify-content:flex-end}#showcase-img__02 .showcase-img__technology{left:unset}#showcase-img__03{justify-content:flex-end;background-color:var(--clr-id-tertiary)}#showcase-img__03 .showcase-img__technology{left:unset}#showcase-img__04{justify-content:flex-end}#showcase-img__04 .showcase-img__technology{left:unset}#showcase-flex--02,#showcase-flex--04{background-color:#211069}#showcase-img__heading_02{align-items:flex-end}#showcase-img__heading_02 h2,#showcase-img__heading_02 p{text-align:right}}@media only screen and (max-width:780px){.showcase-img{height:320px}#portfolio__wrapper .gallery-flex{grid-template-columns:repeat(2,1fr)}.showcase-img__heading{margin:0}.showcase-img__heading h2{color:#fff}.showcase-img__heading p{font-size:20px}.showcase__container{display:block}.showcase__container h2{padding:10px 20px 0}.portfolio__arrow{width:70px}}@media only screen and (max-width:720px){.portfolio__container{padding:1em;max-width:100%}#portfolio__wrapper h2{font-size:42px}#portfolio__wrapper h3{font-size:32px}#data-visualization__wrapper,#portfolio__wrapper h3:before{display:none}.portfolio-link__container{width:100%;display:flex;justify-content:center;align-items:center}.portfolio-link__wrapper{grid-template-columns:1fr;margin:0;padding:0;width:100%;display:grid}.showcase img{width:100%}}@media only screen and (max-width:580px){.portfolio__project-data,.portfolio__project-description{width:100%}.showcase-img__heading{position:absolute;width:100%;min-width:100%;padding:10px 0 0}.showcase-img__heading p{font-size:20px}#scroll-animation,.portfolio-fullscreen-image{height:200px}.showcase__container p{display:block;padding:5px 20px}.showcase__container h2{display:block;width:100%;padding:0 10px}.portfolio__intro{margin-bottom:0}}.map__container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:400px;margin:2rem 0;background-color:#fdf2f3}.map__container Canvas{width:100%!important;height:400px!important}.mapboxgl-control-container{display:none}.video-bg__container{display:none;position:fixed;width:100%;height:100%;inset:0;z-index:-100}video{position:relative;width:100%;height:auto;inset:0;object-fit:cover}#top-square{position:fixed;top:0;right:0;left:0;width:100vw;height:50vh;z-index:500;background-color:#fdf2f3}main svg{filter:hue-rotate(120deg)!important}@media only screen and (max-width:1180px){.video-bg__container{transform:scale(1.1)}}@media only screen and (max-width:880px){.video-bg__container{transform:scale(1)}}@media only screen and (max-width:580px){video{height:80vh;object-fit:cover}.video-bg__container{justify-content:flex-start;align-items:flex-start;transform:scale(1)}}