.m-0{margin:calc(0*var(--space-md))calc(0*var(--space-md))}.my-0{margin-top:calc(0*var(--space-md));margin-bottom:calc(0*var(--space-md))}.mt-0{margin-top:calc(0*var(--space-md))}.mb-0{margin-bottom:calc(0*var(--space-md))}.mx-0{margin-left:calc(0*var(--space-md));margin-right:calc(0*var(--space-md))}.ml-0{margin-left:calc(0*var(--space-md))}.mr-0{margin-right:calc(0*var(--space-md))}.m-1{margin:calc(1*var(--space-md))calc(1*var(--space-md))}.my-1{margin-top:calc(1*var(--space-md));margin-bottom:calc(1*var(--space-md))}.mt-1{margin-top:calc(1*var(--space-md))}.mb-1{margin-bottom:calc(1*var(--space-md))}.mx-1{margin-left:calc(1*var(--space-md));margin-right:calc(1*var(--space-md))}.ml-1{margin-left:calc(1*var(--space-md))}.mr-1{margin-right:calc(1*var(--space-md))}.m-2{margin:calc(2*var(--space-md))calc(2*var(--space-md))}.my-2{margin-top:calc(2*var(--space-md));margin-bottom:calc(2*var(--space-md))}.mt-2{margin-top:calc(2*var(--space-md))}.mb-2{margin-bottom:calc(2*var(--space-md))}.mx-2{margin-left:calc(2*var(--space-md));margin-right:calc(2*var(--space-md))}.ml-2{margin-left:calc(2*var(--space-md))}.mr-2{margin-right:calc(2*var(--space-md))}.m-3{margin:calc(3*var(--space-md))calc(3*var(--space-md))}.my-3{margin-top:calc(3*var(--space-md));margin-bottom:calc(3*var(--space-md))}.mb-3{margin-bottom:calc(3*var(--space-md))}.mx-3{margin-left:calc(3*var(--space-md));margin-right:calc(3*var(--space-md))}.ml-3{margin-left:calc(3*var(--space-md))}.mr-3{margin-right:calc(3*var(--space-md))}.p-0{padding:calc(0*var(--space-md))calc(0*var(--space-md))}.py-0{padding-top:calc(0*var(--space-md));padding-bottom:calc(0*var(--space-md))}.pt-0{padding-top:calc(0*var(--space-md))}.pb-0{padding-bottom:calc(0*var(--space-md))}.px-0{padding-left:calc(0*var(--space-md));padding-right:calc(0*var(--space-md))}.pl-0{padding-left:calc(0*var(--space-md))}.pr-0{padding-right:calc(0*var(--space-md))}.p-1{padding:calc(1*var(--space-md))calc(1*var(--space-md))}.py-1{padding-top:calc(1*var(--space-md));padding-bottom:calc(1*var(--space-md))}.pt-1{padding-top:calc(1*var(--space-md))}.pb-1{padding-bottom:calc(1*var(--space-md))}.px-1{padding-left:calc(1*var(--space-md));padding-right:calc(1*var(--space-md))}.pl-1{padding-left:calc(1*var(--space-md))}.pr-1{padding-right:calc(1*var(--space-md))}.p-2{padding:calc(2*var(--space-md))calc(2*var(--space-md))}.py-2{padding-top:calc(2*var(--space-md));padding-bottom:calc(2*var(--space-md))}.pt-2{padding-top:calc(2*var(--space-md))}.pb-2{padding-bottom:calc(2*var(--space-md))}.px-2{padding-left:calc(2*var(--space-md));padding-right:calc(2*var(--space-md))}.pl-2{padding-left:calc(2*var(--space-md))}.pr-2{padding-right:calc(2*var(--space-md))}.p-3{padding:calc(3*var(--space-md))calc(3*var(--space-md))}.py-3{padding-top:calc(3*var(--space-md));padding-bottom:calc(3*var(--space-md))}.pt-3{padding-top:calc(3*var(--space-md))}.pb-3{padding-bottom:calc(3*var(--space-md))}.px-3{padding-left:calc(3*var(--space-md));padding-right:calc(3*var(--space-md))}.pl-3{padding-left:calc(3*var(--space-md))}.pr-3{padding-right:calc(3*var(--space-md))}html,body,#swup{margin:0;padding:0}html{background-size:cover;min-height:100%;position:relative}body{color:#222;font-family:Helvetica,Roboto,Arial,sans-serif;position:static}#swup{position:static}#langHelper{display:none}a,a:visited{color:#222;text-decoration:none;cursor:pointer!important}a:hover{color:#595959;cursor:pointer;text-decoration:underline}p{font-weight:300}strong{font-weight:700}h1{font-size:3.2vw}h2{font-size:2.2vw;font-weight:400}h3{font-size:1.8vw;font-style:italic;font-weight:300}body.vp-center{height:auto!important}.back-to-top{cursor:pointer;z-index:9900;opacity:.8;text-align:center;vertical-align:middle;background:#fff url(../img/arrow-alt-circle-up.svg) 50%/25px no-repeat;border:1px solid #000;border-radius:22px;width:33px;height:33px;padding:5px;font-weight:700;display:none;position:fixed;top:1vw;right:3vw}body.welcome .transition-logo{padding-top:0%}.welcomeBox{background-color:#eee;border:2px solid #ddd;max-width:39%;margin:50px auto 0;padding:35px;position:relative}.welcomeBox p,.welcomeBox figure{vertical-align:top;max-width:80%;font-size:1.3vw;line-height:1.65vw;display:inline-block}.welcomeBox figure{text-align:right;float:right;max-width:18%}.welcomeBox img{max-width:78%}.welcomeBox input[type=text]{width:80%;margin-right:5%}.welcomeBox input[type=submit]{background-color:#f7f7f7;width:15%;margin-top:3px}.welcomeBox input{height:2.6vw;font-size:.95vw}#greenCheck{pointer-events:none;max-width:8vw;position:absolute;top:.9vw;right:0}body.waiting .transition-logo{padding-top:0}body.waiting figure{max-width:80%;margin:0 auto}.col-md-6,.col-md-1{border:0 solid red}.btn{cursor:pointer}input[type=text]:focus{border:1px solid #57ace2}span.mouseovernav{opacity:.56!important}.wrapper{width:100%;height:100%;margin:0;padding-top:80px;padding-bottom:0;position:relative}.home .wrapper{overflow-x:hidden}#canvasWrapper{width:100%;height:100%;position:absolute}#nav-top{width:54.8vw;margin:0 auto;position:relative}#nav-projects td{color:#222}#nav-lang{z-index:999;padding-top:20px;position:absolute}ul.lang li{display:inline-block}ul.lang li a{text-transform:none;font-style:italic}ul.lang li a.active{font-style:normal;font-weight:700}#nav-left ul li a{position:relative}#nav-left ul li a img{width:100%;max-width:100%;max-height:100%;display:block;position:absolute;top:0;left:0}#nav-left ul li a img.nav{width:auto;max-width:100%;max-height:clamp(14px,5vw,18px);display:block;position:relative;top:0;left:0}@media (min-width:768px){#nav-left ul li a img.nav{max-height:16px}}@media (min-width:1000px){#nav-left ul li a img.nav{max-height:18px}}#nav-left ul li a span{display:none}#nav-left ul li:hover a,#nav-left ul li.mouseovernav a{color:#0000}#nav-left ul li:hover a img,#nav-left ul li.mouseovernav a img{pointer-events:none;display:block}#nav-left,#nav-right{z-index:999}#nav-right ul.lang li{display:inline-block}.navs *{text-transform:uppercase;font-size:14pt;font-weight:300}.logo-text.white{color:#fff;z-index:9;opacity:.3;-webkit-user-select:none;user-select:none;position:fixed}.logo-text.white:hover{opacity:.9}.logo-text.white a{color:#fff}.logo-text.white p:last-of-type{pointer-events:none}.logo-text{z-index:10;padding-bottom:30px;position:absolute}body.welcome .logo-text{position:static}.logo-text *{text-transform:uppercase;text-align:center;outline:none;margin:0;font-weight:600}.logo-text p{font-size:1.4vw;line-height:1.4vw}.logo-text .main-wordmark,.logo-text div.main-wordmark *{font-size:6.7vw;line-height:6.7vw}.logo-text div.main-wordmark *{display:inline-block}.logo-text a{text-decoration:none}.align-r{text-align:right}.inner{width:100%;margin-top:10vw;padding:0 20px 40px}#projects-btn{vertical-align:top;text-align:left;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;margin-bottom:0;padding-bottom:0;font-weight:700;display:none}html:has(body.home){height:100%}body.home{height:100%;position:relative}@media (max-width:767px){body.home #nav-left ul li a img.nav{background-color:#fff;border-radius:100px;max-height:clamp(26px,5vw,30px);padding:6px 8px;box-shadow:0 1px 5px #00000040}}body.home #swup{height:100%;position:relative}body.home #projects-btn{display:block}#projects-btn:after{vertical-align:top;content:"";background:url(../img/dropper-down.png) right 5px/22px no-repeat;width:30px;height:30px;display:inline-block}body.home #navDropdown ul{padding-bottom:3px}@media (min-width:768px){body.home #navDropdown ul{flex-wrap:wrap;gap:6px;display:flex;position:relative}body.home #navDropdown ul li{margin-bottom:0;margin-left:0}}@media (max-width:767px){body.home #navDropdown ul li{box-shadow:none;background-color:#0000;border-radius:100px;width:fit-content;margin-bottom:20px;padding:0;display:block}}@media (min-width:768px){#navDropdown ul{text-align:right;display:block}}#navDropdown ul li{pointer-events:all;will-change:transform;transform-origin:50%;background-color:#fff;border-radius:100px;width:fit-content;margin-bottom:8px;padding:6px 8px;transition:transform .3s;transform:translateZ(0);box-shadow:0 1px 5px #00000040}#navDropdown ul li:hover,#navDropdown ul li.hover{z-index:10;transform:scale(1.1);box-shadow:0 3px 9px #00000059}@media (min-width:768px){#navDropdown ul li{white-space:nowrap;text-align:right;margin-left:auto;display:block}}#navDropdown ul a{color:#0000}@media (max-width:767px){body.home #navDropdown ul li{will-change:unset;transition:none;transform:none}body.home #navDropdown ul li:hover,body.home #navDropdown ul li.hover{box-shadow:none;animation:none;transform:none}}#nav-left .Mcontainer.show #projects-btn:after{background-image:url(../img/dropper-up.png)}#nav-left .Mcontainer.show{bottom:0}body.home #nav-left .Mcontainer{width:100%;transition:bottom .55s;bottom:8px}#navDropdown{opacity:1;transition:opacity .25s,max-height .55s,margin .55s}body.home #navDropdown{opacity:0;max-height:0;margin:0px inherit;overflow:hidden}#navDropdown.show,body.home #navDropdown.show{opacity:1;max-height:500px;margin-top:10px;margin-bottom:10px;transition:opacity .55s .35s,max-height .55s,margin .55s;overflow:visible}.masonry{width:100%;display:table;position:relative}.col--2x{grid-row-end:span 3;height:auto;position:relative}.col--3x{z-index:10;grid-row-end:span 3}.content-box{z-index:5;background-color:#fff;margin-bottom:2em;padding:2.5%;box-shadow:0 2px 12px #0000004d}.content-box:first-of-type h1{margin-bottom:10px;line-height:.9em}.content-box:first-of-type h2{margin-bottom:10px}.content-box:first-of-type h3{margin-bottom:0}.content-box a,.content-box a:visited{font-style:italic;text-decoration:underline}.masonry .content-box{float:left;z-index:10;width:48%;position:relative}.masonry .col--2x .content-box{position:absolute;right:0}.masonry>figure{max-width:47.95%;margin-bottom:2em}.full-width-imgs{position:relative}.full-width-imgs img{width:100%}.full-width-imgs figure,.full-width-imgs picture img{margin-bottom:2em}.readmore~p,.readmore,.readless{opacity:0;max-height:0;transition:all .35s}.readmore~p{margin-bottom:0}p.showContent{opacity:1;max-height:2000px;margin-bottom:inherit}.readmore,.readless{cursor:pointer;margin-bottom:0;font-weight:700;text-decoration:underline}.readmore.displaying,.readless.displaying{opacity:1;max-height:1000px}.readless{margin-bottom:0}.readmore:after,.readless:after{vertical-align:top;content:"";width:30px;height:30px;display:inline-block}.readmore:after{background-image:url(../img/downarrow.png);background-position:right 5px;background-repeat:no-repeat;background-size:18px}.readless:after{background-image:url(../img/uparrow.png);background-position:right 5px;background-repeat:no-repeat;background-size:18px}.showContent{margin-bottom:inherit}.absolute{position:absolute!important}.aboutIntro{width:100%;margin-bottom:6vw;display:inline-block;position:relative}.aboutIntro figure{z-index:0;max-width:47%;position:relative;bottom:-3vw;left:8vw}.aboutIntro figure img{position:relative}.aboutIntro .content-box{z-index:10;width:50%;position:absolute;top:0;right:0}.imgSwitcher{margin-top:3vw;position:relative}.imgSwitcher figure{max-width:33vw;margin-bottom:3vw;position:relative}.imgSwitcher figure figcaption{color:#eee;z-index:9;font-size:5.3vw;font-weight:700;line-height:4.8vw;position:absolute;bottom:8vw;left:2vw}.imgSwitcher figure:nth-of-type(2){float:right}.imgSwitcher figure:nth-of-type(2) figcaption{left:auto;right:2vw}.aboutMail a,.aboutMail a:visited{color:#00f;text-align:center;font-size:4.45vw;font-weight:700}.aboutMail a:active,.aboutMail a:hover{color:#eee}.aboutMail *{text-align:center}.transition-fade{opacity:1;transition:opacity .4s}html.is-animating .transition-fade{opacity:0}.transition-logo{padding-top:34vh;transition:padding-top .9s}html.is-animating .transition-logo{padding-top:0}.flipper{transform-style:preserve-3d;backface-visibility:hidden;opacity:1;transition:opacity .9s,transform .7s}.transition-flipleft{opacity:1}html.is-animating .transition-flipleft{opacity:0}.transition-flipright{transform-origin:0;transition-property:transform;transform:rotateY(0)}html.is-animating .transition-flipright{transform-origin:0;transform:rotateY(90deg)}.transition-flipleft-home{opacity:1}html.is-animating .transition-flipleft-home{opacity:0}.transition-flipright-home{transform-origin:100%;transform:rotateY(0)}html.is-animating .transition-flipright-home{transform:rotateY(90deg)}#cookie-bar{color:#fff;background:#000!important;padding:10px 5px!important}#cookie-bar,#cookie-bar-prompt-content{color:#fff;font-weight:300}#cookie-bar a,#cookie-bar-prompt-content a{color:#fff!important;text-decoration:underline!important}a#cookie-bar-button{color:#000!important;background:#fff!important;padding:8px 12px!important;text-decoration:none!important}#cookie_learnmore_link{visibility:hidden;display:none}body:not(.home) .sticky{align-self:flex-start;position:sticky;top:80px}#nav-right.sticky{top:0}@media (min-width:768px){#nav-right.sticky{top:20vw}}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.logo-text{width:100%;left:0}}@media only screen and (max-width:1920px){#greenCheck{max-width:9.2vw;top:1.5vw;right:0}}@media only screen and (max-width:1350px){#greenCheck{max-width:10vw;top:2vw;right:0}}@media only screen and (max-width:1024px){body{font-size:16px}.aboutIntro figure{top:3vw;bottom:auto}}@media only screen and (max-width:1000px){.welcomeBox{max-width:70%;margin:15vw auto 0;padding:4vw}.welcomeBox p,.welcomeBox figure{max-width:80%;font-size:2.5vw;line-height:3.65vw}.welcomeBox figure{max-width:18%}.welcomeBox img{max-width:70%}.welcomeBox input[type=text]{width:80%;margin-right:5%}.welcomeBox input[type=submit]{background-color:#f7f7f7;width:15%;margin-top:0}.welcomeBox input{height:5vw;font-size:2vw}form *{vertical-align:top}#greenCheck{max-width:16vw;top:2.6vw}}@media only screen and (max-width:767px){body{font-size:14px}h1{font-size:9vw}h2{font-size:6.2vw}h3{font-size:5.8vw}.logo-text p{font-size:1.9vw;line-height:2vw}.logo-text .main-wordmark,.logo-text div.main-wordmark *{font-size:8.3vw;line-height:8.3vw}.navs *{font-size:12pt}#nav-top{width:92vw}#navDropdown{text-align:left}#nav-right{text-align:right;padding-top:0;padding-bottom:7vw}.sticky{align-self:auto;position:static}body.welcome .wrapper{padding-top:20vw}.wrapper{padding-top:31vw}.logo-text{z-index:10;width:100%;position:absolute;top:80px}#nav-left,#nav-right{width:100%;padding-left:3%;padding-right:3%}.inner{margin-top:0;padding:5vw 3% 40px}.masonry .content-box{float:none;width:100%}.masonry .col--2x .content-box{position:relative}.masonry>figure{max-width:100%;margin-bottom:0}.content-box{margin-bottom:3%}.full-width-imgs figure,.full-width-imgs picture img{margin-bottom:0}.imgSwitcher figure figcaption{font-size:9.2vw;line-height:8.7vw;bottom:14vw}.imgSwitcher figure{max-width:56vw;margin-bottom:3vw;position:relative}.imgSwitcher figure:nth-of-type(2){float:right}.imgSwitcher figure:nth-of-type(2) figcaption{left:auto;right:2vw}.aboutMail a{margin:0 auto;font-size:7.5vw}.aboutMail{margin-top:7.5vw}.welcome #nav-lang{text-align:center;margin:0 auto}#projects-btn{display:block}#navDropdown{opacity:0;margin:10px inherit;max-height:0;overflow:hidden}#navDropdown ul,body.home #navDropdown ul{flex-wrap:wrap;gap:6px;width:100%;display:flex}#navDropdown.show,body.home #navDropdown.show{max-height:9000px}.back-to-top.show{display:block}body:not(.home) .sticky{position:relative;top:0}}@media only screen and (max-width:520px){body.welcome .wrapper{padding-top:30vw}.wrapper{padding-top:42vw}.welcomeBox{max-width:90%}.welcomeBox p,.welcomeBox figure{max-width:80%;font-size:3.5vw;line-height:4.7vw}.welcomeBox figure{max-width:18%}.welcomeBox img{max-width:90%}.welcomeBox input[type=text]{width:80%;margin-right:5%;padding:2px;font-size:13px;line-height:20px}.welcomeBox input[type=submit]{background-color:#f7f7f7;width:15%;margin-top:0}.welcomeBox input{height:7vw;font-size:2.5vw}#greenCheck{max-width:19vw}.aboutIntro .content-box{width:100%;position:relative}.aboutIntro figure{float:right;max-width:56vw;left:0}}.video-placeholder{aspect-ratio:16/9;background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;display:flex}button.btn_cookies{cursor:pointer;background-color:#000}.iframe-container{width:100%;height:auto;position:relative}#nav-left{height:fit-content}@media (min-width:768px){#nav-left.sticky-nav{position:fixed;top:auto;bottom:0}}#physicsCanvas{z-index:1;opacity:0;width:100vw;height:100vh;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:opacity .3s;display:block;position:fixed;top:0;left:0}#physicsCanvas.show{opacity:1}@media (max-width:767px){#physicsCanvas{display:none}}.mt-3{margin-top:3em}.color-wheel{--wheelRadius:46px;width:var(--wheelRadius);height:var(--wheelRadius);-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(#fff,#9990 80%),conic-gradient(#e43f00,#fae410,#55cc3b,#09adff,#6b0efd,#e70d86,#e43f00);border-radius:50%;position:relative}@media (min-width:768px){.color-wheel{--wheelRadius:75px}}.color-handle{pointer-events:none;background-color:#000;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.color-preview{display:none}