html{display:block;width:100%;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{padding:0;margin:0;transition:background-color 1s}body leysen{display:block;width:100%}h1,.menu__toggler__title,h2,h3,h4,h5,h6,ul,li,p,.project__content__body{margin:0;padding:0}.wrapper{min-height:100vh}.wrapper__router{position:relative;z-index:3;padding:6.4rem 0;transition:-webkit-filter 500ms;transition:filter 500ms;transition:filter 500ms, -webkit-filter 500ms}.wrapper__router.blur{-webkit-filter:blur(25px);filter:blur(25px);z-index:1}.page--intro .wrapper__router{padding:0}.spacer--in{padding-top:3.2rem;padding-bottom:3.2rem}@media all and (min-width: 768px){.spacer--in{padding-top:6.4rem;padding-bottom:6.4rem}}@media all and (min-width: 1024px){.spacer--in{padding-top:9.2rem;padding-bottom:9.2rem}}.spacer--in-top{padding-top:3.2rem}@media all and (min-width: 768px){.spacer--in-top{padding-top:6.4rem}}@media all and (min-width: 1024px){.spacer--in-top{padding-top:9.2rem}}.spacer--in-bottom{padding-bottom:3.2rem}@media all and (min-width: 768px){.spacer--in-bottom{padding-bottom:6.4rem}}@media all and (min-width: 1024px){.spacer--in-bottom{padding-bottom:9.2rem}}.spacer--out{margin-top:3.2rem;margin-bottom:3.2rem}@media all and (min-width: 768px){.spacer--out{margin-top:6.4rem;margin-bottom:6.4rem}}@media all and (min-width: 1024px){.spacer--out{margin-top:9.2rem;margin-bottom:9.2rem}}.spacer--out-top{margin-top:3.2rem}@media all and (min-width: 768px){.spacer--out-top{margin-top:6.4rem}}@media all and (min-width: 1024px){.spacer--out-top{margin-top:9.2rem}}.spacer--out-bottom{margin-bottom:3.2rem}@media all and (min-width: 768px){.spacer--out-bottom{margin-bottom:6.4rem}}@media all and (min-width: 1024px){.spacer--out-bottom{margin-bottom:9.2rem}}body{color:#000;background-color:#fff}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}::-moz-selection{color:#fff;background:#000}.fc--light{color:#fff}.fc--light-darker{color:#ededed}.fc--light-lighter{color:#fff}.bgc--light{background-color:#fff}.bgc--light-darker{background-color:#ededed}.bgc--light-lighter{background-color:#fff}.fc--dark{color:#000}.fc--dark-darker{color:#000}.fc--dark-lighter{color:#121212}.bgc--dark{background-color:#000}.bgc--dark-darker{background-color:#000}.bgc--dark-lighter{background-color:#121212}.fc--action{color:#C5B7A6}.fc--action-darker{color:#b7a690}.fc--action-lighter{color:#d3c8bc}.bgc--action{background-color:#C5B7A6}.bgc--action-darker{background-color:#b7a690}.bgc--action-lighter{background-color:#d3c8bc}.fc--hover{color:#534F49}.fc--hover-darker{color:#403d38}.fc--hover-lighter{color:#66615a}.bgc--hover{background-color:#534F49}.bgc--hover-darker{background-color:#403d38}.bgc--hover-lighter{background-color:#66615a}.fc--positive{color:green}.fc--positive-darker{color:#005c00}.fc--positive-lighter{color:#00a400}.bgc--positive{background-color:green}.bgc--positive-darker{background-color:#005c00}.bgc--positive-lighter{background-color:#00a400}.fc--negative{color:red}.fc--negative-darker{color:#db0000}.fc--negative-lighter{color:#ff2424}.bgc--negative{background-color:red}.bgc--negative-darker{background-color:#db0000}.bgc--negative-lighter{background-color:#ff2424}.fc--neutrals-0{color:white}.fc--neutrals-0-darker{color:#ededed}.fc--neutrals-0-lighter{color:#fff}.bgc--neutrals-0{background-color:white}.bgc--neutrals-0-darker{background-color:#ededed}.bgc--neutrals-0-lighter{background-color:#fff}.fc--neutrals-1{color:#DFDDD8}.fc--neutrals-1-darker{color:#cfccc4}.fc--neutrals-1-lighter{color:#efeeec}.bgc--neutrals-1{background-color:#DFDDD8}.bgc--neutrals-1-darker{background-color:#cfccc4}.bgc--neutrals-1-lighter{background-color:#efeeec}.fc--neutrals-2{color:#C5B7A6}.fc--neutrals-2-darker{color:#b7a690}.fc--neutrals-2-lighter{color:#d3c8bc}.bgc--neutrals-2{background-color:#C5B7A6}.bgc--neutrals-2-darker{background-color:#b7a690}.bgc--neutrals-2-lighter{background-color:#d3c8bc}.fc--neutrals-3{color:#534F49}.fc--neutrals-3-darker{color:#403d38}.fc--neutrals-3-lighter{color:#66615a}.bgc--neutrals-3{background-color:#534F49}.bgc--neutrals-3-darker{background-color:#403d38}.bgc--neutrals-3-lighter{background-color:#66615a}.fc--neutrals-4{color:#171717}.fc--neutrals-4-darker{color:#050505}.fc--neutrals-4-lighter{color:#292929}.bgc--neutrals-4{background-color:#171717}.bgc--neutrals-4-darker{background-color:#050505}.bgc--neutrals-4-lighter{background-color:#292929}html{font-size:10px;-webkit-text-size-adjust:100%}body{font-family:"Montserrat",Helvetica,Arial,serif;font-size:1.3rem;font-weight:200;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}@media all and (min-width: 500px){body{font-size:1.5rem}}@media all and (min-width: 1440px){body{font-size:1.7rem}}h1,.menu__toggler__title,h2,h3,h4,h5,h6{font-family:"Montserrat",Helvetica,Arial,serif;font-weight:500}h1,.menu__toggler__title{font-weight:200;font-size:1.9rem;margin-bottom:1.6rem}h2{font-weight:200;font-size:1.9rem;margin-bottom:1.6rem}p,.project__content__body{font-size:1.5rem;line-height:1.6;margin-bottom:1.6rem}p:last-child,.project__content__body:last-child{margin-bottom:0}a{display:inline-block;position:relative;cursor:pointer;color:#000;text-decoration:none}a:after{content:'';position:absolute;right:0;bottom:0;left:0;transform:translateY(-1px);display:block;height:1px;border-bottom:1px solid #000;opacity:0.5}a:hover:after{border-bottom:2px solid #000}strong,b{font-weight:500}.fld{display:inline-block;padding:0.4rem 1rem;height:3rem;background-color:white;border:none;outline:none;border-radius:2rem}.logoshape{display:block;width:130.6rem;height:151.956rem;color:#fff}.logoshape svg{width:100%;height:100%}.theSprite{position:absolute;left:-99999rem;display:block}svg{display:block;width:100%;height:100%;padding:0;margin:0}svg g,svg group{fill:currentColor}.symbol{display:block;width:100%;height:100%;color:inherit}.loader{position:relative;width:25px;height:25px;opacity:1;transition:opacity 500ms}.loader.loader--hide{opacity:0}.loader__line{position:absolute;width:25px;left:0;display:block;height:1px;background-color:#fff;animation:loader-line-movement 1s 0ms ease-in-out infinite}.loader--dark .loader__line{background-color:#000}.loader__line1{top:0}.loader__line2{top:12px;width:25px;animation:loader-line-movement 1s 500ms ease-in-out infinite}.loader__line3{bottom:0}@keyframes loader-line-movement{0%{width:25px}50%{width:13px}100%{width:25px}}.logo{position:relative;top:0;left:50%;z-index:2;display:inline-block;padding:6.4rem 0 0 0;outline:none;transform:translateX(-50%);transition:none}.logo.center{position:absolute;top:50% !important;left:50%;z-index:900;margin:0;padding:0;transform:translate(-50%, -50%)}.logo.menuOpen{z-index:230;top:0 !important;transition:top 350ms}.header .logo{position:fixed}.logo__inner{display:inline-block;margin:0 auto;padding:0 1.6rem;text-align:center}.logo__wrapper{display:inline-block;width:14rem;color:#fff;transition:color 500ms, width 500ms}.dark .logo__wrapper{color:#000}.page--intro .logo__wrapper{position:relative;width:22rem}.logo__rules{display:none}.page--intro .logo__rules{position:absolute;top:50%;left:50%;display:block;width:62px;height:185px;overflow:hidden;opacity:0;transform:translate(-50%, -49%);transition:opacity 4s}.animate .logo__rules{opacity:1}.animate .logo__rules__inner{animation:logoRules 4s ease-out forwards}.logo__rule{display:block;width:100%;height:3px;margin-bottom:26.5px;border-radius:4px;background-color:#000;opacity:1;transition:opacity 500ms}.logo__rule:nth-child(odd){width:33px}@keyframes logoRules{0%{transform:translateY(0px)}100%{transform:translateY(-294px)}}.logo__visual{display:block;width:100%}.ie .logo__visual{display:none}.logo__visual__old{display:none;width:100%}.ie .logo__visual__old{display:block}.svg__logo__rules{opacity:0;transition:opacity 4s}.page--intro .svg__logo__rules{display:none}.wrapper--animate .svg__logo__rules{opacity:1}.logo__maskline{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dashoffset:2173;stroke-dasharray:2173}.animate .logo__maskline{animation:logoMaskline 3s ease-in forwards}@keyframes logoMaskline{0%{stroke-dashoffset:2173}100%{stroke-dashoffset:0}}.logo__title{display:none;margin-top:3.2rem;font-size:1.5rem;font-weight:200;text-transform:lowercase;text-align:center;white-space:nowrap;color:#fff;transition:color 500ms 150ms}.dark .logo__title{color:#000}@media all and (min-width: 768px){.logo__title{display:block}.center .logo__title{display:none}}.logo__subtitle{display:none;margin-top:3.2rem;font-size:1.7rem;font-weight:200;text-align:center;color:#000;text-shadow:1px 1px 0 #fff;opacity:0;transition:opacity 2s 2750ms}.center .logo__subtitle{display:block}.animate .logo__subtitle{opacity:1}.menu{position:absolute;top:0;right:0;left:0;z-index:200}.page--intro .menu{bottom:0}.page--intro .menu{display:none}.menu__toggler{position:fixed;top:4.8rem;right:4.8rem;z-index:20;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.menu__toggler:after{display:none}.menu__toggler:hover .menu__toggler__title{transform:translateX(-2rem)}.menu__toggler:hover .menu__icon span{transform:translate(-1rem, -1px)}@media all and (max-width: 500px){.menu__toggler{top:1.6rem;right:1.6rem}}.menu__toggler__title{-ms-flex:0 0 auto;flex:0 0 auto;display:block;margin:0;padding:0 1.6rem 0 0;text-transform:lowercase;color:#fff;transition:opacity 1s, color 350ms, transform 1s;opacity:1}.menu--open .menu__toggler__title{opacity:0}.menu--dark .menu__toggler__title{color:#000}@media all and (max-width: 500px){.menu__toggler__title{display:none}}.menu__icon{-ms-flex:0 0 25px;flex:0 0 25px;position:relative;display:block;width:25px;height:25px}.menu__icon span,.menu__icon:before,.menu__icon:after{position:absolute;left:0;display:block;width:25px;height:1px;background-color:#fff;opacity:1;transform-origin:50% 50%}.menu--dark .menu__icon span,.menu--dark .menu__icon:before,.menu--dark .menu__icon:after{background-color:#000}.menu__icon span{top:50%;width:13px;transform:translateY(-1px);transition:all 1s}.menu__icon:before{content:'';top:0;transform-origin:50% 50%;transition:all 500ms}.menu__icon:after{content:'';bottom:0;transform-origin:50% 50%;transition:all 500ms}.menu--open .menu__icon span{width:6rem;left:-8rem;background-color:#000}.menu--open .menu__icon:before{background-color:#000;top:50%;transform:rotate(135deg)}.menu--open .menu__icon:after{background-color:#000;top:50%;transform:rotate(-135deg)}.menu__inner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;transform:translateY(-105%);transition:transform 0ms 500ms, opacity 350ms}.menu--open .menu__inner{transition:transform 0ms 0ms, opacity 350ms;transform:translateY(0%);background-color:rgba(255,255,255,0.9);opacity:1}.menu__items{position:absolute;top:25rem;right:0;left:0;margin:0 auto;text-align:center;list-style:none}.menu__link{display:inline-block;padding:1rem;color:#000;font-weight:500;text-decoration:none;text-transform:lowercase}.menu__link:after{opacity:0;right:1rem;left:1rem;border-bottom:1px solid #000;transition:opacity 500ms}.menu__link:hover:after{opacity:1;border-bottom:1px solid #000}.menu__link--active{cursor:default}.menu__link--active:after,.menu__link--active:hover:after{opacity:1;border-bottom:2px solid #000}.page--intro .footer,.page--error .footer{display:none}.footer__inner{display:block;padding:9.2rem 0.8rem}.footer__logo .logo{padding:1.6rem 0;margin-bottom:1.6rem}.footer__logo .logo__title{display:none}.footer__logo .logo__subtitle{display:none}.footer__menu{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0 auto}.footer__menuitem{-ms-flex:0 0 auto;flex:0 0 auto;margin:0 0.8rem}.footer__link{color:#fff;text-decoration:none;font-size:1.3rem;text-transform:lowercase}.footer__link:after{opacity:0;transition:opacity 350ms;bottom:-10px;border-bottom:1px solid #fff}.footer__link:hover:after{opacity:1;border-bottom:1px solid #fff}.page--intro .footer__link,.page--contact .footer__link{color:#000}.page--intro .footer__link:after,.page--contact .footer__link:after{border-bottom:1px solid #000}.page--intro .footer__link:hover:after,.page--contact .footer__link:hover:after{border-bottom:1px solid #000}.header{min-height:25rem}.page--intro .header{min-height:0px}.page--about{background-color:#C5B7A6}.about{padding:0 0.8rem}.about__inner{max-width:96rem;margin:0 auto}@media all and (min-width: 768px){.about__inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch}}.about__main{margin-bottom:4.8rem}@media all and (min-width: 768px){.about__main{margin-bottom:0;-ms-flex:0 1 48rem;flex:0 1 48rem}}@media all and (min-width: 768px){.about__title{margin-top:3.2rem}}@media all and (min-width: 768px){.about__visual{-ms-flex:0 1 40rem;flex:0 1 40rem;position:relative;transform:translateX(4rem)}}@media all and (min-width: 1024px){.about__visual{transform:none}}.about__visual__photo{width:100%}@media all and (min-width: 768px){.about__visual__photo{position:-webkit-sticky;position:sticky;top:2rem;bottom:0}}.page--contact{background-color:#DFDDD8}.contact{padding:0 0.8rem}.contact__inner{max-width:96rem;margin:0 auto}.contact__main a:after{display:none}@media all and (min-width: 768px){.contact__main{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}}.contact__address{padding-bottom:1.6rem}@media all and (min-width: 768px){.contact__address{-ms-flex:0 1 40%;flex:0 1 40%;-ms-flex-order:2;order:2;padding-bottom:4.8rem}}.contact__info{padding-bottom:4.8rem}@media all and (min-width: 768px){.contact__info{-ms-flex:0 1 40%;flex:0 1 40%;-ms-flex-order:3;order:3;text-align:right}}.contact__visual{display:none}@media all and (min-width: 768px){.contact__visual{-ms-flex:0 1 50%;flex:0 1 50%;-ms-flex-order:1;order:1;display:block}.contact__visual img{position:relative;z-index:2;display:block;width:calc(100% + 12rem);margin-left:-8rem;opacity:0.9;transform:translateY(2rem)}}.contact__map #map{display:block;width:100%;height:40rem;background-color:#C5B7A6}@media all and (min-width: 768px){.contact__map{-ms-flex:0 1 55%;flex:0 1 55%;-ms-flex-order:4;order:4}}.social-media-icons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;list-style:none;margin-left:auto}@media all and (min-width: 768px){.social-media-icons{-ms-flex-pack:end;justify-content:flex-end}}.social-media-icon{margin:0 1rem 0 0;-ms-flex:0 0 2rem;flex:0 0 2rem}.social-media-icon a{display:block;width:2rem;height:2rem;padding:3px;background-color:#000;color:#fff;transition:background-color 350ms, transform 350ms}.social-media-icon a:hover{background-color:#C5B7A6;transform:scale(1.1)}.social-media-icon a:after{display:none}@media all and (min-width: 768px){.social-media-icon{margin:0 0 0 1rem}}.contact__footer{padding:9.2rem 0 0 0;text-align:center}.contact__legal{width:80%;max-width:30rem;margin:0 auto}.contact__legal p,.contact__legal .project__content__body{font-size:1.1rem}.contact__ordevanarchitecten{margin-bottom:1.6rem}.page--error{background-color:#262626}.error{padding:0 0.8rem}.error__inner{max-width:96rem;margin:0 auto}.error__content{text-align:center;color:#fff}.error__content a{color:#fff}.error__content a:after{border-bottom:1px solid #fff}.error__content a:hover:after{border-bottom:2px solid #fff}.error__visual{text-align:center}.error__visual a:after{display:none}.error__visual img{display:block;margin:0 auto;width:100%;max-width:400px}.page--intro{background-color:#efefef}.intro{position:relative;z-index:10;min-height:100vh}.intro__inner{-ms-flex:0 0 80%;flex:0 0 80%}.intro__inner img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1120px;opacity:0;transition:opacity 4s}.wrapper--animate .intro__inner img{opacity:0.4}@media all and (max-width: 500px){.intro__inner img{transform:translate(-50%, -60%)}}.project{padding:0 0.8rem}.project__inner{max-width:96rem;margin:0 auto}.project__head{position:relative;color:#fff;margin-bottom:4rem}@media all and (min-width: 768px){.project__head{display:block;height:2.5rem;line-height:2.5rem}}.project__title{position:relative;z-index:1;display:block;margin:0 0 3.2rem 0;padding:0;text-align:center}@media all and (min-width: 768px){.project__title{display:inline-block;margin:0;padding:0 0 0 8rem;text-align:left}.project__title:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:6rem;height:1px;background:#fff;transform:translateY(1px)}}.project__nav{position:relative;margin:0;padding:0;height:2.5rem;list-style:none}@media all and (min-width: 768px){.project__nav{position:absolute;top:0;right:0;left:0}}.project__navitem{margin:0;padding:0;list-style:none}.project__navlink__close{position:absolute;top:0;right:0}.project__navlink__close span{position:relative;display:block;width:2.5rem;height:2.5rem;overflow:hidden;text-indent:-1000px;font-size:10px}@media all and (min-width: 1024px){.project__navlink__close span{transform-origin:right 50%;transform:translate(-1.6rem, 0)}}.project__navlink__close span:before,.project__navlink__close span:after{content:'';position:absolute;top:50%;left:50%;display:block;width:100%;height:1px;opacity:1;border-bottom:1px solid #fff;transition:transform 350ms;transform:translateX(-50%) rotate(45deg)}.project__navlink__close span:after{transform:translateX(-50%) rotate(-45deg)}.project__navlink__close:after{display:none}@media all and (min-width: 768px){.project__navlink__close:hover span:before{transform:translateX(-50%) rotate(135deg)}.project__navlink__close:hover span:after{transform:translateX(-50%) rotate(45deg)}}@media all and (min-width: 1024px){.project__navlink__close{right:100%}}.project__navlink__prev,.project__navlink__next{position:absolute;top:0;display:block;width:6rem;height:100%}.project__navlink__prev span,.project__navlink__next span{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;text-indent:-1000px;font-size:10px}.project__navlink__prev span:after,.project__navlink__next span:after{content:'';position:absolute;top:50%;right:0;left:0;display:block;height:1px;background-color:#fff;transition:left 350ms, right 350ms}.project__navlink__prev:before,.project__navlink__prev:after,.project__navlink__next:before,.project__navlink__next:after{content:'';position:absolute;top:50%;left:0;display:block;width:1.5rem;height:1px;background-color:#fff;border:none !important;opacity:1;transform-origin:0 50%}.project__navlink__prev:before,.project__navlink__next:before{transform:translate(0%, -50%) rotate(-45deg)}.project__navlink__prev:after,.project__navlink__next:after{transform:translate(0%, -50%) rotate(45deg)}.project__navlink__prev{right:55%}@media all and (min-width: 768px){.project__navlink__prev:hover span:after{right:2rem}}@media all and (min-width: 1024px){.project__navlink__prev{right:8rem}}.project__navlink__next{left:55%}.project__navlink__next:before,.project__navlink__next:after{left:auto;right:0;transform-origin:100% 50%}@media all and (min-width: 768px){.project__navlink__next:hover span:after{left:2rem}}@media all and (min-width: 1024px){.project__navlink__next{left:auto;right:0}}.project__visuals{position:relative;display:block;background-color:#fff}.project__visuals__list{position:relative;z-index:1;list-style:none;margin:0;padding:0}@media all and (min-width: 768px){.project__visuals__list{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2rem 2rem 0 2rem}}.project__visuals__list:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-color:#fff}.project__visuals--overview .project__visuals__list:after{display:none}.project__visuals__listitem .project__visual{padding-bottom:0}.project__visuals__listitem:last-child .project__visual{padding-bottom:2.5rem}@media all and (min-width: 500px){.project__visuals__listitem:last-child .project__visual{padding-bottom:5rem}}@media all and (min-width: 768px){.project__visuals__listitem:last-child .project__visual{padding-bottom:0}}@media all and (min-width: 768px){.project__visuals__listitem{-ms-flex:0 0 32%;flex:0 0 32%;margin-right:2%;margin-bottom:2rem;cursor:pointer}.project__visuals__listitem:nth-child(3n){margin-right:0}.project__visuals__listitem:hover .project__visual{transform:scale(0.98)}}.project__visual{display:block;margin:0 auto;padding:2.5rem;background-color:#fff;width:100%;max-width:96rem}@media all and (min-width: 500px){.project__visual{padding:5rem}}@media all and (min-width: 768px){.project__visual{padding:0;width:auto;max-width:100%;max-height:24rem;transition:transform 350ms}}.project__visuals__details{position:absolute;top:0;right:0;left:0;z-index:2;display:block;margin:0;padding:3.2rem 0 0 0;background-color:#fff;overflow:hidden}.project__visuals--overview .project__visuals__details{display:none}.project__visuals__details__list{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;margin:0;padding:0;list-style:none;transition:transform 350ms}.project__details__visual{display:block;max-width:100%;height:auto;margin:0 auto;padding:3.2rem}.project__visuals__details__nav{display:block;width:2.5rem;height:2.5rem;cursor:pointer}.project__visuals__details__nav span{display:none}.project__visuals__details__nav:before,.project__visuals__details__nav:after{content:'';position:absolute;width:1.5rem;height:1px;background-color:#000}.project__visuals--overview .project__visuals__details__nav{display:none}.project__visuals__details__nav--left{position:absolute;top:1.6rem;left:3.2rem;z-index:3;width:6rem}.project__visuals__details__nav--left span{position:absolute;top:50%;left:0;display:block;width:6rem;height:1px;background-color:#000;overflow:hidden;text-indent:-1000px;transition:width 350ms}.project__visuals__details__nav--left:before{top:50%;left:0;transform:rotate(-45deg);transform-origin:0 0}.project__visuals__details__nav--left:after{top:50%;left:0;transform:rotate(45deg);transform-origin:0 0}.project__visuals__details__nav--left:hover span{width:5rem}.project__visuals__details__nav--right{position:absolute;top:1.6rem;left:11.4rem;z-index:4;width:6rem}.project__visuals__details__nav--right span{position:absolute;top:50%;right:0;display:block;width:6rem;height:1px;background-color:#000;overflow:hidden;text-indent:-1000px;transition:width 350ms}.project__visuals__details__nav--right:before{top:50%;right:0;transform:rotate(-45deg);transform-origin:100% 0}.project__visuals__details__nav--right:after{top:50%;right:0;transform:rotate(45deg);transform-origin:100% 0}.project__visuals__details__nav--right:hover span{width:5rem}.project__visuals__details__nav--disable{opacity:0.3}.project__visuals__details__nav--close{position:absolute;top:1.6rem;right:3.2rem;z-index:5;transition:transform 350ms;transform-origin:50%}.project__visuals__details__nav--close:before{width:2.5rem;top:50%;right:0;transform:rotate(-45deg)}.project__visuals__details__nav--close:after{width:2.5rem;top:50%;right:0;transform:rotate(45deg)}.project__visuals__details__nav--close:hover{transform:rotate(90deg)}.project__content{margin-bottom:4rem}.project__content__body{color:#fff;max-width:60rem}.project__content__body p,.project__content__body .project__content__body{margin-bottom:0.8rem}.project__content__body p:last-child,.project__content__body .project__content__body:last-child{margin-bottom:0}.page--projects{background-color:#171717}.projects{padding:0 0.8rem}.projects__inner{max-width:96rem;margin:0 auto}.projects__header{margin-bottom:3.2rem}@media all and (min-width: 768px){.projects__header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:baseline;align-items:baseline}}.projects__title{color:#fff;margin-bottom:1.6rem;text-align:center}@media all and (min-width: 768px){.projects__title{-ms-flex:0 0 auto;flex:0 0 auto;margin-right:6.4rem;margin-bottom:0;text-align:left}}.projects__menu{text-align:center}@media all and (min-width: 768px){.projects__menu{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:baseline;align-items:baseline;list-style:none;text-align:left}}.projects__menuitem{-ms-flex:0 0 auto;flex:0 0 auto;margin:0 0 1.6rem 0;padding:0}@media all and (min-width: 768px){.projects__menuitem{margin:0;padding:0 4.8rem 0 0}.projects__menuitem:last-child{padding-right:0}}.projects__menulink{color:#fff;font-size:1.5rem;text-transform:lowercase}.projects__menulink:after{right:0;bottom:-6px;left:0;border-bottom:1px solid #fff;opacity:0;transition:opacity 350ms, right 500ms, bottom 500ms, left 500ms}.projects__menulink:hover:after{border-bottom:1px solid #fff;opacity:1}.projects__menulink--active{font-weight:500}.projects__menulink--active:after,.projects__menulink--active:hover:after{right:-5px;left:-5px;border-bottom:1px solid #fff;opacity:1}.projects__menu__dropdown{display:block;width:100%;max-width:30rem;margin:0 auto;font-size:1.5rem;color:#fff;background-color:transparent}@media all and (min-width: 768px){.projects__menu__dropdown{display:none}}.projects__overview{position:relative;min-height:40rem}.projects__overview__items{position:relative;z-index:3}@media all and (min-width: 500px){.projects__overview__items{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.projects__overview__item{margin-bottom:2rem}@media all and (min-width: 500px){.projects__overview__item{-ms-flex:0 0 49%;flex:0 0 49%;margin-right:2%}.projects__overview__item:nth-child(2n){margin-right:0}}@media all and (min-width: 768px){.projects__overview__item{-ms-flex:0 0 32%;flex:0 0 32%;margin-right:2%}.projects__overview__item:nth-child(2n){margin-right:2%}.projects__overview__item:nth-child(3n){margin-right:0}}.projects__overview__link{position:relative;display:block;width:100%;height:0;outline:none;padding-top:66.66667%}.projects__overview__link:hover .projects__overview__item__back{opacity:1}.projects__overview__link:hover .projects__overview__item__photo{opacity:0.9;transform:scale(1.05)}.projects__overview__link:after{display:none}.projects__overview__item__back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:1;opacity:0;transition:opacity 350ms}.projects__overview__item__title{-ms-flex:0 0 auto;flex:0 0 auto;display:inline;margin:0;padding:0;color:#fff;line-height:1;text-shadow:0 0 5rem #000}.projects__overview__item__front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000;overflow:hidden}.projects__overview__item__photo{display:block;margin:0;padding:0;border:0;outline:none;width:100%;opacity:1;transform:scale(1.1);transform-origin:50% 50%;transition:transform 500ms, opacity 500ms}.projects__none{position:relative;z-index:2;padding:6.4rem 0 0 0;text-align:center;color:#fff}.projects__none__title{margin:0 0 1.6rem 0}.projects__none__body{margin:0}.projects__loader{position:absolute;top:0;right:0;left:0;z-index:1}.projects__loader .loader{margin:0 auto}.page--vision{background-color:#534F49}.vision{padding:0 0.8rem}.vision__inner{max-width:96rem;margin:0 auto}@media all and (min-width: 768px){.vision__inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch}}.vision__main{margin-bottom:4.8rem}@media all and (min-width: 768px){.vision__main{-ms-flex:0 1 48rem;flex:0 1 48rem;-ms-flex-order:2;order:2;margin-bottom:0}}.vision__title{color:#fff}@media all and (min-width: 768px){.vision__title{margin-top:31rem}}.vision__body{color:#fff}.vision__body a{color:#fff}.vision__body a:after{border-bottom:1px solid #fff}.vision__body a:hover:after{border-bottom:2px solid #fff}.vision__visual{position:relative}@media all and (min-width: 768px){.vision__visual{-ms-flex:0 1 40rem;flex:0 1 40rem;-ms-flex-order:1;order:1;transform:translateX(-4rem)}}@media all and (min-width: 1024px){.vision__visual{transform:none}}.vision__visual__text{display:none;position:absolute;top:0;right:0.8rem;z-index:2;width:80%;max-width:28rem;fill:#fff}@media all and (min-width: 768px){.vision__visual__text{display:none;right:-4rem}}.vision__visual__photo{padding-top:2.3rem}.vision__visual__photo img{width:100%}@media all and (min-width: 768px){.vision__visual__photo{position:-webkit-sticky;position:sticky;top:2rem;bottom:0;z-index:1}.vision__visual__photo img{width:calc(100% + 8rem);margin-left:-8rem}}