html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,p a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}[data-color]{opacity:0}body{transition-property:color stroke fill;transition-delay:0.15s;transition-duration:0.25s}body.color--cyan-magenta-yellow{stroke:#000;fill:#000;color:#000;border-color:#000}body.color--cyan-magenta-yellow [data-color="cyan"],body.color--cyan-magenta-yellow [data-color="magenta"],body.color--cyan-magenta-yellow [data-color="yellow"]{opacity:1}body.color--magenta-yellow{stroke:red;fill:red;color:red;border-color:red}body.color--magenta-yellow [data-color="magenta"],body.color--magenta-yellow [data-color="yellow"]{opacity:1}body.color--cyan-yellow{stroke:#00a400;fill:#00a400;color:#00a400;border-color:#00a400}body.color--cyan-yellow [data-color="cyan"],body.color--cyan-yellow [data-color="yellow"]{opacity:1}body.color--cyan-magenta{stroke:#000082;fill:#000082;color:#000082;border-color:#000082}body.color--cyan-magenta [data-color="cyan"],body.color--cyan-magenta [data-color="magenta"]{opacity:1}body.color--cyan{stroke:#0bf;fill:#0bf;color:#0bf;border-color:#0bf}body.color--cyan [data-color="cyan"]{opacity:1}body.color--magenta{stroke:#f09;fill:#f09;color:#f09;border-color:#f09}body.color--magenta [data-color="magenta"]{opacity:1}body.color--yellow{stroke:#fff200;fill:#fff200;color:#fff200;border-color:#fff200}body.color--yellow [data-color="yellow"]{opacity:1}a,p a{color:inherit;text-decoration:none}textarea,input.text,input[type="text"],input[type="button"],button,input[type="submit"],.input-checkbox{-webkit-appearance:none;border-radius:0;color:inherit}img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top right;object-position:top right}@media screen and (max-width: 1024px){img{-o-object-position:center center;object-position:center center}}body{font-size:18px;line-height:1.4;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400}@media screen and (max-width: 400px){body{font-size:16px}}strong{font-weight:700}small{font-size:0.75rem;line-height:1em;display:inline-block}em {font-style:italic}*{box-sizing:border-box}body{display:flex;flex-direction:row}.global{position:sticky;top:0;display:flex;flex-direction:column;flex-basis:20%;min-width:300px;justify-content:space-between;padding:1.5em;z-index:1000}@media screen and (max-width: 1024px){.global{flex-basis:unset;min-width:unset;padding:0}}.main-content{width:80%;margin-left:1.5em}@media screen and (max-width: 1024px){.main-content{margin:0;width:100%}}.full-vertical-height{height:100vh;height:calc( var(--vh, 1vh) * 100)}.global-header__logo{font-size:1.75em;line-height:1;text-decoration:none}.global-header__logo u{display:block;text-decoration:none}@media screen and (max-width: 1024px){.global-header__logo{position:fixed;top:1rem;left:1.5rem}}.global-footer__button{position:fixed;top:1rem;right:1.5rem;font-size:1.75em;line-height:1}.global-footer__tekst p{-webkit-hyphens:auto;hyphens:auto;display:block;max-width:600px}.global-footer__tekst p:not(:last-child){margin-bottom:1em}.global-navigation__backlink{font-size:1.75em;line-height:1}@media screen and (max-width: 1024px){.global-navigation__backlink{position:fixed;left:1.5rem;bottom:1.5rem}}.comp-teaser-wrapper{margin:1.5em;display:grid;grid-gap:2em}@media screen and (min-width: 1024px){.comp-teaser-wrapper{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1024px){.comp-teaser-wrapper{grid-template-columns:1fr 1fr}}@media screen and (max-width: 400px){.comp-teaser-wrapper{grid-template-columns:1fr}}.comp-teaser img{display:block;transition-property:opacity;transition-delay:.15s;transition-duration:0.2s}@media (hover: hover) and (pointer: fine){.comp-teaser img:hover{opacity:0.5}}.comp{display:flex;flex-direction:row}@media screen and (max-width: 1024px){.comp{display:block}}.comp__button{position:fixed;z-index:1000;top:1rem;right:1.5rem;font-size:1.75em;line-height:1}#comp-information:target{padding:1.5em}.comp__information{display:flex;flex-direction:column;justify-content:space-between;width:40%;padding:1.5em 0 1.5em 0;margin-right:1.5em;overflow-y:auto;overflow-x:hidden}.comp-info__description{margin-bottom:2em}.comp-info__instruction h2{margin-bottom:2em}.comp-info-instruction__instruction>*{margin-left:4em}@media screen and (max-width: 400px){.comp-info-instruction__instruction>*{margin-left:0}}.comp-info-instruction__instruction svg{fill:none;stroke-width:1.5px;stroke:inherit;max-height:150px}.comp__controlls{margin-top:4em}.comp__controlls>*:not(:last-child){margin-bottom:1.5em}.comp__controlls *{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width: 400px){.comp__controlls{margin-top:1em}}.color-controlls{-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-controlls input[type="checkbox"]{display:none}.color-controlls .wrapper{position:relative;width:500px;height:1em}.color-controlls label{cursor:pointer;position:absolute;bottom:0}.color-controlls label:not(:last-child){margin-right:1.5em}.color-controlls label:nth-child(2){left:0}.color-controlls label:nth-child(2){left:100px}.color-controlls label:nth-child(3){left:220px;width:250px}@media (hover: hover) and (pointer: fine){.color-controlls label:hover .comp-info-controlls__text{visibility:hidden}.color-controlls label:hover:nth-child(1) .comp-info-controlls__text::before{content:"Space";visibility:initial}.color-controlls label:hover:nth-child(2) .comp-info-controlls__text::before{content:"Shape";visibility:initial}.color-controlls label:hover:nth-child(3) .comp-info-controlls__text::before{content:"Perspective";visibility:initial}}.color-controlls svg{position:relative;top:.15em;fill:none;stroke-width:2px;stroke:inherit;margin-right:0.2em}.color-controlls svg:last-child{margin-right:0}.color-controlls svg.checked{fill:inherit}.comp-info-controlls__text--hover{display:none}.comp__figures{display:block;height:100%;width:60%;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}@media screen and (max-width: 1024px){.comp__figures{width:100%}}.comp__figures .comp__gallery{height:100%}.comp__figures .comp__gallery img{pointer-events:none}.comp-figures__figure{width:100%;height:100%;position:relative;overflow:hidden}.button__close{font-size:1.75em;line-height:1;display:block;margin-bottom:1.5rem}.carouselControlls{position:relative}.carouselControlls button{font-size:1em;line-height:1;padding:0;border:none;background:none}.carouselControlls button:hover{cursor:pointer}.carouselControlls svg{position:relative;top:.15em;margin-right:0.2em}.carouselControlls__play,.carouselControlls__pause,.carouselControlls__next{display:inline;vertical-align:baseline}.carouselControlls__pause{display:none}.carouselControlls__next{position:absolute;left:100px}.carouselControlls.running .carouselControlls__play,.carouselControlls.running .carouselControlls__next{display:none}.carouselControlls.running .carouselControlls__pause{display:initial}.comp__button,.global-navigation__backlink,.global-header__logo,.global-footer__button{transition-property:opacity;transition-delay:0.15s;transition-duration:0.5s;transition-timing-function:ease-in-out;opacity:1}.comp__button.hide,.global-navigation__backlink.hide,.global-header__logo.hide,.global-footer__button.hide{opacity:0}.mobile--show{display:none}@media screen and (max-width: 1024px){.mobile--show{display:block}}.comp__figures--animated{position:relative}.comp__figures--animated .comp-figures__figure{position:absolute;opacity:0;z-index:50}.comp__figures--animated .comp-figures__figure--active{opacity:1;z-index:100}.comp__figures--two-rows{display:flex;flex-direction:column}.comp__figures--two-rows .comp__gallery{height:calc(50% - 0.5em);display:block}.comp__figures--two-rows .comp__gallery:first-child{margin-bottom:1.5em}.comp__figures--two-rows .comp__gallery img{-o-object-position:center center;object-position:center center}@media screen and (max-width: 1024px){.comp__figures--two-rows .comp__gallery:first-child img{-o-object-position:bottom center;object-position:bottom center}.comp__figures--two-rows .comp__gallery:last-child img{-o-object-position:top center;object-position:top center}}.comp__figures--two-rows .comp-figures__figure--stacked{display:block;height:100%}.comp-figures__figure--stacked img{position:absolute;mix-blend-mode:multiply}.animation--show-on-load{opacity:0}@media screen and (max-width: 1024px){.mobile--slide-up{width:100%;z-index:1000;position:fixed;bottom:0;left:0;padding:1.5em;background-color:rgba(255,255,255,0.8);transform:translateY(100%);border-top:3px solid;transition-property:transform;transition-delay:0.15s;transition-duration:0.5s;transition-timing-function:ease-in-out}.mobile--slide-up:target{transform:translateY(0)}}@media screen and (max-width: 400px){.mobile--slide-up{height:100vh;border-top:none}}.comp-figures__figure--stacked img{transition-property:transform opacity;transition-delay:0.15s;transition-duration:0.25s;transition-timing-function:ease-in-out;transform:translate3d(0, 0, 0)}@media (hover: hover) and (pointer: fine){.color--cyan-magenta-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-magenta-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}.color--cyan-magenta-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--magenta-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}.color--magenta-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--cyan-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-yellow .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--cyan-magenta .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-magenta .comp__gallery:hover .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}}.color--cyan-magenta-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-magenta-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}.color--cyan-magenta-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--magenta-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}.color--magenta-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--cyan-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-yellow .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(3){transform:translate(-2em, -2em)}.color--cyan-magenta .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(1){transform:translate(2em, -2em)}.color--cyan-magenta .comp__gallery.touch .comp-figures__figure--stacked img:nth-child(2){transform:translate(-2em, 2em)}