:root{--primary-text:#000;--primary-text-w:#fff;--secondary-text:rgba(0,0,0,.55);--secondary-text-w:hsla(0,0%,100%,.55);--divider:rgba(0,0,0,.15);--divider-dark:hsla(0,0%,100%,.25);--divider-light:rgba(0,0,0,.05);--accent:#00f;--secondary-accent:orange;--dark-bg:#222;--project-gallery-dark-bg:#222;--subtle-bg:rgba(0,0,0,.05);--gallery-bg-light:#eee;--gallery-bg-dark:rgba(0,0,0,.15);--color-primary:#00f;--color-primary-dark:#00b;--color-accent:orange;--color-text:#222;--color-text-secondary:rgba(0,0,0,.55);--color-background:#fff;--color-background-secondary:#f5f5f5;--color-card-bg:#fff;--shadow-small:0 2px 4px rgba(0,0,0,.1);--shadow-medium:0 4px 8px rgba(0,0,0,.12);--container-width:1200px;--container-padding:40px;--media-max-width:1680px;--gradient-full-shadow:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9) 5%,hsla(0,0%,100%,.9) 95%,hsla(0,0%,100%,0));--gradient-full-shadow-dark:linear-gradient(0deg,rgba(34,34,34,0),rgba(34,34,34,.9) 5%,rgba(34,34,34,.9) 95%,rgba(34,34,34,0));--gradient-mobile-nav:linear-gradient(0deg,hsla(0,0%,100%,.98) 10%,hsla(0,0%,100%,0));--gradient-mobile-nav-dark:linear-gradient(0deg,rgba(34,34,34,.98) 10%,rgba(34,34,34,0));--gradient-mobile-nav-expanded:linear-gradient(0deg,hsla(0,0%,100%,.98) 55%,hsla(0,0%,100%,.75));--gradient-mobile-nav-dark-expanded:linear-gradient(0deg,rgba(34,34,34,.98) 55%,rgba(34,34,34,.65));--gradient-full-shadow-deep:linear-gradient(0deg,rgba(26,26,26,0),rgba(26,26,26,.9) 5%,rgba(26,26,26,.9) 95%,rgba(26,26,26,0));--base:400 16px/24px var(--font-mariupol),sans-serif;--h1:700 64px/78px var(--font-rock-star-narrow),"Verdana",sans-serif;--h2:700 50px/60px var(--font-rock-star-narrow),"Verdana",sans-serif;--h2-a:400 42px/56px var(--font-rock-star-narrow),"Verdana",sans-serif;--h3:500 24px/28px var(--font-rock-star-narrow),"Verdana",sans-serif;--h4:500 20px/28px var(--font-rock-star-narrow),"Verdana",sans-serif;--h5:500 16px/24px var(--font-rock-star-narrow),"Verdana",sans-serif;--h5-a:400 16px/24px var(--font-mariupol),"Verdana",sans-serif;--p:normal 20px/36px "Charter","Georgia",serif;--button:normal 16px/20px var(--font-mariupol),"Verdana",sans-serif;--small:normal 16px/24px "Charter","Georgia",serif;--quote:400 32px/48px var(--font-rock-star-narrow),"Verdana",serif;--small-quote:400 24px/40px var(--font-rock-star-narrow),"Verdana",serif;--scribble-h:600 24px/32px var(--font-comic-neue),var(--font-mariupol),"Verdana",sans-serif;--scribble:400 16px/24px var(--font-comic-neue),var(--font-mariupol),"Verdana",sans-serif;--vm-xs:8px;--vm-s:16px;--vm-m:24px;--vm-l:40px;--vm-xl:80px;--vm-xxl:156px}html{height:100%;color:var(--primary-text)}body{min-height:100%;width:100%;background-color:#fff;font:var(--base);-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none}a{text-decoration:none}a,a:visited{color:inherit}a:hover{color:var(--secondary-accent)}h1{font:var(--h1)}h2{font:var(--h2)}.subtitle,h3{font:var(--h3);display:block}h4{font:var(--h4)}h5{font:var(--h5)}li,p,p.description{font:var(--p)}p.caption{text-align:center;font:var(--small);margin-top:8px;margin-bottom:24px;color:var(--secondary-text)}q.no-q{quotes:none;font-style:italic}q.no-q:after,q.no-q:before{content:""}q.no-q.right{width:50%;float:right;margin:10px 0 5px 20px;color:var(--secondary-text);line-height:1.5}.hidden{display:none}.home.flex-container,body.flex-container{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;height:100vh}#welcome{padding:40px 40px 0;flex:1 0 40px;max-height:200px}.hello{color:var(--secondary-text);font-weight:400;font-size:24px;line-height:32px}.hello span{font-weight:400}.hello span,.hello strong{font-family:var(--font-rock-star-narrow),sans-serif;font-size:92%}.hello strong{font-weight:500;color:var(--primary-text)}small{color:var(--secondary-text);margin-top:16px;display:block;font-size:16px}#stage-container{display:flex;width:100vw;padding:0 40px;align-items:stretch;flex:1 1}#stage{width:100%;max-height:calc(100% - 120px);padding:40px 0}#stage,#stage nav{display:flex;justify-content:space-between}#stage nav{font-size:24px;width:200px;height:32vw;justify-self:start;flex-direction:column}#stage nav ul{list-style:none}#stage nav li{margin-bottom:24px;font:var(--h3)}#stage nav a{color:var(--accent)}#stage nav a:hover{color:var(--secondary-accent)}#stage nav ul.secondary li{margin-bottom:var(--vm-xs)}#stage nav ul.secondary a{font:var(--button);color:var(--secondary-text)}#stage nav ul.secondary a:hover{color:var(--secondary-accent)}.balancer{width:200px}#welcome-img-container{width:32vw;height:32vw}#welcome-img{overflow:hidden;width:100%;height:100%;background:url(/img/white-noise.gif) repeat;background-size:100%;background-position:0 -100%;position:relative;display:block}#welcome-img video{display:block;width:calc(100% + 4px);margin:-2px 0 0 -2px;position:absolute;top:0;left:0}#bottom-bar-container{width:100vw;padding:0 40px;height:43px;max-height:43px;flex:1 0 auto;float:left}#bottom-bar{width:80%;margin:0 auto;height:3px;background-color:var(--divider)}#bottom-bar.home{width:100%}.right{float:right}.left{float:left}main{padding:132px 0 0;overflow:auto;width:100%;margin:0 auto}#project-gallery{padding-bottom:40px;width:100%;position:relative}@media screen and (min-width:2200px){#project-gallery{max-width:1600px;margin:0 auto}}.previews{flex:1 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:15px;gap:15px;border-radius:5px;padding:15px}.previews.tall{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.nav-container{height:calc(100vh - 92px);top:92px;display:flex;flex-direction:column;position:fixed;padding:0 40px;z-index:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;pointer-events:auto}.nav-container::-webkit-scrollbar{display:none}.nav-container.with-title{height:calc(100vh - 132px);top:132px;padding-top:0;padding-bottom:40px}.nav-container .page-nav{height:100%;position:relative;margin-bottom:40px}.nav-container .subtitle{color:var(--secondary-text);margin-bottom:24px;display:block}.nav-container.with-title .page-nav .subtitle{margin-bottom:26px}.nav-dot{width:7px;height:7px;background-color:var(--divider);position:absolute;border-radius:6px;margin-left:-18px;margin-top:16px}.dark .nav-dot{background-color:var(--divider-dark)}.anchor-nav{list-style:none;margin-bottom:30px}.anchor-nav li{font:var(--base);opacity:.55;color:var(--primary-text);margin:0 0 16px;width:100%;cursor:pointer;list-style:none}.anchor-nav li a{text-decoration:none;color:inherit;display:block}.anchor-nav li.sub{margin-left:16px}.anchor-nav li:hover,.anchor-nav li:hover a{opacity:1!important;color:var(--secondary-accent)}.anchor-nav li a.active{color:var(--primary-text)}.dark .anchor-nav li a.active{color:var(--primary-text-w)}.case-study .nav-container .page-nav{margin:auto;padding-bottom:36px;height:auto}.case-study main{padding-bottom:64px;padding-right:0}.back-link{margin-top:24px}.back-link a{color:var(--secondary-text);font:var(--button)}.back-link a:hover{color:var(--secondary-accent)}.dark .back-link a{color:var(--primary-text-w)!important}.showcase-back{position:fixed;bottom:40px;left:40px;z-index:100}@media screen and (max-width:740px){.showcase-back{bottom:24px;left:24px}}.next-link{float:right;margin-top:-16px;margin-right:-16px;opacity:.55;color:var(--primary-text)}.next-link:hover{opacity:1;color:var(--secondary-accent)!important}@media screen and (max-width:1280px){.size-l,.size-m{width:60%;min-width:640px;max-width:100%}}@media screen and (max-width:1100px){:root{--vm-xs:8px;--vm-s:16px;--vm-m:24px;--vm-l:32px;--vm-xl:64px;--vm-xxl:96px}#welcome small{display:none}#stage{flex-direction:column;justify-content:flex-start;padding:32px 0}#stage nav{font-size:24px;width:100%;float:left;margin-bottom:32px;height:auto}#stage nav li{margin:0 24px 0 0;float:left}#stage nav ul.secondary{margin-top:var(--vm-s)}#stage nav ul.secondary li{margin-bottom:0}.balancer{display:none}#welcome-img-container{float:left;width:100%;height:calc(100vw - 80px);max-width:calc(100vh - 320px);max-height:calc(100vh - 320px)}#welcome-img{display:block;position:relative}#bottom-bar{width:100%}.nav-container,.next-link{display:none}#project-gallery,article{padding:0 40px;width:100%}article .dark,article .size-xl{padding-left:40px;padding-right:40px;box-sizing:border-box}article .dark,article .dark .size-xl,article .size-xl{margin-left:-40px;margin-right:-40px;width:calc(100% + 80px)}}.article-cover{margin:0 auto;aspect-ratio:16/9;background-color:#d3d3d3;overflow:hidden}.article-cover div{margin:0}.article-cover div,.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover img{margin:0!important}@media screen and (max-width:740px){:root{--h1:700 40px/48px var(--font-rock-star-narrow),sans-serif;--h2:700 32px/40px var(--font-rock-star-narrow),sans-serif;--h2-a:400 32px/40px var(--font-rock-star-narrow),sans-serif;--h3:500 20px/24px var(--font-rock-star-narrow),sans-serif;--h4:500 16px/24px var(--font-rock-star-narrow),sans-serif;--small:normal 14px/22px "Charter","Georgia",serif;--small-quote:400 20px/32px var(--font-rock-star-narrow),serif}#project-gallery,article{padding:0 24px;width:100%}article .dark,article .size-xl{padding-left:24px;padding-right:24px;box-sizing:border-box}article .dark,article .dark .size-xl,article .size-xl{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}.size-s{width:100%;max-width:none}.size-l,.size-m{width:100%;min-width:auto}#welcome{padding:40px 24px 0}#stage-container{width:100vw;padding:0 24px}#welcome-img-container{width:100%;height:calc(100vw - 48px)}main{padding:96px 0 40px;width:100%}#bottom-bar-container{width:100vw;padding:0 24px}}@media screen and (max-width:414px){#stage nav li{font-size:18px}#welcome-img-container{max-width:none;max-height:none}}@media screen and (max-width:1540px){:root{--h1:700 54px/64px var(--font-rock-star-narrow),sans-serif;--h2:700 42px/48px var(--font-rock-star-narrow),sans-serif;--h2-a:400 42px/48px var(--font-rock-star-narrow),sans-serif;--h3:500 20px/24px var(--font-rock-star-narrow),sans-serif;--h4:500 16px/24px var(--font-rock-star-narrow),sans-serif;--h5:500 16px var(--font-rock-star-narrow),sans-serif;--p:normal 18px/32px "Charter","Georgia",serif;--quote:400 20px/24px var(--font-rock-star-narrow),serif;--small-quote:400 20px/32px var(--font-rock-star-narrow),serif}}@media screen and (max-width:740px){:root{--h1:700 40px/48px var(--font-rock-star-narrow),sans-serif;--h2:700 32px/40px var(--font-rock-star-narrow),sans-serif;--h2-a:400 32px/40px var(--font-rock-star-narrow),sans-serif;--h3:500 20px/24px var(--font-rock-star-narrow),sans-serif;--h4:500 16px/24px var(--font-rock-star-narrow),sans-serif;--small:normal 14px/22px "Charter","Georgia",serif;--small-quote:400 20px/32px var(--font-rock-star-narrow),serif}}article ol,article ul{width:640px;margin-left:auto;margin-right:auto;max-width:100%;list-style:none;margin-bottom:var(--vm-s)}article li{margin-bottom:var(--vm-xs)}article ol li{counter-increment:li}article li:last-child{margin-bottom:0}article ul li{position:relative;padding-left:0}article ul li:before{content:"";background-color:var(--accent);width:7px;height:7px;position:absolute;left:-23px;top:12px;border-radius:50%}article .nav-container ul li:before,article [class*=nav-container] ul li:before{display:none;content:none}article ol li:before{content:counter(li);color:var(--accent);float:left;margin:2px 0 0 -32px;font-family:var(--font-rock-star-narrow),sans-serif;font-size:90%}.nav-container ol li:before,[class*=nav-container] ol li:before,header ol li:before,nav ol li:before{display:none;content:none}article ol.numbered-list{counter-reset:li}article ol.break-numbered-list{counter-reset:none}.dark article ol li:before{color:var(--secondary-accent)}article .dark ul li:before{background-color:var(--secondary-accent)}.size-s{width:640px}.size-m,.size-s{max-width:100%;margin-left:auto;margin-right:auto}.size-m{width:896px}.size-l{width:1062px;max-width:64%;margin-left:auto;margin-right:auto}.size-xl{width:100%;margin:0 auto;position:relative;z-index:2;background:var(--gradient-full-shadow)}.dark .size-xl{background:var(--gradient-full-shadow-dark)}.size-xl img,.size-xl video{max-width:var(--media-max-width)}@media screen and (max-width:1100px){.size-m{width:70%}.size-l{width:85%;max-width:100%}}@media screen and (max-width:740px){article ol,article ul{width:100%;max-width:none}article li{margin-left:20px}article ol li:before{margin:2px 0 0 -20px}article ul li:before{left:-20px}.size-l,.size-m{width:100%;min-width:auto}}article h2,article h3,article h4,article h5,article p{width:640px;margin-left:auto;margin-right:auto;max-width:100%;display:block}article p{margin-bottom:var(--vm-s)}article h3{margin:var(--vm-xl) auto var(--vm-m)}article h3.after-h2{margin-top:var(--vm-m)}article h4{font:var(--h4);text-align:center;margin:var(--vm-l) auto var(--vm-s)}article h5{font:var(--h5-a);text-align:center;margin:var(--vm-m) auto var(--vm-xs)}article img,article video{margin:var(--vm-m) auto;display:block}.showcase img,.showcase video{margin-top:0;margin-bottom:0}@media screen and (max-width:740px){article h2,article h3,article h4,article h5,article p{width:100%;max-width:none}}.case-study article h1{font:var(--h1)}article h2{font:var(--h2-a);margin:0 auto var(--vm-m)}article p.intro{margin:16px auto 32px;position:relative;padding-left:0}article p.intro:before{content:"";position:absolute;left:-35px;top:0;bottom:0;width:3px;background-color:var(--divider)}@media screen and (max-width:740px){article p.intro{width:100%;padding-left:23px}article p.intro:before{left:0}}.dark{background:var(--dark-bg);padding:var(--vm-xxl) 0 80px;margin:var(--vm-xl) 0;position:relative;z-index:10;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dark,.dark article h2,.dark article h3,.dark article p{color:var(--primary-text-w)}.dark h3{margin:var(--vm-xl) auto var(--vm-m)}.dark h2+h3{margin-top:var(--vm-m)}.dark .anchor-nav li{color:var(--primary-text-w)}@media (prefers-color-scheme:dark){:root{--primary-text:#fff;--secondary-text:hsla(0,0%,100%,.55);--divider:hsla(0,0%,100%,.15);--divider-light:hsla(0,0%,100%,.05);--subtle-bg:hsla(0,0%,100%,.05);--accent:orange;--color-primary:orange;--color-text:#fff;--color-text-secondary:hsla(0,0%,100%,.55);--color-background:#222;--color-background-secondary:#282828;--color-card-bg:#282828;--dark-bg:linear-gradient(180deg,#1a1a1a,#222 600px);--project-gallery-dark-bg:#181818 --gradient-full-shadow:var(--gradient-full-shadow-dark);--gradient-mobile-nav:var(--gradient-mobile-nav-dark);--gradient-mobile-nav-expanded:var(--gradient-mobile-nav-dark-expanded)}html{color-scheme:dark}body{background-color:#222}.dark{background:var(--dark-bg)}}.showcase article,.showcase main{padding:0}.showcase.dark{margin:0;padding:0}.showcase .size-xl,.showcase.dark,.showcase.dark .size-xl{background:none}.showcase .imageContainer{margin:0 auto;max-width:1600px}.showcase #bottom-bar-container{display:none}@font-face{font-family:__rockStarNarrow_9c3643;src:url(/_next/static/media/4dd4cfa0617c8c07-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__rockStarNarrow_9c3643;src:url(/_next/static/media/ffcd5da2e996f346-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__rockStarNarrow_9c3643;src:url(/_next/static/media/f7f13700da2d9941-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__rockStarNarrow_Fallback_9c3643;src:local("Arial");ascent-override:87.11%;descent-override:22.90%;line-gap-override:2.46%;size-adjust:109.63%}.__className_9c3643{font-family:__rockStarNarrow_9c3643,__rockStarNarrow_Fallback_9c3643}.__variable_9c3643{--font-rock-star-narrow:"__rockStarNarrow_9c3643","__rockStarNarrow_Fallback_9c3643"}@font-face{font-family:__mariupol_bf5c87;src:url(/_next/static/media/80bbb1e83eb0cbe2-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__mariupol_bf5c87;src:url(/_next/static/media/7cb46933b50cb6f5-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__mariupol_bf5c87;src:url(/_next/static/media/300e2bd7ddf5291d-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__mariupol_Fallback_bf5c87;src:local("Arial");ascent-override:77.30%;descent-override:18.60%;line-gap-override:2.19%;size-adjust:98.16%}.__className_bf5c87{font-family:__mariupol_bf5c87,__mariupol_Fallback_bf5c87}.__variable_bf5c87{--font-mariupol:"__mariupol_bf5c87","__mariupol_Fallback_bf5c87"}@font-face{font-family:__Comic_Neue_b36d7c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/02c8cea6cb5ab5f0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Comic_Neue_b36d7c;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/03fb38b812b1ca85-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Comic_Neue_Fallback_b36d7c;src:local("Arial");ascent-override:92.66%;descent-override:25.74%;line-gap-override:0.00%;size-adjust:97.13%}.__className_b36d7c{font-family:__Comic_Neue_b36d7c,__Comic_Neue_Fallback_b36d7c;font-style:normal}.__variable_b36d7c{--font-comic-neue:"__Comic_Neue_b36d7c","__Comic_Neue_Fallback_b36d7c"}