html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:1;font-family:sans-serif}main{display:block}ol,ul{margin-top:0;margin-bottom:0;padding-left:0}li{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-size:inherit}p{margin-top:0;margin-bottom:0}strong{font-weight:700}img{border:0;max-width:100%;height:auto;vertical-align:middle}a{text-decoration:none;color:inherit}button{border:0;margin:0;padding:0;text-align:inherit;text-transform:inherit;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:0 0;cursor:pointer;overflow:visible}::-moz-focus-inner{border:0;padding:0}@font-face{font-family:fabrica;src:url(../fonts/fabrica/fabrica-webfont.woff2) format('woff2'),url(../fonts/fabrica/fabrica-webfont.woff) format('woff'),url(../fonts/fabrica/fabrica-webfont.ttf) format('truetype'),url(../fonts/fabrica/fabrica-webfont.svg#fabrica) format('svg');font-weight:400;font-style:normal}*{box-sizing:border-box}body{background-color:#fff;margin:0;font:normal 100% sans-serif;text-align:center;color:#333}h1,h2,h3{font-family:Montserrat,sans-serif;margin:0}h1{font-size:4em}h2{font-size:2em;text-transform:uppercase;line-height:1.6}h3{font-size:3.4em;color:#4d9e90;line-height:1}p{font-size:1.3em;font-family:fabrica,sans-serif;line-height:1.6;margin:0;text-align:left}p+p{margin-top:1em}a{color:inherit;text-decoration:none}ul{padding-left:0}.wrapper{width:100%;max-width:68rem;padding-left:2rem;padding-right:2rem;margin-right:auto;margin-left:auto;position:relative}.wrapper:after,.wrapper:before{content:" ";display:table}.wrapper:after{clear:both}.wrapper.small{max-width:44rem}.title{padding:1.9em 0}@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes out{0%{opacity:1}100%{opacity:0}}#view.ng-enter{animation:in .4s both ease-out;animation-delay:.7s;backface-visibility:hidden}#view.ng-leave{animation:out .4s both ease-in;backface-visibility:hidden}#view{background-color:#fff;z-index:1;position:absolute;width:100%}.ng-leave #hero{opacity:0}#hero{width:100%;height:100vh;position:fixed;background-image:url(../images/hero-large.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;will-change:transform;top:0}#logo{z-index:10;display:block;height:8em;position:fixed;top:0;left:0;right:0;transition:all .4s ease;transform:translateY(0)}#logo img{height:5em;margin-top:1.5em}#logo:after{content:"";display:block;border-left:26.66em solid transparent;border-right:26.66em solid transparent;border-top:8em solid #fff;position:absolute;left:50%;transform:translate(-50%,0);top:0;z-index:-1;transition:-webkit-filter 250ms cubic-bezier(.55,.06,.68,.19),filter 250ms cubic-bezier(.55,.06,.68,.19)}#logo.shadow:after{-webkit-filter:drop-shadow(0 0 15px rgba(0,0,0,.2));filter:drop-shadow(0 0 15px rgba(0,0,0,.2));transition:-webkit-filter .5s cubic-bezier(.22,.61,.36,1),filter .5s cubic-bezier(.22,.61,.36,1)}header{position:relative;height:100vh;width:100%;text-align:center;z-index:1}#catch{position:absolute;color:#fff;text-align:center;width:100%;bottom:8em;left:0}#catch h1,#catch h2{text-shadow:0 0 .3em rgba(0,0,0,.2)}#catch h2{text-transform:none;line-height:1.3}#defs{position:absolute}main{position:relative;background-color:#fff;box-shadow:0 -15em 20em rgba(0,0,0,.5)}.chevron{position:absolute;top:1px;left:0;right:0;overflow:hidden;height:15vw;transform:translateY(-100%)}.chevron::before{content:"";display:block;border-left:51vw solid #fff;border-right:51vw solid #fff;border-top:15vw solid transparent;position:absolute;left:50%;transform:translateX(-50%)}#everyday{padding:8em 0}#everydays{margin-top:6em;margin-bottom:4em;padding-left:1.5em;padding-right:1.5em}.half-hex-block{display:block;color:#fff;position:relative;width:50%;padding-top:60.5%;float:left}.half-hex-block svg{position:absolute;top:0;left:0}.social-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.social-title h2{text-shadow:0 0 .3em rgba(0,0,0,.2);white-space:nowrap}.social-title img{width:3em}#projects{position:relative;padding:8em 0 8em}.chevron-bottom{position:absolute;bottom:-6em;left:0;right:0;height:6em;overflow:hidden}.chevron-bottom::after{content:"";display:block;border-left:20em solid transparent;border-right:20em solid transparent;border-top:6em solid #fff;position:absolute;left:50%;z-index:1;transform:translateX(-50%);top:-1px}.project-wrapper{position:relative}.project{position:relative;width:100%;cursor:pointer;display:block;max-width:64em;margin:0 auto;z-index:5;padding-top:60.5%}.project.half{width:50%}.project h2{position:absolute;left:50%;top:50%;color:#fff;transform:translate(-50%,-50%)}.project-block{position:relative;max-width:64em;margin:0 auto}.project-wrapper+.project-wrapper{margin-top:8em}.project-block svg{position:absolute;top:0;right:0}.project-block h1{position:absolute;top:50%;left:50%;color:#fff;font-size:6em;transform:translate(-50%,-50%);text-shadow:0 0 .3em rgba(0,0,0,.2);line-height:1;z-index:1}.stripe{width:100%;height:62%;position:absolute;top:0;transform:skewY(-16.8deg) scaleX(0);transform-origin:center;transition:all 250ms cubic-bezier(.55,.06,.68,.19)}.project-block:hover+.stripe{transform:skewY(-16.8deg) scaleX(1);transition:all 550ms cubic-bezier(.22,.61,.36,1)}.project-wrapper:nth-child(even) .project-block+.stripe{transform:skewY(16.8deg) scaleX(0)}.project-wrapper:nth-child(even) .project-block:hover+.stripe{transform:skewY(16.8deg) scaleX(1);transition:all 550ms cubic-bezier(.22,.61,.36,1)}.project-nav .stripe{transition:all .2s cubic-bezier(.55,.06,.68,.19);z-index:-1}.project-nav.prev .stripe{transform:skewY(16.8deg) scaleX(0);transition:all .2s cubic-bezier(.55,.06,.68,.19)}.project-nav.next:hover .stripe{transform:skewY(-16.8deg) scaleX(1);transition:all .3s cubic-bezier(.22,.61,.36,1)}.project-nav.prev:hover .stripe{transform:skewY(16.8deg) scaleX(1);transition:all .3s cubic-bezier(.22,.61,.36,1)}.project-view{margin-top:6em;padding-bottom:2em;position:relative}.ng-enter .banner{opacity:0;transform:translateY(-1em)}.banner{width:100%;max-width:64em;transition:all 1s ease;opacity:1;transform:translateY(0)}.media-container{position:relative}.media-container .stripe{top:2em;transform:skewY(-16.8deg) scaleX(1);z-index:0}.media{margin-top:4em;margin-bottom:4em}.website{padding-top:60%;max-width:60em;margin:0 auto;position:relative}.website img{display:block;box-shadow:0 0 75px 0 rgba(0,0,0,.2)}.ng-enter .desktop,.ng-enter .mobile,.ng-enter .tablet{opacity:0;transform:translateY(-1em)}.desktop{width:100%;max-width:60em;position:absolute;top:0;transition:all 1s ease .2s;opacity:1;transform:translateY(0)}.tablet{max-width:24em;width:40%;position:absolute;right:4em;bottom:0;transition:all 1s ease .4s;opacity:1;transform:translateY(0)}.mobile{max-width:10em;width:16.66%;position:absolute;bottom:-2em;left:42%;transition:all 1s ease .6s;opacity:1;transform:translateY(0)}.brief{padding:.8em 0 0}.technology{list-style-type:none;margin:2em 0}.technology li{display:inline-block;font-weight:700;font-family:Montserrat,sans-serif;color:#bfbfbf;text-transform:uppercase;font-size:1.5em;margin:0 .5em}.video{margin-top:2em;margin-bottom:2em}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project-nav-wrapper{padding-top:8em;padding-bottom:2em}.project-nav{width:calc(50% - 4em);display:block;position:relative;margin:0 2em;padding-top:26.3%;float:right}.project-nav h2{position:absolute;color:#fff;transform:translateY(-50%);top:50%;width:100%;text-shadow:0 0 .3em rgba(0,0,0,.2);padding:0 1em;line-height:1.2;z-index:1}.project-nav svg{position:absolute;left:0;top:0}.project-nav img{width:100%}.swipe{position:relative;display:inline-block;color:#493944;font-size:1.5em;font-weight:700;font-family:Montserrat,sans-serif;text-transform:uppercase;padding:0 .5em;margin:1.6rem 0 2rem}.cover{height:.7em;position:absolute;top:50%;left:0;color:#fff;overflow:hidden;background-color:#493944;transform-origin:center top;transform:skewY(-16.8deg) translateY(-50%);transition:all 250ms cubic-bezier(.22,.61,.36,1);height:0;padding:0 .5em}.swipe:hover .cover{transform:skewY(-16.8deg) translateY(-50%);height:100%}.swipe:hover .cover span{transform:skewY(16.8deg) translateY(-50%)}.cover span{transform-origin:center top;top:50%;transition:all .3s ease;position:relative;transform:skewY(16.8deg) translateY(-50%);display:block}#about{padding:4em 0 8em}#portrait{width:100%;max-width:40em;margin-bottom:4em}footer{background-color:#493944;padding:10em 0 2em;position:relative}footer ul{padding:0;margin:0}footer li{display:inline-block}footer a{width:3rem;margin:0 1rem;display:block;font-size:3.6em;font-family:montserrat,sans-serif;color:#fff}footer a img{width:100%;height:auto}@media all and (max-width:70em){#hero{position:relative}header{position:absolute;top:0}#catch{max-width:none;bottom:8em;left:0;width:100%;text-align:center}#projects{padding:8em 0 4em}}@media all and (max-width:50em){.chevron-bottom{height:9vw;bottom:-9vw}.chevron-bottom::after{border-width:9vw 30vw 0 30vw}h3{font-size:2.5em}p{font-size:1.1em}.wrapper{padding-left:1.5rem;padding-right:1.5rem}#projects{padding-left:2em;padding-right:2em}.project{width:140%;left:50%;transform:translateX(-50%);padding-top:0;position:absolute;top:0;height:100%}.project-block{overflow:hidden;padding-top:84.7%}.project-block h1{font-size:12vw}.project-nav .stripe,.project-wrapper .stripe{display:none}.tablet{right:8%}.mobile{left:46%}.project-nav-wrapper{padding-top:6em}.project-nav{width:calc(50% - 2em);margin:0 1em;padding-top:27.6%}.project-nav h2{font-size:4vw}footer{padding:16vw 0 2em}}@media all and (max-width:45em){#hero{background-image:url(../images/hero-small.jpg)}#projects{padding-left:1.5em;padding-right:1.5em}.project{width:150%}.project-block{padding-top:90.8%}}@media all and (max-width:50em) and (orientation:landscape){#catch{bottom:10%;font-size:1.5vw}#hero{background-image:url(../images/portrait.jpg)}main{box-shadow:0 -2em 10em rgba(0,0,0,.5)}#logo{height:6em}#logo img{height:4em;margin-top:1em}#logo:after{border-width:6em 20em 0 20em}#everyday{padding:4em 0}#everydays{max-width:30em}#projects{padding-top:4em}.project-wrapper+.project-wrapper{margin-top:4em}.project{width:100%}.project-block{padding-top:60.5%}.project-block h1{font-size:9vw}}@media all and (max-width:35em){#catch h2{font-size:2em}h2{font-size:1.5em}#logo{height:6em}#logo img{height:4em;margin-top:1em}#logo:after{border-width:6em 20em 0 20em}#projects{padding-top:4em}#project{padding-top:2em;padding-bottom:2em}.chevron-bottom{height:15vw;bottom:-15vw}.chevron-bottom::after{border-width:15vw 50vw 0 50vw}.brief{padding-top:0}p{font-size:1em}#catch{font-size:3vw}main{box-shadow:0 -10em 10em rgba(0,0,0,.4)}#everyday{padding:2em 0 0}.title{padding:1em 0}.technology{margin:1em 0}.technology li{font-size:1.2em}.media{margin-top:2em;margin-bottom:2em}.project-wrapper+.project-wrapper{margin-top:4em}.mobile{bottom:-1em}.project-nav-wrapper{display:block;padding-bottom:0;padding-top:4em}.project-nav{width:100%;margin:0;padding-top:60.5%}.next{margin-bottom:2em}.project-nav h2{font-size:6vw}footer{padding:25vw 0 2em}footer a{width:2.5rem;margin:0 .6rem;font-size:3em}}@media all and (max-width:25em){#project{padding-bottom:2em}#everyday h2{font-size:8vw}.social-title h2{white-space:normal;line-height:1}.social-title img{width:2.5em}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#hero{position:relative}header{position:absolute;top:0}}@supports (-ms-accelerator:true){#hero{position:relative}header{position:absolute;top:0}}