body{background-color:#F1F1F2;color:#404041;font-family:'jaf-facitweb',sans-serif}.wrapper-border{min-width:320px;overflow:hidden;border:5px solid #404041;border-bottom:0;background-color:#F1F1F2;position:relative}.wrapper{padding-top:2em}.wrapper-padding{max-width:1400px;padding-left:1em;padding-right:1em;margin:0 auto}@media only screen and (min-width: 600px){.wrapper-border{border:10px solid #404041;border-bottom:0}.wrapper-padding{padding-left:2em;padding-right:2em}}@media only screen and (min-width: 800px){.wrapper-border{margin-bottom:140px;border-width:15px}.content-wrapper{margin-top:5.25em}.max-width-text{max-width:700px}}@media only screen and (min-width: 1000px){.wrapper-border{border-width:20px}.wrapper-padding-text{padding-left:12em;padding-right:12em}}.hidden{position:absolute !important;top:-9999px !important;left:-9999px !important}.page-header{position:relative}.logo-wrapper{margin-bottom:1.5em;max-width:7em;margin-right:auto;margin-left:auto}.logo{width:100%}.error404 .logo{-webkit-transform:rotate(150deg);transform:rotate(150deg)}@media only screen and (min-width: 600px){.page-header{margin-bottom:2em}.logo-wrapper{margin-bottom:3em}}@media only screen and (min-width: 800px){.logo-wrapper{max-width:5em;margin-left:0;margin-bottom:0;position:absolute}}@media only screen and (min-width: 1000px){.logo-wrapper{max-width:6.5em}.page-header{margin-bottom:0}}.primary-nav{font-size:.9em;margin-left:-.5em;margin-right:-.5em;text-align:center}.primary-nav li{display:inline-block}.primary-nav a{padding:.1em .5em;color:#404041;text-decoration:none;text-transform:uppercase;font-weight:bold;position:relative}@media (min-width: 600px){.primary-nav a:hover:after{content:"";position:absolute;left:.5em;right:.5em;bottom:-.2em;border-bottom:solid 2px #BA2230}}.about .primary-nav .about:after,.work .primary-nav .work:after,.play .primary-nav .play:after,.contact .primary-nav .contact:after{content:"";position:absolute;left:.5em;right:.5em;bottom:-.2em;border-bottom:solid 2px #BA2230}@media only screen and (min-width: 800px){.primary-nav-header{text-align:right;position:absolute;top:1em;right:2em}}@media only screen and (min-width: 1200px){.primary-nav{font-size:1em}}.body-typography p{font-size:1em;line-height:150%;margin-bottom:.8em}.body-typography p.photo-credit{font-size:0.7em;opacity:0.6}.body-typography a:not(.button){color:#404041}@media only screen and (min-width: 800px){.body-typography p{font-size:1.1em}}.section{padding-top:3em;padding-bottom:3em}.center-content{text-align:center}.page-title{font-size:1.5em;line-height:130%;margin:0 auto 0.5em;max-width:15em;text-align:center}.page-title strong{font-weight:700}.page-title-byline{position:relative;margin-top:3em;font-size:1.1em;text-align:center}.page-title-byline:after{border-bottom:2px solid #ba2230;content:"";left:0;margin:0 40%;position:absolute;right:0;top:-1.5em}.page-subtitle-byline{padding-bottom:2em}.sub-headline{text-align:center;margin-bottom:20px;text-transform:uppercase;font-family:stratum1;font-size:1.4em;font-weight:500;color:#BA2230}.span{position:relative}.span:after{content:'';height:100%;left:-100%;position:absolute;top:0;width:300%}.span.grey:after{background-color:#404041}.span-content{position:relative;z-index:10}.inverted{color:#F1F1F2}.inverted .sub-headline{color:#999}.inverted a{color:#F1F1F2}.button-group{margin:1em 0}.button-group .button{margin-left:1em;margin-right:1em}.button{border:1px solid #999;color:#BA2230;display:inline-block;font-weight:600;font-size:.9em;margin:.25em 0;padding:0.75em 1.5em;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .5s ease;transition:background-color .5s ease}.button:hover{background-color:#BA2230;color:#F1F1F2 !important}.inverted .button{border-color:#999;color:#F1F1F2}.inverted .button:hover{background-color:#F1F1F2;color:#BA2230}@media only screen and (min-width: 600px){.page-title{font-size:1.75em}}@media only screen and (min-width: 800px){.page-title{font-size:2em;text-align:left;font-size:2.8em;line-height:120%;max-width:14em;margin:0}.page-title-byline{margin-top:2em;margin-left:50%;max-width:21em;font-size:1.25em;text-indent:3.5em;text-align:left}.page-title-byline:after{top:1em;width:3.125em;margin:0}}.team{width:100%;margin-left:auto;margin-right:auto;max-width:800px;background-color:white;font-size:.9em}.team-member{text-align:center;margin-bottom:1.5em}.bio-pic{border-radius:50%;margin-bottom:20px;display:block;margin-right:auto;margin-left:auto;width:95%;max-width:300px}.team-member-name{font-size:1.3em;font-weight:bold;margin-bottom:.25em}.team-member-bio{font-family:'Stratum1';font-size:1.25em;line-height:130%;max-width:300px;margin:0 auto}.team-description{max-width:30em;margin:0 auto}.team-description p{margin-bottom:.8em}@media only screen and (min-width: 600px){.team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.team>*{width:50%}.sub-headline{font-size:1.7em}.team-member{padding-right:1.5em}.team-description{padding-left:1.5em;border-left:1px solid #ccc}}.homelist li{display:inline-block;line-height:1.7;padding:0.25em 0.5em 0.125em}.services>li{text-transform:uppercase}.services ul>li{text-transform:none}@media only screen and (min-width: 600px){.services ul>li{display:inline-block}}.error,.success{background-color:white;font-weight:bold;padding:2em 3em;border:1px solid;margin:2em 0}.error{color:#BA2230}.success{color:green}.lazy{-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.lazy.loaded,.lazy.error{-webkit-filter:blur(0);filter:blur(0)}.project-image-wrapper{margin-bottom:1.25em}.project-image-wrapper img{display:block;margin:0 auto;position:relative;z-index:500;padding-top:3.5em;padding-bottom:3em;width:100%}.project-image-wrapper--bleed-top img{padding-top:0}.project-image-wrapper--bleed-bottom img{padding-bottom:0}.project-image-wrapper.no-padding img{padding-top:0;padding-bottom:0}.project-title{font-weight:600;font-size:1.125em;text-align:center;line-height:1.25;padding:1em;position:relative;z-index:100;background-color:rgba(255,255,255,0.3)}.light-title .project-title{color:white;background-color:rgba(255,255,255,0.1)}.project-info-wrapper{margin-bottom:-1.5em}.project-type{font-family:stratum1,sans-serif;font-size:1.125em;text-align:center;color:#BA2230;margin-bottom:1em;text-transform:uppercase}.project-type a{color:#BA2230;text-decoration:none;text-transform:none;opacity:0.8}.project-type a:hover{opacity:1}.project-description{line-height:1.5;margin-bottom:0.75em}.button-group{text-align:center}.play .wrapper{padding-bottom:2em}.more-link{margin-left:0.5em;opacity:0.5;text-decoration:none;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.more-link:hover{opacity:1}.toggled .more-link{opacity:0 !important;cursor:default}.less-link{display:block;font-size:1.125em;text-decoration:none;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.toggled .less-link{opacity:0.5}.toggled .less-link:hover{opacity:1}.more-text{opacity:0;max-height:0;overflow:hidden;-webkit-transition:opacity 0.3s ease, max-height 0.3s ease;transition:opacity 0.3s ease, max-height 0.3s ease}.toggled .more-text{opacity:1;max-height:999em}.chrome{background-color:#D2D2D4;border-radius:5px 5px 0 0;position:relative;width:100%;height:1.25em}.chrome:before{position:absolute;content:"...";font-size:3em;left:10px;top:-0.8em;color:white}.project-video{max-width:50em;margin:0 auto;padding:2.5em .75em;position:relative;z-index:500}.project-video video{display:block;width:100%}.span.yellow:after{background-color:#f4d41e;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #f4d41e), color-stop(60%, #f7a41c));background-image:linear-gradient(to right, #f4d41e 40%, #f7a41c 60%)}.span.green:after{background-color:#a2cb39;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #a2cb39), color-stop(60%, #00aa51));background-image:linear-gradient(to right, #a2cb39 40%, #00aa51 60%)}.span.green-alt:after{background-color:#a2cb39;background-image:-webkit-gradient(linear, right top, left top, color-stop(40%, #a2cb39), color-stop(60%, #619d09));background-image:linear-gradient(to left, #a2cb39 40%, #619d09 60%)}.span.gray:after{background-color:#787878;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #787878), color-stop(60%, #1d1d1d));background-image:linear-gradient(to bottom, #787878 40%, #1d1d1d 60%)}.span.blue:after{background-color:#54b0ef;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #54b0ef), color-stop(60%, #4363d6));background-image:linear-gradient(to right, #54b0ef 40%, #4363d6 60%)}.span.lavender:after{background-color:#808db0;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #808db0), color-stop(60%, #605d89));background-image:linear-gradient(to right, #808db0 40%, #605d89 60%)}.span.teal:after{background-color:#36d6d2;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #36d6d2), color-stop(60%, #1097c6));background-image:linear-gradient(to right, #36d6d2 40%, #1097c6 60%)}.span.purple:after{background-color:#968aba;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #a37f8c), color-stop(60%, #72517a));background-image:linear-gradient(to right, #a37f8c 40%, #72517a 60%)}.span.orange:after{background-color:#ffa73e;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #ffa73e), color-stop(60%, #ff8040));background-image:linear-gradient(to right, #ffa73e 40%, #ff8040 60%)}.span.teal-orange:after{background-color:#ba2230;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #4dc3cb), color-stop(60%, #ff9d00));background-image:linear-gradient(to right, #4dc3cb 40%, #ff9d00 60%)}.span.grey-lighter:after{background-color:#525253;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #4a4a4b), color-stop(60%, #575758));background-image:linear-gradient(to right, #4a4a4b 40%, #575758 60%)}.span.pioneering:after{background-color:#ce807a;-webkit-box-shadow:inset 0 -186px #ef998f;box-shadow:inset 0 -186px #ef998f}.about .span.pioneering:after{-webkit-box-shadow:inset 0 -166px #ef998f;box-shadow:inset 0 -166px #ef998f}.span.dark-blue:after{background-color:#17161c;background-image:-webkit-gradient(linear, left top, right top, color-stop(40%, #33333b), color-stop(60%, #17161c));background-image:linear-gradient(to right, #33333b 40%, #17161c 60%)}@media only screen and (min-width: 600px){.work .project-title,.play .project-title{font-size:1.4em}.work .project-type,.work .project-url,.play .project-type,.play .project-url{font-size:1.25em}.work .project-description,.play .project-description{font-size:1.125em}}.sites-list{margin-top:1em}.sites-list a{color:#fff !important;text-decoration:none;display:inline-block;margin:.5em .25em;border-bottom:#BA2230 solid 1px;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.sites-list a:hover{border-color:white}.contact .contact-info-wrapper{margin-bottom:2em}.contact h2{color:#BA2230;font-weight:bold;font-size:1.25em;margin-bottom:0.75em}.contact .contact-email{color:#404041;text-decoration:none}.contact .email.contact-email:before{display:inline-block;margin-right:0.5em}.contact .send-button{cursor:pointer;display:block;margin:3em auto}.contact .budget-text{font-weight:bold;margin-bottom:1.5em}.contact .directions-button{border:2px solid #BA2230;color:#BA2230;display:inline-block;font-weight:bold;font-size:.9em;margin-top:.75em;padding:0.25em 0.75em;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .5s ease;transition:background-color .5s ease}.contact .directions-button:hover{background-color:#BA2230;color:#F1F1F2}.contact .yay-portrait{width:100%}.contact-form{margin-top:2em}.contact-form label{display:inline-block;margin-right:0.35em;min-width:50px}.contact-form .form-field,.contact-form .budget-field{display:block;margin-bottom:2em;position:relative}.contact-form .form-field input,.contact-form .budget-field input{border-top:none;border-right:none;border-left:none;border-bottom:2px solid #404041;background-color:#F1F1F2;font-family:"jaf-facitweb",sans-serif;padding:0 0.5em 0.25em;font-size:1em;color:#404041}.contact-form .form-field input:focus,.contact-form .budget-field input:focus{border-bottom-color:#BA2230;outline:none}.contact-form .form-field span:before{content:'*';color:#BA2230}.contact-form .form-interest{margin-bottom:2em}.contact-form .form-interest label{display:block;margin-bottom:1em}.contact-form .interest-options{margin-bottom:2em;padding:0.25em;background-color:transparent;border:1px solid #ddd;color:#404041;font-family:"jaf-facitweb",sans-serif;font-size:1em;min-width:150px;width:auto}.contact-form .interest-options option{padding:0.5em}.contact-form .form-interest .notes{display:block}.contact-form .form-interest textarea{border:none;background-color:#fff;padding:0.75em 1em;font-family:"jaf-facitweb",sans-serif;color:#404041;font-size:1em;width:100%;resize:none;min-height:12em}.contact-form .budget-range{margin-bottom:1.5em}.contact-form .budget-input{max-width:120px}.contact-form .budget-label{text-align:right}.contact-form .budget-label span{text-transform:uppercase;font-size:0.85em;opacity:0.5;display:inline-block;margin-right:0.5em}@media only screen and (min-width: 400px){.contact-form .budget-field{display:inline-block;margin-right:1em}}@media only screen and (min-width: 600px){.contact .column{float:left}.contact .column-left{width:35%;padding-right:1em}.contact .column-right{width:65%}}@media only screen and (min-width: 800px){.contact .contact-info{text-align:left}.contact h2{font-size:1.5em}.contact-form .form-field{display:inline-block;width:48%}.contact-form .form-field input{width:75%}.contact-form .form-field span:before{position:absolute;left:90%}.contact-form .form-interest label{display:inline-block}.contact-form .interest-options{display:inline-block}.contact-form .form-interest textarea{min-height:10em}.contact-form .budget-label{min-width:0}}