@charset "UTF-8";
@font-face {
  font-family: CopernicusWeb;
  src: url(/fonts/galaxie-copernicus/Copernicus-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  background: #fff;
  font-family: Antenna, Helvetica, sans-serif;
  font-size: 16px;
  color: #111;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none !important; }
  @media only screen and (min-width: 1400px) {
    body {
      font-size: 18px; } }

img, video, object, embed, audio {
  max-width: 100%;
  border: none; }

.text, .bottom p, .related-post p, .post-discussion p, .sub-page-summary.recognition div.more p, body.team .page-summary.alt h2, body.post.lunch-talks .page-summary.alt h2, ul.services, ul.clients, ul.community, ul.videos, body.contact .body.bottom, body.contact .body.related-post, body.contact .body.post-discussion {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
  font-weight: normal;
  text-transform: none; }
  .text, .bottom p, .related-post p, .post-discussion p, .sub-page-summary.recognition div.more p, body.team .page-summary.alt h2, body.post.lunch-talks .page-summary.alt h2, ul.services, ul.clients, ul.community, ul.videos, body.contact .body.bottom, body.contact .body.related-post, body.contact .body.post-discussion, .text a, .bottom p a, .related-post p a, .post-discussion p a, .sub-page-summary.recognition div.more p a, body.team .page-summary.alt h2 a, body.post.lunch-talks .page-summary.alt h2 a, ul.services a, ul.clients a, ul.community a, ul.videos a, body.contact .body.bottom a, body.contact .body.related-post a, body.contact .body.post-discussion a {
    color: #656565; }
  .text a:hover, .bottom p a:hover, .related-post p a:hover, .post-discussion p a:hover, .sub-page-summary.recognition div.more p a:hover, body.team .page-summary.alt h2 a:hover, body.post.lunch-talks .page-summary.alt h2 a:hover, ul.services a:hover, ul.clients a:hover, ul.community a:hover, ul.videos a:hover, body.contact .body.bottom a:hover, body.contact .body.related-post a:hover, body.contact .body.post-discussion a:hover {
    color: #ff4e00; }

.blank {
  height: 0;
  overflow: hidden; }

.wrap {
  margin: 0 20px; }
  @media only screen and (min-width: 760px) {
    .wrap {
      margin: 0 30px; } }
  @media only screen and (min-width: 1000px) {
    .wrap {
      margin: 0 80px; } }

input {
  font-family: Antenna, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #111; }

strong {
  font-weight: bold; }

.avatar {
  border-radius: 50%; }

.title, .body, .subpages, .image-wrap, .padding-wrap, .page-summary, .sub-page-summary, .bottom, .related-post, .post-discussion {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1820px; }
  @media only screen and (min-width: 760px) {
    .title, .body, .subpages, .image-wrap, .padding-wrap, .page-summary, .sub-page-summary, .bottom, .related-post, .post-discussion {
      padding-left: 110px;
      padding-right: 110px; } }

.body {
  margin: 50px auto; }
  .body + .related-post {
    margin-top: 110px; }

.more:not(a) {
  display: none; }

.primary-header {
  margin: 0;
  padding: 30px;
  width: 100%;
  line-height: 1.08333333333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none; }
  .primary-header > * {
    pointer-events: all; }
  @media only screen and (max-width: 760px) {
    .primary-header {
      padding: 20px;
      position: static; }
      body.home .primary-header, body.not_found .primary-header, body.hero .primary-header {
        position: absolute; } }

.site-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0 17px 0 0;
  font-size: 0; }
  @media only screen and (max-width: 760px) {
    .site-title {
      display: block;
      margin-bottom: 20px; } }
  .site-title a {
    overflow: hidden;
    display: inline-block;
    height: 40px; }

.primary-header svg {
  vertical-align: middle; }
  .primary-header svg:hover {
    opacity: 0.7; }

.primary-header path, .primary-header rect {
  -webkit-transition: fill 250ms ease;
  -moz-transition: fill 250ms ease;
  -ms-transition: fill 250ms ease;
  transition: fill 250ms ease; }
  .hero .primary-header path, .hero .primary-header rect {
    fill: #fff; }
  .dark .primary-header path, .dark .primary-header rect {
    fill: #656565; }

body.is-scrolled .primary-header path, body.is-scrolled .primary-header rect {
  fill: rgba(101, 101, 101, 0.7); }

body.is-scrolled .primary-header svg:hover {
  opacity: 1; }
  body.is-scrolled .primary-header svg:hover path, body.is-scrolled .primary-header svg:hover rect {
    fill: #ff4e00 !important; }

.open-nav-menu, .close-nav-menu {
  cursor: pointer;
  font-size: 28px;
  line-height: 1.6;
  margin: 30px;
  position: absolute;
  top: 0;
  right: 0; }
  @media only screen and (max-width: 760px) {
    .open-nav-menu, .close-nav-menu {
      margin: 20px; } }

.close-nav-menu:hover {
  opacity: 0.7; }

.nav-menu {
  font-size: 28px;
  font-weight: 300;
  background-color: #111;
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.6;
  padding: 60px; }
  @media only screen and (max-width: 500px) {
    .nav-menu {
      display: none; }
      body.nav-menu-open .nav-menu {
        display: block; } }
  @media only screen and (min-width: 500px) {
    .nav-menu {
      padding: 120px 90px;
      font-size: 38px;
      left: auto;
      right: -450px;
      width: 450px; } }
  .nav-menu .ss-icon {
    color: #fff; }
  .nav-menu .nav-link {
    color: white;
    display: block;
    text-decoration: none; }
    .nav-menu .nav-link.selected {
      color: #ff4e00; }
    .nav-menu .nav-link:hover {
      opacity: 0.7; }

@media only screen and (min-width: 500px) {
  body, html.ie .primary-header, html.ie .nav-menu {
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  body.nav-menu-open {
    overflow: hidden; }
    body.nav-menu-open, html.ie body.nav-menu-open .primary-header, html.ie body.nav-menu-open .nav-menu {
      -webkit-transform: translateX(-450px);
      -moz-transform: translateX(-450px);
      -ms-transform: translateX(-450px);
      transform: translateX(-450px); } }

@media only screen and (max-width: 500px) {
  body .primary-header {
    padding: 8px; }
  body .open-nav-menu, body .close-nav-menu {
    margin: 8px; }
  body .site-title a, body .open-nav-menu, body .close-nav-menu {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); }
  body.nav-menu-open > * {
    display: none; }
  body.nav-menu-open > .primary-header {
    display: block; } }

.button, .button-light, body.home .body li a, body.not_found .body li a, .image-wrap figcaption ul li a, .text hr + ul li a, .bottom p hr + ul li a, .related-post p hr + ul li a, .post-discussion p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li a, body.team .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li a, ul.services hr + ul li a, ul.clients hr + ul li a, ul.community hr + ul li a, ul.videos hr + ul li a, body.contact .body.bottom hr + ul li a, body.contact .body.related-post hr + ul li a, body.contact .body.post-discussion hr + ul li a, .meta-sidebar ul li a, .view-all-button, body.page.lunch-talks .page-summary li a {
  font-family: Antenna, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 18px 30px;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  height: 50px;
  min-width: 185px;
  background: none;
  color: #111 !important;
  border: 2px solid #111;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease; }
  @media only screen and (min-width: 1000px) {
    .button, .button-light, body.home .body li a, body.not_found .body li a, .image-wrap figcaption ul li a, .text hr + ul li a, .bottom p hr + ul li a, .related-post p hr + ul li a, .post-discussion p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li a, body.team .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li a, ul.services hr + ul li a, ul.clients hr + ul li a, ul.community hr + ul li a, ul.videos hr + ul li a, body.contact .body.bottom hr + ul li a, body.contact .body.related-post hr + ul li a, body.contact .body.post-discussion hr + ul li a, .meta-sidebar ul li a, .view-all-button, body.page.lunch-talks .page-summary li a {
      padding: 21px 30px;
      height: 60px;
      font-size: 12px;
      min-width: 198px; } }
  .button:hover, .button-light:hover, body.home .body li a:hover, body.not_found .body li a:hover, .image-wrap figcaption ul li a:hover, .text hr + ul li a:hover, .bottom p hr + ul li a:hover, .related-post p hr + ul li a:hover, .post-discussion p hr + ul li a:hover, .sub-page-summary.recognition div.more p hr + ul li a:hover, body.team .page-summary.alt h2 hr + ul li a:hover, body.post.lunch-talks .page-summary.alt h2 hr + ul li a:hover, ul.services hr + ul li a:hover, ul.clients hr + ul li a:hover, ul.community hr + ul li a:hover, ul.videos hr + ul li a:hover, body.contact .body.bottom hr + ul li a:hover, body.contact .body.related-post hr + ul li a:hover, body.contact .body.post-discussion hr + ul li a:hover, .meta-sidebar ul li a:hover, .view-all-button:hover, body.page.lunch-talks .page-summary li a:hover {
    background: #111;
    color: #fff !important; }

.button-light, body.home .body li a, body.not_found .body li a {
  border-color: #fff;
  color: #fff !important; }
  .button-light:hover, body.home .body li a:hover, body.not_found .body li a:hover {
    background: #fff;
    color: #111 !important; }

h1, .page-summary h2, .sub-page-summary h2, h2, h3, .body .meta dt, .body .meta h2, .body .meta h3, h4, h5 {
  font-family: CopernicusWeb, Georgia, serif; }

h2, h3, .body .meta dt, .body .meta h2, .body .meta h3 {
  margin: 1em 0;
  font-size: 0.625em; }

h1, .page-summary h2, .sub-page-summary h2, h2 {
  font-weight: bold; }

h3, .body .meta dt, .body .meta h2, .body .meta h3 {
  color: #656565;
  font-weight: normal; }

.page-title.title {
  margin: 0 auto 1.875em; }
  body.hero .page-title.title {
    margin-top: 1.875em; }
  @media only screen and (min-width: 760px) {
    body .page-title.title {
      margin-top: 110px; }
    body.hero .page-title.title {
      margin-top: 4.375em; } }
  .page-title.title h1, .page-title.title .page-summary h2, .page-summary .page-title.title h2, .page-title.title .sub-page-summary h2, .sub-page-summary .page-title.title h2 {
    margin-bottom: 40px; }

.info {
  position: relative;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }
  .info h2 {
    font-size: 1em;
    margin: 0;
    padding: 23px 0;
    min-height: 70px;
    padding-right: 90px; }
    @media only screen and (min-width: 1400px) {
      .info h2 {
        padding: 21px 0; } }
    .info h2 .current-title {
      display: inline-block;
      vertical-align: bottom;
      max-width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #ff4e00; }
      @media only screen and (max-width: 320px) {
        .info h2 .current-title {
          max-width: 60px; } }
      @media only screen and (min-width: 760px) {
        .info h2 .current-title {
          max-width: 300px; } }
  .info .share {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .info .share dt {
      display: none; }
    .info .share a {
      text-decoration: none;
      display: inline-block;
      font-size: 1em;
      line-height: 30px;
      padding: 20px 0;
      margin-left: 10px;
      color: transparent; }
      .info .share a span {
        display: none; }
      .info .share a:before {
        color: #656565;
        vertical-align: middle; }
      .info .share a:hover:before, .info .share a:hover {
        color: #ff4e00; }
    .info .share dd {
      margin: 0;
      display: inline-block; }
    @media only screen and (min-width: 760px) {
      .info .share {
        z-index: 99;
        width: 50%;
        width: 14.7222222222%;
        min-width: 120px;
        margin-top: 0; }
        .info .share dt, .info .share dd a {
          display: block;
          font-size: 1em;
          line-height: 30px;
          padding: 20px;
          height: 70px; }
          .info .share dt:before, .info .share dd a:before {
            margin-right: 10px; }
        .info .share dt {
          -webkit-transition: all 250ms ease;
          -moz-transition: all 250ms ease;
          -ms-transition: all 250ms ease;
          transition: all 250ms ease;
          padding-left: 0;
          color: #ff4e00; }
        .info .share dd {
          margin: 0;
          display: none; }
          .info .share dd a {
            margin: 0;
            width: auto;
            color: #656565;
            border-top: 1px solid #656565; }
            .info .share dd a span {
              display: inline; }
        .info .share:hover dt {
          background: black;
          padding-left: 20px;
          color: white; }
        .info .share:hover dd {
          background: black;
          display: block; } }

h1, .page-summary h2, .sub-page-summary h2 {
  font-size: 1.8em;
  margin: 0;
  text-transform: none;
  line-height: 1.25; }
  @media only screen and (min-width: 500px) {
    h1, .page-summary h2, .sub-page-summary h2 {
      font-size: 2.4em;
      line-height: 1.2; } }
  @media only screen and (min-width: 760px) {
    h1, .page-summary h2, .sub-page-summary h2 {
      font-size: 3.13333333333333em; } }

.work-for {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
  margin: 0; }
  .work-for a {
    color: #656565;
    text-decoration: none; }
    .work-for a:hover {
      color: #e0e0e0; }
  .work-for em {
    font-style: italic;
    font-size: 13px; }

.byline, .info h2 {
  text-transform: none;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
  color: #656565;
  font-style: italic;
  font-weight: normal; }
  .byline a.tag, .info h2 a.tag {
    color: #ff4e00;
    text-decoration: none; }
    .byline a.tag:hover, .info h2 a.tag:hover {
      color: #e0e0e0; }

.subpages {
  margin: 5px 0 20px;
  font-size: 0.6875em; }
  .subpages a {
    display: inline-block;
    margin-right: 5px; }

.page-summary {
  text-align: center;
  margin: 4.375em auto; }
  .page-summary.odd {
    max-width: none;
    margin-top: 0;
    padding-top: 4.375em;
    padding-bottom: 4.375em;
    background: #f5f5f5;
    margin-bottom: 0; }
    .page-summary.odd > ul {
      max-width: 1600px; }
  .page-summary > h1, .page-summary > h2, .sub-page-summary .page-summary > h2, .page-summary > h2, .page-summary > p {
    max-width: 730px; }
  .page-summary h1, .page-summary h2, .page-summary h2 {
    color: #111;
    font-weight: 300; }
  .page-summary h2 {
    font-size: 1.4em; }
    @media only screen and (min-width: 500px) {
      .page-summary h2 {
        font-size: 1.8em; } }
    @media only screen and (min-width: 760px) {
      .page-summary h2 {
        font-size: 2.4em; } }
  .page-summary > p {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
    color: #656565; }
    @media only screen and (min-width: 760px) {
      .page-summary > p {
        font-size: 1.13333333333333em; } }
  @media only screen and (min-width: 760px) {
    .page-summary > h1, .page-summary > h2, .sub-page-summary .page-summary > h2, .page-summary > h2, .page-summary > h3, .body .meta .page-summary > dt, .body .meta .page-summary > h2, .body .meta .page-summary > h3, .page-summary > p {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  .feat-image-wrap + .page-summary {
    margin-top: 4.375em; }
  @media only screen and (max-width: 760px) {
    .page-summary {
      margin-top: 0; }
      .feat-image-wrap + .page-summary {
        margin-top: 4.375em; }
      body.items .page-summary, body.work .page-summary {
        margin-bottom: 1.875em; } }
  @media only screen and (min-width: 760px) {
    .page-summary {
      margin-top: 110px; }
      body.items .page-summary, body.work .page-summary {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 60px; }
        body.items .page-summary h1, body.items .page-summary h2, body.work .page-summary h1, body.work .page-summary h2 {
          width: auto; } }

.sub-page-summary {
  text-align: center;
  margin: 4.375em auto; }
  .sub-page-summary.odd {
    max-width: none;
    margin-top: 0;
    padding-top: 4.375em;
    padding-bottom: 4.375em;
    background: #f5f5f5;
    margin-bottom: 0; }
    .sub-page-summary.odd > ul {
      max-width: 1600px; }
  .sub-page-summary > h1, .page-summary .sub-page-summary > h2, .sub-page-summary > h2, .sub-page-summary > h2, .sub-page-summary > p {
    max-width: 730px; }
  .sub-page-summary h1, .sub-page-summary h2, .sub-page-summary h2 {
    color: #111;
    font-weight: 300; }
  .sub-page-summary h2 {
    font-size: 1.4em; }
    @media only screen and (min-width: 500px) {
      .sub-page-summary h2 {
        font-size: 1.8em; } }
    @media only screen and (min-width: 760px) {
      .sub-page-summary h2 {
        font-size: 2.4em; } }
  .sub-page-summary > p {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
    color: #656565; }
    @media only screen and (min-width: 760px) {
      .sub-page-summary > p {
        font-size: 1.13333333333333em; } }
  @media only screen and (min-width: 760px) {
    .sub-page-summary > h1, .page-summary .sub-page-summary > h2, .sub-page-summary > h2, .sub-page-summary > h2, .sub-page-summary > h3, .body .meta .sub-page-summary > dt, .body .meta .sub-page-summary > h2, .body .meta .sub-page-summary > h3, .sub-page-summary > p {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 760px) {
    .sub-page-summary h2 {
      font-size: 2em; } }
  .sub-page-summary > p:last-of-type:not(:last-child) {
    margin-bottom: 3.8602941176em; }

.bottom, .related-post, .post-discussion {
  zoom: 1;
  max-width: none;
  text-align: center;
  background: #f5f5f5;
  margin-bottom: 0;
  text-align: center; }
  .bottom:before, .related-post:before, .post-discussion:before, .bottom:after, .related-post:after, .post-discussion:after {
    content: "";
    display: table; }
  .bottom:after, .related-post:after, .post-discussion:after {
    clear: both; }
  .bottom > *, .related-post > *, .post-discussion > * {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto; }
  .bottom h3, .related-post h3, .post-discussion h3, .bottom .body .meta dt, .body .meta .bottom dt, .related-post .body .meta dt, .body .meta .related-post dt, .post-discussion .body .meta dt, .body .meta .post-discussion dt, .bottom .body .meta h2, .body .meta .bottom h2, .related-post .body .meta h2, .body .meta .related-post h2, .post-discussion .body .meta h2, .body .meta .post-discussion h2, .bottom .body .meta h3, .body .meta .bottom h3, .related-post .body .meta h3, .body .meta .related-post h3, .post-discussion .body .meta h3, .body .meta .post-discussion h3 {
    font-weight: normal;
    border-bottom: 1px solid #e0e0e0;
    padding: 40px 0;
    margin: 0 auto;
    font-size: 1em;
    text-transform: none;
    color: #656565; }
  .bottom ul, .related-post ul, .post-discussion ul {
    margin: 0;
    padding: 0;
    list-style: none; }

.body {
  zoom: 1; }
  .body:before, .body:after {
    content: "";
    display: table; }
  .body:after {
    clear: both; }
  .body h2, .body h3, .body .meta dt, .body .meta h2, .body .meta h3 {
    color: #111;
    margin-top: 4em; }
  .body p:first-child, .body h2:first-child, .body h3:first-child, .body .meta dt:first-child, .body .meta h2:first-child {
    margin-top: 0; }
  .body .text, .body .bottom p, .bottom .body p, .body .related-post p, .related-post .body p, .body .post-discussion p, .post-discussion .body p, .body .sub-page-summary.recognition div.more p, .sub-page-summary.recognition div.more .body p, .body body.team .page-summary.alt h2, body.team .page-summary.alt .body h2, .body body.post.lunch-talks .page-summary.alt h2, body.post.lunch-talks .page-summary.alt .body h2, .body ul.services, .body ul.clients, .body ul.community, .body ul.videos, .body body.contact .body.bottom, body.contact .body .body.bottom, .body body.contact .body.related-post, body.contact .body .body.related-post, .body body.contact .body.post-discussion, body.contact .body .body.post-discussion {
    color: #111; }
    @media only screen and (min-width: 760px) {
      .body .text, .body .bottom p, .bottom .body p, .body .related-post p, .related-post .body p, .body .post-discussion p, .post-discussion .body p, .body .sub-page-summary.recognition div.more p, .sub-page-summary.recognition div.more .body p, .body body.team .page-summary.alt h2, body.team .page-summary.alt .body h2, .body body.post.lunch-talks .page-summary.alt h2, body.post.lunch-talks .page-summary.alt .body h2, .body ul.services, .body ul.clients, .body ul.community, .body ul.videos, .body body.contact .body.bottom, body.contact .body .body.bottom, .body body.contact .body.related-post, body.contact .body .body.related-post, .body body.contact .body.post-discussion, body.contact .body .body.post-discussion {
        float: left;
        width: 57.3611111111%; } }
  .body .meta {
    margin: 4em auto 0;
    font-size: 0.6875em;
    text-align: center;
    line-height: 1.25em; }
    @media only screen and (min-width: 760px) {
      .body .meta {
        text-align: left;
        float: right;
        width: 14.7222222222%;
        min-width: 120px;
        margin-top: 0; } }
    .body .meta dl {
      margin: 0; }
    .body .meta dt, .body .meta h2, .body .meta dt, .body .meta h2, .body .meta h3 {
      color: #656565;
      margin: 25px 0 0;
      font-size: 1em;
      font-weight: bold;
      text-transform: none; }
    .body .meta dd, .body .meta li {
      margin: 8px 0;
      color: #656565; }
    .body .meta em {
      font-style: italic;
      display: block; }
    .body .meta a, .body .meta a[href] {
      text-decoration: none;
      color: #656565; }
      .body .meta a .avatar, .body .meta a[href] .avatar {
        border: 1px solid #e0e0e0; }
      .body .meta a figcaption, .body .meta a[href] figcaption {
        display: none; }
      .body .meta a:hover, .body .meta a[href]:hover {
        color: #ff4e00; }
        .body .meta a:hover .avatar, .body .meta a[href]:hover .avatar {
          border-color: #ff4e00; }
        .body .meta a:hover figcaption, .body .meta a[href]:hover figcaption {
          display: block; }
    .body .meta dt.credit {
      margin-bottom: 8px; }
    .body .meta dd.credit {
      display: inline-block;
      margin: 0 4px 4px 0; }
      .body .meta dd.credit figure {
        margin: 0;
        position: relative; }
        .body .meta dd.credit figure .avatar {
          width: 32px; }
          @media only screen and (min-width: 1400px) {
            .body .meta dd.credit figure .avatar {
              width: 50px; } }
        .body .meta dd.credit figure figcaption {
          position: absolute;
          background: black;
          color: white;
          z-index: 99;
          width: auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          padding: 6px 8px;
          margin-top: 3px;
          white-space: nowrap; }
          .body .meta dd.credit figure figcaption em {
            display: block;
            font-style: normal;
            color: #656565; }
          .body .meta dd.credit figure figcaption:after {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-bottom-color: #000000;
            border-width: 6px;
            margin-left: -6px; }
    .body .meta dd.additional-credit {
      margin: 25px 0 0; }
    .body .meta ul {
      margin: 0;
      padding: 0;
      list-style: none; }

.feat-image-wrap {
  position: relative; }
  .feat-image-wrap.playing figure {
    background-image: none !important;
    padding-top: 0;
    min-height: 0; }
  .feat-image-wrap figure {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 37.5%;
    margin: 0; }
    @media only screen and (max-width: 500px) {
      .feat-image-wrap figure {
        min-height: 200px; } }
    @media only screen and (min-width: 500px) {
      .feat-image-wrap figure {
        background-size: 100% auto;
        background-attachment: fixed; } }
    .feat-image-wrap figure .fluid-width-video-wrapper + figcaption {
      display: none; }
    .feat-image-wrap figure figcaption {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .feat-image-wrap figure + p {
      margin: 0;
      text-align: center;
      padding: 20px;
      position: absolute;
      width: 100%;
      bottom: 0; }
      @media only screen and (min-width: 1000px) {
        .feat-image-wrap figure + p {
          bottom: 1em; } }
      .feat-image-wrap figure + p a {
        text-decoration: none;
        color: #fff; }
  .feat-image-wrap .feat-image {
    z-index: -1;
    width: 100%;
    display: block; }
  .feat-image-wrap h1, .feat-image-wrap .page-summary h2, .page-summary .feat-image-wrap h2, .feat-image-wrap .sub-page-summary h2, .sub-page-summary .feat-image-wrap h2 {
    color: #fff;
    font-size: 1.4em;
    padding: 0 10%; }
    @media only screen and (min-width: 500px) {
      .feat-image-wrap h1, .feat-image-wrap .page-summary h2, .page-summary .feat-image-wrap h2, .feat-image-wrap .sub-page-summary h2, .sub-page-summary .feat-image-wrap h2 {
        padding: 0 25%;
        font-size: 1.6em;
        line-height: 1.08333333333333; } }
    @media only screen and (min-width: 760px) {
      .feat-image-wrap h1, .feat-image-wrap .page-summary h2, .page-summary .feat-image-wrap h2, .feat-image-wrap .sub-page-summary h2, .sub-page-summary .feat-image-wrap h2 {
        font-size: 2.4em; } }
    @media only screen and (min-width: 1000px) {
      .feat-image-wrap h1, .feat-image-wrap .page-summary h2, .page-summary .feat-image-wrap h2, .feat-image-wrap .sub-page-summary h2, .sub-page-summary .feat-image-wrap h2 {
        font-size: 3.13333333333333em; } }
  .page.lunch-talks .feat-image-wrap h1, .page.lunch-talks .feat-image-wrap .page-summary h2, .page-summary .page.lunch-talks .feat-image-wrap h2, .page.lunch-talks .feat-image-wrap .sub-page-summary h2, .sub-page-summary .page.lunch-talks .feat-image-wrap h2 {
    margin: 40px 0 0;
    width: 100%;
    background: url(/images/lunch-talks.svg) no-repeat center center;
    background-size: auto 100%;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0;
    height: 100px; }
    @media only screen and (max-width: 1000px) {
      .page.lunch-talks .feat-image-wrap h1, .page.lunch-talks .feat-image-wrap .page-summary h2, .page-summary .page.lunch-talks .feat-image-wrap h2, .page.lunch-talks .feat-image-wrap .sub-page-summary h2, .sub-page-summary .page.lunch-talks .feat-image-wrap h2 {
        margin-top: -10px; } }
    @media only screen and (min-width: 760px) {
      .page.lunch-talks .feat-image-wrap h1, .page.lunch-talks .feat-image-wrap .page-summary h2, .page-summary .page.lunch-talks .feat-image-wrap h2, .page.lunch-talks .feat-image-wrap .sub-page-summary h2, .sub-page-summary .page.lunch-talks .feat-image-wrap h2 {
        height: 200px; } }
  @media only screen and (max-width: 500px) {
    .page.lunch-talks .feat-image-wrap + .page-summary {
      margin-top: 40px; } }

.image-wrap.padding {
  padding: 0;
  margin-left: 20px;
  margin-right: 20px; }
  @media only screen and (min-width: 760px) {
    .image-wrap.padding {
      margin-left: 110px;
      margin-right: 110px; } }

.text hr, .bottom p hr, .related-post p hr, .post-discussion p hr, .sub-page-summary.recognition div.more p hr, body.team .page-summary.alt h2 hr, body.post.lunch-talks .page-summary.alt h2 hr, ul.services hr, ul.clients hr, ul.community hr, ul.videos hr, body.contact .body.bottom hr, body.contact .body.related-post hr, body.contact .body.post-discussion hr {
  display: none; }

.image-wrap figcaption ul, .text hr + ul, .bottom p hr + ul, .related-post p hr + ul, .post-discussion p hr + ul, .sub-page-summary.recognition div.more p hr + ul, body.team .page-summary.alt h2 hr + ul, body.post.lunch-talks .page-summary.alt h2 hr + ul, ul.services hr + ul, ul.clients hr + ul, ul.community hr + ul, ul.videos hr + ul, body.contact .body.bottom hr + ul, body.contact .body.related-post hr + ul, body.contact .body.post-discussion hr + ul, .meta-sidebar ul {
  padding: 0;
  list-style: none;
  margin: 50px -10px; }
  .image-wrap figcaption ul li, .text hr + ul li, .bottom p hr + ul li, .related-post p hr + ul li, .post-discussion p hr + ul li, .sub-page-summary.recognition div.more p hr + ul li, body.team .page-summary.alt h2 hr + ul li, body.post.lunch-talks .page-summary.alt h2 hr + ul li, ul.services hr + ul li, ul.clients hr + ul li, ul.community hr + ul li, ul.videos hr + ul li, body.contact .body.bottom hr + ul li, body.contact .body.related-post hr + ul li, body.contact .body.post-discussion hr + ul li, .meta-sidebar ul li {
    display: inline-block;
    margin: 10px; }

.image-wrap {
  margin: 4em auto;
  display: block;
  zoom: 1; }
  .image-wrap:before, .image-wrap:after {
    content: "";
    display: table; }
  .image-wrap:after {
    clear: both; }
  .image-wrap img, .image-wrap .fluid-width-video-wrapper {
    display: block;
    margin: 0 auto; }
  .image-wrap figcaption {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
    color: #656565; }
    .image-wrap figcaption h2 {
      color: #111;
      text-transform: none;
      font-size: 22px; }
    .image-wrap figcaption blockquote {
      margin-left: 0;
      margin-right: 0;
      font-style: italic;
      font-size: 1.8em;
      line-height: 1.08333333333333; }
      @media only screen and (min-width: 760px) {
        body.lunch-talks .image-wrap figcaption blockquote p:first-child {
          text-indent: -0.4em; } }
      body.lunch-talks .image-wrap figcaption blockquote p:first-child:before {
        content: '“'; }
      body.lunch-talks .image-wrap figcaption blockquote p:last-child:after {
        content: '”'; }
      @media only screen and (min-width: 1000px) {
        .image-wrap figcaption blockquote {
          font-size: 2.4em; } }
  .image-wrap.full figcaption {
    text-align: center; }
  .image-wrap.slideshow, .image-wrap.full {
    padding-left: 0;
    padding-right: 0; }
  @media only screen and (max-width: 760px) {
    .image-wrap.half img, .image-wrap.half_padding img {
      width: 100%; }
    .image-wrap.half > *, .image-wrap.half_padding > * {
      display: block; }
      .image-wrap.half > *:not(:first-child), .image-wrap.half_padding > *:not(:first-child) {
        margin-top: 4em; } }
  @media only screen and (min-width: 760px) {
    .image-wrap.half, .image-wrap.half_left, .image-wrap.half_right {
      padding-left: 0;
      padding-right: 0; }
    .image-wrap.slideshow, .image-wrap.full, .image-wrap.half {
      margin: 0;
      max-width: none; }
    .image-wrap.full {
      position: relative; }
      .image-wrap.full .fluid-width-video-wrapper + figcaption {
        display: none; }
      .image-wrap.full figcaption {
        width: 100%;
        text-align: center;
        padding-left: 110px;
        padding-right: 110px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none; }
        body.lunch-talks .image-wrap.full figcaption {
          width: auto;
          text-align: left; }
          body.lunch-talks .image-wrap.full figcaption blockquote {
            text-align: left; }
          body.lunch-talks .image-wrap.full figcaption > * {
            max-width: 50%; }
        .image-wrap.full figcaption, .image-wrap.full figcaption a {
          color: white; }
    .image-wrap.slideshow img, .image-wrap.slideshow .fluid-width-video-wrapper, .image-wrap.full img, .image-wrap.full .fluid-width-video-wrapper, .image-wrap.normal img, .image-wrap.normal .fluid-width-video-wrapper, .image-wrap.padding img, .image-wrap.padding .fluid-width-video-wrapper {
      width: 100%;
      max-width: none; }
    .image-wrap.half img, .image-wrap.half .fluid-width-video-wrapper {
      width: 50%;
      float: left; }
    .image-wrap.half_padding img, .image-wrap.half_padding .fluid-width-video-wrapper {
      margin-left: 2em;
      width: calc(50% - 2em);
      float: left; }
      .image-wrap.half_padding img:first-child, .image-wrap.half_padding .fluid-width-video-wrapper:first-child {
        margin-left: 0;
        margin-right: 2em; }
    .image-wrap.padding {
      padding: 4em;
      max-width: 1200px; }
    .image-wrap.half_left, .image-wrap.half_right {
      display: table;
      width: 100%; }
      .image-wrap.half_left figcaption, .image-wrap.half_left img, .image-wrap.half_left .fluid-width-video-wrapper, .image-wrap.half_right figcaption, .image-wrap.half_right img, .image-wrap.half_right .fluid-width-video-wrapper {
        display: table-cell;
        vertical-align: middle; }
      .image-wrap.half_left img, .image-wrap.half_right img {
        width: 100%;
        max-width: none; }
      .image-wrap.half_left .fluid-width-video-wrapper, .image-wrap.half_right .fluid-width-video-wrapper {
        width: 50%; }
      .image-wrap.half_left figcaption, .image-wrap.half_right figcaption {
        padding-right: 110px;
        padding-left: 110px;
        width: 50%; } }

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0; }
  .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper video, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flexslider {
  margin: 0;
  padding: 0; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides img {
    width: 100%;
    display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  margin: 0 0 60px;
  position: relative;
  zoom: 1;
  overflow: hidden; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }
  .flex-direction-nav a {
    display: block;
    overflow: hidden;
    width: 32px;
    height: 32px;
    background: url(/images/arrows.svg) no-repeat top left;
    background-size: 65px 65px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: 9999px; }
    body.about .flex-direction-nav a, .flexslider.is-light .flex-direction-nav a {
      background-image: url(/images/arrows-white.svg); }
    @media only screen and (min-width: 760px) {
      .flex-direction-nav a {
        width: 65px;
        height: 65px;
        background-size: 130px 130px;
        margin: -32px 0 0; } }
    .flex-direction-nav a:hover {
      background-position: bottom left; }
  .flex-direction-nav .flex-prev {
    left: 12px; }
    @media only screen and (min-width: 760px) {
      .flex-direction-nav .flex-prev {
        left: 30px; } }
  .flex-direction-nav .flex-next {
    right: 12px;
    text-align: right;
    background-position: top right; }
    @media only screen and (min-width: 760px) {
      .flex-direction-nav .flex-next {
        right: 30px; } }
    .flex-direction-nav .flex-next:hover {
      background-position: bottom right; }
  .flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default; }

.flex-pauseplay a {
  display: none; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7); }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0; }
  .flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer; }
    .flex-control-thumbs img:hover {
      opacity: 1; }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default; }

.flexslider {
  margin: 4em auto; }
  .flexslider .image-wrap {
    margin: 0 auto; }

#infscr-loading {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: -60px; }
  #infscr-loading .loading {
    padding: 0; }

.tags {
  margin: 10px 0 0;
  padding: 0; }
  .tags .tag {
    list-style: none;
    display: inline-block;
    font-size: 0.6875em;
    margin-right: 5px; }
    .tags .tag a {
      border: #e0e0e0 1px solid;
      color: #656565;
      text-decoration: none;
      text-transform: uppercase;
      padding: 3px 5px 2px;
      display: block; }
      .tags .tag a:hover {
        border-color: #ff4e00;
        background: #ff4e00;
        color: white; }

.post-discussion #disqus_thread {
  padding: 60px 20px;
  text-align: center; }
  .post-discussion #disqus_thread iframe {
    max-width: 580px; }

.related-post-item {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0;
  margin: 20px 0;
  color: #656565; }
  .related-post-item:hover {
    color: #ff4e00; }
  .related-post-item figure {
    margin: 0; }
    .related-post-item figure img {
      display: none; }
    .related-post-item figure figcaption {
      font-size: 0.8em;
      font-weight: bold; }

@media only screen and (min-width: 500px) {
  .sub-page-summary.recognition > ul > li {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
  .related-post-items {
    display: table;
    margin: 0 -30px;
    min-width: 100%; }
  .related-post-item {
    margin: 0;
    padding: 15px;
    display: table-cell;
    border-right: 1px solid #e0e0e0;
    width: 33.33%;
    text-align: left; }
    .related-post-item:hover {
      color: #ff4e00; }
    .related-post-item figure img {
      display: inline-block;
      max-width: none;
      width: 100%; }
    .related-post-item:last-of-type {
      border-right: none; } }

@media only screen and (min-width: 760px) {
  .related-post-item {
    padding: 30px; } }

@media only screen and (min-width: 1000px) {
  .related-post-items {
    max-width: 1600px; } }

.grid-item {
  padding: 0;
  width: 100%; }
  .grid-item img {
    width: 100%;
    display: block; }
  .grid-item.post-preview {
    padding: 20px 0; }
  .grid-item.post-preview.idea .inner {
    background: #a1a1a5;
    padding: 20px; }
    .grid-item.post-preview.idea .inner:hover {
      background: #ff4e00;
      cursor: pointer; }
    .grid-item.post-preview.idea .inner .post-title {
      margin-bottom: 35px; }
      .grid-item.post-preview.idea .inner .post-title a {
        color: #fff;
        font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
        font-weight: 400; }
    .grid-item.post-preview.idea .inner .byline, .grid-item.post-preview.idea .inner .info h2, .info .grid-item.post-preview.idea .inner h2 {
      color: #fff; }
  .grid-item .post-image-link + .post-title {
    margin-top: 14px; }
  .grid-item.category-list {
    width: 100% !important; }
  @media only screen and (min-width: 500px) {
    .grid-item {
      width: 50%;
      float: left;
      padding: 0 15px; }
      .grid-item.post-preview {
        padding: 30px; }
      .grid-item.featured {
        width: 100%;
        background: white;
        z-index: 3; }
        .grid-item.featured .post-title {
          font-size: 1.8em; } }
  @media only screen and (min-width: 760px) {
    .grid-item {
      width: 33.33%; }
      .grid-item.featured {
        width: 66.66%; }
      .post-listing-wrap:not(.packing) .grid-item.post-preview.featured {
        border-right: none; } }
  @media only screen and (min-width: 1000px) {
    .grid-item {
      padding: 0 40px; } }
  @media only screen and (min-width: 1400px) {
    body.items .grid-item, body.work .grid-item {
      width: 25%; }
      body.items .grid-item.featured, body.work .grid-item.featured {
        width: 50%; }
      body.items .grid-item.category-list.is-active + body.items .grid-item.post-preview.featured, body.work .grid-item.category-list.is-active + body.items .grid-item.post-preview.featured, body.items .grid-item.category-list.is-active + body.work .grid-item.post-preview.featured, body.work .grid-item.category-list.is-active + body.work .grid-item.post-preview.featured {
        border-right: none; } }

hr {
  background: #e0e0e0;
  margin: 0;
  padding: 0;
  border: 0 none;
  height: 1px; }

@media only screen and (min-width: 760px) {
  .related-post-item-inner {
    position: relative; } }

.search {
  padding: 0;
  display: none; }
  .search.is-active {
    display: block; }
  .search input {
    font-size: 16px;
    font-family: Antenna, Helvetica, sans-serif;
    border: 0;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    background: #000;
    color: #fff;
    height: 70px; }
    @media only screen and (min-width: 590px) {
      .search input {
        padding-left: 30px;
        padding-right: 30px; } }
    .search input::-webkit-input-placeholder {
      color: #656565; }
    .search input:-moz-placeholder {
      color: #656565; }
    .search input::-moz-placeholder {
      color: #656565; }
    .search input:-ms-input-placeholder {
      color: #656565; }

.info .search-toggle, .info .categories-toggle {
  float: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  position: relative;
  display: block;
  font-size: 1em;
  line-height: 30px;
  padding: 20px;
  height: 70px;
  cursor: pointer;
  color: #656565; }
  @media only screen and (max-width: 500px) {
    .info .search-toggle, .info .categories-toggle {
      padding: 20px 10px; }
      .info .search-toggle span, .info .categories-toggle span {
        display: none; } }
  .info .search-toggle:hover, .info .categories-toggle:hover {
    color: #111; }
  .info .search-toggle.is-active, .info .categories-toggle.is-active {
    color: #ff4e00; }
    @media only screen and (min-width: 320px) {
      .info .search-toggle.is-active:after, .info .categories-toggle.is-active:after {
        z-index: 999;
        top: 100%;
        left: 28px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #111;
        border-width: 6px;
        margin-left: -6px;
        margin-top: -10px; } }
  @media only screen and (min-width: 320px) and (max-width: 500px) {
    .info .search-toggle.is-active:after, .info .categories-toggle.is-active:after {
      left: 18px; } }
  .info .search-toggle:before, .info .categories-toggle:before {
    vertical-align: middle;
    margin-right: 10px; }

.info .search-toggle {
  padding-right: 0; }

.info .current-close {
  position: relative;
  top: -1px;
  display: none;
  margin-left: 5px;
  border-radius: 50%;
  background: #656565;
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  width: 16px;
  height: 16px;
  text-align: center; }
  .info .current-close.is-active {
    display: inline-block; }
  .info .current-close:hover {
    background: #111; }

.category-list-inner {
  zoom: 1;
  width: 100%;
  padding: 0;
  margin-top: -1px; }
  .category-list-inner:before, .category-list-inner:after {
    content: "";
    display: table; }
  .category-list-inner:after {
    clear: both; }
  @media only screen and (min-width: 590px) {
    .category-list-inner::before, .category-list-inner::after {
      display: block;
      position: absolute;
      z-index: 1;
      background-color: #e0e0e0;
      height: 100%;
      width: 1px;
      top: 0;
      left: 50%;
      margin-left: -1px;
      opacity: 1;
      background-color: #656565; }
    .category-list-inner::before {
      left: 33.33%; }
    .category-list-inner::after {
      opacity: 1;
      left: 66.66%; } }
  @media only screen and (min-width: 1000px) {
    .category-list-inner::before {
      left: 20%; }
    .category-list-inner::after {
      opacity: 1;
      left: 60%; } }
  .category-list-inner a.view-all {
    display: block;
    background: #111;
    padding: 20px 15px;
    border-bottom: 1px solid #e0e0e0;
    z-index: 2;
    position: relative; }
    @media only screen and (min-width: 1000px) {
      .category-list-inner a.view-all {
        padding: 20px 30px; } }

.category-list {
  position: relative;
  color: #fff;
  display: none;
  z-index: 3; }
  @media only screen and (min-width: 500px) {
    .category-list .category-list-inner {
      padding-left: 30px;
      padding-right: 30px; } }
  .category-list, .category-list.category-list {
    background: #111; }
  .category-list.grid-item.post-preview {
    padding: 0; }
  .category-list.is-active {
    display: block; }
  .category-list .close {
    position: absolute;
    top: -44px;
    right: 18px;
    cursor: pointer; }
  .category-list .tagset {
    margin: 0;
    padding: 0; }
    .category-list .tagset .tags {
      margin: 0;
      list-style: none; }
    @media only screen and (min-width: 590px) {
      .category-list .tagset {
        width: 33.33%;
        display: block;
        float: left;
        padding: 30px; } }
    @media only screen and (min-width: 1000px) {
      .category-list .tagset {
        width: 40%; }
        .category-list .tagset .tags {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          -ms-column-count: 2;
          column-count: 2; }
        .category-list .tagset:first-child {
          width: 20%; }
          .category-list .tagset:first-child .tags {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            -ms-column-count: 1;
            column-count: 1; } }
    @media only screen and (max-width: 590px) {
      .category-list .tagset {
        padding: 20px 15px;
        display: block;
        width: 100%;
        border-left: 0 none;
        border-bottom: 1px solid #656565; }
        .category-list .tagset:last-child {
          border-bottom: 0 none; } }
  .category-list .tagset-title {
    padding: 0;
    margin: 0 0 8px;
    font-size: 1em;
    font-weight: normal;
    color: white; }
  .category-list .tagset-item {
    padding: 0;
    margin: 8px 0; }
    .category-list .tagset-item:last-child {
      margin-bottom: 0; }
  .category-list a {
    font-size: 0.6875em;
    font-weight: normal;
    color: #a5a5a5;
    text-decoration: none;
    display: block;
    line-height: 1.25; }
    .category-list a.selected {
      color: white; }
    .category-list a:hover {
      color: #ff4e00; }

.post-listing {
  zoom: 1;
  position: relative;
  margin-top: 0; }
  .post-listing:before, .post-listing:after {
    content: "";
    display: table; }
  .post-listing:after {
    clear: both; }
  @media only screen and (min-width: 500px) {
    .post-listing-wrap:not(.packing) .post-listing::after {
      opacity: 0; } }
  @media only screen and (min-width: 760px) {
    .post-listing-wrap:not(.packing) .post-listing::before {
      left: 33.33%; }
    .post-listing-wrap:not(.packing) .post-listing::after {
      opacity: 1;
      left: 66.66%; } }
  @media only screen and (min-width: 1400px) {
    .post-listing-wrap:not(.packing) .post-listing::before {
      left: 25%; }
    .post-listing-wrap:not(.packing) .post-listing::after {
      left: 50%; } }

@media only screen and (min-width: 1400px) {
  .search.grid-item {
    width: 50%; }
  .post-listing-wrap:not(.packing) {
    position: relative; }
    .post-listing-wrap:not(.packing)::before {
      left: calc(75% + 15px); } }

.post-listing-wrap, .posts-nav {
  zoom: 1;
  margin: 30px 20px 110px; }
  .post-listing-wrap:before, .post-listing-wrap:after, .posts-nav:before, .posts-nav:after {
    content: "";
    display: table; }
  .post-listing-wrap:after, .posts-nav:after {
    clear: both; }
  @media only screen and (min-width: 760px) {
    .post-listing-wrap, .posts-nav {
      margin: 80px 30px 110px; } }
  @media only screen and (min-width: 1000px) {
    .post-listing-wrap, .posts-nav {
      margin: 80px 80px 110px; } }

.post-listing-wrap {
  margin-top: 0;
  overflow: hidden; }

.post-listing {
  min-height: 250px; }
  @media only screen and (min-width: 500px) {
    .post-listing {
      margin-left: -30px;
      margin-right: -30px; } }

.no-results, .loading {
  text-align: center;
  padding: 110px;
  color: #e0e0e0;
  width: 100%;
  background: #fff;
  z-index: 999;
  margin: 0; }

.posts-nav {
  zoom: 1;
  margin-top: 0;
  margin-bottom: 0;
  position: relative; }
  .posts-nav:before, .posts-nav:after {
    content: "";
    display: table; }
  .posts-nav:after {
    clear: both; }

.post-preview .post-body {
  margin: 0;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
  color: #656565;
  line-height: 1.25; }

.post-preview .post-title {
  margin-bottom: 5px; }

.post-preview .post-body {
  margin-top: 1em; }

.post-preview .byline, .post-preview .info h2, .info .post-preview h2 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.866666666666667em; }

.post-preview .post-image-link {
  display: block;
  overflow: hidden;
  max-height: 600px;
  line-height: 0; }
  .post-preview .post-image-link img {
    width: 100%; }

.view-all-button {
  display: block;
  margin: 60px auto;
  width: 90%;
  max-width: 198px; }
  @media only screen and (min-width: 1000px) {
    .view-all-button {
      max-width: 230px; } }
  body.page.items .view-all-button, body.page.work .view-all-button {
    display: none; }

.post-title {
  font-size: 1.13333333333333em;
  font-weight: bold;
  margin: 0 0 10px; }
  .post-title a {
    text-decoration: none; }
    .post-title a:hover, .post-image-link:hover + .post-title a {
      color: #ff4e00; }

.credit.idea {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }
  .credit.idea figure {
    margin: 0; }
  .credit.idea img {
    width: 40px; }

.info .credit.idea {
  float: left;
  margin-top: -5px; }

.row-listing {
  max-width: 100%;
  overflow: hidden; }

.post-listing-item {
  background: #111 center center;
  background-size: cover;
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
  padding-top: 37.5%;
  margin-bottom: 1px; }
  .post-listing-item h1, .post-listing-item .page-summary h2, .page-summary .post-listing-item h2, .post-listing-item .sub-page-summary h2, .sub-page-summary .post-listing-item h2 {
    margin: 10px 0; }
    @media only screen and (min-width: 500px) {
      .post-listing-item h1, .post-listing-item .page-summary h2, .page-summary .post-listing-item h2, .post-listing-item .sub-page-summary h2, .sub-page-summary .post-listing-item h2 {
        font-size: 2.2em; } }
    @media only screen and (min-width: 760px) {
      .post-listing-item h1, .post-listing-item .page-summary h2, .page-summary .post-listing-item h2, .post-listing-item .sub-page-summary h2, .sub-page-summary .post-listing-item h2 {
        max-width: 50%; } }
  @media only screen and (max-width: 895px) {
    .post-listing-item {
      padding-top: 50%; } }
  @media only screen and (max-width: 590px) {
    .post-listing-item {
      padding-top: 0; } }
  .post-listing-item:hover .item-overlay {
    background: none; }
  @media only screen and (min-width: 590px) {
    .post-listing-item .item-overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 0;
      display: block;
      -webkit-transition: background 1s ease;
      -moz-transition: background 1s ease;
      -ms-transition: background 1s ease;
      transition: background 1s ease; }
      .post-listing-item .item-overlay:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; } }
  @media only screen and (max-width: 590px) {
    .post-listing-item .item-overlay {
      position: static;
      padding-top: 56px;
      padding-bottom: 56px; } }
  .post-listing-item .title {
    width: 100%;
    font-size: 16px; }
    @media only screen and (min-width: 590px) {
      .post-listing-item .title {
        vertical-align: middle;
        display: inline-block; } }
    @media only screen and (min-width: 1400px) {
      .post-listing-item .title {
        font-size: 18px; } }
  .post-listing-item .byline, .post-listing-item .info h2, .info .post-listing-item h2 {
    margin-bottom: 30px; }
    @media only screen and (max-width: 760px) {
      .post-listing-item .byline, .post-listing-item .info h2, .info .post-listing-item h2 {
        margin-bottom: 20px; } }
  .post-listing-item .button, .post-listing-item .button-light, .post-listing-item body.home .body li a, body.home .body li .post-listing-item a, .post-listing-item body.not_found .body li a, body.not_found .body li .post-listing-item a, .post-listing-item .image-wrap figcaption ul li a, .image-wrap figcaption ul li .post-listing-item a, .post-listing-item .text hr + ul li a, .text hr + ul li .post-listing-item a, .post-listing-item .bottom p hr + ul li a, .bottom p hr + ul li .post-listing-item a, .post-listing-item .related-post p hr + ul li a, .related-post p hr + ul li .post-listing-item a, .post-listing-item .post-discussion p hr + ul li a, .post-discussion p hr + ul li .post-listing-item a, .post-listing-item .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li .post-listing-item a, .post-listing-item body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li .post-listing-item a, .post-listing-item body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li .post-listing-item a, .post-listing-item ul.services hr + ul li a, ul.services hr + ul li .post-listing-item a, .post-listing-item ul.clients hr + ul li a, ul.clients hr + ul li .post-listing-item a, .post-listing-item ul.community hr + ul li a, ul.community hr + ul li .post-listing-item a, .post-listing-item ul.videos hr + ul li a, ul.videos hr + ul li .post-listing-item a, .post-listing-item body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li .post-listing-item a, .post-listing-item body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li .post-listing-item a, .post-listing-item body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li .post-listing-item a, .post-listing-item .meta-sidebar ul li a, .meta-sidebar ul li .post-listing-item a, .post-listing-item .view-all-button, .post-listing-item body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li .post-listing-item a {
    margin-top: 1.875em; }
    @media only screen and (max-width: 760px) {
      .post-listing-item .button, .post-listing-item .button-light, .post-listing-item body.home .body li a, body.home .body li .post-listing-item a, .post-listing-item body.not_found .body li a, body.not_found .body li .post-listing-item a, .post-listing-item .image-wrap figcaption ul li a, .image-wrap figcaption ul li .post-listing-item a, .post-listing-item .text hr + ul li a, .text hr + ul li .post-listing-item a, .post-listing-item .bottom p hr + ul li a, .bottom p hr + ul li .post-listing-item a, .post-listing-item .related-post p hr + ul li a, .related-post p hr + ul li .post-listing-item a, .post-listing-item .post-discussion p hr + ul li a, .post-discussion p hr + ul li .post-listing-item a, .post-listing-item .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li .post-listing-item a, .post-listing-item body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li .post-listing-item a, .post-listing-item body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li .post-listing-item a, .post-listing-item ul.services hr + ul li a, ul.services hr + ul li .post-listing-item a, .post-listing-item ul.clients hr + ul li a, ul.clients hr + ul li .post-listing-item a, .post-listing-item ul.community hr + ul li a, ul.community hr + ul li .post-listing-item a, .post-listing-item ul.videos hr + ul li a, ul.videos hr + ul li .post-listing-item a, .post-listing-item body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li .post-listing-item a, .post-listing-item body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li .post-listing-item a, .post-listing-item body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li .post-listing-item a, .post-listing-item .meta-sidebar ul li a, .meta-sidebar ul li .post-listing-item a, .post-listing-item .view-all-button, .post-listing-item body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li .post-listing-item a {
        margin-top: 20px; } }
  @media only screen and (max-width: 590px) {
    .post-listing-item.is-light .item-overlay {
      background: rgba(17, 17, 17, 0.2); } }
  .post-listing-item.is-light, .post-listing-item.is-light em {
    color: white; }
  .post-listing-item.is-light .button, .post-listing-item.is-light .button-light, .post-listing-item.is-light body.home .body li a, body.home .body li .post-listing-item.is-light a, .post-listing-item.is-light body.not_found .body li a, body.not_found .body li .post-listing-item.is-light a, .post-listing-item.is-light .image-wrap figcaption ul li a, .image-wrap figcaption ul li .post-listing-item.is-light a, .post-listing-item.is-light .text hr + ul li a, .text hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light .bottom p hr + ul li a, .bottom p hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light .related-post p hr + ul li a, .related-post p hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light .post-discussion p hr + ul li a, .post-discussion p hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light ul.services hr + ul li a, ul.services hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light ul.clients hr + ul li a, ul.clients hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light ul.community hr + ul li a, ul.community hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light ul.videos hr + ul li a, ul.videos hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li .post-listing-item.is-light a, .post-listing-item.is-light .meta-sidebar ul li a, .meta-sidebar ul li .post-listing-item.is-light a, .post-listing-item.is-light .view-all-button, .post-listing-item.is-light body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li .post-listing-item.is-light a {
    color: #fff !important;
    border-color: #fff; }
  .post-listing-item.is-light:hover .button, .post-listing-item.is-light:hover .button-light, .post-listing-item.is-light:hover body.home .body li a, body.home .body li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.not_found .body li a, body.not_found .body li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .image-wrap figcaption ul li a, .image-wrap figcaption ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .text hr + ul li a, .text hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .bottom p hr + ul li a, .bottom p hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .related-post p hr + ul li a, .related-post p hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .post-discussion p hr + ul li a, .post-discussion p hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover ul.services hr + ul li a, ul.services hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover ul.clients hr + ul li a, ul.clients hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover ul.community hr + ul li a, ul.community hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover ul.videos hr + ul li a, ul.videos hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .meta-sidebar ul li a, .meta-sidebar ul li .post-listing-item.is-light:hover a, .post-listing-item.is-light:hover .view-all-button, .post-listing-item.is-light:hover body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li .post-listing-item.is-light:hover a {
    color: #111 !important;
    background: #fff; }
  @media only screen and (max-width: 590px) {
    .post-listing-item.is-dark .item-overlay {
      background: rgba(255, 255, 255, 0.2); } }
  .post-listing-item.is-dark, .post-listing-item.is-dark em {
    color: #111; }
  .post-listing-item.is-dark .post-listing-title {
    text-shadow: 0 0 100px rgba(255, 255, 255, 0.35); }
  .post-listing-item.is-dark .post-listing-summary {
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.45); }
  .post-listing-item.is-dark .summary {
    color: #656565;
    border-color: #656565; }
  .post-listing-item.is-dark:hover .button, .post-listing-item.is-dark:hover .button-light, .post-listing-item.is-dark:hover body.home .body li a, body.home .body li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.not_found .body li a, body.not_found .body li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .image-wrap figcaption ul li a, .image-wrap figcaption ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .text hr + ul li a, .text hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .bottom p hr + ul li a, .bottom p hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .related-post p hr + ul li a, .related-post p hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .post-discussion p hr + ul li a, .post-discussion p hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover ul.services hr + ul li a, ul.services hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover ul.clients hr + ul li a, ul.clients hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover ul.community hr + ul li a, ul.community hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover ul.videos hr + ul li a, ul.videos hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .meta-sidebar ul li a, .meta-sidebar ul li .post-listing-item.is-dark:hover a, .post-listing-item.is-dark:hover .view-all-button, .post-listing-item.is-dark:hover body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li .post-listing-item.is-dark:hover a {
    color: #fff !important;
    background: #111; }

.post-listing-title {
  font-weight: bold; }
  @media only screen and (min-width: 590px) {
    .post-listing-title {
      text-shadow: 0 0 100px rgba(17, 17, 17, 0.35); } }

.post-listing-summary {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
  margin: 0 0 5px; }
  @media only screen and (min-width: 590px) {
    .post-listing-summary {
      text-shadow: 0 0 25px rgba(17, 17, 17, 0.45); } }

footer {
  background: #111;
  text-align: center;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media only screen and (min-width: 500px) {
    footer {
      padding-top: 60px;
      padding-bottom: 60px; } }
  footer, footer a {
    color: #999; }
  footer a {
    text-decoration: none; }
  footer .logo, footer ul.social {
    font-size: 24px; }
  @media only screen and (min-width: 500px) {
    footer .logo, footer ul.social {
      display: inline-block;
      border-bottom: 1px solid #656565;
      width: 180px;
      height: 45px;
      margin: 10px 0;
      vertical-align: bottom; }
    footer .logo {
      border-right: 1px solid #656565;
      text-align: left; }
    footer ul.social {
      margin: 0;
      text-align: right; } }
  footer ul.social {
    margin: 10px 0;
    padding: 0;
    list-style: none; }
    footer ul.social li {
      display: inline;
      padding: 0 5px; }
      footer ul.social li a:hover {
        color: #ff4e00; }
  footer p {
    font-size: 0.6875em;
    vertical-align: middle; }
    footer p .ss-icon {
      vertical-align: middle; }

body.home, body.not_found {
  background-color: #111; }
  @media only screen and (min-width: 500px) {
    body.home, body.not_found {
      min-height: 480px; } }
  body.home, body.home a, body.home .open-nav-menu, body.not_found, body.not_found a, body.not_found .open-nav-menu {
    color: white; }
  body.home .primary-header path, body.home .primary-header rect, body.not_found .primary-header path, body.not_found .primary-header rect {
    fill: #fff; }
  body.home .body, body.not_found .body {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
    font-size: 1em;
    margin: 4.375em auto;
    text-align: center;
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 8.75em); }
    body.home .body a, body.not_found .body a {
      pointer-events: auto; }
    body.home .body h1, body.home .body .page-summary h2, .page-summary body.home .body h2, body.home .body .sub-page-summary h2, .sub-page-summary body.home .body h2, body.home .body h2, body.not_found .body h1, body.not_found .body .page-summary h2, .page-summary body.not_found .body h2, body.not_found .body .sub-page-summary h2, .sub-page-summary body.not_found .body h2, body.not_found .body h2 {
      margin: 0; }
      @media only screen and (min-width: 500px) {
        body.home .body h1, body.home .body .page-summary h2, .page-summary body.home .body h2, body.home .body .sub-page-summary h2, .sub-page-summary body.home .body h2, body.home .body h2, body.not_found .body h1, body.not_found .body .page-summary h2, .page-summary body.not_found .body h2, body.not_found .body .sub-page-summary h2, .sub-page-summary body.not_found .body h2, body.not_found .body h2 {
          font-size: 1.8em; } }
      @media only screen and (min-width: 1000px) {
        body.home .body h1, body.home .body .page-summary h2, .page-summary body.home .body h2, body.home .body .sub-page-summary h2, .sub-page-summary body.home .body h2, body.home .body h2, body.not_found .body h1, body.not_found .body .page-summary h2, .page-summary body.not_found .body h2, body.not_found .body .sub-page-summary h2, .sub-page-summary body.not_found .body h2, body.not_found .body h2 {
          font-size: 2.4em; } }
    @media only screen and (max-width: 500px) {
      body.home .body h1, body.home .body .page-summary h2, .page-summary body.home .body h2, body.home .body .sub-page-summary h2, .sub-page-summary body.home .body h2, body.not_found .body h1, body.not_found .body .page-summary h2, .page-summary body.not_found .body h2, body.not_found .body .sub-page-summary h2, .sub-page-summary body.not_found .body h2 {
        font-size: 1.8em; }
      body.home .body h2, body.not_found .body h2 {
        font-size: 1.4em; } }
    body.home .body ul, body.not_found .body ul {
      padding: 0;
      list-style: none; }
    body.home .body li, body.not_found .body li {
      display: block;
      margin: 10px; }
    @media only screen and (min-width: 500px) {
      body.home .body, body.not_found .body {
        font-size: 1.4em;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 auto; }
        body.home .body canvas, body.not_found .body canvas {
          display: block; }
        body.home .body li, body.not_found .body li {
          display: inline-block; } }
    @media only screen and (min-width: 760px) {
      body.home .body, body.not_found .body {
        padding: 0;
        max-width: 700px; } }

#ArrowCanvas {
  display: none; }
  @media only screen and (min-width: 500px) {
    #ArrowCanvas {
      display: block; } }

#staticBG {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1; }

#videoBG {
  z-index: -1;
  display: none;
  position: fixed;
  left: -20px;
  top: -20px;
  pointer-events: none; }
  body.is-loaded #videoBG {
    opacity: 1 !important;
    display: block; }

body {
  background-position: center center;
  background-size: cover; }

.sub-page-summary.recognition div.more {
  text-align: left; }
  .sub-page-summary.recognition div.more h2 {
    font-weight: bold;
    font-size: 1em;
    margin: 2em 0 1em; }

@media only screen and (min-width: 760px) {
  body.about .quotes.is-mobile {
    display: none; } }

body.about .quotes.is-mobile blockquote {
  color: #656565; }

body.about .quotes.is-mobile img {
  display: none; }

body.about .quotes.is-mobile blockquote + p {
  margin-top: -1em; }

body.about .quotes.is-mobile, body.about .quote {
  text-align: center; }
  body.about .quotes.is-mobile blockquote, body.about .quote blockquote {
    margin: 0;
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif;
    font-style: italic;
    font-size: 1.4em; }
    @media only screen and (min-width: 500px) {
      body.about .quotes.is-mobile blockquote, body.about .quote blockquote {
        font-size: 1.8em;
        line-height: 1.08333333333333; } }
    @media only screen and (min-width: 1000px) {
      body.about .quotes.is-mobile blockquote, body.about .quote blockquote {
        font-size: 2.4em; } }
    body.about .quotes.is-mobile blockquote + p, body.about .quote blockquote + p {
      font-size: 1em;
      text-decoration: none;
      font-family: Antenna, Helvetica, sans-serif;
      vertical-align: middle;
      font-weight: bold; }

body.about .flexslider.quotes {
  background-size: 100% auto;
  background-color: #ff4e00;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  padding-top: 37.5%;
  position: relative; }
  @media only screen and (min-width: 760px) {
    body.about .flexslider.quotes {
      display: block; } }
  body.about .flexslider.quotes .quote {
    padding: 2em 4em;
    width: 100%; }
    body.about .flexslider.quotes .quote, body.about .flexslider.quotes .quote a {
      color: white; }
  body.about .flexslider.quotes .flex-viewport {
    position: absolute !important;
    top: 0;
    height: 100% !important;
    width: 100% !important; }
  body.about .flexslider.quotes .slides {
    height: 100% !important; }
    body.about .flexslider.quotes .slides li {
      position: relative;
      height: 100% !important; }
  body.about .flexslider.quotes .quote {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 110px;
    padding-right: 110px; }

body.about .quote blockquote + p img, body.about .sub-page-summary.recognition div.more h2 img {
  width: 25px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 6px; }

body.team .page-summary.alt p, body.post.lunch-talks .page-summary.alt p {
  color: #656565;
  text-align: left; }
  body.team .page-summary.alt p:first-of-type, body.post.lunch-talks .page-summary.alt p:first-of-type {
    border-top: 1px solid #e0e0e0;
    margin-top: 1.875em;
    padding-top: 1.875em; }

body.team .page-summary.alt .avatar, body.post.lunch-talks .page-summary.alt .avatar {
  width: 350px; }

body.team .page-summary.alt h1, body.team .page-summary.alt h2, body.post.lunch-talks .page-summary.alt h1, body.post.lunch-talks .page-summary.alt h2 {
  font-size: 2.4em;
  margin: 20px auto 8px; }

body.team .page-summary.alt h2, body.post.lunch-talks .page-summary.alt h2 {
  font-size: 1em;
  margin: 0 auto; }

body.team .page-summary.alt h3, body.team .page-summary.alt .body .meta dt, .body .meta body.team .page-summary.alt dt, body.team .page-summary.alt .body .meta h2, .body .meta body.team .page-summary.alt h2, body.post.lunch-talks .page-summary.alt h3, body.post.lunch-talks .page-summary.alt .body .meta dt, .body .meta body.post.lunch-talks .page-summary.alt dt, body.post.lunch-talks .page-summary.alt .body .meta h2, .body .meta body.post.lunch-talks .page-summary.alt h2 {
  margin: 20px auto 0; }
  body.team .page-summary.alt h3 + h1, body.team .page-summary.alt .body .meta dt + h1, .body .meta body.team .page-summary.alt dt + h1, body.team .page-summary.alt .body .meta h2 + h1, .body .meta body.team .page-summary.alt h2 + h1, body.team .page-summary.alt .body .meta h3 + h1, body.team .page-summary.alt h3 + h2, body.team .page-summary.alt .body .meta dt + h2, .body .meta body.team .page-summary.alt dt + h2, body.team .page-summary.alt .body .meta h2 + h2, .body .meta body.team .page-summary.alt h2 + h2, body.team .page-summary.alt .body .meta h3 + h2, body.team .page-summary.alt .sub-page-summary h3 + h2, body.team .page-summary.alt .body .meta .sub-page-summary dt + h2, .body .meta body.team .page-summary.alt .sub-page-summary dt + h2, body.team .page-summary.alt .body .meta .sub-page-summary h2 + h2, .body .meta body.team .page-summary.alt .sub-page-summary h2 + h2, body.post.lunch-talks .page-summary.alt h3 + h1, body.post.lunch-talks .page-summary.alt .body .meta dt + h1, .body .meta body.post.lunch-talks .page-summary.alt dt + h1, body.post.lunch-talks .page-summary.alt .body .meta h2 + h1, .body .meta body.post.lunch-talks .page-summary.alt h2 + h1, body.post.lunch-talks .page-summary.alt .body .meta h3 + h1, body.post.lunch-talks .page-summary.alt h3 + h2, body.post.lunch-talks .page-summary.alt .body .meta dt + h2, .body .meta body.post.lunch-talks .page-summary.alt dt + h2, body.post.lunch-talks .page-summary.alt .body .meta h2 + h2, .body .meta body.post.lunch-talks .page-summary.alt h2 + h2, body.post.lunch-talks .page-summary.alt .body .meta h3 + h2, body.post.lunch-talks .page-summary.alt .sub-page-summary h3 + h2, body.post.lunch-talks .page-summary.alt .body .meta .sub-page-summary dt + h2, .body .meta body.post.lunch-talks .page-summary.alt .sub-page-summary dt + h2, body.post.lunch-talks .page-summary.alt .body .meta .sub-page-summary h2 + h2, .body .meta body.post.lunch-talks .page-summary.alt .sub-page-summary h2 + h2 {
    margin-top: 6px; }

body.team .page-summary.alt .button, body.team .page-summary.alt .button-light, body.team .page-summary.alt body.home .body li a, body.home .body li body.team .page-summary.alt a, body.team .page-summary.alt body.not_found .body li a, body.not_found .body li body.team .page-summary.alt a, body.team .page-summary.alt .image-wrap figcaption ul li a, .image-wrap figcaption ul li body.team .page-summary.alt a, body.team .page-summary.alt .text hr + ul li a, .text hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt .bottom p hr + ul li a, .bottom p hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt .related-post p hr + ul li a, .related-post p hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt .post-discussion p hr + ul li a, .post-discussion p hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt h2 hr + ul li a, body.team body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt ul.services hr + ul li a, ul.services hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt ul.clients hr + ul li a, ul.clients hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt ul.community hr + ul li a, ul.community hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt ul.videos hr + ul li a, ul.videos hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li body.team .page-summary.alt a, body.team .page-summary.alt .meta-sidebar ul li a, .meta-sidebar ul li body.team .page-summary.alt a, body.team .page-summary.alt .view-all-button, body.team body.page.lunch-talks .page-summary.alt li a, body.page.lunch-talks body.team .page-summary.alt li a, body.post.lunch-talks .page-summary.alt .button, body.post.lunch-talks .page-summary.alt .button-light, body.post.lunch-talks .page-summary.alt body.home .body li a, body.home .body li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt body.not_found .body li a, body.not_found .body li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .image-wrap figcaption ul li a, .image-wrap figcaption ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .text hr + ul li a, .text hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .bottom p hr + ul li a, .bottom p hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .related-post p hr + ul li a, .related-post p hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .post-discussion p hr + ul li a, .post-discussion p hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks body.team .page-summary.alt h2 hr + ul li a, body.team body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt ul.services hr + ul li a, ul.services hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt ul.clients hr + ul li a, ul.clients hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt ul.community hr + ul li a, ul.community hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt ul.videos hr + ul li a, ul.videos hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .meta-sidebar ul li a, .meta-sidebar ul li body.post.lunch-talks .page-summary.alt a, body.post.lunch-talks .page-summary.alt .view-all-button, body.post.lunch-talks body.page.lunch-talks .page-summary.alt li a, body.page.lunch-talks body.post.lunch-talks .page-summary.alt li a {
  margin: 40px auto; }

ul.team {
  list-style: none;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 0 1.875em;
  text-align: center; }
  @media only screen and (min-width: 1000px) {
    ul.team {
      max-width: 1600px; } }
  .bottom ul.team, .related-post ul.team, .post-discussion ul.team {
    padding-top: 20px; }
  .sub-page-summary.team ul.team {
    padding-bottom: 0; }
  ul.team li {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    padding: 20px 0; }
    @media only screen and (min-width: 500px) {
      ul.team li {
        width: 160px;
        padding: 20px; } }
    @media only screen and (min-width: 760px) {
      ul.team li {
        width: 180px; } }
    @media only screen and (min-width: 1000px) {
      ul.team li {
        width: 20%;
        padding: 30px; } }
    ul.team li figure {
      padding: 0;
      margin: 0; }
      ul.team li figure img {
        max-width: 80%;
        border: 2px solid white;
        -webkit-transition: border-color 500ms ease;
        -moz-transition: border-color 500ms ease;
        -ms-transition: border-color 500ms ease;
        transition: border-color 500ms ease; }
        @media only screen and (min-width: 500px) {
          ul.team li figure img {
            min-width: 105px; } }
        @media only screen and (min-width: 1000px) {
          ul.team li figure img {
            width: 80%; } }
    ul.team li a:hover img {
      border-color: #ff4e00; }

ul.team li, ul.videos li {
  font-family: Antenna, Helvetica, sans-serif;
  text-align: center;
  font-size: 0.6875em; }
  ul.team li figure, ul.videos li figure {
    color: #111; }
    ul.team li figure img, ul.videos li figure img {
      margin-bottom: 0.5em; }
    ul.team li figure figcaption, ul.videos li figure figcaption {
      font-weight: bold;
      max-height: 4.5em; }
      ul.team li figure figcaption, ul.team li figure figcaption em, ul.videos li figure figcaption, ul.videos li figure figcaption em {
        overflow: hidden;
        text-overflow: ellipsis; }
      ul.team li figure figcaption em, ul.videos li figure figcaption em {
        display: block;
        font-style: normal;
        font-weight: normal;
        color: #656565; }
  ul.team li a, ul.videos li a {
    text-decoration: none; }
    ul.team li a:hover figure, ul.videos li a:hover figure {
      color: #ff4e00; }

ul.services, ul.clients, ul.community, ul.videos {
  margin: -20px auto;
  padding: 0;
  list-style: none; }
  ul.services figure, ul.clients figure, ul.community figure, ul.videos figure {
    margin: 20px 0;
    width: 100%; }
    @media only screen and (min-width: 500px) {
      ul.services figure, ul.clients figure, ul.community figure, ul.videos figure {
        margin: 0;
        padding: 20px; } }
  ul.services img, ul.clients img, ul.community img, ul.videos img {
    max-width: 60%; }
  ul.services h3, ul.services .body .meta dt, .body .meta ul.services dt, ul.services .body .meta h2, .body .meta ul.services h2, ul.services .body .meta h3, .body .meta ul.services h3, ul.clients h3, ul.clients .body .meta dt, .body .meta ul.clients dt, ul.clients .body .meta h2, .body .meta ul.clients h2, ul.clients .body .meta h3, .body .meta ul.clients h3, ul.community h3, ul.community .body .meta dt, .body .meta ul.community dt, ul.community .body .meta h2, .body .meta ul.community h2, ul.community .body .meta h3, .body .meta ul.community h3, ul.videos h3, ul.videos .body .meta dt, .body .meta ul.videos dt, ul.videos .body .meta h2, .body .meta ul.videos h2, ul.videos .body .meta h3, .body .meta ul.videos h3 {
    font-size: 1em;
    font-weight: bold;
    color: #111;
    text-transform: none;
    margin: 0; }

ul.services img {
  width: 60%;
  margin-bottom: 0.5em; }

@media only screen and (min-width: 1000px) {
  ul.services {
    zoom: 1;
    border-top: 1px solid #e0e0e0;
    margin: 4.375em auto;
    border-top: none;
    overflow: hidden; }
    ul.services:before, ul.services:after {
      content: "";
      display: table; }
    ul.services:after {
      clear: both; }
    ul.services li {
      float: left;
      position: relative;
      border-bottom: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0; }
    ul.services img, ul.services h3, ul.services .body .meta dt, .body .meta ul.services dt, ul.services .body .meta h2, .body .meta ul.services h2, ul.services .body .meta h3, .body .meta ul.services h3, ul.services p {
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      transition: all 500ms ease; }
    ul.services li:hover h3, ul.services li:hover .body .meta dt, .body .meta ul.services li:hover dt, ul.services li:hover .body .meta h2, .body .meta ul.services li:hover h2 {
      color: #ff4e00; }
    ul.services li:hover p {
      opacity: 1;
      max-height: 300px; }
    ul.services li:hover img {
      opacity: 0;
      margin-top: -100%; }
    ul.services p {
      opacity: 0;
      max-height: 0;
      overflow: hidden; }
    ul.services li {
      padding-top: 33.33%;
      position: relative;
      width: 33.33%;
      border-bottom: none; }
      ul.services li figure {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      ul.services li:nth-child(3n) {
        border-color: transparent; } }

ul.clients {
  zoom: 1;
  border-top: 1px solid #e0e0e0;
  border-top: none;
  overflow: hidden; }
  ul.clients:before, ul.clients:after {
    content: "";
    display: table; }
  ul.clients:after {
    clear: both; }
  ul.clients li {
    float: left;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0; }
  ul.clients li {
    float: left;
    margin-top: -1px;
    border-top: 1px solid #e0e0e0;
    border-bottom: none; }
    @media only screen and (min-width: 500px) {
      ul.clients li img {
        width: 50%; } }
    @media only screen and (max-width: 760px) {
      ul.clients li {
        width: 33.33%;
        padding-top: 23.331%; } }
  @media only screen and (max-width: 760px) and (max-width: 760px) {
    ul.clients li:nth-child(3n) {
      border-right: none; } }
    @media only screen and (min-width: 760px) {
      ul.clients li {
        width: 20%;
        padding-top: 14%; }
        ul.clients li:nth-child(5n) {
          border-right: none; } }
    ul.clients li img {
      position: absolute;
      left: 50%;
      top: 50%;
      line-height: 0;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }

ul.community {
  margin-right: auto;
  margin-left: auto; }
  ul.community img {
    width: 140px;
    margin-bottom: 1em; }
  ul.community h2 {
    font-weight: bold;
    font-size: 1em; }
  ul.community .button, ul.community .button-light, ul.community body.home .body li a, body.home .body li ul.community a, ul.community body.not_found .body li a, body.not_found .body li ul.community a, .image-wrap figcaption ul.community li a, ul.community .text hr + ul li a, .text hr + ul li ul.community a, ul.community .bottom p hr + ul li a, .bottom p hr + ul li ul.community a, ul.community .related-post p hr + ul li a, .related-post p hr + ul li ul.community a, ul.community .post-discussion p hr + ul li a, .post-discussion p hr + ul li ul.community a, ul.community .sub-page-summary.recognition div.more p hr + ul li a, .sub-page-summary.recognition div.more p hr + ul li ul.community a, ul.community body.team .page-summary.alt h2 hr + ul li a, body.team .page-summary.alt h2 hr + ul li ul.community a, ul.community body.post.lunch-talks .page-summary.alt h2 hr + ul li a, body.post.lunch-talks .page-summary.alt h2 hr + ul li ul.community a, ul.community ul.services hr + ul li a, ul.services hr + ul li ul.community a, ul.community ul.clients hr + ul li a, ul.clients hr + ul li ul.community a, ul.community hr + ul li a, ul.community ul.videos hr + ul li a, ul.videos hr + ul li ul.community a, ul.community body.contact .body.bottom hr + ul li a, body.contact .body.bottom hr + ul li ul.community a, ul.community body.contact .body.related-post hr + ul li a, body.contact .body.related-post hr + ul li ul.community a, ul.community body.contact .body.post-discussion hr + ul li a, body.contact .body.post-discussion hr + ul li ul.community a, .meta-sidebar ul.community li a, ul.community .view-all-button, ul.community body.page.lunch-talks .page-summary li a, body.page.lunch-talks .page-summary li ul.community a {
    margin-top: 1em; }
  @media only screen and (min-width: 1000px) {
    ul.community {
      zoom: 1;
      border-top: 1px solid #e0e0e0;
      border-top: none; }
      ul.community:before, ul.community:after {
        content: "";
        display: table; }
      ul.community:after {
        clear: both; }
      ul.community li {
        float: left;
        position: relative;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0; }
      ul.community li {
        border-top: none;
        border-bottom: none;
        width: 50%; }
        ul.community li figure {
          padding: 40px 60px; }
          ul.community li figure .button, ul.community li figure .button-light, ul.community body.home .body li figure a, body.home .body ul.community li figure a, ul.community body.not_found .body li figure a, body.not_found .body ul.community li figure a, .image-wrap figcaption ul.community li figure a, ul.community .text hr + ul li figure a, .text hr + ul ul.community li figure a, ul.community .bottom p hr + ul li figure a, .bottom p hr + ul ul.community li figure a, ul.community .related-post p hr + ul li figure a, .related-post p hr + ul ul.community li figure a, ul.community .post-discussion p hr + ul li figure a, .post-discussion p hr + ul ul.community li figure a, ul.community .sub-page-summary.recognition div.more p hr + ul li figure a, .sub-page-summary.recognition div.more p hr + ul ul.community li figure a, ul.community body.team .page-summary.alt h2 hr + ul li figure a, body.team .page-summary.alt h2 hr + ul ul.community li figure a, ul.community body.post.lunch-talks .page-summary.alt h2 hr + ul li figure a, body.post.lunch-talks .page-summary.alt h2 hr + ul ul.community li figure a, ul.community ul.services hr + ul li figure a, ul.services hr + ul ul.community li figure a, ul.community ul.clients hr + ul li figure a, ul.clients hr + ul ul.community li figure a, ul.community hr + ul li figure a, ul.community ul.videos hr + ul li figure a, ul.videos hr + ul ul.community li figure a, ul.community body.contact .body.bottom hr + ul li figure a, body.contact .body.bottom hr + ul ul.community li figure a, ul.community body.contact .body.related-post hr + ul li figure a, body.contact .body.related-post hr + ul ul.community li figure a, ul.community body.contact .body.post-discussion hr + ul li figure a, body.contact .body.post-discussion hr + ul ul.community li figure a, .meta-sidebar ul.community li figure a, ul.community li figure .view-all-button, ul.community body.page.lunch-talks .page-summary li figure a, body.page.lunch-talks .page-summary ul.community li figure a {
            margin-top: 2em; }
        ul.community li:last-of-type {
          border-color: transparent; } }

.play {
  position: relative; }
  .play:before {
    content: ' ';
    z-index: 99;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
    background: url(/images/play.svg) no-repeat;
    background-size: 100% 100%; }
  .play:hover:before, a.video:hover + figcaption .play:before {
    width: 32px;
    height: 32px;
    top: -3px;
    left: -3px; }
  .image-wrap .play, .feat-image-wrap .play {
    font-size: 1em;
    text-decoration: none;
    font-family: Antenna, Helvetica, sans-serif;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    padding-left: 36px; }
  @media only screen and (max-width: 760px) {
    .image-wrap .play {
      padding-left: 0;
      color: #656565; }
      .image-wrap .play:before {
        display: none; }
      .image-wrap .play:hover {
        color: #ff4e00; } }
  ul.videos .play:before {
    top: 12px;
    left: 12px; }
    @media only screen and (min-width: 500px) {
      ul.videos .play:before {
        top: 32px;
        left: 32px; } }

@media only screen and (min-width: 500px) {
  ul.videos {
    zoom: 1; }
    ul.videos:before, ul.videos:after {
      content: "";
      display: table; }
    ul.videos:after {
      clear: both; }
    ul.videos li {
      float: left; } }

ul.videos img {
  max-width: 100%;
  width: 100%; }

ul.videos li {
  position: relative; }
  ul.videos li figure figcaption {
    max-height: 3em;
    height: 3em;
    white-space: nowrap; }

@media only screen and (min-width: 500px) and (max-width: 760px) {
  ul.videos li {
    width: 50%; } }
  @media only screen and (min-width: 760px) {
    ul.videos li {
      width: 25%; } }

body.contact .page-summary {
  padding-bottom: 50px; }

body.contact .body.bottom, body.contact .body.related-post, body.contact .body.post-discussion {
  text-align: center;
  margin-top: 140px; }
  body.contact .body.bottom img, body.contact .body.related-post img, body.contact .body.post-discussion img {
    margin-top: -140px;
    border-radius: 50%;
    width: 280px; }
  @media only screen and (min-width: 760px) {
    body.contact .body.bottom, body.contact .body.related-post, body.contact .body.post-discussion {
      margin-top: 225px; }
      body.contact .body.bottom img, body.contact .body.related-post img, body.contact .body.post-discussion img {
        margin-top: -225px;
        width: 450px; } }
  body.contact .body.bottom h2, body.contact .body.related-post h2, body.contact .body.post-discussion h2 {
    color: #111;
    margin-top: 50px;
    text-transform: none;
    font-size: 2.4em;
    margin-bottom: 0;
    line-height: 1.08333333333333; }
  body.contact .body.bottom ul, body.contact .body.related-post ul, body.contact .body.post-discussion ul {
    zoom: 1;
    list-style: none;
    margin: 0 auto;
    padding: 0; }
    body.contact .body.bottom ul:before, body.contact .body.related-post ul:before, body.contact .body.post-discussion ul:before, body.contact .body.bottom ul:after, body.contact .body.related-post ul:after, body.contact .body.post-discussion ul:after {
      content: "";
      display: table; }
    body.contact .body.bottom ul:after, body.contact .body.related-post ul:after, body.contact .body.post-discussion ul:after {
      clear: both; }
    body.contact .body.bottom ul li, body.contact .body.related-post ul li, body.contact .body.post-discussion ul li {
      margin: 40px;
      padding: 0; }
      body.contact .body.bottom ul li h2, body.contact .body.related-post ul li h2, body.contact .body.post-discussion ul li h2 {
        margin: 0;
        font-size: 1.13333333333333em; }
      body.contact .body.bottom ul li a, body.contact .body.related-post ul li a, body.contact .body.post-discussion ul li a {
        display: block; }
    @media only screen and (min-width: 760px) {
      body.contact .body.bottom ul, body.contact .body.related-post ul, body.contact .body.post-discussion ul {
        margin: 60px auto; }
        body.contact .body.bottom ul li, body.contact .body.related-post ul li, body.contact .body.post-discussion ul li {
          margin: 0;
          width: 50%;
          float: left;
          padding: 40px;
          border-top: 1px solid #e0e0e0;
          border-right: 1px solid #e0e0e0;
          border-left: 1px solid #e0e0e0; }
          body.contact .body.bottom ul li:nth-child(2n-1), body.contact .body.related-post ul li:nth-child(2n-1), body.contact .body.post-discussion ul li:nth-child(2n-1) {
            border-left: none; }
          body.contact .body.bottom ul li:nth-child(2n), body.contact .body.related-post ul li:nth-child(2n), body.contact .body.post-discussion ul li:nth-child(2n) {
            margin-left: -1px;
            border-right: none; }
          body.contact .body.bottom ul li a, body.contact .body.related-post ul li a, body.contact .body.post-discussion ul li a {
            display: block;
            margin: 1em auto; } }
    @media only screen and (min-width: 1400px) {
      body.contact .body.bottom ul li, body.contact .body.related-post ul li, body.contact .body.post-discussion ul li {
        width: 25%; }
        body.contact .body.bottom ul li:nth-child(2n), body.contact .body.related-post ul li:nth-child(2n), body.contact .body.post-discussion ul li:nth-child(2n) {
          border-right: 1px solid #e0e0e0; }
        body.contact .body.bottom ul li:last-child, body.contact .body.related-post ul li:last-child, body.contact .body.post-discussion ul li:last-child {
          border-right: none; } }

body.page.lunch-talks .page-summary ul {
  margin: 60px auto 0;
  padding: 0;
  list-style: none; }

body.page.lunch-talks .page-summary li {
  display: inline-block;
  margin: 0 10px; }
  @media only screen and (max-width: 500px) {
    body.page.lunch-talks .page-summary li {
      display: block;
      margin: 10px;
      width: 100%; }
      body.page.lunch-talks .page-summary li a {
        width: 185px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto; } }
  body.page.lunch-talks .page-summary li a {
    display: block; }

@media only screen and (min-width: 1400px) {
  body.page.lunch-talks .row-listing h1, body.page.lunch-talks .row-listing .page-summary h2, .page-summary body.page.lunch-talks .row-listing h2, body.page.lunch-talks .row-listing .sub-page-summary h2, .sub-page-summary body.page.lunch-talks .row-listing h2 {
    font-size: 2.4em; } }

body.page.lunch-talks .row-listing .summary {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", Georgia, serif; }
  @media only screen and (min-width: 500px) {
    body.page.lunch-talks .row-listing .summary {
      max-width: 50%; } }

body.post.lunch-talks .page-summary figure {
  position: relative;
  display: inline-block; }
  body.post.lunch-talks .page-summary figure .overlay {
    position: absolute;
    right: -10px;
    top: -10px; }
    body.post.lunch-talks .page-summary figure .overlay img {
      width: 80px;
      height: 80px; }
      @media only screen and (min-width: 500px) {
        body.post.lunch-talks .page-summary figure .overlay img {
          width: 100px;
          height: 100px; } }

body.post.lunch-talks .page-summary.alt .share {
  text-align: center; }
  body.post.lunch-talks .page-summary.alt .share a {
    font-size: 25px;
    text-decoration: none;
    color: #656565;
    padding: 4px; }
    body.post.lunch-talks .page-summary.alt .share a:hover {
      color: #111; }

body.post.lunch-talks .bottom a.back, body.post.lunch-talks .related-post a.back, body.post.lunch-talks .post-discussion a.back {
  border-top: 1px solid #e0e0e0;
  display: inline-block;
  width: 100%;
  padding: 40px;
  margin-bottom: 1.875em;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/lunch-talks-gray.svg) no-repeat center center;
  background-size: 100px 100px;
  height: 180px; }
  @media only screen and (min-width: 500px) {
    body.post.lunch-talks .bottom a.back, body.post.lunch-talks .related-post a.back, body.post.lunch-talks .post-discussion a.back {
      min-width: 400px; } }
  body.post.lunch-talks .bottom a.back:hover, body.post.lunch-talks .related-post a.back:hover, body.post.lunch-talks .post-discussion a.back:hover {
    background-image: url(/images/lunch-talks.svg); }

body.post.lunch-talks .bottom.photos, body.post.lunch-talks .photos.related-post, body.post.lunch-talks .photos.post-discussion {
  background: #fff;
  margin: 4.375em auto; }
  body.post.lunch-talks .bottom.photos .post-listing, body.post.lunch-talks .photos.related-post .post-listing, body.post.lunch-talks .photos.post-discussion .post-listing, body.post.lunch-talks .bottom.photos .post-listing-wrap, body.post.lunch-talks .photos.related-post .post-listing-wrap, body.post.lunch-talks .photos.post-discussion .post-listing-wrap {
    margin: 0 auto; }
    body.post.lunch-talks .bottom.photos .post-listing:before, body.post.lunch-talks .photos.related-post .post-listing:before, body.post.lunch-talks .photos.post-discussion .post-listing:before, body.post.lunch-talks .bottom.photos .post-listing:after, body.post.lunch-talks .photos.related-post .post-listing:after, body.post.lunch-talks .photos.post-discussion .post-listing:after, body.post.lunch-talks .bottom.photos .post-listing-wrap:before, body.post.lunch-talks .photos.related-post .post-listing-wrap:before, body.post.lunch-talks .photos.post-discussion .post-listing-wrap:before, body.post.lunch-talks .bottom.photos .post-listing-wrap:after, body.post.lunch-talks .photos.related-post .post-listing-wrap:after, body.post.lunch-talks .photos.post-discussion .post-listing-wrap:after {
      background-color: transparent; }
  body.post.lunch-talks .bottom.photos .grid-item.post-preview, body.post.lunch-talks .photos.related-post .grid-item.post-preview, body.post.lunch-talks .photos.post-discussion .grid-item.post-preview {
    border-bottom: none; }
    @media only screen and (min-width: 500px) {
      body.post.lunch-talks .bottom.photos .grid-item.post-preview, body.post.lunch-talks .photos.related-post .grid-item.post-preview, body.post.lunch-talks .photos.post-discussion .grid-item.post-preview {
        padding: 20px; } }