*{box-sizing:border-box}html{height:100%;overflow:hidden}body{position:fixed;overflow:hidden;margin:0;padding:0;height:100%;width:100%;font-family:"Fjalla One",sans-serif;text-transform:uppercase;-webkit-font-smoothing:antialiased}#root,#app{position:absolute;margin:0;padding:0;height:100%;width:100%}#app{background:#837e7c;background:linear-gradient(130deg, rgb(131, 126, 124) 10%, rgb(193, 201, 204) 100%);background-repeat:no-repeat;background-attachment:fixed;opacity:1}#app.hidden{opacity:0}#app.entering{transition:opacity 1s;opacity:1 !important}canvas{position:absolute;top:0;left:0;width:100%;height:100%}.module.menu{position:fixed;width:100vw;font-size:15px;color:#afabab;z-index:100;text-transform:none}.module.menu .header-bg{position:absolute;height:92px;width:100vw}.module.menu .menubutton{position:fixed;opacity:0;top:25px;right:25px;height:20px;width:25px}.module.menu .menubutton .burger-line{position:relative;width:100%;height:2px;background:#e6e2df;margin-bottom:5px;transition:transform 250ms,margin 250ms 250ms}.module.menu .menubutton .burger-line:nth-child(3){margin-bottom:0}.module.menu .logotype{position:absolute;width:100px;margin-top:35px;margin-left:70px;z-index:1;height:30px;overflow:hidden;cursor:pointer}.module.menu .logotype svg{position:relative;top:0}.module.menu .logotype svg path{fill:#726c69;transition:fill 500ms}.module.menu ul{margin-left:106px;margin-left:70px;margin-top:75px;position:absolute}.module.menu li{list-style:none;margin-bottom:5px;cursor:pointer;line-height:16px;margin-bottom:6px;overflow:hidden;transition:color 500ms}.module.menu li.selected{color:#e4e3e3}.module.menu li span{top:0;position:relative}.module.menu li:hover{color:#fff !important}.module.menu.entering .logotype svg,.module.menu.leaving .logotype svg{transition:top 400ms 500ms}.module.menu.entering li:nth-child(1) span,.module.menu.leaving li:nth-child(1) span{transition:top 500ms 700ms}.module.menu.entering li:nth-child(2) span,.module.menu.leaving li:nth-child(2) span{transition:top 500ms 800ms}.module.menu.entering li:nth-child(3) span,.module.menu.leaving li:nth-child(3) span{transition:top 500ms 900ms}.module.menu.entering li:nth-child(4) span,.module.menu.leaving li:nth-child(4) span{transition:top 500ms 1000ms}.module.menu.entering li:nth-child(5) span,.module.menu.leaving li:nth-child(5) span{transition:top 500ms 1100ms}.module.menu.entering li:nth-child(6) span,.module.menu.leaving li:nth-child(6) span{transition:top 500ms 1200ms}.module.menu.entering li:nth-child(7) span,.module.menu.leaving li:nth-child(7) span{transition:top 500ms 1300ms}.module.menu.entering li:nth-child(8) span,.module.menu.leaving li:nth-child(8) span{transition:top 500ms 1400ms}.module.menu.entering li:nth-child(9) span,.module.menu.leaving li:nth-child(9) span{transition:top 500ms 1500ms}.module.menu.hidden .logotype svg{top:-30px}.module.menu.hidden li:nth-child(1) span{top:20px}.module.menu.hidden li:nth-child(2) span{top:20px}.module.menu.hidden li:nth-child(3) span{top:20px}.module.menu.hidden li:nth-child(4) span{top:20px}.module.menu.hidden li:nth-child(5) span{top:20px}.module.menu.hidden li:nth-child(6) span{top:20px}.module.menu.hidden li:nth-child(7) span{top:20px}.module.menu.hidden li:nth-child(8) span{top:20px}.module.menu.hidden li:nth-child(9) span{top:20px}@media(max-width: 1024px){.module.menu{height:70px;text-transform:uppercase;overflow:hidden}.module.menu .header-bg{height:70px;width:100%;z-index:-1}.module.menu.expanded{height:100%}.module.menu.expanded ul{margin-left:0}.module.menu.expanded .menubutton .burger-line{margin:0;transition:transform 250ms 250ms,margin 250ms}.module.menu.expanded .menubutton .burger-line:nth-child(1){margin-top:5px;margin-bottom:0;transform:translateY(100%) rotate(-45deg)}.module.menu.expanded .menubutton .burger-line:nth-child(2){transform:translateY(0%) rotate(-45deg)}.module.menu.expanded .menubutton .burger-line:nth-child(3){transform:translateY(-100%) rotate(45deg)}.module.menu .logotype{margin-top:25px;margin-left:30px}.module.menu .menubutton{opacity:1}.module.menu ul{width:100vw;height:100vh;margin-left:100vw;margin-top:0px;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center}.module.menu ul li{font-size:40px;line-height:40px;width:100%;text-align:center;margin-bottom:30px;margin-left:-5px}}.module.social{position:fixed;bottom:30px;left:80px;width:100px;padding-top:13px;z-index:100;opacity:1;height:40px}.module.social .button{width:16%;margin-left:13%;cursor:pointer}.module.social .button.github{width:13%;margin-right:3%}.module.social .button path,.module.social .button rect{transition:fill 300ms}.module.social .button:hover path,.module.social .button:hover rect{fill:#fff}.module.social.entering .button{transition:opacity 600ms 2000ms}.module.social.hidden .button{opacity:0}.module.social.display{display:flex}@media(max-width: 1024px){.module.social{bottom:0;left:-100%;height:100px;width:100%;opacity:0;display:flex;flex-direction:row;justify-content:center}.module.social.expanded{left:0;opacity:1}.module.social .button{margin-left:13%;width:7%}.module.social .button.github{margin-left:0;width:6%}}.section.about{position:absolute;margin:0;margin-left:calc(420px);padding:0;padding-top:180px;height:100%;width:calc(100% - 240px)}.section.about.interactive{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.section.about .lockup{height:260px}.section.about .title{font-size:74px;margin-bottom:8px;font-weight:bold;color:#868381;opacity:1}.section.about .location{margin-bottom:5px;font-size:30px;color:#84807f;text-transform:none;opacity:1;transform:translateY(0)}.section.about .year{margin-left:40px;margin-top:43px;margin-bottom:8px;font-size:18px;color:#797675;opacity:1;transform:translateY(0)}.section.about .roles{margin-bottom:8px;font-size:16px;text-transform:none;color:#797675;opacity:1;transform:translateY(0)}.section.about .roles li{margin-bottom:5px}.section.about .resume{display:inline-block;margin-left:40px;font-size:14px;color:#b7b7b7;text-transform:none;opacity:1;transform:translateY(0)}.section.about .scroll{display:block}.section.about .scroll .scrollblock{font-size:14px;color:#676463;text-transform:none;line-height:24px;margin-bottom:100px;font-family:"PT Sans Narrow",sans-serif;font-size:19px;font-size:16px;width:calc(310px + 55%);max-width:1050px}.section.about .scroll .scrollblock p{margin-bottom:20px}.section.about .scroll .scrollblock .aside{float:left;width:250px;margin-right:60px;opacity:1;transform:translateY(0)}.section.about .scroll .scrollblock .mobile-aside{display:none}.section.about .scroll .scrollblock img{border:thin solid #878381;float:right;max-width:740px;margin-left:60px;margin-bottom:40px;width:55%;width:68%;filter:grayscale(100%) brightness(130%) contrast(50%) sepia(5%);opacity:1;transform:translateY(0);transition:filter 2000ms}.section.about .scroll .scrollblock img:hover{filter:grayscale(5%) brightness(120%) contrast(50%) sepia(0%) opacity(100%)}.section.about .scroll .scrollblock .caption{margin-left:310px;font-size:11px;letter-spacing:1px;padding-left:15px;opacity:1;transform:translateY(0)}.section.about .scroll .scrollblock .skills{margin-top:30px;clear:both}.section.about.hidden .title{opacity:0}.section.about.hidden .location{opacity:0;transform:translateY(50%)}.section.about.hidden .year{opacity:0;transform:translateY(50%)}.section.about.hidden .roles{opacity:0;transform:translateY(50%)}.section.about.hidden .resume{opacity:0;transform:translateY(50%)}.section.about.hidden .scroll .scrollblock p{opacity:0;transform:translateY(10%)}.section.about.hidden .scroll .scrollblock .mobile-aside{opacity:0;transform:translateY(10%)}.section.about.hidden .scroll .scrollblock img{opacity:0;transform:translateY(10%)}.section.about.hidden .scroll .scrollblock .caption{opacity:0;transform:translateY(10%)}.section.about.hidden .scroll .scrollblock .skills{opacity:0;transform:translateY(10%)}.section.about.entering .title{transition:opacity 350ms ease-in-out 1100ms}.section.about.entering .location{transition:transform 350ms ease-in-out 1200ms,opacity 350ms ease-in-out 1200ms}.section.about.entering .year{transition:transform 350ms ease-in-out 1300ms,opacity 350ms ease-in-out 1300ms}.section.about.entering .roles{transition:transform 350ms ease-in-out 1400ms,opacity 350ms ease-in-out 1400ms}.section.about.entering .resume{transition:transform 350ms ease-in-out 1500ms,opacity 350ms ease-in-out 1500ms}.section.about.entering .scroll .scrollblock p{transition:transform 350ms ease-in-out 1600ms,opacity 350ms ease-in-out 1600ms}.section.about.entering .scroll .scrollblock .mobile-aside{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.about.entering .scroll .scrollblock img{transition:transform 350ms ease-in-out 1900ms,opacity 350ms ease-in-out 1900ms}.section.about.entering .scroll .scrollblock .caption{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.about.entering .scroll .scrollblock .skills{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.about.leaving .title{transition:opacity 350ms ease-in-out}.section.about.leaving .location{transition:transform 350ms ease-in-out 100ms,opacity 350ms ease-in-out 100ms}.section.about.leaving .year{transition:transform 350ms ease-in-out 200ms,opacity 350ms ease-in-out 200ms}.section.about.leaving .roles{transition:transform 350ms ease-in-out 300ms,opacity 350ms ease-in-out 300ms}.section.about.leaving .resume{transition:transform 350ms ease-in-out 400ms,opacity 350ms ease-in-out 400ms}.section.about.leaving .scroll .scrollblock p{transition:transform 350ms ease-in-out 500ms,opacity 350ms ease-in-out 500ms}.section.about.leaving .scroll .scrollblock .mobile-aside{transition:transform 350ms ease-in-out 900ms,opacity 350ms ease-in-out 900ms}.section.about.leaving .scroll .scrollblock img{transition:transform 350ms ease-in-out 800ms,opacity 350ms ease-in-out 800ms}.section.about.leaving .scroll .scrollblock .caption{transition:transform 350ms ease-in-out 700ms,opacity 350ms ease-in-out 700ms}.section.about.leaving .scroll .scrollblock .skills{transition:transform 350ms ease-in-out 700ms,opacity 350ms ease-in-out 700ms}@media(max-height: 900px),(max-width: 1300px){.section.about{margin-left:255px}.section.about .lockup{height:270px}.section.about .title{font-size:74px;color:#797675}.section.about .location{font-size:26px;color:#797675}.section.about .agency{font-size:18px;color:#797675}.section.about .year{font-size:18px}.section.about .roles{font-size:16px}.section.about .resume{font-size:14px}}@media(max-width: 1024px){.section.about{margin-top:67px;padding-top:35px;width:100vw;margin-left:0}.section.about .lockup{position:relative;width:100vw;height:200px}.section.about .float{float:none}.section.about .title{font-size:40px;margin-left:30px;color:#716d6b}.section.about .location{display:none}.section.about .resume{display:block}.section.about .year{margin-top:-30px;margin-left:150px;font-size:12px;color:#65615e}.section.about .roles{margin-top:20px;margin-left:30px;margin-bottom:30px;color:#65615e;text-transform:uppercase}.section.about .roles li{margin-bottom:5px}.section.about .resume{position:absolute;right:25px;margin-top:-45px;text-transform:uppercase;font-size:14px}.section.about .resume a{color:#e6e5e3}.section.about .scroll{margin-left:0;width:100vw}.section.about .scroll .scrollblock{width:100%}.section.about .scroll .scrollblock img{width:100vw;float:none;margin-left:0;margin-bottom:0}.section.about .scroll .scrollblock .aside{display:none}.section.about .scroll .scrollblock p{box-sizing:border-box;padding:40px;padding-bottom:0;padding-top:0;font-size:18px;line-height:30px;padding-top:20px;color:#575a5a;font-family:"PT Sans Narrow",sans-serif}.section.about .scroll .scrollblock .skills{padding:40px;padding-top:0}.section.about .scroll .scrollblock .caption{margin-left:0}}.module.featured{position:absolute;margin:0;margin-left:240px;padding:0;height:100%;width:calc(100% - 240px);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.module.featured.selecting{overflow:hidden}.module.featured ul{position:relative;margin:0;margin-top:190px;padding-left:15px;margin-bottom:40px;margin-bottom:calc(100vh - 320px);width:100%}.module.featured li{position:relative;font-size:48px;line-height:48px;font-size:74px;line-height:47px;text-transform:uppercase;font-weight:bold;margin-bottom:15px;color:#b3b2b2;letter-spacing:1px;cursor:pointer;line-height:74px;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position-y:-1000%;margin-left:0;overflow:hidden}.module.featured li span{transition:color 80ms ease-out,top 300ms ease-out}.module.featured li span.projecttitle{display:block;color:#a6a9aa;margin-bottom:-28px}.module.featured li span.projecttitle .animate-inner{position:relative;top:0;opacity:1}.module.featured li span.client{font-size:60px;font-size:50px;color:#898583}.module.featured li span.client .animate-inner{position:relative;top:0;opacity:1}.module.featured li.selected{background-repeat:no-repeat;background-position-y:-1000% !important;margin-left:0px !important}.module.featured li.selected span .animate-inner{opacity:1 !important;top:0 !important;transition:color 600ms ease-in}.module.featured li.selected span.client .animate-inner{opacity:0 !important;transition:opacity 400ms ease-in !important}@keyframes set_to_relative_position{0%{position:static}100%{position:relative}}.module.featured.hidden li{background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position-y:-1000%;margin-left:-40px}.module.featured.hidden li span.projecttitle .animate-inner{top:-100px;opacity:0;animation:none !important}.module.featured.hidden li span.client .animate-inner{top:100px;opacity:0;animation:none !important}.module.featured.entering ul li:nth-child(1){transition:margin-left 400ms 1200ms}.module.featured.entering ul li:nth-child(1) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1000ms,opacity 800ms ease-in-out 1000ms;animation:set_to_static_position 10ms 1500ms forwards}.module.featured.entering ul li:nth-child(1) span.client .animate-inner{transition:top 500ms ease-in-out 1150ms,opacity 800ms ease-in-out 1150ms;animation:set_to_static_position 10ms 1650ms forwards}.module.featured.entering ul li:nth-child(2){transition:margin-left 400ms 1300ms}.module.featured.entering ul li:nth-child(2) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1100ms,opacity 800ms ease-in-out 1100ms;animation:set_to_static_position 10ms 1600ms forwards}.module.featured.entering ul li:nth-child(2) span.client .animate-inner{transition:top 500ms ease-in-out 1250ms,opacity 800ms ease-in-out 1250ms;animation:set_to_static_position 10ms 1750ms forwards}.module.featured.entering ul li:nth-child(3){transition:margin-left 400ms 1400ms}.module.featured.entering ul li:nth-child(3) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1200ms,opacity 800ms ease-in-out 1200ms;animation:set_to_static_position 10ms 1700ms forwards}.module.featured.entering ul li:nth-child(3) span.client .animate-inner{transition:top 500ms ease-in-out 1350ms,opacity 800ms ease-in-out 1350ms;animation:set_to_static_position 10ms 1850ms forwards}.module.featured.entering ul li:nth-child(4){transition:margin-left 400ms 1500ms}.module.featured.entering ul li:nth-child(4) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1300ms,opacity 800ms ease-in-out 1300ms;animation:set_to_static_position 10ms 1800ms forwards}.module.featured.entering ul li:nth-child(4) span.client .animate-inner{transition:top 500ms ease-in-out 1450ms,opacity 800ms ease-in-out 1450ms;animation:set_to_static_position 10ms 1950ms forwards}.module.featured.entering ul li:nth-child(5){transition:margin-left 400ms 1600ms}.module.featured.entering ul li:nth-child(5) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1400ms,opacity 800ms ease-in-out 1400ms;animation:set_to_static_position 10ms 1900ms forwards}.module.featured.entering ul li:nth-child(5) span.client .animate-inner{transition:top 500ms ease-in-out 1550ms,opacity 800ms ease-in-out 1550ms;animation:set_to_static_position 10ms 2050ms forwards}.module.featured.entering ul li:nth-child(6){transition:margin-left 400ms 1700ms}.module.featured.entering ul li:nth-child(6) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1500ms,opacity 800ms ease-in-out 1500ms;animation:set_to_static_position 10ms 2000ms forwards}.module.featured.entering ul li:nth-child(6) span.client .animate-inner{transition:top 500ms ease-in-out 1650ms,opacity 800ms ease-in-out 1650ms;animation:set_to_static_position 10ms 2150ms forwards}.module.featured.entering ul li:nth-child(7){transition:margin-left 400ms 1800ms}.module.featured.entering ul li:nth-child(7) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1600ms,opacity 800ms ease-in-out 1600ms;animation:set_to_static_position 10ms 2100ms forwards}.module.featured.entering ul li:nth-child(7) span.client .animate-inner{transition:top 500ms ease-in-out 1750ms,opacity 800ms ease-in-out 1750ms;animation:set_to_static_position 10ms 2250ms forwards}.module.featured.entering ul li:nth-child(8){transition:margin-left 400ms 1900ms}.module.featured.entering ul li:nth-child(8) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1700ms,opacity 800ms ease-in-out 1700ms;animation:set_to_static_position 10ms 2200ms forwards}.module.featured.entering ul li:nth-child(8) span.client .animate-inner{transition:top 500ms ease-in-out 1850ms,opacity 800ms ease-in-out 1850ms;animation:set_to_static_position 10ms 2350ms forwards}.module.featured.entering ul li:nth-child(9){transition:margin-left 400ms 2000ms}.module.featured.entering ul li:nth-child(9) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1800ms,opacity 800ms ease-in-out 1800ms;animation:set_to_static_position 10ms 2300ms forwards}.module.featured.entering ul li:nth-child(9) span.client .animate-inner{transition:top 500ms ease-in-out 1950ms,opacity 800ms ease-in-out 1950ms;animation:set_to_static_position 10ms 2450ms forwards}.module.featured.entering ul li:nth-child(10){transition:margin-left 400ms 2100ms}.module.featured.entering ul li:nth-child(10) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1900ms,opacity 800ms ease-in-out 1900ms;animation:set_to_static_position 10ms 2400ms forwards}.module.featured.entering ul li:nth-child(10) span.client .animate-inner{transition:top 500ms ease-in-out 2050ms,opacity 800ms ease-in-out 2050ms;animation:set_to_static_position 10ms 2550ms forwards}.module.featured.entering ul li:nth-child(11){transition:margin-left 400ms 2200ms}.module.featured.entering ul li:nth-child(11) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2000ms,opacity 800ms ease-in-out 2000ms;animation:set_to_static_position 10ms 2500ms forwards}.module.featured.entering ul li:nth-child(11) span.client .animate-inner{transition:top 500ms ease-in-out 2150ms,opacity 800ms ease-in-out 2150ms;animation:set_to_static_position 10ms 2650ms forwards}.module.featured.entering ul li:nth-child(12){transition:margin-left 400ms 2300ms}.module.featured.entering ul li:nth-child(12) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2100ms,opacity 800ms ease-in-out 2100ms;animation:set_to_static_position 10ms 2600ms forwards}.module.featured.entering ul li:nth-child(12) span.client .animate-inner{transition:top 500ms ease-in-out 2250ms,opacity 800ms ease-in-out 2250ms;animation:set_to_static_position 10ms 2750ms forwards}.module.featured.entering ul li:nth-child(13){transition:margin-left 400ms 2400ms}.module.featured.entering ul li:nth-child(13) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2200ms,opacity 800ms ease-in-out 2200ms;animation:set_to_static_position 10ms 2700ms forwards}.module.featured.entering ul li:nth-child(13) span.client .animate-inner{transition:top 500ms ease-in-out 2350ms,opacity 800ms ease-in-out 2350ms;animation:set_to_static_position 10ms 2850ms forwards}.module.featured.entering ul li:nth-child(14){transition:margin-left 400ms 2500ms}.module.featured.entering ul li:nth-child(14) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2300ms,opacity 800ms ease-in-out 2300ms;animation:set_to_static_position 10ms 2800ms forwards}.module.featured.entering ul li:nth-child(14) span.client .animate-inner{transition:top 500ms ease-in-out 2450ms,opacity 800ms ease-in-out 2450ms;animation:set_to_static_position 10ms 2950ms forwards}.module.featured.entering ul li:nth-child(15){transition:margin-left 400ms 2600ms}.module.featured.entering ul li:nth-child(15) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2400ms,opacity 800ms ease-in-out 2400ms;animation:set_to_static_position 10ms 2900ms forwards}.module.featured.entering ul li:nth-child(15) span.client .animate-inner{transition:top 500ms ease-in-out 2550ms,opacity 800ms ease-in-out 2550ms;animation:set_to_static_position 10ms 3050ms forwards}.module.featured.entering ul li:nth-child(16){transition:margin-left 400ms 2700ms}.module.featured.entering ul li:nth-child(16) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2500ms,opacity 800ms ease-in-out 2500ms;animation:set_to_static_position 10ms 3000ms forwards}.module.featured.entering ul li:nth-child(16) span.client .animate-inner{transition:top 500ms ease-in-out 2650ms,opacity 800ms ease-in-out 2650ms;animation:set_to_static_position 10ms 3150ms forwards}.module.featured.entering ul li:nth-child(17){transition:margin-left 400ms 2800ms}.module.featured.entering ul li:nth-child(17) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2600ms,opacity 800ms ease-in-out 2600ms;animation:set_to_static_position 10ms 3100ms forwards}.module.featured.entering ul li:nth-child(17) span.client .animate-inner{transition:top 500ms ease-in-out 2750ms,opacity 800ms ease-in-out 2750ms;animation:set_to_static_position 10ms 3250ms forwards}.module.featured.entering ul li:nth-child(18){transition:margin-left 400ms 2900ms}.module.featured.entering ul li:nth-child(18) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2700ms,opacity 800ms ease-in-out 2700ms;animation:set_to_static_position 10ms 3200ms forwards}.module.featured.entering ul li:nth-child(18) span.client .animate-inner{transition:top 500ms ease-in-out 2850ms,opacity 800ms ease-in-out 2850ms;animation:set_to_static_position 10ms 3350ms forwards}.module.featured.entering ul li:nth-child(19){transition:margin-left 400ms 3000ms}.module.featured.entering ul li:nth-child(19) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2800ms,opacity 800ms ease-in-out 2800ms;animation:set_to_static_position 10ms 3300ms forwards}.module.featured.entering ul li:nth-child(19) span.client .animate-inner{transition:top 500ms ease-in-out 2950ms,opacity 800ms ease-in-out 2950ms;animation:set_to_static_position 10ms 3450ms forwards}.module.featured.leaving ul li:nth-child(1){transition:margin-left 200ms 100ms}.module.featured.leaving ul li:nth-child(1) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 80ms,opacity 200ms ease-in-out 80ms}.module.featured.leaving ul li:nth-child(1) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 200ms,opacity 200ms ease-in-out 200ms}.module.featured.leaving ul li:nth-child(2){transition:margin-left 200ms 200ms}.module.featured.leaving ul li:nth-child(2) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 160ms,opacity 200ms ease-in-out 160ms}.module.featured.leaving ul li:nth-child(2) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 300ms,opacity 200ms ease-in-out 300ms}.module.featured.leaving ul li:nth-child(3){transition:margin-left 200ms 300ms}.module.featured.leaving ul li:nth-child(3) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 240ms,opacity 200ms ease-in-out 240ms}.module.featured.leaving ul li:nth-child(3) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 400ms,opacity 200ms ease-in-out 400ms}.module.featured.leaving ul li:nth-child(4){transition:margin-left 200ms 400ms}.module.featured.leaving ul li:nth-child(4) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 320ms,opacity 200ms ease-in-out 320ms}.module.featured.leaving ul li:nth-child(4) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 500ms,opacity 200ms ease-in-out 500ms}.module.featured.leaving ul li:nth-child(5){transition:margin-left 200ms 500ms}.module.featured.leaving ul li:nth-child(5) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 400ms,opacity 200ms ease-in-out 400ms}.module.featured.leaving ul li:nth-child(5) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 600ms,opacity 200ms ease-in-out 600ms}.module.featured.leaving ul li:nth-child(6){transition:margin-left 200ms 600ms}.module.featured.leaving ul li:nth-child(6) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 480ms,opacity 200ms ease-in-out 480ms}.module.featured.leaving ul li:nth-child(6) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 700ms,opacity 200ms ease-in-out 700ms}.module.featured.leaving ul li:nth-child(7){transition:margin-left 200ms 700ms}.module.featured.leaving ul li:nth-child(7) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 560ms,opacity 200ms ease-in-out 560ms}.module.featured.leaving ul li:nth-child(7) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 800ms,opacity 200ms ease-in-out 800ms}.module.featured.leaving ul li:nth-child(8){transition:margin-left 200ms 800ms}.module.featured.leaving ul li:nth-child(8) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 640ms,opacity 200ms ease-in-out 640ms}.module.featured.leaving ul li:nth-child(8) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 900ms,opacity 200ms ease-in-out 900ms}.module.featured.leaving ul li:nth-child(9){transition:margin-left 200ms 900ms}.module.featured.leaving ul li:nth-child(9) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 720ms,opacity 200ms ease-in-out 720ms}.module.featured.leaving ul li:nth-child(9) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1000ms,opacity 200ms ease-in-out 1000ms}.module.featured.leaving ul li:nth-child(10){transition:margin-left 200ms 1000ms}.module.featured.leaving ul li:nth-child(10) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 800ms,opacity 200ms ease-in-out 800ms}.module.featured.leaving ul li:nth-child(10) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1100ms,opacity 200ms ease-in-out 1100ms}.module.featured.leaving ul li:nth-child(11){transition:margin-left 200ms 1100ms}.module.featured.leaving ul li:nth-child(11) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 880ms,opacity 200ms ease-in-out 880ms}.module.featured.leaving ul li:nth-child(11) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1200ms,opacity 200ms ease-in-out 1200ms}.module.featured.leaving ul li:nth-child(12){transition:margin-left 200ms 1200ms}.module.featured.leaving ul li:nth-child(12) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 960ms,opacity 200ms ease-in-out 960ms}.module.featured.leaving ul li:nth-child(12) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1300ms,opacity 200ms ease-in-out 1300ms}.module.featured.leaving ul li:nth-child(13){transition:margin-left 200ms 1300ms}.module.featured.leaving ul li:nth-child(13) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1040ms,opacity 200ms ease-in-out 1040ms}.module.featured.leaving ul li:nth-child(13) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1400ms,opacity 200ms ease-in-out 1400ms}.module.featured.leaving ul li:nth-child(14){transition:margin-left 200ms 1400ms}.module.featured.leaving ul li:nth-child(14) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1120ms,opacity 200ms ease-in-out 1120ms}.module.featured.leaving ul li:nth-child(14) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1500ms,opacity 200ms ease-in-out 1500ms}.module.featured.leaving ul li:nth-child(15){transition:margin-left 200ms 1500ms}.module.featured.leaving ul li:nth-child(15) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1200ms,opacity 200ms ease-in-out 1200ms}.module.featured.leaving ul li:nth-child(15) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1600ms,opacity 200ms ease-in-out 1600ms}.module.featured.leaving ul li:nth-child(16){transition:margin-left 200ms 1600ms}.module.featured.leaving ul li:nth-child(16) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1280ms,opacity 200ms ease-in-out 1280ms}.module.featured.leaving ul li:nth-child(16) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1700ms,opacity 200ms ease-in-out 1700ms}.module.featured.leaving ul li:nth-child(17){transition:margin-left 200ms 1700ms}.module.featured.leaving ul li:nth-child(17) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1360ms,opacity 200ms ease-in-out 1360ms}.module.featured.leaving ul li:nth-child(17) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1800ms,opacity 200ms ease-in-out 1800ms}.module.featured.leaving ul li:nth-child(18){transition:margin-left 200ms 1800ms}.module.featured.leaving ul li:nth-child(18) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1440ms,opacity 200ms ease-in-out 1440ms}.module.featured.leaving ul li:nth-child(18) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 1900ms,opacity 200ms ease-in-out 1900ms}.module.featured.leaving ul li:nth-child(19){transition:margin-left 200ms 1900ms}.module.featured.leaving ul li:nth-child(19) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1520ms,opacity 200ms ease-in-out 1520ms}.module.featured.leaving ul li:nth-child(19) span.client .animate-inner{position:relative;transition:top 300ms ease-in-out 2000ms,opacity 200ms ease-in-out 2000ms}.module.featured.display ul li:nth-child(1) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1500ms forwards}.module.featured.display ul li:nth-child(1) span.client .animate-inner{animation:set_to_static_position 10ms 1650ms forwards}.module.featured.display ul li:nth-child(2) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1600ms forwards}.module.featured.display ul li:nth-child(2) span.client .animate-inner{animation:set_to_static_position 10ms 1750ms forwards}.module.featured.display ul li:nth-child(3) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1700ms forwards}.module.featured.display ul li:nth-child(3) span.client .animate-inner{animation:set_to_static_position 10ms 1850ms forwards}.module.featured.display ul li:nth-child(4) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1800ms forwards}.module.featured.display ul li:nth-child(4) span.client .animate-inner{animation:set_to_static_position 10ms 1950ms forwards}.module.featured.display ul li:nth-child(5) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1900ms forwards}.module.featured.display ul li:nth-child(5) span.client .animate-inner{animation:set_to_static_position 10ms 2050ms forwards}.module.featured.display ul li:nth-child(6) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2000ms forwards}.module.featured.display ul li:nth-child(6) span.client .animate-inner{animation:set_to_static_position 10ms 2150ms forwards}.module.featured.display ul li:nth-child(7) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2100ms forwards}.module.featured.display ul li:nth-child(7) span.client .animate-inner{animation:set_to_static_position 10ms 2250ms forwards}.module.featured.display ul li:nth-child(8) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2200ms forwards}.module.featured.display ul li:nth-child(8) span.client .animate-inner{animation:set_to_static_position 10ms 2350ms forwards}.module.featured.display ul li:nth-child(9) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2300ms forwards}.module.featured.display ul li:nth-child(9) span.client .animate-inner{animation:set_to_static_position 10ms 2450ms forwards}.module.featured.display ul li:nth-child(10) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2400ms forwards}.module.featured.display ul li:nth-child(10) span.client .animate-inner{animation:set_to_static_position 10ms 2550ms forwards}.module.featured.display ul li:nth-child(11) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2500ms forwards}.module.featured.display ul li:nth-child(11) span.client .animate-inner{animation:set_to_static_position 10ms 2650ms forwards}.module.featured.display ul li:nth-child(12) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2600ms forwards}.module.featured.display ul li:nth-child(12) span.client .animate-inner{animation:set_to_static_position 10ms 2750ms forwards}.module.featured.display ul li:nth-child(13) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2700ms forwards}.module.featured.display ul li:nth-child(13) span.client .animate-inner{animation:set_to_static_position 10ms 2850ms forwards}.module.featured.display ul li:nth-child(14) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2800ms forwards}.module.featured.display ul li:nth-child(14) span.client .animate-inner{animation:set_to_static_position 10ms 2950ms forwards}.module.featured.display ul li:nth-child(15) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2900ms forwards}.module.featured.display ul li:nth-child(15) span.client .animate-inner{animation:set_to_static_position 10ms 3050ms forwards}.module.featured.display ul li:nth-child(16) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3000ms forwards}.module.featured.display ul li:nth-child(16) span.client .animate-inner{animation:set_to_static_position 10ms 3150ms forwards}.module.featured.display ul li:nth-child(17) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3100ms forwards}.module.featured.display ul li:nth-child(17) span.client .animate-inner{animation:set_to_static_position 10ms 3250ms forwards}.module.featured.display ul li:nth-child(18) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3200ms forwards}.module.featured.display ul li:nth-child(18) span.client .animate-inner{animation:set_to_static_position 10ms 3350ms forwards}.module.featured.display ul li:nth-child(19) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3300ms forwards}.module.featured.display ul li:nth-child(19) span.client .animate-inner{animation:set_to_static_position 10ms 3450ms forwards}.module.featured.interactive ul li:hover{background-position:left top;background-repeat:repeat}.module.featured.interactive ul li:hover span{color:rgba(0,0,0,0)}.module.featured.interactive ul li:hover span.animate-inner{transition:color 500ms ease-in}@keyframes set_to_static_position{0%{position:relative}100%{position:static}}@media(max-height: 900px),(max-width: 1300px){.module.featured{justify-content:flex-start}.module.featured ul{margin-top:190px}.module.featured ul li{font-size:40px;font-size:74px}.module.featured ul li span.projecttitle{z-index:10;display:block}}@media(max-width: 1024px){.module.featured{justify-content:flex-start;margin-left:30px;width:100vw;margin-top:67px}.module.featured ul{margin-left:0;padding-left:0;margin-top:40px;margin-bottom:160px}.module.featured ul li{font-size:32px;font-size:36px;line-height:24px;color:#b7babb;margin-bottom:28px;margin-bottom:16px;letter-spacing:-1px !important;vertical-align:top}.module.featured ul li span.projecttitle{margin-bottom:0;color:#b7babb;vertical-align:top;line-height:36px}.module.featured ul li .client{font-size:24px;line-height:7px;color:#6e6a68;margin-bottom:0;vertical-align:top;line-height:24px}.module.featured ul li .client .animate-inner{vertical-align:top;line-height:24px}.module.featured ul li.selected{background-repeat:no-repeat;background-position-y:-1000% !important;margin-left:0px !important}.module.featured ul li.selected span .animate-inner{opacity:1 !important;top:-100px !important;color:#a6a9aa !important;transition:top 600ms ease-in}.module.featured ul li.selected span.client .animate-inner{opacity:0 !important;transition:opacity 400ms ease-in !important}}.section.projectdetail{position:absolute;margin:0;margin-left:255px;padding:0;padding-top:190px;height:100%;width:calc(100% - 255px)}.section.projectdetail.interactive{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.section.projectdetail .lockup{height:250px}.section.projectdetail .title{font-size:74px;line-height:74px;font-weight:bold;letter-spacing:1px;opacity:1}.section.projectdetail .client{display:inline-block;margin-left:3px;margin-bottom:5px;margin-bottom:35px;margin-right:10px;font-size:30px;font-size:18px;text-transform:none;transform:translateY(0);opacity:1}.section.projectdetail .agency{display:inline-block;font-size:18px;text-transform:none;transform:translateY(0);opacity:1}.section.projectdetail .agency span{margin-right:10px}.section.projectdetail .year{margin-top:43px;margin-bottom:3px;font-size:18px;transform:translateY(0);opacity:1}.section.projectdetail .type{margin-bottom:2px;margin-left:3px;font-size:15px;text-transform:none;line-height:23px;transform:translateY(0);opacity:1}.section.projectdetail .type li{display:inline-block;margin-right:10px}.section.projectdetail .type li span{margin-right:7px}.section.projectdetail .type li:nth-child(1) span{display:none}.section.projectdetail .roles{margin-bottom:3px;margin-left:3px;font-size:14px;text-transform:none;line-height:23px;transform:translateY(0);opacity:1}.section.projectdetail .roles li{display:inline-block;margin-right:10px}.section.projectdetail .roles li span{margin-right:7px}.section.projectdetail .roles li:nth-child(1) span{display:none}.section.projectdetail .roles li:nth-child(2) span{display:none}.section.projectdetail .link{display:inline-block;margin-left:30px;font-size:14px;line-height:14px;text-transform:none;transform:translateY(0);opacity:1}.section.projectdetail .link a{color:#dad8d8}.section.projectdetail .scroll{display:flex;flex-direction:column;justify-content:flex-start}.section.projectdetail .scroll .scrollblock{font-size:16px;font-family:"Enriqueta",serif;font-family:"PT Sans Narrow",sans-serif;text-transform:none;line-height:20px;margin-bottom:100px;word-spacing:2px;width:calc(310px + 55%);max-width:1050px}.section.projectdetail .scroll .scrollblock .aside{float:left;width:250px;margin-right:60px;transform:translateY(0);opacity:1}.section.projectdetail .scroll .scrollblock .aside p:nth-child(1){margin-top:0}.section.projectdetail .scroll .scrollblock .description{margin-top:0}.section.projectdetail .scroll .scrollblock .contribution{margin-top:30px}.section.projectdetail .scroll .scrollblock .hero{max-width:740px;width:55%;width:68%;position:relative;transform:translateY(0);opacity:1;cursor:pointer;line-height:0;float:right;margin-left:60px;margin-bottom:40px}.section.projectdetail .scroll .scrollblock .hero .playbutton{position:absolute;height:80px;width:80px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUIzQ0QwRjkxRDE1MTFFOThDQUJBRDA1NEY1RkQ0NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUIzQ0QwRkExRDE1MTFFOThDQUJBRDA1NEY1RkQ0NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQjNDRDBGNzFEMTUxMUU5OENBQkFEMDU0RjVGRDQ0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQjNDRDBGODFEMTUxMUU5OENBQkFEMDU0RjVGRDQ0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjHlCp8AAAFMSURBVHja7Ji9SgQxFEZ3xPewFPQZfBTxBbTdyp9CbVQsRBRhRRTEQvYFttrCQuysBBEU8QdBcUVFRGE8gdzCYiUzk2TvYj441cwNZ5KZmzBZnuc1zRmoKU8STIJJ8L8I7sNkTwxNo3ZA0oRRxxovFBWU7MJwDMHMcavrdtMGLMNVqBWuKmjyBauwBncaBSWvsASb8KRRUGLkFmDbSqsTlNzAImyVrA8uKLmEedjRKig5s6IHWgUlx7ACTa2Ckpb96k/hUaPgL49uFwZ7fFi5hneNx60LGIchGPnrxtgzeAuzsAffLgWxBM0yztjDxWeRwhiC0/Yw8VGmOKSgkZqDtyqDhBBct7P24mMwn4INqMOzz6f1IXgIU/AQ4j2pItiGCdtsg6WM4Iltsucx+lNRwTE4itnZXQXNdnQPndh7Ypb+sCbBJNjngj8CDABW3VdjffwA6gAAAABJRU5ErkJggg==);background-repeat:none;background-position:center center;background-size:cover;top:50%;left:50%;transform:translate(-50%, -50%)}.section.projectdetail .scroll .scrollblock .hero .cta{position:absolute;font-family:"Fjalla One",sans-serif;top:50%;text-transform:uppercase;font-size:36px;font-size:24px;font-weight:bold;letter-spacing:1px;text-align:center;width:100%;transform:translateY(-50%);transition:opacity 500ms}.section.projectdetail .scroll .scrollblock .hero .cta .play{margin-right:10px;overflow:hidden}.section.projectdetail .scroll .scrollblock .hero .cta .video{margin-right:10px;overflow:hidden}.section.projectdetail .scroll .scrollblock .hero .cta div{line-height:43px;display:inline-block}.section.projectdetail .scroll .scrollblock .hero img.blend{position:relative;max-width:740px;width:100%;filter:grayscale(100%) opacity(75%);mix-blend-mode:soft-light;transition:opacity 500ms}.section.projectdetail .scroll .scrollblock .hero img.hover{position:absolute;max-width:740px;width:100%;transform:translateX(-100%);filter:grayscale(20%) contrast(158%) opacity(50%);opacity:0;transition:opacity 500ms}.section.projectdetail .scroll .scrollblock .hero:hover img.hover{transition:opacity 2000ms;opacity:1}.section.projectdetail .scroll .scrollblock .hero:hover img.blend{transition:opacity 2000ms;opacity:0}.section.projectdetail .scroll .scrollblock .hero:hover .cta{transition:opacity 2000ms;opacity:0}.section.projectdetail .scroll .scrollblock .hero .caption{font-size:11px;letter-spacing:1px;padding-left:15px}.section.projectdetail .scroll .scrollblock .nextbutton,.section.projectdetail .scroll .scrollblock .prevbutton{max-width:525px;width:50%;display:inline-block;text-transform:uppercase;font-family:"Fjalla One",sans-serif;font-size:18px;padding:5px;margin-bottom:5px;cursor:pointer}.section.projectdetail .scroll .scrollblock .nextbutton{text-align:right}.section.projectdetail.hidden .title{opacity:0}.section.projectdetail.hidden .client{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .agency{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .year{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .type{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .roles{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .link{transform:translateY(50%);opacity:0}.section.projectdetail.hidden .scroll .scrollblock .description{transform:translateY(10%);opacity:0}.section.projectdetail.hidden .scroll .scrollblock .contribution{transform:translateY(10%);opacity:0}.section.projectdetail.hidden .scroll .scrollblock .hero{transform:translateY(10%);opacity:0}.section.projectdetail.hidden .scroll .scrollblock .nextbutton,.section.projectdetail.hidden .scroll .scrollblock .prevbutton{transform:translateY(10%);opacity:0}.section.projectdetail.entering .title{transition:opacity 350ms ease-in-out 500ms}.section.projectdetail.entering .client{transition:transform 350ms ease-in-out 650ms,opacity 350ms ease-in-out 650ms}.section.projectdetail.entering .agency{transition:transform 350ms ease-in-out 800ms,opacity 350ms ease-in-out 800ms}.section.projectdetail.entering .year{transition:transform 350ms ease-in-out 950ms,opacity 350ms ease-in-out 950ms}.section.projectdetail.entering .type{transition:transform 350ms ease-in-out 1100ms,opacity 350ms ease-in-out 1100ms}.section.projectdetail.entering .roles{transition:transform 350ms ease-in-out 1250ms,opacity 350ms ease-in-out 1250ms}.section.projectdetail.entering .link{transition:transform 350ms ease-in-out 1250ms,opacity 350ms ease-in-out 1250ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .description{transition:transform 350ms ease-in-out 1250ms,opacity 350ms ease-in-out 1250ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .contribution{transition:transform 350ms ease-in-out 1250ms,opacity 350ms ease-in-out 1250ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .aside{transition:transform 350ms ease-in-out 1250ms,opacity 350ms ease-in-out 1250ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .hero{transition:transform 350ms ease-in-out 1400ms,opacity 350ms ease-in-out 1400ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(1) .prevbutton{transition:transform 350ms ease-in-out 1550ms,opacity 350ms ease-in-out 1550ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .description{transition:transform 350ms ease-in-out 1400ms,opacity 350ms ease-in-out 1400ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .contribution{transition:transform 350ms ease-in-out 1400ms,opacity 350ms ease-in-out 1400ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .aside{transition:transform 350ms ease-in-out 1400ms,opacity 350ms ease-in-out 1400ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .hero{transition:transform 350ms ease-in-out 1550ms,opacity 350ms ease-in-out 1550ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(2) .prevbutton{transition:transform 350ms ease-in-out 1700ms,opacity 350ms ease-in-out 1700ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .description{transition:transform 350ms ease-in-out 1550ms,opacity 350ms ease-in-out 1550ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .contribution{transition:transform 350ms ease-in-out 1550ms,opacity 350ms ease-in-out 1550ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .aside{transition:transform 350ms ease-in-out 1550ms,opacity 350ms ease-in-out 1550ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .hero{transition:transform 350ms ease-in-out 1700ms,opacity 350ms ease-in-out 1700ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(3) .prevbutton{transition:transform 350ms ease-in-out 1850ms,opacity 350ms ease-in-out 1850ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .description{transition:transform 350ms ease-in-out 1700ms,opacity 350ms ease-in-out 1700ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .contribution{transition:transform 350ms ease-in-out 1700ms,opacity 350ms ease-in-out 1700ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .aside{transition:transform 350ms ease-in-out 1700ms,opacity 350ms ease-in-out 1700ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .hero{transition:transform 350ms ease-in-out 1850ms,opacity 350ms ease-in-out 1850ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(4) .prevbutton{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .description{transition:transform 350ms ease-in-out 1850ms,opacity 350ms ease-in-out 1850ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .contribution{transition:transform 350ms ease-in-out 1850ms,opacity 350ms ease-in-out 1850ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .aside{transition:transform 350ms ease-in-out 1850ms,opacity 350ms ease-in-out 1850ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .hero{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(5) .prevbutton{transition:transform 350ms ease-in-out 2150ms,opacity 350ms ease-in-out 2150ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .description{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .contribution{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .aside{transition:transform 350ms ease-in-out 2000ms,opacity 350ms ease-in-out 2000ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .hero{transition:transform 350ms ease-in-out 2150ms,opacity 350ms ease-in-out 2150ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(6) .prevbutton{transition:transform 350ms ease-in-out 2300ms,opacity 350ms ease-in-out 2300ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .description{transition:transform 350ms ease-in-out 2150ms,opacity 350ms ease-in-out 2150ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .contribution{transition:transform 350ms ease-in-out 2150ms,opacity 350ms ease-in-out 2150ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .aside{transition:transform 350ms ease-in-out 2150ms,opacity 350ms ease-in-out 2150ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .hero{transition:transform 350ms ease-in-out 2300ms,opacity 350ms ease-in-out 2300ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(7) .prevbutton{transition:transform 350ms ease-in-out 2450ms,opacity 350ms ease-in-out 2450ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .description{transition:transform 350ms ease-in-out 2300ms,opacity 350ms ease-in-out 2300ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .contribution{transition:transform 350ms ease-in-out 2300ms,opacity 350ms ease-in-out 2300ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .aside{transition:transform 350ms ease-in-out 2300ms,opacity 350ms ease-in-out 2300ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .hero{transition:transform 350ms ease-in-out 2450ms,opacity 350ms ease-in-out 2450ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(8) .prevbutton{transition:transform 350ms ease-in-out 2600ms,opacity 350ms ease-in-out 2600ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .description{transition:transform 350ms ease-in-out 2450ms,opacity 350ms ease-in-out 2450ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .contribution{transition:transform 350ms ease-in-out 2450ms,opacity 350ms ease-in-out 2450ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .aside{transition:transform 350ms ease-in-out 2450ms,opacity 350ms ease-in-out 2450ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .hero{transition:transform 350ms ease-in-out 2600ms,opacity 350ms ease-in-out 2600ms}.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .nextbutton,.section.projectdetail.entering .scroll .scrollblock:nth-child(9) .prevbutton{transition:transform 350ms ease-in-out 2750ms,opacity 350ms ease-in-out 2750ms}.section.projectdetail.leaving .title{transition:opacity 350ms ease-in-out}.section.projectdetail.leaving .client{transition:transform 350ms ease-in-out 150ms,opacity 350ms ease-in-out 150ms}.section.projectdetail.leaving .agency{transition:transform 350ms ease-in-out 300ms,opacity 350ms ease-in-out 300ms}.section.projectdetail.leaving .year{transition:transform 350ms ease-in-out 450ms,opacity 350ms ease-in-out 450ms}.section.projectdetail.leaving .type{transition:transform 350ms ease-in-out 600ms,opacity 350ms ease-in-out 600ms}.section.projectdetail.leaving .roles{transition:transform 350ms ease-in-out 750ms,opacity 350ms ease-in-out 750ms}.section.projectdetail.leaving .link{transition:transform 350ms ease-in-out 750ms,opacity 350ms ease-in-out 750ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(1) .aside{transition:transform 350ms ease-in-out 750ms,opacity 350ms ease-in-out 750ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(1) .description{transition:transform 350ms ease-in-out 750ms,opacity 350ms ease-in-out 750ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(1) .contribution{transition:transform 350ms ease-in-out 750ms,opacity 350ms ease-in-out 750ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(1) .hero{transition:transform 350ms ease-in-out 900ms,opacity 350ms ease-in-out 900ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(2) .aside{transition:transform 350ms ease-in-out 900ms,opacity 350ms ease-in-out 900ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(2) .description{transition:transform 350ms ease-in-out 900ms,opacity 350ms ease-in-out 900ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(2) .contribution{transition:transform 350ms ease-in-out 900ms,opacity 350ms ease-in-out 900ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(2) .hero{transition:transform 350ms ease-in-out 1050ms,opacity 350ms ease-in-out 1050ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(3) .aside{transition:transform 350ms ease-in-out 1050ms,opacity 350ms ease-in-out 1050ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(3) .description{transition:transform 350ms ease-in-out 1050ms,opacity 350ms ease-in-out 1050ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(3) .contribution{transition:transform 350ms ease-in-out 1050ms,opacity 350ms ease-in-out 1050ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(3) .hero{transition:transform 350ms ease-in-out 1200ms,opacity 350ms ease-in-out 1200ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(4) .aside{transition:transform 350ms ease-in-out 1200ms,opacity 350ms ease-in-out 1200ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(4) .description{transition:transform 350ms ease-in-out 1200ms,opacity 350ms ease-in-out 1200ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(4) .contribution{transition:transform 350ms ease-in-out 1200ms,opacity 350ms ease-in-out 1200ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(4) .hero{transition:transform 350ms ease-in-out 1350ms,opacity 350ms ease-in-out 1350ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(5) .aside{transition:transform 350ms ease-in-out 1350ms,opacity 350ms ease-in-out 1350ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(5) .description{transition:transform 350ms ease-in-out 1350ms,opacity 350ms ease-in-out 1350ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(5) .contribution{transition:transform 350ms ease-in-out 1350ms,opacity 350ms ease-in-out 1350ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(5) .hero{transition:transform 350ms ease-in-out 1500ms,opacity 350ms ease-in-out 1500ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(6) .aside{transition:transform 350ms ease-in-out 1500ms,opacity 350ms ease-in-out 1500ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(6) .description{transition:transform 350ms ease-in-out 1500ms,opacity 350ms ease-in-out 1500ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(6) .contribution{transition:transform 350ms ease-in-out 1500ms,opacity 350ms ease-in-out 1500ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(6) .hero{transition:transform 350ms ease-in-out 1650ms,opacity 350ms ease-in-out 1650ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(7) .aside{transition:transform 350ms ease-in-out 1650ms,opacity 350ms ease-in-out 1650ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(7) .description{transition:transform 350ms ease-in-out 1650ms,opacity 350ms ease-in-out 1650ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(7) .contribution{transition:transform 350ms ease-in-out 1650ms,opacity 350ms ease-in-out 1650ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(7) .hero{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(8) .aside{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(8) .description{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(8) .contribution{transition:transform 350ms ease-in-out 1800ms,opacity 350ms ease-in-out 1800ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(8) .hero{transition:transform 350ms ease-in-out 1950ms,opacity 350ms ease-in-out 1950ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(9) .aside{transition:transform 350ms ease-in-out 1950ms,opacity 350ms ease-in-out 1950ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(9) .description{transition:transform 350ms ease-in-out 1950ms,opacity 350ms ease-in-out 1950ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(9) .contribution{transition:transform 350ms ease-in-out 1950ms,opacity 350ms ease-in-out 1950ms}.section.projectdetail.leaving .scroll .scrollblock:nth-child(9) .hero{transition:transform 350ms ease-in-out 2100ms,opacity 350ms ease-in-out 2100ms}@media(max-height: 900px),(max-width: 1300px){.section.projectdetail{margin-left:255px}.section.projectdetail .lockup{height:220px}.section.projectdetail .year{font-size:18px}.section.projectdetail .link{font-size:14px}}@media(max-width: 1024px){.section.projectdetail{margin-top:67px;padding-top:35px;width:100%;margin-left:0}.section.projectdetail .lockup{position:relative;width:100vw;height:auto;margin-bottom:30px}.section.projectdetail .float{float:none;display:block}.section.projectdetail .float.sub{padding-left:60px}.section.projectdetail .title{font-size:40px;margin-left:30px;letter-spacing:-1px !important;line-height:46px}.section.projectdetail .client{font-size:21px;margin-left:60px;margin-left:30px}.section.projectdetail .agency{font-size:16px}.section.projectdetail .year{margin-top:7px;font-size:16px}.section.projectdetail .type{margin-left:30px;line-height:12px}.section.projectdetail .type li{margin-bottom:5px}.section.projectdetail .roles{margin-left:30px}.section.projectdetail .link{margin-left:2px;font-size:14px;display:block;text-align:right;padding-right:32px;margin-bottom:-22px;margin-top:8px}.section.projectdetail .scroll{margin-left:0;margin-bottom:50px;width:100vw;padding-bottom:20px}.section.projectdetail .scroll .scrollblock{margin-bottom:15px;font-size:18px;line-height:22px;width:100vw}.section.projectdetail .scroll .scrollblock .hero{width:100vw;margin-left:0;margin-top:20px;max-width:inherit;display:inline-block}.section.projectdetail .scroll .scrollblock .hero img.hover,.section.projectdetail .scroll .scrollblock .hero img.blend{max-width:inherit}.section.projectdetail .scroll .scrollblock .aside{width:calc(100% - 60px);margin-left:30px}.section.projectdetail .scroll .scrollblock .description{margin-left:30px;margin-right:30px}.section.projectdetail .scroll .scrollblock .contribution{margin-left:30px;margin-right:30px}.section.projectdetail .scroll .scrollblock .caption{margin-left:0;margin-top:0;line-height:14px;margin-bottom:20px}.section.projectdetail .scroll .scrollblock .nextbutton,.section.projectdetail .scroll .scrollblock .prevbutton{display:block;text-align:left;width:100%;font-size:24px;letter-spacing:0px}}.section.experiments{position:absolute;margin:0;margin-left:240px;padding:0;height:100%;width:calc(100% - 240px);flex-direction:column;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.section.experiments.selecting{overflow:hidden}.section.experiments ul{position:relative;margin:0;margin-top:95px;padding-left:15px;margin-bottom:40px;margin-bottom:calc(100vh - 320px);width:100%}.section.experiments li{position:relative;font-size:48px;line-height:48px;font-size:74px;line-height:47px;text-transform:uppercase;font-weight:bold;margin-bottom:28px;color:#b3b2b2;letter-spacing:1px;cursor:pointer;line-height:74px;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position-y:-1000%;margin-left:0;overflow:hidden}.section.experiments li span{transition:color 50ms ease-out,top 300ms ease-out}.section.experiments li span.projecttitle{display:block}.section.experiments li span.projecttitle .animate-inner{position:relative;top:0;opacity:1}.section.experiments li span.projecttitle a{transition:color 50ms ease-out,top 300ms ease-out;color:#a6a9aa}.section.experiments li.selected{background-repeat:no-repeat;background-position-y:-1000% !important;margin-left:0px !important}.section.experiments li.selected span .animate-inner{opacity:1 !important;top:0 !important;color:#7b7675 !important;transition:color 600ms ease-in}@keyframes set_to_relative_position{0%{position:static}100%{position:relative}}.section.experiments.hidden li{background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-position-y:-1000%;margin-left:-40px}.section.experiments.hidden li span.projecttitle .animate-inner{top:-100px;opacity:0;animation:none !important}.section.experiments.entering ul li:nth-child(1){transition:margin-left 400ms 1200ms}.section.experiments.entering ul li:nth-child(1) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1000ms,opacity 800ms ease-in-out 1000ms;animation:set_to_static_position 10ms 1500ms forwards}.section.experiments.entering ul li:nth-child(2){transition:margin-left 400ms 1300ms}.section.experiments.entering ul li:nth-child(2) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1100ms,opacity 800ms ease-in-out 1100ms;animation:set_to_static_position 10ms 1600ms forwards}.section.experiments.entering ul li:nth-child(3){transition:margin-left 400ms 1400ms}.section.experiments.entering ul li:nth-child(3) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1200ms,opacity 800ms ease-in-out 1200ms;animation:set_to_static_position 10ms 1700ms forwards}.section.experiments.entering ul li:nth-child(4){transition:margin-left 400ms 1500ms}.section.experiments.entering ul li:nth-child(4) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1300ms,opacity 800ms ease-in-out 1300ms;animation:set_to_static_position 10ms 1800ms forwards}.section.experiments.entering ul li:nth-child(5){transition:margin-left 400ms 1600ms}.section.experiments.entering ul li:nth-child(5) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1400ms,opacity 800ms ease-in-out 1400ms;animation:set_to_static_position 10ms 1900ms forwards}.section.experiments.entering ul li:nth-child(6){transition:margin-left 400ms 1700ms}.section.experiments.entering ul li:nth-child(6) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1500ms,opacity 800ms ease-in-out 1500ms;animation:set_to_static_position 10ms 2000ms forwards}.section.experiments.entering ul li:nth-child(7){transition:margin-left 400ms 1800ms}.section.experiments.entering ul li:nth-child(7) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1600ms,opacity 800ms ease-in-out 1600ms;animation:set_to_static_position 10ms 2100ms forwards}.section.experiments.entering ul li:nth-child(8){transition:margin-left 400ms 1900ms}.section.experiments.entering ul li:nth-child(8) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1700ms,opacity 800ms ease-in-out 1700ms;animation:set_to_static_position 10ms 2200ms forwards}.section.experiments.entering ul li:nth-child(9){transition:margin-left 400ms 2000ms}.section.experiments.entering ul li:nth-child(9) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1800ms,opacity 800ms ease-in-out 1800ms;animation:set_to_static_position 10ms 2300ms forwards}.section.experiments.entering ul li:nth-child(10){transition:margin-left 400ms 2100ms}.section.experiments.entering ul li:nth-child(10) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 1900ms,opacity 800ms ease-in-out 1900ms;animation:set_to_static_position 10ms 2400ms forwards}.section.experiments.entering ul li:nth-child(11){transition:margin-left 400ms 2200ms}.section.experiments.entering ul li:nth-child(11) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2000ms,opacity 800ms ease-in-out 2000ms;animation:set_to_static_position 10ms 2500ms forwards}.section.experiments.entering ul li:nth-child(12){transition:margin-left 400ms 2300ms}.section.experiments.entering ul li:nth-child(12) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2100ms,opacity 800ms ease-in-out 2100ms;animation:set_to_static_position 10ms 2600ms forwards}.section.experiments.entering ul li:nth-child(13){transition:margin-left 400ms 2400ms}.section.experiments.entering ul li:nth-child(13) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2200ms,opacity 800ms ease-in-out 2200ms;animation:set_to_static_position 10ms 2700ms forwards}.section.experiments.entering ul li:nth-child(14){transition:margin-left 400ms 2500ms}.section.experiments.entering ul li:nth-child(14) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2300ms,opacity 800ms ease-in-out 2300ms;animation:set_to_static_position 10ms 2800ms forwards}.section.experiments.entering ul li:nth-child(15){transition:margin-left 400ms 2600ms}.section.experiments.entering ul li:nth-child(15) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2400ms,opacity 800ms ease-in-out 2400ms;animation:set_to_static_position 10ms 2900ms forwards}.section.experiments.entering ul li:nth-child(16){transition:margin-left 400ms 2700ms}.section.experiments.entering ul li:nth-child(16) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2500ms,opacity 800ms ease-in-out 2500ms;animation:set_to_static_position 10ms 3000ms forwards}.section.experiments.entering ul li:nth-child(17){transition:margin-left 400ms 2800ms}.section.experiments.entering ul li:nth-child(17) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2600ms,opacity 800ms ease-in-out 2600ms;animation:set_to_static_position 10ms 3100ms forwards}.section.experiments.entering ul li:nth-child(18){transition:margin-left 400ms 2900ms}.section.experiments.entering ul li:nth-child(18) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2700ms,opacity 800ms ease-in-out 2700ms;animation:set_to_static_position 10ms 3200ms forwards}.section.experiments.entering ul li:nth-child(19){transition:margin-left 400ms 3000ms}.section.experiments.entering ul li:nth-child(19) span.projecttitle .animate-inner{transition:top 500ms ease-in-out 2800ms,opacity 800ms ease-in-out 2800ms;animation:set_to_static_position 10ms 3300ms forwards}.section.experiments.leaving ul li:nth-child(1){transition:margin-left 200ms 100ms}.section.experiments.leaving ul li:nth-child(1) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 80ms,opacity 200ms ease-in-out 80ms}.section.experiments.leaving ul li:nth-child(2){transition:margin-left 200ms 200ms}.section.experiments.leaving ul li:nth-child(2) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 160ms,opacity 200ms ease-in-out 160ms}.section.experiments.leaving ul li:nth-child(3){transition:margin-left 200ms 300ms}.section.experiments.leaving ul li:nth-child(3) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 240ms,opacity 200ms ease-in-out 240ms}.section.experiments.leaving ul li:nth-child(4){transition:margin-left 200ms 400ms}.section.experiments.leaving ul li:nth-child(4) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 320ms,opacity 200ms ease-in-out 320ms}.section.experiments.leaving ul li:nth-child(5){transition:margin-left 200ms 500ms}.section.experiments.leaving ul li:nth-child(5) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 400ms,opacity 200ms ease-in-out 400ms}.section.experiments.leaving ul li:nth-child(6){transition:margin-left 200ms 600ms}.section.experiments.leaving ul li:nth-child(6) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 480ms,opacity 200ms ease-in-out 480ms}.section.experiments.leaving ul li:nth-child(7){transition:margin-left 200ms 700ms}.section.experiments.leaving ul li:nth-child(7) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 560ms,opacity 200ms ease-in-out 560ms}.section.experiments.leaving ul li:nth-child(8){transition:margin-left 200ms 800ms}.section.experiments.leaving ul li:nth-child(8) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 640ms,opacity 200ms ease-in-out 640ms}.section.experiments.leaving ul li:nth-child(9){transition:margin-left 200ms 900ms}.section.experiments.leaving ul li:nth-child(9) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 720ms,opacity 200ms ease-in-out 720ms}.section.experiments.leaving ul li:nth-child(10){transition:margin-left 200ms 1000ms}.section.experiments.leaving ul li:nth-child(10) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 800ms,opacity 200ms ease-in-out 800ms}.section.experiments.leaving ul li:nth-child(11){transition:margin-left 200ms 1100ms}.section.experiments.leaving ul li:nth-child(11) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 880ms,opacity 200ms ease-in-out 880ms}.section.experiments.leaving ul li:nth-child(12){transition:margin-left 200ms 1200ms}.section.experiments.leaving ul li:nth-child(12) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 960ms,opacity 200ms ease-in-out 960ms}.section.experiments.leaving ul li:nth-child(13){transition:margin-left 200ms 1300ms}.section.experiments.leaving ul li:nth-child(13) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1040ms,opacity 200ms ease-in-out 1040ms}.section.experiments.leaving ul li:nth-child(14){transition:margin-left 200ms 1400ms}.section.experiments.leaving ul li:nth-child(14) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1120ms,opacity 200ms ease-in-out 1120ms}.section.experiments.leaving ul li:nth-child(15){transition:margin-left 200ms 1500ms}.section.experiments.leaving ul li:nth-child(15) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1200ms,opacity 200ms ease-in-out 1200ms}.section.experiments.leaving ul li:nth-child(16){transition:margin-left 200ms 1600ms}.section.experiments.leaving ul li:nth-child(16) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1280ms,opacity 200ms ease-in-out 1280ms}.section.experiments.leaving ul li:nth-child(17){transition:margin-left 200ms 1700ms}.section.experiments.leaving ul li:nth-child(17) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1360ms,opacity 200ms ease-in-out 1360ms}.section.experiments.leaving ul li:nth-child(18){transition:margin-left 200ms 1800ms}.section.experiments.leaving ul li:nth-child(18) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1440ms,opacity 200ms ease-in-out 1440ms}.section.experiments.leaving ul li:nth-child(19){transition:margin-left 200ms 1900ms}.section.experiments.leaving ul li:nth-child(19) span.projecttitle .animate-inner{position:relative;transition:top 300ms ease-in-out 1520ms,opacity 200ms ease-in-out 1520ms}.section.experiments.display ul li:nth-child(1) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1500ms forwards}.section.experiments.display ul li:nth-child(2) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1600ms forwards}.section.experiments.display ul li:nth-child(3) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1700ms forwards}.section.experiments.display ul li:nth-child(4) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1800ms forwards}.section.experiments.display ul li:nth-child(5) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 1900ms forwards}.section.experiments.display ul li:nth-child(6) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2000ms forwards}.section.experiments.display ul li:nth-child(7) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2100ms forwards}.section.experiments.display ul li:nth-child(8) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2200ms forwards}.section.experiments.display ul li:nth-child(9) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2300ms forwards}.section.experiments.display ul li:nth-child(10) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2400ms forwards}.section.experiments.display ul li:nth-child(11) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2500ms forwards}.section.experiments.display ul li:nth-child(12) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2600ms forwards}.section.experiments.display ul li:nth-child(13) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2700ms forwards}.section.experiments.display ul li:nth-child(14) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2800ms forwards}.section.experiments.display ul li:nth-child(15) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 2900ms forwards}.section.experiments.display ul li:nth-child(16) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3000ms forwards}.section.experiments.display ul li:nth-child(17) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3100ms forwards}.section.experiments.display ul li:nth-child(18) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3200ms forwards}.section.experiments.display ul li:nth-child(19) span.projecttitle .animate-inner{animation:set_to_static_position 10ms 3300ms forwards}.section.experiments.interactive ul li:hover{background-position:left top;background-repeat:repeat}.section.experiments.interactive ul li:hover span a{transition:color 500ms ease-in;color:rgba(0,0,0,0) !important}.section.experiments.interactive ul li:hover span.animate-inner{transition:color 500ms ease-in}@keyframes set_to_static_position{0%{position:relative}100%{position:static}}@media(max-height: 900px),(max-width: 1300px){.section.experiments{justify-content:flex-start}.section.experiments ul{margin-top:190px}.section.experiments ul li{font-size:40px;font-size:74px}.section.experiments ul li span.projecttitle{z-index:10;display:block}}@media(max-width: 1024px){.section.experiments{justify-content:flex-start;margin-left:30px;width:100vw;padding-top:35px}.section.experiments ul{margin-left:0;padding-left:0;margin-top:80px;margin-bottom:60px}.section.experiments ul li{font-size:32px;font-size:36px;line-height:34px;line-height:36px;color:#b7babb;margin-bottom:28px;letter-spacing:-1px !important}.section.experiments ul li span.projecttitle{margin-bottom:0;color:#b7babb}.section.experiments ul li.selected{background-repeat:no-repeat;background-position-y:-1000% !important;margin-left:0px !important}.section.experiments ul li.selected span .animate-inner{opacity:1 !important;top:-100px !important;color:#a6a9aa !important;transition:top 600ms ease-in}}.module.videoplayer{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.75);z-index:101;transition:opacity 300ms}.module.videoplayer .closebtn{position:absolute;top:0;right:0;padding:14px;color:#fff;font-size:30px;padding-right:28px;cursor:pointer;transition:transform 250ms}.module.videoplayer .closebtn .bg{width:52px;height:52px;background:rgba(0,0,0,0);position:absolute;top:0px;right:0px}.module.videoplayer .closebtn .line{height:100%;width:3px;background:#fff;position:absolute;transform:rotate(45deg)}.module.videoplayer .closebtn .line:nth-child(2){transform:rotate(-45deg)}.module.videoplayer .closebtn:hover{transform:scale(1.1)}.module.videoplayer iframe{box-sizing:border-box;position:relative}.module.videoplayer.hidden{opacity:0}.module.videoplayer.entering{opacity:1}.module.videoplayer.leaving{opacity:0}.module.backgrounds{position:fixed;width:100vw;height:100vh}.module.backgrounds ul{height:100vh;width:100vw}.module.backgrounds ul li{position:absolute;height:100vh;width:100vw;opacity:0;transition:opacity 800ms 100ms}.module.backgrounds ul li.focused{transition:opacity 800ms;opacity:1}.module.backgrounds ul li.selected{opacity:1}li{list-style:none}ul{margin:0;padding:0}a{color:#b7b7b7;text-decoration:none}.float{float:left}.float.sub{padding-left:32px}.section{position:absolute;margin:0;padding:0;height:100%;width:100%}.module,.section{display:none}.module.display,.section.display{display:block}.module{position:absolute}@media(max-width: 1024px){#app{background:#837e7c;background:linear-gradient(90deg, rgb(131, 126, 124) 20%, rgb(173, 177, 179) 100%);background-repeat:no-repeat;background-attachment:fixed}}.testbtn{position:absolute;z-index:1000000;top:50px;right:50px;border:thin solid #fff;cursor:pointer;padding:10px}