/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Manrope-Variable;src:url("../fonts/manrope/Manrope[wght].woff2") format("woff2 supports variations"),url("../fonts/manrope/Manrope[wght].woff2") format("woff2-variations");font-weight:100 1000;font-display:swap}body{font-size:14px;font-weight:400;letter-spacing:-.01em}h1,h2,h3,h4{margin:0;font-weight:500;padding:0}h1{font-size:2.6em;margin-bottom:10px}@media (min-width:768px){h1{font-size:3.5em}}h3{font-size:1.25em}.lighter{color:#696969}.blockquote,h2{font-size:1.25em;line-height:1.35em;position:relative;font-weight:500}@media (min-width:768px){.blockquote,h2{font-size:1.5em;line-height:1.25em}}@media (min-width:1080px){.blockquote,h2{font-size:1.75em;line-height:1.25em}}.blockquote{margin:50px 10px}@media (min-width:768px){.blockquote{margin:100px 20px}}.work-quote:before{content:open-quote;left:0;display:block;position:absolute;-webkit-transform:translate3d(-130%,0,0);transform:translate3d(-130%,0,0)}.work-quote:after{content:close-quote;transform:translateX(0);position:absolute}p.padded{padding:50px 0}.highlighted{font-family:Manrope-SemiBold,sans-serif}@font-face{font-family:icomoon;src:url("../fonts/icomoon/icomoon.eot?877921");src:url("../fonts/icomoon/icomoon.eot?877921#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?877921") format("truetype"),url("../fonts/icomoon/icomoon.woff?877921") format("woff"),url("../fonts/icomoon/icomoon.svg?877921#icomoon") format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-pause:before{content:"\e902"}.icon-stop:before{content:"\e90b"}.icon-play:before{content:"\e90c"}.icon-speaker-off:before{content:"\e900"}.icon-speaker-on:before{content:"\e901"}.icon-discord:before{content:"\e903"}.icon-github:before{content:"\e905"}.icon-instagram:before{content:"\e907"}.icon-linkedin:before{content:"\e908"}.icon-twitter:before{content:"\e909"}.icon-email:before{content:"\e904"}.icon-head:before{content:"\e906"}.icon-x:before{content:"\e90a"}body{font-family:Manrope-Variable,Arial,Helvetica,sans-serif;color:#1a1a1a;position:relative;height:auto}ol,ul{list-style:none;margin:0;padding:0}a,a.active,a:hover{text-decoration:none;color:#000;cursor:pointer;position:relative}a:hover:before{width:100%}a:before{content:"";position:absolute;bottom:-10px;left:0;width:0%;height:2px;background:#000;transition:all .2s ease}a.inline{display:inline-block;white-space:nowrap}a.inline.flovatar{color:#ef2ac1}a.inline.flovatar:active,a.inline.flovatar:hover{color:#fff}a.inline.flovatar:active:before,a.inline.flovatar:hover:before{width:calc(100% + 6px)}a.inline.flovatar:before{top:0;bottom:0;width:0;height:1.5em;left:-3px;background:#ef2ac1;z-index:-1}a.inline.dimascio{color:#9ec5e2}a.inline.dimascio:active,a.inline.dimascio:hover{color:#fff}a.inline.dimascio:active:before,a.inline.dimascio:hover:before{width:calc(100% + 6px)}a.inline.dimascio:before{top:0;bottom:0;width:0;height:1.5em;left:-3px;background:#9ec5e2;z-index:-1}a.inline.tsingtao{color:#c4ab5b}a.inline.tsingtao:active,a.inline.tsingtao:hover{color:#fff}a.inline.tsingtao:active:before,a.inline.tsingtao:hover:before{width:calc(100% + 6px)}a.inline.tsingtao:before{top:0;bottom:0;width:0;height:1.5em;left:-3px;background:#7e1112;z-index:-1}a.inline.workstack{color:#61a6d8}a.inline.workstack:active,a.inline.workstack:hover{color:#fff}a.inline.workstack:active:before,a.inline.workstack:hover:before{width:calc(100% + 6px)}a.inline.workstack:before{top:0;bottom:0;width:0;height:1.5em;left:-3px;background:#61a6d8;z-index:-1}a.inline.figma{color:#ea57c5}a.inline.figma:active,a.inline.figma:hover{color:#fff}a.inline.figma:active:before,a.inline.figma:hover:before{width:calc(100% + 6px)}a.inline.figma:before{top:0;bottom:0;width:0;height:1.5em;left:-3px;background:#ea57c5;z-index:-1}img.full{width:100%}img.full.social{transform:scale(1.25)}@media (min-width:768px){img.full.social{transform:scale(1)}}.not-mobile{display:none}@media (min-width:768px){.not-mobile{display:inline}}.hide{display:none}.header{background:0 0;position:absolute;padding:40px 15px;display:flex;width:calc(100vw - 30px);z-index:10}@media (min-width:768px){.header{padding:40px;width:calc(100vw - 80px)}}.logo a{color:#fff;font-size:20px;font-family:Manrope,sans-serif;transition:all .5s ease .3s}body.light-header .logo a,body.light-header .nav li a{color:#fff}body.light-header a:before{background:#fff}.nav{flex-grow:1;justify-content:flex-end;color:#000;display:flex;font-size:20px;font-family:Manrope,sans-serif;font-weight:550}.nav li{display:inline-block;margin-left:30px}.nav li a{color:#000;transition:all .3s ease}.nav li a:hover{cursor:pointer}.brand-logo{display:inline-block;margin:-10px 0 0 0}.brand-logo i{font-size:70px}.brand-logo i{color:#000;transition:all .5s ease .3s}body.light-header .brand-logo i{color:#fff}.parallax{perspective:1px;height:100vh;overflow-x:hidden;overflow-y:auto}.parallax__layer{position:absolute;top:0;right:0;bottom:0;left:0}.parallax__layer--base{transform:translateZ(0);margin-top:calc(100vh - 80px);position:relative}@media (min-width:1080px){.parallax__layer--base{margin-top:100vh}}.parallax__layer--back{transform:translateZ(-1px) scale(2);height:calc(100vh - 80px);width:100vw;top:-40px}@media (min-width:1080px){.parallax__layer--back{height:100vh;top:0}}.slider-container{width:100%;height:calc(100vh - 80px);overflow:hidden;margin:0;position:relative;background:#000}@media (min-width:1080px){.slider-container{height:100vh}}.slide{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;left:100vw;top:0}.slide a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;display:inline-block;z-index:55}.slide a:before{display:none}.slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%);z-index:1;pointer-event:none}.slide-wrapper-inner{transition:all .8s ease-in-out;left:-100vw}.slide.active{top:0;left:0;visibility:visible}.slide.inactive{top:0;left:-100vw}.slide.animate{transition:all .8s ease-in-out}.slide-overlay{position:absolute;bottom:20px;left:20px;text-align:left;opacity:0;width:calc(100vw - 40px);transition:all 1s ease-out .8s;z-index:10;color:#fff}@media (min-width:768px){.slide-overlay{left:40px;width:calc(100vw - 80px)}}.slide-counter,.slide-desc{display:block;font-size:18px;transition:all .5s ease;color:#fff;z-index:10;margin-bottom:20px}.slide-title{display:block;font-size:24px;font-family:Manrope,sans-serif;transition:all .5s ease;font-weight:550}body.light .slide-counter,body.light .slide-overlay{color:#fff}.slide.active .slide-overlay{opacity:1}.slide-counter{position:absolute;bottom:20px;right:20px}@media (min-width:768px){.slide-counter{right:40px}}.image-container,.video-container{width:100%;height:100%;min-width:350px;overflow:hidden;position:relative}.image-container img,.video-container video{width:100%;height:100%;object-fit:cover}.video-inner{display:flex}.video-inner.padded{padding:0}@media (min-width:1080px){.video-inner.padded{padding:100px}}.video-controls{display:flex;width:100%;bottom:20px;margin:10px 0}@media (min-width:1080px){.video-controls{background:0 0}}.video-controls i{z-index:10;color:#000;font-size:40px;width:40px;height:40px;transition:color .3s ease;pointer:cursor}.video-controls i:hover{color:#dbdbdb}@media (min-width:1080px){.video-controls i:hover{color:#fff}}.video-controls.darker i:hover{color:#dbdbdb}@media (min-width:1080px){.video-controls.darker i:hover{color:#dbdbdb}}.video-controls .center{flex-grow:1;display:flex;align-items:center;padding:0 20px}.seek-progress{background:#000;position:absolute;height:100%;z-index:1;top:0;left:0;border-radius:3px;transition:width .5s linear;pointer-events:none}.seek,progress{width:100%;background-color:rgba(0,0,0,.1);height:5px;position:relative;border-radius:3px}.video-progress{width:100%}.static-social,.video-social{position:absolute;z-index:5;width:62.84%;top:50%;left:50%;transform:translate(-50%,-50%)}.static-social .background-video,.video-social .background-video{min-width:10px}.video-social{transform:translate(-50%,-50%) scale(1.25)}@media (min-width:768px){.video-social{transform:translate(-50%,-50%)}}.background-video{width:100%;height:100%;min-width:340px;pointer-events:none}.overlay-image{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2}.item-slider-container{width:100%;height:75vh;min-height:500px;overflow:hidden;margin:0;position:relative;display:flex;flex-direction:row;align-items:center}.h65{height:65vh}.pad-vert{padding:40px 0}.sportvatar-green{background:#283f42}.sportvatar-characters{background:url(/images/case-studies/sportvatar/characters-bg.svg);background-size:cover;background-position:center}.flovatar-purple{background:#409}.flovatar-pink{background:#ef2ac1}.wn-grey{background:#ececec}.wcc-grey{background:#ececec}.atomeca-mandarin{background:#f0813c}.dimascio-blue{background:#9ec5e2}.tsingtao-grey{background:#383333}.workstack-grey{background:#cecddc}.fentimans-black{background:#000}.figma-pink{background:#ea57c5}.slide-item{width:100%;min-width:100%;display:flex}@media (min-width:768px){.slide-item{min-width:50%}}@media (min-width:1080px){.slide-item{min-width:33.33%}}.slide-item.small{width:100%;min-width:100%;display:flex}@media (min-width:768px){.slide-item.small{min-width:33.33%}}@media (min-width:1080px){.slide-item.small{min-width:20%}}.item-wrapper{border-radius:20px;margin:20px 40px;width:100%;height:calc(100% - 40px)}.item-wrapper img.enlarge{transform:scale(1.25)}.item-wrapper img.shrink{transform:scale(.9)}.item-wrapper img{width:100%}.item-slider-mover{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex}.small-item-slider-mover{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex}.item-slider-mover.animate{transition:all 1s cubic-bezier(.25, .1, .25, 1);left:-100%}@media (min-width:768px){.item-slider-mover.animate{left:-50%}}@media (min-width:1080px){.item-slider-mover.animate{left:-33.33%}}.small-item-slider-mover.animate{transition:all 1s cubic-bezier(.25, .1, .25, 1);left:-100%}@media (min-width:768px){.small-item-slider-mover.animate{left:-33.33%}}@media (min-width:1080px){.small-item-slider-mover.animate{left:-20%}}.grid-wrapper{position:relative;display:grid}.work-thumbs{display:grid;padding:0 5px;grid-gap:0;grid-template-columns:100%;grid-auto-rows:1fr;min-width:350px;background:#fff;padding-top:5px}@media (min-width:768px){.work-thumbs{grid-template-columns:50% 50%}}@media (min-width:1080px){.work-thumbs{padding-top:40px;padding:5px 36px;grid-template-columns:25% 25% 25% 25%}}@media (min-width:1080px){.work-thumbs .thumb:first-child{grid-row-start:1;grid-row-end:3;grid-column-start:1;grid-column-end:3}}@media (min-width:1080px){.work-thumbs .thumb:nth-child(4){grid-row-start:2;grid-row-end:4;grid-column-start:3;grid-column-end:5}}@media (min-width:1080px){.work-thumbs .thumb:nth-child(9){grid-row-start:4;grid-row-end:6;grid-column-start:1;grid-column-end:3}}@media (min-width:1080px){.work-thumbs .thumb:nth-child(12){grid-row-start:5;grid-row-end:7;grid-column-start:3;grid-column-end:5}}@media (min-width:1080px){.work-thumbs .thumb:nth-child(13){grid-row-start:7;grid-row-end:9;grid-column-start:1;grid-column-end:3}}@media (min-width:1080px){.work-thumbs .thumb:nth-child(18){grid-row-start:8;grid-row-end:10;grid-column-start:3;grid-column-end:5}}.work-thumbs a:before{display:none}.thumb{position:relative;background:#fff;padding:4px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-img{height:calc(100% - 60px);position:relative}.thumb-title{height:60px;color:#1a1a1a;padding:8px 10px 10px 0;overflow:hidden;position:relative}.thumb-title p{font-size:1.3em;line-height:1.25em;margin:0;transform:translate(0,-20px);transition:all .15s cubic-bezier(.15, 1.02, .65, 1.17);opacity:0;width:100%;color:#212121;font-weight:500}.thumb-title span{display:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thumb-title h3{color:#212121;padding:4px 0;display:inline;font-size:1.3em}.thumb-title:hover .tags,.thumb-title:hover h3{display:none;opacity:0}.thumb-title:hover p span{display:-webkit-box}.thumb-title:hover p{transform:translate(0,0);opacity:1}.work-header{padding:150px 15px 40px 15px;display:grid;grid-template-columns:100%}@media (min-width:768px){.work-header{grid-template-columns:50% 50%;padding:150px 40px 40px 40px}}.work-layout{margin:0 10px}@media (min-width:768px){.work-layout{margin:0 30px}}.work-header-intro{line-height:1.6em;font-weight:500;margin-top:10px;padding-right:30px}.work-row{display:grid}.work-row.col-1{grid-template-columns:100%}.work-row.col-2{grid-template-columns:100%}@media (min-width:768px){.work-row.col-2{grid-template-columns:50% 50%}}.work-row.col-3{grid-template-columns:100%}@media (min-width:768px){.work-row.col-3{grid-template-columns:33.33% 33.33% 33.33%}}.work-row.col-4{grid-template-columns:100%}@media (min-width:768px){.work-row.col-4{grid-template-columns:50% 50%}}@media (min-width:1080px){.work-row.col-4{grid-template-columns:25% 25% 25% 25%}}.col{margin:5px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (min-width:768px){.col{margin:10px}}.col.rounded{border-radius:2px}.col.grey{background:#f5f5f5}.tags{display:flex;position:relative;flex-grow:1;z-index:2;margin:3px 0 0 0;justify-content:flex-start;width:calc(100% - 16px)}span.tag{background:#121212;color:#fff;font-size:12px;font-weight:500;padding:6px 7px 7px 7px;border-radius:4px;display:flex;align-items:center;margin-right:4px;flex-shrink:0}.footer{position:relative;color:#1a1a1a;height:400px;display:flex;align-items:center;justify-content:center;margin:50px 20px 30px 20px;padding:20px;border-top:1px solid #d3d3d3}@media (min-width:1080px){.footer{margin:50px 40px 10px 40px}}.footer-content{position:absolute;bottom:20px;display:flex;width:100%}.copyright{text-align:left;line-height:30px}.social-links{justify-content:flex-end;display:flex;flex-grow:1;font-size:30px}.social-links span{margin-left:10px}.square-logo{width:100%;max-width:150px}@media (min-width:768px){.square-logo{max-width:300px}}@media (min-width:1080px){.square-logo{max-width:400px}}.square-logo-lg{width:100%;max-width:600px}@media (min-width:768px){.square-logo-lg{max-width:700px}}@media (min-width:1080px){.square-logo-lg{max-width:800px}}#contact .icon-email{font-size:1.2em;margin-left:.25em;vertical-align:middle}.hero{width:100%;padding-top:67.98%;position:relative;z-index:1}.hero .distant-building,.hero .midground-building,.hero .sky{position:absolute;top:0;left:0}.hero .distant-building img,.hero .midground-building img,.hero .sky img{width:100%;height:100%;object-fit:cover}.hero .sky{position:absolute;width:105%;top:0;z-index:1}.hero .skyline{position:absolute;z-index:2;top:0;width:100%}.hero .distant-building{z-index:3;position:absolute;width:100%;top:0}.hero .far-building{position:absolute;top:0;z-index:4;width:100%}.hero .midground-building{z-index:5}.hero .distant-building{z-index:6}.hero .midground-building{z-index:7;bottom:0}.hero .side-building{position:absolute;right:-11.8%;bottom:8.4%;left:-4.5%;z-index:7}.hero .side-building img{width:100%}.hero .platform{width:29.23%;bottom:5.1%;z-index:8}.hero .portal{z-index:8;position:absolute;width:100%;top:0}.hero .portal img{width:100%}.hero .foreground-rooftop{position:absolute;right:-20%;bottom:0;left:-4.5%;z-index:10}.hero .foreground-rooftop img{width:100%}.dot-grid{background-color:#f7f6fa;opacity:1;background-image:radial-gradient(#9495ae .7px,#f7f6fa .7px);background-size:14px 14px}.grid-items{display:grid;grid-gap:0;grid-template-columns:25% 25% 25% 25%;grid-auto-rows:1fr;min-width:350px;padding:8%}@media (min-width:768px){.grid-items{grid-template-columns:20% 20% 20% 20% 20%}}@media (min-width:1080px){.grid-items{grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%}}.grid-items .item{display:flex;padding:25%}@media (min-width:768px){.grid-items .item{padding:20%}}@media (min-width:1080px){.grid-items .item{padding:15%}}