.project-metadata .metadata-block{background:#f3f5ee;border-radius:8px;color:#41453b;padding:29px}.project-metadata .metadata-block:not(:last-child){margin-bottom:16px}@media screen and (max-width:600px){.project-metadata .metadata-block{padding:18px}}.project-metadata dl{margin:0}.project-metadata .metadata-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px}.project-metadata .metadata-item dd,.project-metadata .metadata-item dt{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.project-metadata .metadata-item dt{width:24%}.project-metadata .metadata-item dt span:first-letter{text-transform:uppercase}.project-metadata .metadata-item dd{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:700;max-width:68%}.project-metadata .metadata-item dd p{margin:0}.project-metadata .metadata-item .url{overflow:hidden;-webkit-text-decoration:underline;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.project-metadata .metadata-item .award-logo{max-width:120px}.project-metadata .metadata-item .award-logo:not(:last-child){margin-right:18px}.project-metadata .metadata-item .award-logo img{max-height:100px}.project-metadata .metadata-item .store-badge{height:40px;margin-right:10px}@media screen and (max-width:600px){.project-metadata{margin:0 18px}.project-metadata .metadata-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:16px;margin-bottom:11px}.project-metadata .metadata-item dd{margin:0}.project-metadata .metadata-item .award-logo,.project-metadata .metadata-item .store-badge{margin-top:11px}}.project-contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;text-align:center}.project-contact .object-fit-container{height:150px;margin-bottom:29px;overflow:hidden;width:150px}.project-contact .object-fit-container .avatar{border-radius:100%;-o-object-fit:cover;object-fit:cover}.project-contact hr{margin-bottom:0;width:100%}.isColoredPage .project-contact a{color:var(--color)}.product-animation-container{margin:0 auto;position:relative}.product-animation-container .product-appearance{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.product-animation-container .product-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.product-animation-container .thumbnail,.product-animation-container .thumbnail .image{height:100%;width:100%}.product-animation-container .thumbnail .image img{-o-object-position:top left;object-position:top left}.product-animation-container .thumbnail .play{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-25px) translateY(-25px);transform:translateX(-25px) translateY(-25px)}.product-animation-container .thumbnail .play:before{background:#fff;border-radius:50%;content:" ";display:block;height:50px;left:8px;position:absolute;width:50px;z-index:20}.product-animation-container .thumbnail .play svg{fill:#84bc2d;cursor:pointer;height:65px;position:relative;-webkit-transform:translateY(-8px);transform:translateY(-8px);width:65px;z-index:30}.product-animation-container video{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left;opacity:1;width:100%;z-index:-1}.product-animation-container video.hidden{opacity:0}.product-animation-container.Pixel,.product-animation-container.iPhone{max-width:100%;padding-top:140%}.product-animation-container.Pixel .product-appearance,.product-animation-container.iPhone .product-appearance{background-image:url(/img/devices/iphone.png)}.product-animation-container.Pixel .product-animation,.product-animation-container.iPhone .product-animation{padding:15.8% 19%}.product-animation-container.iPhone-X{max-width:100%;padding-top:140%}.product-animation-container.iPhone-X .product-appearance{background-image:url(/img/devices/iphone-x.png)}.product-animation-container.iPhone-X .product-animation{padding:9% 22%}.product-animation-container.Pixel .product-appearance{background-image:url(/img/devices/pixel2.png)}.product-animation-container.Pixel-3{max-width:100%;padding-top:140%}.product-animation-container.Pixel-3 .product-appearance{background-image:url(/img/devices/pixel3.png)}.product-animation-container.Pixel-3 .product-animation{padding:10% 20%}.product-animation-container.Pixel-3XL{max-width:100%;padding-top:80%}.product-animation-container.Pixel-3XL .product-appearance{background-image:url(/img/devices/pixel3-xl.png)}.product-animation-container.Pixel-3XL .product-animation{padding:1.5% 32%}.product-animation-container.iPhone-11{max-width:100%;padding-top:80%}.product-animation-container.iPhone-11 .product-appearance{background-image:url(/img/devices/iphone-11.png)}.product-animation-container.iPhone-11 .product-animation{padding:2.2% 32.3%}.product-animation-container.Pixel-XL{max-width:100%;padding-top:80%}.product-animation-container.Pixel-XL .product-appearance{background-image:url(/img/devices/pixel2-xl.png)}.product-animation-container.Pixel-XL .product-animation{padding:7% 33.5%}.product-animation-container.iMac{max-width:100%;padding-top:79.689119171%}.product-animation-container.iMac .product-appearance{background-image:url(/img/devices/imac.png)}.product-animation-container.iMac .product-animation{padding:3.9% 4% 23%}.product-animation-container.iMac .product-animation .play{top:40%}.product-animation-container.MacbookPro{max-width:100%;padding-top:53.3333333333%}.product-animation-container.MacbookPro .product-appearance{background-image:url(/img/devices/macbook-pro.png)}.product-animation-container.MacbookPro .product-animation{padding:6.3% 17.5% 6.4% 17.6%}.hero-image img{border-radius:16px;display:block;margin:0 auto;max-height:75vh;width:auto}@media screen and (max-width:1000px){.hero-image img{max-height:40vh}}#content-page .content-block .block-img{float:left;margin:0 0 0 -200px;padding:18px;position:relative;width:75%}@media screen and (max-width:1200px){#content-page .content-block .block-img{margin-left:-50px;width:70%}}@media screen and (max-width:850px){#content-page .content-block .block-img{margin-left:-20px;width:60%}}@media screen and (max-width:600px){#content-page .content-block .block-img{margin-left:0;width:100%}}#content-page .content-block .block-img img{width:100%}.talkey-imagey[data-v-560272a1]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:0}.talkey-imagey .talkey[data-v-560272a1]{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}.talkey-imagey .imagey[data-v-560272a1]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:46px 18px}.talkey-imagey .imagey img[data-v-560272a1]{max-width:150px}@media screen and (max-width:600px){.talkey-imagey .imagey img[data-v-560272a1]{display:block;margin:0 auto}}.content+.talkey-imagey[data-v-560272a1]{margin-top:76px}.left[data-v-560272a1]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media(max-width:600px){.left[data-v-560272a1]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.right[data-v-560272a1]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media(max-width:600px){.right[data-v-560272a1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.media img{width:100%}.media .embed-container{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.media .embed-container embed,.media .embed-container iframe,.media .embed-container object{height:100%;left:0;position:absolute;top:0;width:100%}.media .caption{padding-top:18px}.media .caption p{color:#b2b5ad;font-size:12.361px;margin-bottom:0;margin-top:0;text-align:center}@media screen and (max-width:850px){.media.content-default .embed-container{margin:auto 18px}}.streamer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:30px 0}.streamer h3{color:#84bc2d;font-family:ff-tisa-sans-web-pro,sans-serif;font-size:26px;line-height:36px;text-align:center}.isColoredPage .streamer h3{color:var(--color)}.streamer .streamer-quotee{color:#b2b5ad;font-size:16px;margin-bottom:-20px;text-align:center}.streamer .streamer-quotee:before{content:"– "}.work-page{position:relative}.work-page-columns{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 46px 76px}.work-page-columns>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.work-page .backlink{margin-bottom:0;padding-bottom:46px}.work-page-media{-ms-flex-item-align:start;align-self:flex-start;margin-top:-46px;padding-top:46px;position:sticky;top:0}.work-page-media>*{padding-right:76px}.work-page-media-mobile{display:none}@media screen and (max-width:1200px){.work-page-media>*{padding-right:46px}}@media screen and (max-width:1000px){.work-page-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.work-page-media{display:none}.work-page-media-mobile{display:block}}@media screen and (max-width:600px){.work-page .portfolio-header{font-size:32.36px}.work-page-media-mobile{margin:0 18px}.work-page-columns{margin:0 0 76px}}.portfolio-header{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:24px;text-transform:uppercase}.portfolio-content{margin-bottom:32px;position:relative}.portfolio-content .backlink{position:absolute;top:-60px}@media screen and (max-width:600px){.portfolio-content .backlink{top:-40px}}.portfolio-intro{font-family:proxima-nova,sans-serif;font-size:32.36px;font-weight:900}@media screen and (max-width:600px){.portfolio-intro{font-size:25.888px}}.read-on h4{text-align:center}.read-on ul{list-style-position:inside;padding-left:0}.read-on ul.items-1{list-style:none;text-align:center}.read-more{text-align:center}.byebutton-leave-active{-webkit-transition:opacity 0s ease-out;transition:opacity 0s ease-out}.byebutton-leave-to{opacity:0}