figure:not(.transforming) img,figure:not(.transforming) video{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}@media screen and (hover:hover){figure:not(.transforming) img,figure:not(.transforming) video{transition:unset}}figure.from-right img,figure.from-right video{-webkit-transform:translateX(100%) scale(0);transform:translateX(100%) scale(0)}figure.from-left img,figure.from-left video{-webkit-transform:translateX(-100%) scale(0);transform:translateX(-100%) scale(0)}.logo__container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2em;grid-row-gap:.5em;grid-template-rows:20vh 20vh 20vh;list-style:none;margin:0 auto;max-width:68.25rem;padding:0}@media screen and (min-width:29rem){.logo__container{grid-template-columns:1fr 1fr 1fr;grid-template-rows:minmax(20vw,10em) minmax(20vw,10em)}}.logo__container li{display:flex;justify-content:center;align-items:center}.logo__container li img{max-height:100%;max-width:100%}.logo__container li[data-small-idx="1"]{order:1}.logo__container li[data-small-idx="2"]{order:2}.logo__container li[data-small-idx="3"]{order:3}.logo__container li[data-small-idx="4"]{order:4}.logo__container li[data-small-idx="5"]{order:5}.logo__container li[data-small-idx="6"]{order:6}@media screen and (min-width:29rem){.logo__container li{order:unset}}html{transition:background-color .4s ease-in-out}html.left{cursor:url(img/arrow-left.png) 7 14,pointer}html.right{cursor:url(img/arrow-right.png) 7 14,pointer}html.nav{cursor:url(img/cross.png) 14 14,pointer}html.nav .navigation__container ul{cursor:auto}html.init header{background:#fff}@media screen and (max-width:29rem){html.nav{background:#000}html.nav figure,html.nav header{visibility:hidden}}main .intro__container{font-size:1.5rem;margin:0 auto;padding-top:2rem;max-width:100vmin}@media screen and (min-width:29rem){main .intro__container{padding-top:2.5em}}main .intro__container p{font-size:1em;max-width:22rem}@media screen and (min-width:29rem){main .intro__container p{font-size:1.5em;margin:.3em 0;max-width:14em}}@media screen and (min-width:53rem){main .intro__container p{font-size:2em}}main .intro__container p:last-of-type{margin-bottom:.25em}@media screen and (min-width:29rem){main .intro__container{font-size:1.5rem;max-width:unset;width:calc(100vmin - 2rem)}}@media screen and (min-width:68.25rem){main .intro__container{width:68.25rem}}main .intro__container img{margin-bottom:1em;max-width:100%}main .intro__button{cursor:pointer;display:inline-block;font-size:1.5em;font-weight:700;margin:.25em 0 1em;position:relative;text-decoration:none}@media screen and (min-width:29rem){main .intro__button{font-size:2.5em}}main .intro__button span{display:inline-block;white-space:pre;position:relative}main .intro__button span:after{background:currentColor;bottom:-2px;content:"";height:.1em;left:0;position:absolute;width:100%}main[data-first]:before,main[data-last]:before{content:"";background-image:url(img/wide-arrow.svg);background-repeat:no-repeat;background-position:50%;height:100%;position:absolute;top:0;left:0;width:100%;z-index:-1;background-size:calc(var(--progress)*100%)}main[data-last]:before{background-size:calc(var(--progress)*-100%);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.init body{padding-bottom:0}.init main{height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}figure{margin:0 auto;position:static;height:calc(82.80702vw - 1.65614rem);width:calc(100vw - 2rem)}@media screen and (min-width:29rem){figure{height:calc(61.62571vmin - 1.23251rem);width:calc(100vmin - 2rem)}}@media screen and (min-width:68.25rem){figure{height:42.05955rem;margin:0 auto;width:calc(100vw - 2rem);max-width:68.25rem;max-height:100vh}}figure.figure--tall{margin:0 auto;position:static;height:99.528vw;width:78vw}figure.figure--tall figcaption{left:calc((100vw - 100vmin + 2rem)/2)}@media screen and (min-width:29rem){figure.figure--tall{height:78.80457vmin;width:57vmin}}@media screen and (min-width:68.25rem){figure.figure--tall{height:42.81722rem;margin:0 auto;width:30.97005rem;max-height:100vh}figure.figure--tall figcaption{left:calc((100vw - 66.25rem)/2);width:68.25rem}}figure.figure--tall-wide{margin:0 auto;position:static;height:99.528vw;width:78vw}@media screen and (min-width:29rem){figure.figure--tall-wide{height:61.62571vmin;max-width:100%;width:100vmin}}@media screen and (min-width:68.25rem){figure.figure--tall-wide{height:42.05955rem;margin:0 auto;width:68.25rem;max-height:100vh}}figure picture{display:block;height:100%;width:100%}@media screen and (min-aspect-ratio:14/9){figure picture{padding:4% 0}figure picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}figure picture img[src$=".svg"]{-o-object-fit:contain;object-fit:contain}}figure picture img{display:block;height:100%;width:100%}figure picture img.error{background:linear-gradient(45deg,transparent 49%,currentColor 0,currentColor 51%,transparent 0,transparent),linear-gradient(135deg,transparent 49%,currentColor 0,currentColor 51%,transparent 0,transparent)}figure video{height:100%;width:100%}@media screen and (min-aspect-ratio:16/9) and (max-height:45rem){figure video{padding:4% 0;-o-object-fit:contain;object-fit:contain}}@media screen and (min-width:68.25rem){figure video{padding:4% 0;max-height:100vh;max-width:68.25rem}}figure img,figure video{transition:opacity .4s ease-in-out}figure video.video--framed{background:#95400a;background-clip:padding-box;border-radius:25px;display:block;z-index:-1;padding:0 8px 25px;position:absolute;top:calc(var(--vh, 1vh)*12.5);left:calc((100vw - var(--vh, 1vh)*75/1.775)/2);height:calc(var(--vh, 1vh)*75);width:calc(var(--vh, 1vh)*75/1.775)}@media screen and (min-height:757px){figure video.video--framed{height:568px;left:calc((100vw - 320px)/2);top:calc((var(--vh, 1vh)*100 - 568px)/2);width:320px}}figure video.loading{opacity:0}figure video.loaded{opacity:1}figure img.loading{opacity:0}figure img.loaded{opacity:1}figcaption{top:calc(var(--vh, 1vh)*100 - 44px);line-height:1.4;position:fixed;left:1em;z-index:9999}@media screen and (min-width:29rem){figcaption{top:calc(var(--vh, 1vh)*100 - 32px);bottom:4rem;left:unset;display:flex;margin:0;position:fixed;width:calc(100vmin - 2rem)}}@media screen and (min-width:68.25rem){figcaption{bottom:4rem;left:unset;display:flex;margin:0;position:fixed;width:68.25rem}}figcaption>*{display:block;font-size:.75rem}.caption__client{flex:1;font-weight:500;margin-right:1rem}.caption__project{color:inherit;font-weight:lighter;flex:5}.menu_button__container button{display:block}.menu_button__container button svg{fill:currentColor;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .3s .2s;transition:transform .3s .2s;transition:transform .3s .2s,-webkit-transform .3s .2s;width:.5em}.menu_button__container button[data-state=closed] svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu_button__container button[data-state=closed]+label{visibility:hidden}html.init footer{display:none}footer{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:2em 1em;position:fixed;width:100vw;z-index:9999}footer .menu_button__container{display:flex;flex-direction:column;justify-content:center;pointer-events:all;z-index:9999}.menu_button__container button{border:none;background:none;color:inherit;font-size:2em;z-index:9999}.menu_button__container label{font-size:.75em;text-align:center;text-transform:uppercase}footer img{width:5.4375rem}html.nav footer{color:#fff}html.nav footer img{opacity:0;visibility:hidden}footer{pointer-events:none}footer img{transition:visibility 0ms .2s,opacity .2s;opacity:1}.footer--inactive .menu_button__container label,.footer--inactive img{display:none}.footer--inactive .menu_button__container{bottom:1em;position:fixed;right:1rem}@media screen and (min-width:29rem){.footer--inactive .menu_button__container{bottom:.25em;right:calc((100vw - 100vmin)/2 + 1rem)}}@media screen and (min-width:68.25rem){.footer--inactive .menu_button__container{right:calc((100vw - 69.25rem)/2)}}::-webkit-scrollbar{display:none}.navigation__container button.menu{background:none;border-radius:0;border:none;color:#fff;font-size:1.5rem;padding:22px;position:fixed;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:45px;bottom:22px;z-index:9999}.navigation__container{background-color:rgba(0,0,0,.75);height:calc(var(--vh, 1vh)*100);position:absolute;left:0;opacity:0;overflow:hidden;top:0;width:100vw;z-index:9999}.navigation__container--closed{width:0;height:0;transition:visibility 0ms .7s,opacity .4s ease-in-out .3s,width 0ms 701ms,height 0ms 701ms;visibility:hidden}.navigation__container--closed button.menu{display:none}.navigation__container--closed li{opacity:0;transition:opacity .1s ease-out .2s}.navigation__container--closed li a{opacity:0;-webkit-transform:translateX(-.25em);transform:translateX(-.25em);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-in-out,transform .2s ease-out;transition:opacity .2s ease-in-out,transform .2s ease-out,-webkit-transform .2s ease-out}.navigation__container--closed li span{display:block;opacity:0;-webkit-transform:translateX(.125em);transform:translateX(.125em);transition:opacity .15s ease-in-out,-webkit-transform .25s ease-in-out;transition:opacity .15s ease-in-out,transform .25s ease-in-out;transition:opacity .15s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.navigation__container.navigation__container--open{transition:opacity .25s ease-in-out,width 0ms,height 0ms;opacity:1}.navigation__container.navigation__container--open li{opacity:1;transition:opacity .25s ease-in-out 125ms}.navigation__container.navigation__container--open li span{display:block;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .2s ease-in-out .1s,-webkit-transform .25s ease-out 125ms;transition:opacity .2s ease-in-out .1s,transform .25s ease-out 125ms;transition:opacity .2s ease-in-out .1s,transform .25s ease-out 125ms,-webkit-transform .25s ease-out 125ms}.navigation__container.navigation__container--open li a{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .4s ease-in-out 125ms;transition:transform .4s ease-in-out 125ms;transition:transform .4s ease-in-out 125ms,-webkit-transform .4s ease-in-out 125ms}.navigation__container ul{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;height:100%;list-style:none;margin:0;padding:2em 2em 0;position:absolute;overflow:scroll;-webkit-overflow-scrolling:touch;width:100%}@media screen and (min-width:33rem){.navigation__container ul{flex-wrap:wrap;min-width:40rem;padding:0 2em;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}}.navigation__container li{display:block;margin-bottom:1.875em;position:relative}.navigation__container li>a{color:inherit;display:inline-block;font-size:1.25em;line-height:1.4;position:relative;text-decoration:none}.navigation__container li>a span:after{background:#fff;bottom:-3px;content:"";left:0;height:1px;position:absolute;width:100%}.navigation__container .navigation__item--active a span:after{-webkit-animation:delay 0ms .3s forwards;animation:delay 0ms .3s forwards;height:2px}.navigation__container li>span{font-size:.625rem;margin-top:calc(.8em + 3px)}@-webkit-keyframes delay{0%{opacity:0}to{opacity:1}}@keyframes delay{0%{opacity:0}to{opacity:1}}@media screen and (min-width:33rem){.navigation__container.navigation__container--closed{opacity:0;transition:visibility 0ms .3s,opacity .3s}.navigation__container.navigation__container--open{opacity:1;transition:opacity .3s;visibility:visible}.navigation__container{background-color:rgba(0,0,0,.75);min-height:100vh;transition:opacity .3s;position:absolute;left:0;top:0;visibility:hidden;width:100vw}.navigation__container ul{background-color:#000;color:#fff;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;height:100%;list-style:none;margin:0;max-width:40rem;padding:0 2em;position:absolute;top:0;left:0;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.navigation__container.navigation__container--closed ul{transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.navigation__container.navigation__container--open ul{transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width:33rem) and (min-height:37rem){.navigation__container ul{padding:calc((100vh - 37rem)/2) 2em}}@media screen and (min-width:33rem){.navigation__container li{margin-bottom:1em;position:relative}.navigation__container li a{display:inline-block;line-height:1.4;font-size:1em;transition:none}.navigation__container li span{transition:none}}