body,html{margin:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}[role=button],a,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}.block{display:block}.inline-block{display:inline-block}.rel{position:relative}.abs{position:absolute}.fix{position:fixed}.fill,.top{top:0}.bottom,.fill{bottom:0}.fill,.left{left:0}.fill,.right{right:0}.x{width:100%}.y{height:100%}.f{display:-webkit-box;display:-ms-flexbox;display:flex}.fw{-ms-flex-wrap:wrap;flex-wrap:wrap}.ais{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.aie{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.aic{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aib{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.jcs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.jce{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.jcc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jcb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fa{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.al{text-align:left}.ac{text-align:center}.ar{text-align:right}.aj{text-align:justify}.ma,.mxa{margin-left:auto;margin-right:auto}.ma,.mya{margin-top:auto;margin-bottom:auto}.m0,.mt0,.my0{margin-top:0}.m0,.mb0,.my0{margin-bottom:0}.m025,.mt025,.my025{margin-top:.25em}.m025,.mb025,.my025{margin-bottom:.25em}.m025,.ml025,.mx025{margin-left:.25em}.m025,.mr025,.mx025{margin-right:.25em}.p025,.pt025,.py025{padding-top:.25em}.p025,.pb025,.py025{padding-bottom:.25em}.p025,.pl025,.px025{padding-left:.25em}.p025,.pr025,.px025{padding-right:.25em}.m05,.mt05,.my05{margin-top:.5em}.m05,.mb05,.my05{margin-bottom:.5em}.m05,.ml05,.mx05{margin-left:.5em}.m05,.mr05,.mx05{margin-right:.5em}.p05,.pt05,.py05{padding-top:.5em}.p05,.pb05,.py05{padding-bottom:.5em}.p05,.pl05,.px05{padding-left:.5em}.p05,.pr05,.px05{padding-right:.5em}.m075,.mt075,.my075{margin-top:.75em}.m075,.mb075,.my075{margin-bottom:.75em}.m075,.ml075,.mx075{margin-left:.75em}.m075,.mr075,.mx075{margin-right:.75em}.p075,.pt075,.py075{padding-top:.75em}.p075,.pb075,.py075{padding-bottom:.75em}.p075,.pl075,.px075{padding-left:.75em}.p075,.pr075,.px075{padding-right:.75em}.m1,.mt1,.my1{margin-top:1em}.m1,.mb1,.my1{margin-bottom:1em}.m1,.ml1,.mx1{margin-left:1em}.m1,.mr1,.mx1{margin-right:1em}.p1,.pt1,.py1{padding-top:1em}.p1,.pb1,.py1{padding-bottom:1em}.p1,.pl1,.px1{padding-left:1em}.p1,.pr1,.px1{padding-right:1em}.z0{z-index:0}.z1{z-index:100}.z2{z-index:200}.z3{z-index:300}.z4{z-index:400}.z5{z-index:500}.z6{z-index:600}.z7{z-index:700}.z8{z-index:800}.z9{z-index:900}.z10{z-index:1000}.c-white{color:#fff}.c-blue{color:#041893}.c-black{color:#2d2824}.bg-white{background:#fff}.bg-blue{background:#041893}@font-face{font-family:FG;src:url("fonts/founders-grotesk-light.woff") format("woff");font-weight:300;font-style:normal}.mono{font-family:Roboto Mono,monospace}body{color:#2d2824;font-family:FG,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-size:100%;line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased}strikethrough{text-decoration:line-through}h1,h2,h3,h4,h5,h6{font-weight:300;margin:0}.f1,.h1,h1{font-size:40px;font-size:2.5rem}@media (min-width:37.5em){.f1,.h1,h1{font-size:3.75rem}}@media (min-width:62.5em){.f1,.h1,h1{font-size:5rem}}.h1,h1{line-height:1.1}.f2,.h2,h2{font-size:36px;font-size:2.25rem}@media (min-width:37.5em){.f2,.h2,h2{font-size:3rem}}.h2,h2{line-height:1.2}.f3,.h3,h3{font-size:24px;font-size:1.5rem}@media (min-width:37.5em){.f3,.h3,h3{font-size:2rem}}.h3,h3{line-height:1.3}.f4,.h4,h4{font-size:20px;font-size:1.25rem}@media (min-width:37.5em){.f4,.h4,h4{font-size:1.5rem}}.h4,h4{line-height:1.4}.f5,.h5,h5{font-size:16px;font-size:1rem}@media (min-width:37.5em){.f5,.h5,h5{font-size:1.25rem}}.h5,h5{line-height:1.5}.f6,.h6,h6{font-size:14px;font-size:.875rem}@media (min-width:37.5em){.f6,.h6,h6{font-size:1rem}}.h6,h6{line-height:1.5}.p,p{font-size:16px;font-size:1rem}p{line-height:1.6}.small,small{font-size:12px;font-size:.75rem}.xsmall{font-size:10px;font-size:.625rem}a{text-decoration:none}a,hr{color:inherit}hr{display:block;border:0;margin:0;height:1px;width:100%;background-color:currentColor}.b,strong{font-weight:700}.i,em{font-style:italic}.track{letter-spacing:.1em}.caps{text-transform:uppercase}.underline{position:relative}.underline:before{width:100%;height:1px;background-color:currentColor;position:absolute;content:"";bottom:0;left:0}.hover--opacity{-webkit-transition:opacity .4s cubic-bezier(.12,.67,.53,1);transition:opacity .4s cubic-bezier(.12,.67,.53,1)}.hover--opacity:hover{opacity:.5}[data-animate]{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-animate*="200"]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-animate*="400"]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-animate*=ease]{-webkit-transition-timing-function:cubic-bezier(.12,.67,.53,1);transition-timing-function:cubic-bezier(.12,.67,.53,1)}[data-animate*=delay]{-webkit-transition-delay:.2s;transition-delay:.2s}[data-animate*=slide-up]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-animate*=slide-up].is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}[data-animate*=scale-in]{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-animate*=scale-in].is-visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.outer{padding-left:5vw;padding-right:5vw}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav__left{top:5vw}.nav__text{top:-6px}.nav__logo{height:45px;width:45px}.nav__email{top:-30px;right:-45px;height:165px;width:165px}@media (min-width:37.5em){.nav__email{top:calc(5vw - 59px);right:-55px}}.nav__email img:first-child{width:40px;height:40px}.nav__email img:last-child{-webkit-animation:rotating 8s linear infinite;animation:rotating 8s linear infinite}.loader{opacity:.4}.loader--bars{height:18px;width:66px;border:6px solid #fff}.loader--inner-one{width:54px;border-right:6px solid #fff;border-left:6px solid #fff;height:24px}.loader--inner-two{width:42px}.loader--inner-three,.loader--inner-two{border-right:6px solid #fff;border-left:6px solid #fff;height:6px}.loader--inner-three{width:30px}.loader--inner-four{width:18px;border-right:6px solid #fff;border-left:6px solid #fff;height:3px}.loader--row{max-width:30px;left:6px;top:0}.loader--row span{background-color:red;width:6px;height:6px}.hero{margin-bottom:40px}.hero h1{max-width:1100px}.hero hr{margin-top:40px;background:#fff;opacity:.2}@media (min-width:37.5em){.hero{margin-bottom:5vw}.hero hr{margin-top:5vw}}.hero__inner{min-height:80vh;padding-top:190px}@media (min-width:37.5em){.hero__inner{padding-top:240px}}.projects{padding:0 5vw 15vw;list-style:none}@media (min-width:37.5em){.projects{padding:0 0 15vw}}.project{padding:0}.project__para{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.project .__deliverables{line-height:1.4!important;letter-spacing:2px;font-size:.8em}@media (min-width:37.5em){.project[data-slug=prima]{width:40%;margin-bottom:20vw}}@media (min-width:50em){.project[data-slug=prima]{margin-left:5vw}}@media (min-width:37.5em){.project[data-slug=glowbar]{width:40%;position:absolute;right:0;top:20vw}}@media (min-width:50em){.project[data-slug=glowbar]{top:20vw}}@media (min-width:37.5em){.project[data-slug=recess]{width:40%}}@media (min-width:62.5em){.project[data-slug=recess]{margin-left:5vw}}@media (min-width:37.5em){.project[data-slug=dims]{position:absolute;right:0;width:40%;margin-top:-15vw}}@media (min-width:50em){.project[data-slug=dims]{width:30%}}@media (min-width:37.5em){.project[data-slug=clare]{width:40%;margin-top:20vw;margin-left:5vw}}@media (min-width:50em){.project[data-slug=clare]{margin-left:10vw}}@media (min-width:37.5em){.project[data-slug=blume]{width:40%;margin-top:15vw}}@media (min-width:62.5em){.project[data-slug=blume]{width:35%;margin-left:5vw}}@media (min-width:37.5em){.project[data-slug=wing]{position:absolute;right:0;width:40%;margin-top:-20vw}}@media (min-width:50em){.project[data-slug=wing]{right:5vw}}@media (min-width:62.5em){.project[data-slug=wing]{right:10vw;width:30%}}@media (min-width:37.5em){.project[data-slug=snowe]{width:45%;margin-top:20vw}}@media (min-width:62.5em){.project[data-slug=snowe]{width:40%}}@media (min-width:87.5em){.project[data-slug=snowe]{margin-right:2vw}}@media (min-width:37.5em){.project[data-slug=codecademy]{position:absolute;right:0;width:40%;margin-top:-20vw}}@media (min-width:50em){.project[data-slug=codecademy]{right:5vw}}@media (min-width:62.5em){.project[data-slug=codecademy]{width:30%}}@media (min-width:37.5em){.project[data-slug=parsley]{width:45%;margin-top:20vw;margin-left:10vw}}@media (min-width:50em){.project[data-slug=parsley]{margin-left:7.5vw}}@media (min-width:62.5em){.project[data-slug=parsley]{margin-left:15vw}}@media (min-width:37.5em){.project[data-slug=recreo]{width:30%;margin-top:15vw}}@media (min-width:50em){.project[data-slug=recreo]{margin-left:5vw}}@media (min-width:37.5em){.project[data-slug=woolandoak]{position:absolute;right:0;width:40%;margin-top:-20vw}}@media (min-width:50em){.project[data-slug=woolandoak]{right:5vw}}@media (min-width:62.5em){.project[data-slug=woolandoak]{width:40%}}.project__image{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.project__image img,.project__image video{-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity 1s cubic-bezier(.12,.67,.53,1),-webkit-transform 2s cubic-bezier(.12,.67,.53,1);transition:opacity 1s cubic-bezier(.12,.67,.53,1),-webkit-transform 2s cubic-bezier(.12,.67,.53,1);transition:opacity 1s cubic-bezier(.12,.67,.53,1),transform 2s cubic-bezier(.12,.67,.53,1);transition:opacity 1s cubic-bezier(.12,.67,.53,1),transform 2s cubic-bezier(.12,.67,.53,1),-webkit-transform 2s cubic-bezier(.12,.67,.53,1)}.project__image video[src]+img{visibility:hidden}.project__image .__bg{display:none;opacity:0;background:#041893;-webkit-transition:opacity .4s cubic-bezier(.12,.67,.53,1);transition:opacity .4s cubic-bezier(.12,.67,.53,1)}.project__image .__arrow{width:80px;height:80px;opacity:0}.project__image .__deliverables{display:none;line-height:1.2;padding:0 0 20px 20px;opacity:0;-webkit-transition:opacity .4s cubic-bezier(.12,.67,.53,1);transition:opacity .4s cubic-bezier(.12,.67,.53,1);-webkit-transition-delay:.1s;transition-delay:.1s}.project__image .__deliverables>span{-webkit-transition:all .2s cubic-bezier(.12,.67,.53,1);transition:all .2s cubic-bezier(.12,.67,.53,1);-webkit-transform:translateY(5px);transform:translateY(5px);display:block;opacity:0}.project__image .__deliverables>span:first-child{-webkit-transition-delay:.4s;transition-delay:.4s}.project__image .__deliverables>span:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.project__image .__deliverables>span:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.project__image .__deliverables>span:nth-child(4){-webkit-transition-delay:.1s;transition-delay:.1s}.project__image.is-loaded img,.project__image.is-loaded video{opacity:1}@media (min-width:37.5em){.project__image,.project__image a{cursor:none}.project__image .__bg,.project__image .__deliverables{display:block}.project__image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project__image:hover .__bg{opacity:.8}.project__image:hover .__arrow,.project__image:hover .__deliverables{opacity:1}.project__image:hover .__deliverables>span{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.project__info{padding:5px 0 10vw}@media (min-width:37.5em){.project__info{padding:5px 0 0}.project__info .__deliverables{display:none}}@media (min-width:37.5em){[data-slug=recess] .project__info{padding-left:20px;padding-right:20px}}@media (min-width:62.5em){[data-slug=recess] .project__info{padding-left:0;padding-right:0}}@media (min-width:37.5em){[data-slug=blume] .project__info{padding-left:20px;padding-right:20px}}@media (min-width:62.5em){[data-slug=blume] .project__info{padding-left:0;padding-right:0}}@media (min-width:37.5em){[data-slug=snowe] .project__info{padding-left:20px;padding-right:20px}}@media (min-width:87.5em){[data-slug=snowe] .project__info{padding-left:0}}@media (min-width:37.5em){[data-slug=recreo] .project__info{padding-left:20px;padding-right:20px}}@media (min-width:62.5em){[data-slug=recreo] .project__info{padding-left:0;padding-right:0}}.logos{padding:15vh 0}@media (min-width:50em){.logos{padding:15vw 0}}.logos__title{max-width:620px}.logos__grid{margin-top:40px;padding:0;list-style:none}.logos__logo{padding:4vw 1em;width:50%;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out;opacity:0;max-height:100px}.logos__logo.is-loaded{opacity:.4}@media (min-width:25em){.logos__logo{width:33%}}@media (min-width:37.5em){.logos__logo{width:25%}}@media (min-width:50em){.logos__logo{width:20%}}.logos__logo img{max-width:150px}.logos__logo:hover{opacity:1}.team{margin:10vh 0}@media (min-width:50em){.team{margin:10vw 0 18vw}}.team__info{margin-bottom:40px}.team__info .__contact{margin-top:40px}@media (min-width:62.5em){.team__info{width:50%;padding-right:7.5vw;margin-bottom:0}.team__info .__contact{position:absolute;left:0;bottom:0}}.team__members{padding:40px 0 0;margin:0;list-style:none}.team__members:before{content:"";display:block;position:absolute;left:0;top:0;right:0;background:#fff;opacity:.4;height:1px}@media (min-width:62.5em){.team__members{width:50%;padding-left:5vw;padding-top:0}.team__members:before{right:auto;top:14px;bottom:5px;width:1px;height:auto}}.team__member{width:100%;padding-bottom:4vw}@media (min-width:25em){.team__member{width:50%}.team__member:nth-of-type(n+4){padding-bottom:0}}.team__member .__name{white-space:nowrap}.team__member .__role{opacity:.4}.footer{min-height:100vh}.footer h2{max-width:775px}.footer a{-webkit-transition:opacity .4s cubic-bezier(.12,.67,.53,1);transition:opacity .4s cubic-bezier(.12,.67,.53,1)}.footer a:hover{opacity:.5}@-webkit-keyframes drift{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes drift{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.www{width:1000vw;opacity:.05;-webkit-animation:drift 180s linear infinite alternate;animation:drift 180s linear infinite alternate}.www__gradient{height:25vh;-webkit-transform:translateY(-100%);transform:translateY(-100%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(4,24,147,0)),to(#041893));background:linear-gradient(180deg,rgba(4,24,147,0),#041893)}body,html{background:#041893;color:#fff}::-moz-selection{background:#fff;color:#041893}::selection{background:#fff;color:#041893}#root{overflow:hidden}

/*# sourceMappingURL=main.css.map*/