body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{background-color:#fff;background:linear-gradient(325deg,#000,#fff 100%)}a{color:#0073ff;font-weight:700}a:hover{color:#0af;text-decoration:none}.App{text-align:center;position:relative;font-size:1em;line-height:2em;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1{letter-spacing:0;white-space:nowrap;font-weight:100;font-size:2em}h1 span{font-size:150%}h2{white-space:nowrap;font-size:.7em;margin-left:20px}.red{color:#8b0000;font-weight:600}.site-header{text-align:left;width:100%;position:fixed;color:#fff;z-index:10;background-color:#0073ff;line-height:3em;padding:0 120px;background:linear-gradient(270deg,#0af,#0073ff)}.site-header *{display:inline}.site-header a{color:#fff}.site-header a:hover{color:#d3d3d3}.header{justify-content:center;align-items:center;display:flex}.header *{display:inline}.page-item{position:relative;z-index:2;font-family:FontMain;letter-spacing:.5em}.page-intro:nth-of-type(2n-1){background-color:#fff}.page-intro:nth-of-type(2n){background-color:hsla(0,0%,100%,.2)}.page-intro{width:100%;font-family:Rubik;padding:20px;display:flex}.page-intro .intro-content{max-width:1024px;margin:auto}.page-intro p{width:100%;text-align:left}.page-intro img{width:100%;max-height:480px;height:auto;object-fit:contain}.page-intro h2{font-size:1.5em;margin-left:0;padding:20px 0;border-bottom:1px solid #000;text-align:left}.page-intro h2 .sub-copy{word-break:normal;font-size:.6em;letter-spacing:.25em}.page-intro h2 .sub-copy span{word-break:break-all;opacity:.25;margin:0 .5em}.bg{box-shadow:0 0 20px #000;z-index:10}.line-wide{width:90%;height:1px;background-color:#000;margin:10px}.line-div{color:#d3d3d3}.logo-top{color:#000;width:80vw;max-width:1024px;margin:75px auto auto;font-size:.75em}.logo-top p{letter-spacing:.2em}.logo-top h1{font-size:1.5em}.logo-top .line-div{opacity:.5}.logo-top .logos{justify-content:center;align-items:center}.logo-top .logos img{height:60px;margin:10px 20px;padding:10px;border-radius:5px;object-fit:contain}.logo-top .logos .wide{width:100px}.logo-top .logos .wider{width:150px}.logo-top .logos .tall{width:50px}.bottom{color:#fff;max-width:80%;width:100%;margin:auto;padding-bottom:50px;font-size:.8em}.bottom h1{font-size:1.5em;margin-bottom:2px}.bottom p{letter-spacing:.2em}.bottom .line-div{opacity:.5}.bottom .logos{justify-content:center;align-items:center}.bottom .logos img{height:60px;margin:10px 20px;padding:10px;border-radius:5px;object-fit:contain}.bottom .logos .wide{width:100px}.bottom .logos .wider{width:150px}.bottom .logos .tall{width:50px}.hightlights{position:relative;display:flex;box-shadow:0 0 20px rgba(0,0,0,.5);background-color:#383940;width:100%}.hightlights:hover .header-thumb{width:15%;opacity:.5;border:1px solid #383940;-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media only screen and (max-width:900px){.site-header{padding:0 20px}.page-intro .intro-content{max-width:720px}}@media only screen and (max-width:800px){.site-header{display:flex;flex-direction:column;padding:0 20px 20px}.site-header h2{margin-left:0}.logo-top{margin-top:100px}.page-intro{font-size:.9em}.page-intro .intro-content{max-width:620px}h2{white-space:normal;word-break:break-word}}@media only screen and (max-width:420px){.page-intro{font-size:.9em}.page-intro .intro-content{max-width:350px}.page-intro h2{font-size:unset}.hightlights{display:unset}}.header-thumb{position:relative;display:flex;width:100%;height:50vh;max-height:480px;background-color:navy;transition:opacity .25s ease-out,width .25s ease-in-out,-webkit-filter .25s ease-out;transition:opacity .25s ease-out,filter .25s ease-out,width .25s ease-in-out;transition:opacity .25s ease-out,filter .25s ease-out,width .25s ease-in-out,-webkit-filter .25s ease-out;border:1px solid rgba(0,115,255,.5);background-position:50%;background-size:cover;overflow:hidden;z-index:1;-webkit-filter:grayscale(.25)!important;filter:grayscale(.25)!important}.header-thumb--link{cursor:pointer}.header-thumb .info{margin:auto;padding:20px;white-space:nowrap;opacity:0;transition:opacity .25s ease-out,width .25s ease-in-out,-webkit-filter .25s ease-out;transition:opacity .25s ease-out,filter .25s ease-out,width .25s ease-in-out;transition:opacity .25s ease-out,filter .25s ease-out,width .25s ease-in-out,-webkit-filter .25s ease-out;color:#fff;border-radius:5px;font-family:FontMain;font-weight:700;letter-spacing:.2em;box-shadow:0 0 20px rgba(0,0,0,.5);border:2px solid #fff}.header-thumb .info:hover{background-color:#0af!important;-webkit-transform:scale(1.2);transform:scale(1.2)}.header-thumb:hover{width:90%!important;opacity:1!important;-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important;z-index:10;box-shadow:0 0 20px #000}.header-thumb:hover .info{opacity:1}.non-selected{-webkit-filter:grayscale(50%);filter:grayscale(50%)}@media only screen and (max-width:420px){.header-thumb .info{opacity:1}}.banner--link{cursor:pointer;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.banner--link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.icon-lockup{height:50%;max-height:40px;white-space:nowrap;display:flex;position:relative;vertical-align:middle;align-items:center;justify-content:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:1vw 1vw 1vw 0;padding:.5vw;border-radius:2px;cursor:pointer}.icon-lockup svg{height:100%;max-width:50px}.case-info{margin-top:50px}.case-info .case-expand{display:inline-flex;align-items:center;justify-content:space-between;width:80vw;max-width:1024px}.case-info .expand-but{cursor:pointer;text-decoration:none}.case-info .case-info-folder{border-top:1px solid #000;border-bottom:1px solid #000;width:80vw;max-width:1024px;height:0;overflow:hidden}.case-info *{border:0}.case-info iframe,.case-info img,.case-info video{background-color:#000;outline:1px solid #d3d3d3}.case-info .first-line{height:1px;width:90%;background-color:grey;margin-bottom:4vh}.case-info .mini-line{height:1px;width:90%;background-color:#d3d3d3}@font-face{font-family:"FontMain";src:url(/static/media/Oswald-Light.d42b885a.woff) format("woff")}@font-face{font-family:"Rubik";src:url(/static/media/rubik-light.f75c657f.woff) format("woff")}.case-container{background-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.75);width:100%;overflow:hidden;color:#000;position:relative;z-index:1;height:auto;display:flex;font-family:Rubik;letter-spacing:0}.case-container .case-shadow{width:100%;height:10px;position:absolute}.case-container .case-shadow-bottom{bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.5))}.case-container .case-study{width:80vw;max-width:1024px;z-index:2;position:relative;text-align:left;padding:20px 0;margin:20px auto;border-radius:10px}.case-container .case-study h2{font-size:1.5em;margin-left:0;padding:20px 0;border-bottom:1px solid #000;text-align:left}.case-container .case-study h2 .sub-copy{word-break:normal;font-size:.6em;letter-spacing:.25em}.case-container .case-study h2 .sub-copy span{word-break:break-all;opacity:.25;margin:0 .5em}.case-container .case-study h3{white-space:nowrap;font-weight:bolder}.case-container .case-study .sub-title{font-size:110%;color:#00f}.case-container .case-study .description{margin-top:20px}.case-container .case-study .study-icon-lockup{width:92%;max-height:200px;display:flex;flex-wrap:wrap;justify-content:baseline;margin-bottom:10px}.case-container .case-study .study-icon-lockup p{margin-left:.5vw}.case-container .case-study .study-icon-lockup a{color:unset;text-decoration:none}.case-container .case-study .study-icon-lockup .nav-on{background-color:#000;color:#fff;pointer-events:none;border-radius:2px}
/*# sourceMappingURL=main.b85dee7b.chunk.css.map */