@font-face {
  font-family: Tasaorbitertext Regular;
  src: url('../fonts/TASAOrbiterText-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Erode Regular;
  src: url('../fonts/Erode-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tasaorbitertext Medium;
  src: url('../fonts/TASAOrbiterText-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ibmplexsans Regular;
  src: url('../fonts/IBMPlexSans-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blackish: #272727;
  --light-grey: #f6f5f4;
  --white: white;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #272727;
  cursor: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--blackish);
  cursor: none;
  text-decoration: underline;
}

.container {
  max-width: 1600px;
  overflow: visible;
}

.container._1600px {
  max-width: 1600px;
}

.titles-mainintro {
  grid-column-gap: 201px;
  grid-row-gap: 201px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 15vh;
  padding-bottom: 15vh;
  font-family: Erode Regular, sans-serif;
  display: block;
  position: relative;
  overflow: visible;
}

.titles-mainintro.contact-intro {
  padding-bottom: 5vh;
}

.text-2 {
  color: #000;
  letter-spacing: -.025em;
  font-size: 3rem;
  font-weight: 400;
  line-height: 123.5%;
}

.text-2.black {
  color: #272727;
  max-width: 900px;
  position: relative;
  inset: 0% auto auto 0%;
}

.text-2.white {
  color: var(--light-grey);
  position: relative;
  inset: 0% auto auto 0%;
}

.text-2.white.orphan-remover {
  max-width: 90%;
}

.padding-global {
  padding-left: 15%;
  padding-right: 25%;
}

.container-large {
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large {
  position: relative;
}

.body {
  background-color: var(--white);
  color: var(--blackish);
  cursor: none;
  mix-blend-mode: normal;
  max-width: 100%;
  font-family: Tasaorbitertext Regular, sans-serif;
}

.body.blackbg {
  background-color: var(--blackish);
}

.smooth-scroll {
  cursor: none;
}

.logos-block {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nav-link {
  color: #000;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  text-decoration: none;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.navbar1_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.site-logo-1 {
  padding-bottom: 6px;
  display: block;
}

.navbar1_component {
  z-index: 2;
  background-color: var(--white);
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: auto;
  min-height: 8rem;
  margin-top: 2vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.div-hide {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  max-height: 31px;
  margin-bottom: 8px;
  display: block;
  position: static;
  overflow: hidden;
}

.navbar1_logo-link {
  max-width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  overflow: hidden;
}

.navbar1_menu {
  align-items: center;
  display: flex;
  position: static;
}

.navbar1_menu-button {
  padding: 0;
}

.navbar_mobile_links {
  color: #272727;
  padding: 0 1.2rem;
  font-family: Tasaorbitertext Regular, sans-serif;
  font-size: 21px;
  line-height: 32px;
}

.navbar_mobile_links.w--current {
  opacity: .33;
  color: var(--blackish);
}

.navbar_mobile_links.white {
  color: var(--light-grey);
  padding-left: 2.3rem;
  padding-right: 0;
}

.navbar_mobile_links.white.faded {
  opacity: .38;
}

.navbar_mobile_links.mobwhite {
  padding-left: 2.3rem;
  padding-right: 0;
  font-size: 21px;
}

.navbar_links_container {
  max-height: 30px;
}

.navbar_links_container.hide {
  display: none;
}

.div-hide-logo {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  max-height: 19px;
  margin-bottom: 11px;
  padding-top: 1px;
  display: block;
  position: static;
  overflow: hidden;
}

.logos_container {
  padding-left: 4%;
  padding-right: 4%;
}

.paragraph-with-title-large {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.smallcaps-heading {
  color: #000;
  letter-spacing: 1.51522px;
  text-transform: uppercase;
  padding-bottom: 15px;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 289.5%;
}

.smallcaps-heading.white {
  color: var(--light-grey);
}

.paragraph-large {
  color: #272727;
  font-size: 30px;
  font-weight: 400;
  line-height: 145%;
}

.h5 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 20.53px;
}

.paragraph-small-grey {
  opacity: .6;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.layout179_image-wrapper {
  background-color: var(--white);
  width: 100%;
  position: relative;
}

.layout236_image {
  width: 100%;
  height: 100%;
}

.layout236_item {
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.layout236_component {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-medium {
  position: relative;
  overflow: hidden;
}

.skills_text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-top: 40px;
  padding-right: 0;
  display: flex;
}

.image_reveal_mask, .image_reveal_mask_2, .image_reveal_mask_3 {
  z-index: 1;
  background-color: var(--white);
  opacity: 0;
  color: var(--blackish);
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.padding-section-medium {
  position: relative;
}

.experience {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 660px;
  display: flex;
}

.text_link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 22px;
  margin-left: auto;
  display: flex;
}

.link-3 {
  color: #272727;
  flex: 0 auto;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.frame-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #272727;
  flex-wrap: nowrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 10px;
  padding-left: 11px;
  padding-right: 11px;
  display: block;
  overflow: visible;
}

.link-4 {
  color: #000;
  letter-spacing: 1.01522px;
  text-transform: uppercase;
  object-fit: fill;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
}

.link-5 {
  color: #272727;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.padding-standard-15 {
  padding-left: 15%;
  padding-right: 10%;
}

.text-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-8 {
  color: #272727;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.vectors-wrapper-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.5245px;
  height: 12.0481px;
  display: flex;
}

.table3_column {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 5rem;
  padding: 0;
  display: flex;
}

.table3_column.is-width-large {
  min-width: 12rem;
}

.table3_column.is-width-small {
  align-items: flex-end;
  min-width: 6rem;
  max-width: 8rem;
}

.section_table3 {
  flex: 1;
  align-self: auto;
  overflow: hidden;
}

.table3_item {
  border-bottom: 1px #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  max-height: 60px;
  display: flex;
}

.table3_content {
  border-top: 1px #0000;
  border-bottom: 1px #0000;
  flex-direction: column;
  min-width: 100%;
  overflow: hidden;
}

.table3_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.smallcaps-heading-for-tables {
  color: #000;
  letter-spacing: 1.51522px;
  text-transform: uppercase;
  padding-bottom: 2px;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 289.5%;
}

.portfolio-items---vertical {
  grid-column-gap: 14%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 10%;
  display: flex;
}

.portfolio-items---vertical.last {
  margin-bottom: 4rem;
}

.case-study-element {
  object-fit: fill;
  display: block;
}

.image {
  width: 100%;
  max-width: 120%;
  display: block;
}

.image-2 {
  width: 100%;
}

.casestudy-info {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.text {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.53px;
}

.div-case-study-title-columns {
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 331.77px;
  display: flex;
}

.text-3 {
  opacity: .6;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.frame-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #272727;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
}

.link {
  color: #000;
  letter-spacing: 1.01522px;
  text-transform: uppercase;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 241.5%;
}

.portfolio-item---horizontal {
  grid-column-gap: 14%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 8% 8rem 12%;
  display: block;
}

.image-3 {
  width: 100%;
}

.div-block, .div-block-2, .div-block-3 {
  position: relative;
  overflow: hidden;
}

.porfolio-link {
  text-align: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 9rem;
  display: flex;
}

.dark-footer {
  background-color: var(--blackish);
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 5%;
}

.link-9 {
  color: #fff;
  margin-bottom: 25px;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.text-4 {
  color: #fff;
  letter-spacing: 1.51522px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 241.5%;
}

.arrow-left, .arrow-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: none;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 17.5246px;
  height: 17.5245px;
  display: flex;
}

.footer-links {
  width: 100%;
  max-width: 100%;
  padding-top: 5rem;
}

.footer-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.row {
  cursor: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-5 {
  color: #fff;
  cursor: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.footer-links-2 {
  grid-column-gap: 42px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-link-light {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-light {
  color: var(--white);
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.quote1 {
  margin-bottom: 25px;
}

.testimonial11_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.testimonial11_arrow {
  float: left;
  cursor: none;
  background-color: #0000;
  border: 1px #0000;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  display: inline-block;
  position: relative;
  inset: auto 0% 0% auto;
}

.testimonial11_arrow.is-left {
  text-align: center;
  cursor: none;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  margin-left: -12px;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  display: inline-block;
  position: relative;
  inset: auto 0% 0%;
}

.testimonial11_component {
  background-color: #0000;
  height: auto;
  padding-bottom: 6rem;
  overflow: hidden;
}

.padding-section-testimonials {
  position: relative;
}

.testimonial11_mask {
  cursor: none;
  width: 75%;
  max-width: 75%;
  overflow: visible;
}

.testimonial11_slide {
  margin-right: 33%;
}

.testimonial11_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  display: none;
  inset: auto auto 0% 0%;
}

.section_testimonial11 {
  color: var(--white);
  position: relative;
}

.container-testimonials {
  width: 660px;
}

.fade-out {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(to right, #27272700, #27272794 58%, var(--blackish));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 28%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sidebar_booklink {
  display: none;
}

.nav-button_component {
  grid-row-gap: .5rem;
  background-color: #8f00ff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.nav-button_component:hover {
  opacity: 1;
}

.nav-button_line {
  background-color: #fbf9fc;
  border-radius: 2px;
  width: 100%;
  height: .25rem;
}

.nav-button_line.is-first {
  transform-origin: 50%;
  width: 100%;
  transform: translate(0);
}

.nav-button_line.is-second {
  width: 100%;
}

.nav-button_line.is-third {
  transform-origin: 50%;
}

.recent-linkbottom {
  margin-top: 30px;
  display: block;
}

.hide {
  cursor: none;
}

.homepage-profile-intro {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15vh;
  padding-bottom: 20vh;
  display: block;
}

.homepage-recent-summary {
  position: relative;
}

.homepage-recent-summary.tight {
  max-width: 660px;
  margin-top: 21.1vh;
  margin-bottom: 15vh;
}

.titles-profile {
  grid-column-gap: 201px;
  grid-row-gap: 201px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 76px;
  padding-bottom: 47px;
  font-family: Erode Regular, sans-serif;
  display: block;
  position: relative;
  overflow: visible;
}

.img-profile {
  padding-top: 7vh;
}

.profile-profile-intro {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 12vh auto 0;
  display: block;
}

.paragraph-medium {
  color: #272727;
  max-width: 860px;
  padding-right: 65px;
  font-size: 24px;
  font-weight: 400;
  line-height: 145%;
}

.paragraph-medium.white {
  color: var(--light-grey);
  font-size: 18px;
}

.paragraph-medium.smaller {
  max-width: 660px;
  padding-right: 0;
  font-size: 21px;
}

.padding-profile-intro {
  padding-left: 15%;
  padding-right: 10%;
}

.misc-div-01 {
  position: relative;
}

._2-column-layout {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.profileintro-linkside {
  margin-top: 34px;
}

.homepage-recent-summary-copy {
  position: relative;
}

.homepage-recent-summary-copy.tight {
  margin-top: 0;
  margin-bottom: 15vh;
}

.profile-table-full {
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
}

.profile-table-full.tight {
  max-width: 860px;
  margin-top: 7vh;
  margin-bottom: 7vh;
}

.profile-table-full.above-logos {
  max-width: 660px;
  margin-top: 8vh;
  margin-bottom: 15vh;
}

.profile-portrait-1 {
  position: absolute;
  left: -409px;
  overflow: hidden;
}

.profile-portrait-2 {
  margin-top: 13vh;
  padding-bottom: 0;
  display: inline-block;
  position: static;
  inset: 103% -89% 0% auto;
  overflow: visible;
}

.image-4 {
  min-width: 1566px;
  display: block;
  overflow: visible;
}

.paragraph-small {
  color: #272727;
  max-width: 770px;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-small.sectors {
  clear: none;
  text-transform: capitalize;
  min-width: 50%;
  padding-right: 30px;
  line-height: 40px;
}

.paragraph-small.sectors.white {
  color: var(--white);
}

.paragraph-small.sectors.skills {
  margin-bottom: 0;
}

.paragraph-small.no-bot-pad {
  padding-bottom: 0;
}

.paragraph-small.whatido {
  margin-bottom: 0;
  padding-right: 0;
}

.profile-focus {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 660px;
  margin-bottom: 7.5vh;
}

.misc-div-02 {
  position: relative;
}

.misc-div-02.tight {
  margin-top: 40px;
  margin-bottom: 120px;
  margin-left: 7vh;
}

.misc-div-02.tight.offfice {
  margin-top: 16vh;
  margin-bottom: 13vh;
}

.caption-bottom {
  color: #272727;
  margin-top: 20px;
  padding-right: 65px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.caption-bottom.white {
  color: var(--light-grey);
}

.whatido_linkside {
  min-width: 170px;
  margin-top: -19px;
}

.sectors {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 14px;
  display: flex;
}

.sectors.bottom-30px {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
}

.asfeaturedin {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 660px;
  margin-top: 15vh;
  margin-bottom: 55px;
  display: block;
}

.otherclients {
  max-width: 660px;
  margin-top: 15vh;
  margin-bottom: 15vh;
  position: relative;
}

.otherclients.tight {
  max-width: 860px;
  margin-top: 7vh;
  margin-bottom: 7vh;
}

.whatido {
  margin-bottom: 7.5vh;
  position: relative;
}

.whatido.tight {
  max-width: 860px;
  margin-top: 7vh;
  margin-bottom: 7vh;
}

.footer-link {
  background-color: var(--blackish);
  cursor: none;
  max-width: 400px;
  display: block;
  overflow: visible;
}

.footer-link.w--current {
  cursor: none;
}

.cursor-container {
  z-index: 1000;
  opacity: 1;
  cursor: none;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor {
  opacity: .83;
  mix-blend-mode: difference;
  border: 1.5px solid #fff;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.navbar1_forcontact {
  z-index: 2;
  background-color: var(--blackish);
  border-bottom: 1px #0000;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  height: auto;
  min-height: 8rem;
  margin-top: 2vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.contact-columns {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 700px;
  display: flex;
}

.text-link-light-contact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 40px;
  display: flex;
}

.contact-col1 {
  min-width: 350px;
}

.whatido_linkside-copy {
  min-width: 170px;
  margin-top: -19px;
}

.casestudy_backlink {
  min-width: 170px;
  margin-top: 5rem;
}

.titles-casestudy {
  grid-column-gap: 201px;
  grid-row-gap: 201px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.7rem;
  padding-bottom: 2rem;
  font-family: Erode Regular, sans-serif;
  display: block;
  position: relative;
  overflow: visible;
}

.role_tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #272727;
  flex-wrap: nowrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 11px;
  padding-right: 11px;
  display: inline-block;
  overflow: visible;
}

.padding-casestudyintro {
  margin-bottom: 8vh;
  padding-top: 8vh;
  padding-left: 15%;
  padding-right: 15%;
}

.paragraph-case-study-intro {
  color: #272727;
  min-width: 50%;
  max-width: 770px;
  padding-right: 40px;
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-case-study-intro.sectors {
  clear: none;
  text-transform: capitalize;
  padding-right: 30px;
  line-height: 40px;
}

.paragraph-case-study-intro.sectors.white {
  color: var(--white);
}

.role_tag_casestudy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  border: 1px solid #272727;
  flex-wrap: nowrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 11px;
  padding-right: 11px;
  display: inline-block;
  overflow: visible;
}

.link-4-casestudy {
  color: #000;
  letter-spacing: 1.01522px;
  text-transform: uppercase;
  object-fit: fill;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 140%;
}

.casestudy_tags {
  flex: none;
  min-width: 161px;
  margin-top: 8px;
}

.div-block-4 {
  grid-column-gap: 54px;
  flex-wrap: nowrap;
  align-items: flex-start;
  display: flex;
}

.div-block-5 {
  flex: none;
  align-self: flex-start;
}

.image-casestudy {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5%;
  display: flex;
}

.image-casestudy.last {
  padding-bottom: 10%;
}

.narrative {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.narrative_contain {
  padding-left: 15%;
  padding-right: 15%;
}

.link-block {
  text-decoration: none;
}

.reversearrow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 17.5245px;
  height: 12.0481px;
  display: flex;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.navbar-side-smalllink {
  color: var(--white);
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.navbar1_container_contact {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-button_line_contact {
  background-color: #fbf9fc;
  border-radius: 2px;
  width: 100%;
  height: .25rem;
}

.nav-button_line_contact.is-first {
  transform-origin: 50%;
  width: 100%;
  transform: translate(0);
}

.nav-button_line_contact.is-second {
  width: 100%;
}

.nav-button_line_contact.is-third {
  transform-origin: 50%;
}

.navbar2_menu {
  align-items: center;
  display: flex;
  position: static;
}

.intro-2 {
  grid-column-gap: 133px;
  grid-row-gap: 133px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-33211 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-10 {
  color: #272727;
  letter-spacing: -.025em;
  font-size: 52px;
  font-weight: 400;
  line-height: 123.5%;
}

.frame-4236 {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-6 {
  color: #272727;
  font-family: Tasaorbitertext Medium, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 145%;
}

.link-11 {
  color: #272727;
  font-size: 21px;
  font-weight: 400;
  line-height: 145%;
}

.frame-33215 {
  grid-column-gap: 100px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-33213 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-7 {
  color: #000;
  letter-spacing: 1.51522px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  line-height: 241.5%;
}

.link-12 {
  color: #272727;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
}

.titles-casestudyintro {
  grid-column-gap: 201px;
  grid-row-gap: 201px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -7px;
  padding-top: 0;
  padding-bottom: 2rem;
  font-family: Erode Regular, sans-serif;
  display: block;
  position: relative;
  overflow: visible;
}

.introservices {
  color: #272727;
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
}

.smallcaps-heading-services {
  color: #000;
  letter-spacing: 1.51522px;
  text-transform: uppercase;
  font-family: Ibmplexsans Regular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 289.5%;
}

.smallcaps-heading-services.white {
  color: var(--light-grey);
}

.container---case-studies {
  max-width: 1600px;
  overflow: visible;
}

.div-block-6, .title-bars {
  margin: 2rem auto;
  padding-left: 5%;
  padding-right: 5%;
}

.active-area {
  border-bottom: 1px solid #272727;
}

.container-1600 {
  max-width: 1600px;
  overflow: visible;
}

.container-1600._1600px {
  max-width: 1600px;
}

.intro---case-studies {
  padding: 5% 5% 4%;
}

.skills-list {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 4%;
  display: flex;
}

.titles-casestudy-main {
  grid-column-gap: 201px;
  grid-row-gap: 201px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  font-family: Erode Regular, sans-serif;
  display: block;
  position: relative;
  overflow: visible;
}

.flex-block {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.intro-body-standard {
  color: #272727;
  font-size: 21px;
  font-weight: 400;
  line-height: 145%;
}

.intro-body-standard.cs-page {
  max-width: 640px;
}

.intro-body-standard.dfpage {
  max-width: 320px;
  font-size: 16px;
}

.narrative-small {
  color: #272727;
  padding-right: 16%;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.narrative-small.sectors {
  clear: none;
  text-transform: capitalize;
  padding-right: 30px;
  line-height: 40px;
}

.narrative-small.sectors.white {
  color: var(--white);
}

.image-5 {
  min-width: 60%;
}

.experience-table-full {
  margin-top: 6vh;
  margin-bottom: 80px;
  position: relative;
}

.experience-table-full.tight {
  max-width: 860px;
  margin-top: 7vh;
  margin-bottom: 7vh;
}

.experience-table-full.profile {
  max-width: 660px;
  margin-top: 17vh;
  margin-bottom: 17vh;
}

.profile-table-full-novs {
  margin-top: 0;
  margin-bottom: 10vh;
  position: relative;
}

.profile-table-full-novs.tight {
  max-width: 860px;
  margin-top: 7vh;
  margin-bottom: 7vh;
}

.profile-table-full-novs.profile-version {
  max-width: 660px;
  margin-bottom: 15vh;
}

.padding-profile {
  padding-left: 15%;
  padding-right: 25%;
}

.image-6 {
  box-sizing: border-box;
  opacity: .73;
  width: 85%;
}

.intro---with-pic {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: column;
  margin-top: 11vh;
  margin-bottom: 15vh;
  padding-left: 15%;
  display: flex;
}

.intro---with-pic---h1 {
  letter-spacing: -.025em;
  max-width: 770px;
  font-family: Erode Regular, sans-serif;
  font-size: 3rem;
  line-height: 123.5%;
}

.iwp---right {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-right: 15%;
  display: flex;
}

.iwp---left {
  max-width: 80px;
  max-height: 1px;
  display: none;
  position: fixed;
  bottom: 108px;
  right: 30px;
}

.gif {
  border-radius: 999px;
  max-width: 80px;
  margin-bottom: 11px;
}

.narrative-container {
  min-width: 30%;
  max-width: 30%;
}

.image-casestudy-notext {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0% 5% 5%;
  display: flex;
}

.image-casestudy-notext.last {
  padding-bottom: 10%;
}

.div-block-7 {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: column;
  display: flex;
}

.skills-list-column {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 50%;
  display: flex;
}

.list-item-casestudies {
  align-items: stretch;
  display: block;
}

.list-item-casestudies.white {
  color: var(--light-grey);
}

.list-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  font-size: 16px;
  display: flex;
}

.design-feed-content {
  margin: 2rem auto;
  padding-left: 5%;
  padding-right: 5%;
}

.df-container {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 169px;
}

.caption {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.caption.last {
  padding-bottom: 10%;
}

.narrative-df {
  color: #272727;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.narrative-df.sectors {
  clear: none;
  text-transform: capitalize;
  padding-right: 30px;
  line-height: 40px;
}

.narrative-df.sectors.white {
  color: var(--white);
}

.design-feed-popup {
  z-index: 10;
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  background-color: #272727;
  justify-content: space-between;
  align-items: center;
  width: 422px;
  padding: 40px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.popup-body {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.link-13 {
  color: var(--white);
  text-underline-offset: 1px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: under;
  text-decoration: underline;
}

.popup-title {
  color: #fff;
  font-family: Erode Regular, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.popup-col {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.closeicon {
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup-gif {
  border-radius: 999px;
  max-width: 80px;
}

.intro---designfeed {
  padding: 10px 5% 30px;
}

.navbar_links_container-2 {
  max-height: 30px;
}

.navbar_links_container-2.hide {
  display: none;
}

.navbar_mobile_links-2 {
  color: #272727;
  padding: 0 1.2rem;
  font-family: Tasaorbitertext Regular, sans-serif;
  font-size: 21px;
  line-height: 32px;
}

.navbar_mobile_links-2.w--current {
  opacity: .33;
  color: #272727;
}

.navbar_mobile_links-2.mobwhite {
  padding-left: 2.3rem;
  padding-right: 0;
  font-size: 21px;
}

@media screen and (max-width: 991px) {
  .text-2.black, .text-2.white {
    font-size: 2.6rem;
  }

  .padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .body {
    cursor: auto;
  }

  .nav-link {
    padding: 1rem 3rem;
  }

  .navbar1_container {
    align-self: center;
  }

  .navbar1_component {
    margin-top: 0;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-hide {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .navbar1_logo-link {
    padding-top: 23px;
  }

  .navbar1_menu {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu.is-page-height-tablet {
    background-color: var(--blackish);
    background-color: #272727;
    height: 100dvh;
    padding: 60px 91px 60px 50px;
    transition: height .5s;
  }

  .navbar1_menu-button.w--open {
    background-color: #0000;
  }

  .navbar_mobile_links {
    color: var(--white);
    width: auto;
    padding: .75rem 0;
    font-size: 30px;
  }

  .navbar_mobile_links.white {
    color: var(--blackish);
    padding-left: 0;
  }

  .navbar_mobile_links.mobwhite {
    color: var(--white);
    padding-left: 0;
  }

  .navbar_links_container {
    max-height: 41px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
  }

  .navbar_links_container.hide {
    display: block;
  }

  .paragraph-large {
    font-size: 25px;
  }

  .h5 {
    font-size: 21px;
    line-height: 138%;
  }

  .layout236_component {
    grid-column-gap: 2rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .experience {
    flex-wrap: nowrap;
    max-width: 100%;
  }

  .link-4 {
    font-size: 9px;
  }

  .padding-standard-15 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .link-8 {
    font-size: 16px;
  }

  .table3_column {
    min-width: 160px;
  }

  .section_table3 {
    object-fit: fill;
  }

  .table3_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
  }

  .casestudy-info {
    grid-column-gap: 30px;
  }

  .text {
    font-size: 15px;
  }

  .text-3 {
    margin-bottom: 11px;
    font-size: 14px;
  }

  .dark-footer {
    padding-bottom: 4.8rem;
  }

  .row {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .footer-links-2 {
    display: flex;
  }

  .link-light {
    font-size: 16px;
  }

  .link-light.contacttemp {
    color: var(--white);
  }

  .testimonial11_component {
    padding-bottom: 3.8rem;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-testimonials {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial11_mask {
    width: 100%;
  }

  .testimonial11_slide {
    margin-right: 12.4rem;
    padding-right: 0;
  }

  .container-testimonials {
    width: 100%;
  }

  .sidebar_booklink {
    margin-top: 60px;
    margin-bottom: 60px;
    display: block;
    position: relative;
    inset: auto auto 0% 0%;
  }

  .nav-button_component {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-button_line.is-first, .nav-button_line.is-second, .nav-button_line.is-third {
    background-color: var(--blackish);
    color: var(--white);
    height: .125rem;
  }

  .recent-linkside {
    display: none;
  }

  .recent-linkbottom {
    margin-top: 46px;
    display: none;
  }

  .homepage-recent-summary {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .homepage-recent-summary.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .titles-profile {
    padding-bottom: 22px;
  }

  .paragraph-medium {
    padding-right: 10px;
    font-size: 25px;
  }

  .paragraph-medium.white {
    font-size: 16px;
  }

  .misc-div-01 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .misc-div-01.tight {
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 0;
  }

  ._2-column-layout {
    flex-wrap: nowrap;
    max-width: 100%;
  }

  .profileintro-linkside {
    display: none;
  }

  .homepage-recent-summary-copy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .profile-table-full {
    margin-bottom: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .profile-table-full.above-logos {
    padding-top: 0;
    padding-bottom: 0;
  }

  .profile-portrait-2 {
    padding-bottom: 7px;
  }

  .image-4 {
    min-width: 1000px;
  }

  .paragraph-small {
    padding-bottom: 6px;
    padding-right: 21px;
    font-size: 25px;
  }

  .paragraph-small.whatido {
    padding-top: 0;
    padding-bottom: 0;
  }

  .misc-div-02 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .misc-div-02.tight {
    margin-bottom: 0;
    margin-left: 5vh;
    padding-bottom: 2.8rem;
  }

  .misc-div-02.tight.offfice {
    margin-top: 15vh;
    padding-top: .4rem;
  }

  .caption-bottom {
    font-size: 14px;
  }

  .whatido_linkside {
    display: none;
  }

  .sectors {
    flex-wrap: nowrap;
    max-width: 100%;
  }

  .otherclients {
    margin-top: 0;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .whatido {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-link {
    padding-top: 23px;
  }

  .navbar1_forcontact {
    margin-top: 0;
  }

  .contact-columns {
    grid-column-gap: 30px;
    flex-wrap: nowrap;
    max-width: 100%;
  }

  .text-link-light-contact.contacttemp {
    color: var(--white);
  }

  .whatido_linkside-copy {
    display: none;
  }

  .casestudy_backlink {
    display: block;
  }

  .padding-casestudyintro {
    padding-left: 5%;
    padding-right: 5%;
  }

  .paragraph-case-study-intro {
    padding-right: 21px;
    font-size: 21px;
  }

  .link-4-casestudy {
    font-size: 9px;
  }

  .narrative_contain {
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar-side-smalllink {
    color: var(--white);
    font-size: 16px;
  }

  .navbar-side-smalllink.contacttemp {
    color: var(--white);
  }

  .navbar1_container_contact {
    align-self: center;
  }

  .nav-button_line_contact.is-first, .nav-button_line_contact.is-second, .nav-button_line_contact.is-third {
    background-color: var(--white);
    color: var(--white);
    height: .125rem;
  }

  .navbar2_menu {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    background-color: var(--white);
    height: 100dvh;
    padding: 60px 91px 60px 50px;
    transition: height .5s;
  }

  .introservices {
    font-size: 14px;
  }

  .smallcaps-heading-services {
    font-size: 13px;
  }

  .container---case-studies, .container-1600 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .skills-list {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    margin-left: 0%;
  }

  .flex-block {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .intro-body-standard.cs-page {
    width: 94%;
    max-width: 315px;
    font-size: 16px;
  }

  .narrative-small {
    min-width: 35%;
    padding-right: 42px;
    font-size: 13px;
  }

  .experience-table-full {
    margin-top: 30px;
    padding-top: 4rem;
  }

  .profile-table-full-novs {
    margin-bottom: -14vw;
    padding-top: 1.3rem;
    padding-bottom: 4rem;
  }

  .padding-profile {
    padding-left: 5%;
    padding-right: 10%;
  }

  .list-item-casestudies {
    font-size: 13px;
  }

  .df-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .narrative-df {
    min-width: 35%;
    padding-right: 42px;
    font-size: 13px;
  }

  .navbar_links_container-2 {
    max-height: 41px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
  }

  .navbar_links_container-2.hide {
    display: block;
  }

  .navbar_mobile_links-2 {
    color: #fff;
    width: auto;
    padding: .75rem 0;
    font-size: 30px;
  }

  .navbar_mobile_links-2.mobwhite {
    color: #fff;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .text-2.black, .text-2.white {
    font-size: 2.3rem;
  }

  .padding-global {
    padding-left: 10%;
    padding-right: 10%;
  }

  .padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .smooth-scroll {
    width: 100%;
    overflow: hidden;
  }

  .logos-block {
    width: 150%;
    margin-left: -227px;
  }

  .nav-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
    margin-top: 0;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .navbar1_menu.is-page-height-tablet {
    background-color: var(--blackish);
    background-color: #272727;
    padding: 30px 40px;
  }

  .navbar_mobile_links {
    color: var(--white);
    font-size: 25px;
    line-height: 28px;
  }

  .logos_container {
    object-fit: fill;
    width: 110%;
    margin-left: -20px;
    padding-left: 0%;
    padding-right: 0%;
    overflow: hidden;
  }

  .paragraph-small-grey {
    margin-bottom: 20px;
  }

  .layout236_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .link-3 {
    font-size: 19px;
  }

  .padding-standard-15 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .padding-standard-15.lists {
    padding-left: 10%;
  }

  .table3_column.is-width-large.role {
    display: none;
  }

  .table3_component {
    grid-row-gap: 3rem;
  }

  .portfolio-items---vertical {
    grid-column-gap: 8%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .casestudy-info {
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .text-3 {
    margin-bottom: 10px;
  }

  .link-9 {
    font-size: 22px;
  }

  .text-4 {
    font-size: 11px;
    line-height: 180%;
  }

  .footer-links-2 {
    grid-column-gap: 30px;
  }

  .link-light.contacttemp {
    padding-right: 10px;
  }

  .testimonial11_arrow.is-left {
    right: 3.5rem;
  }

  .testimonial11_component {
    padding-bottom: 1rem;
  }

  .padding-section-testimonials {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .testimonial11_mask {
    height: 214px;
  }

  .testimonial11_slide {
    margin-right: 8.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .container-testimonials {
    width: 100%;
  }

  .homepage-recent-summary {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .homepage-recent-summary.tight {
    margin-top: 15vh;
    margin-bottom: 15vh;
  }

  .titles-profile {
    padding-bottom: 25px;
  }

  .paragraph-medium {
    margin-bottom: 32px;
    font-size: 21px;
  }

  .padding-profile-intro {
    padding-left: 10%;
    padding-right: 10%;
  }

  .misc-div-01 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .misc-div-01.tight {
    margin-top: 1px;
    margin-bottom: 59px;
  }

  .homepage-recent-summary-copy {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .profile-table-full {
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .image-4 {
    min-width: 800px;
    margin-left: -46px;
  }

  .paragraph-small {
    font-size: 21px;
  }

  .paragraph-small.sectors.skills {
    font-size: 18px;
  }

  .misc-div-02 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .misc-div-02.tight {
    margin-top: 0;
    margin-left: 0;
  }

  .asfeaturedin {
    margin-top: 10vh;
  }

  .otherclients {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .whatido {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-link {
    padding-left: 0;
  }

  .cursor-container {
    display: none;
  }

  .navbar1_forcontact {
    height: auto;
    min-height: 4rem;
    margin-top: 0;
  }

  .contact-columns, .text-link-light-contact {
    display: block;
  }

  .padding-casestudyintro {
    padding-left: 0%;
    padding-right: 0%;
  }

  .paragraph-case-study-intro {
    font-size: 16px;
  }

  .div-block-4 {
    grid-column-gap: 25px;
  }

  .image-casestudy {
    flex-flow: column;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .padding-casestudyimages {
    padding-left: 0%;
    padding-right: 0%;
  }

  .narrative {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .narrative_contain {
    padding-left: 0%;
    padding-right: 0%;
  }

  .navbar2_menu.is-page-height-tablet {
    background-color: var(--white);
    padding: 30px 40px;
  }

  .frame-33213 {
    min-width: 40%;
  }

  .container---case-studies {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title-bars {
    margin-top: 4rem;
  }

  .container-1600 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .intro---case-studies {
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .skills-list {
    grid-column-gap: 57px;
    grid-row-gap: 57px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-block {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .intro-body-standard.cs-page {
    max-width: 100%;
  }

  .narrative-small {
    width: 100%;
    padding-bottom: 0;
    font-size: 16px;
  }

  .experience-table-full {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .experience-table-full.profile {
    padding-top: 0;
    padding-bottom: 0;
  }

  .profile-table-full-novs {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .profile-table-full-novs.profile-version {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-profile, .intro---with-pic {
    padding-left: 10%;
    padding-right: 10%;
  }

  .intro---with-pic---h1 {
    font-size: 2.3rem;
  }

  .iwp---right {
    padding-right: 0%;
  }

  .link-arow {
    display: none;
  }

  .narrative-container {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .image-casestudy-notext {
    flex-flow: column;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .skills-list-column {
    min-width: 40%;
  }

  .design-feed-content {
    margin-top: 4rem;
  }

  .caption {
    flex-flow: column;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .narrative-df {
    width: 100%;
    padding-bottom: 0;
    font-size: 16px;
  }

  .design-feed-popup {
    width: 100%;
  }

  .popup-title {
    font-size: 22px;
  }

  .intro---designfeed {
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .navbar_mobile_links-2 {
    color: #fff;
    font-size: 25px;
    line-height: 28px;
  }
}

@media screen and (max-width: 479px) {
  .titles-mainintro {
    padding: 12vh 5% 10vh;
  }

  .text-2.black {
    font-size: 1.8rem;
  }

  .text-2.white {
    font-size: 1.7rem;
  }

  .intro {
    margin-bottom: 0;
  }

  .padding-global {
    padding-left: 5%;
    padding-right: 5%;
  }

  .logos-block {
    margin-left: -44px;
  }

  .navbar1_container {
    padding-left: 0;
    padding-right: 0;
  }

  .site-logo-1 {
    max-height: 15px;
    padding-bottom: 5px;
  }

  .navbar1_logo-link.w--current {
    max-width: 440px;
  }

  .navbar1_menu.is-page-height-tablet {
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar_mobile_links {
    color: var(--white);
    height: 33px;
    line-height: 22px;
    overflow: hidden;
  }

  .navbar_mobile_links:hover, .navbar_mobile_links:active, .navbar_mobile_links:focus, .navbar_mobile_links:focus-visible, .navbar_mobile_links[data-wf-focus-visible], .navbar_mobile_links:visited {
    color: var(--white);
  }

  .navbar_mobile_links.white {
    font-size: 21px;
  }

  .navbar_mobile_links.white:hover {
    color: var(--blackish);
  }

  .navbar_mobile_links.mobwhite {
    color: var(--white);
    height: 35px;
    font-size: 21px;
  }

  .navbar_links_container, .navbar_links_container:hover, .navbar_links_container:active, .navbar_links_container:focus, .navbar_links_container:focus-visible, .navbar_links_container[data-wf-focus-visible] {
    color: var(--white);
  }

  .div-hide-logo {
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 16px;
    margin-bottom: 0;
    display: flex;
  }

  .logo_mouseover_div {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 137%;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .smallcaps-heading {
    font-size: 13px;
  }

  .paragraph-large, .h5 {
    font-size: 18px;
  }

  .layout236_component {
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-medium {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .link-3 {
    font-size: 16px;
  }

  .frame-7 {
    padding-left: 9px;
    padding-right: 9px;
    line-height: 17px;
  }

  .link-4 {
    text-align: center;
    font-size: 8px;
    line-height: 139%;
  }

  .link-5 {
    font-size: 16px;
  }

  .padding-standard-15 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .padding-standard-15.lists {
    padding-left: 5%;
  }

  .link-8 {
    font-size: 14px;
  }

  .table3_column {
    min-width: 120px;
    min-height: 2.7rem;
  }

  .table3_column.is-width-large {
    align-items: flex-end;
    min-width: 8.6rem;
  }

  .table3_column.is-width-large.role {
    display: none;
  }

  .table3_component {
    grid-template-columns: 1fr;
  }

  .smallcaps-heading-for-tables {
    font-size: 13px;
  }

  .portfolio-items---vertical {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .portfolio-items---vertical.first {
    padding-top: 4rem;
  }

  .casestudy-info {
    padding-top: 26px;
  }

  .div-case-study-title-columns {
    padding-bottom: 68px;
  }

  .portfolio-item---horizontal {
    padding: 0 5%;
  }

  .porfolio-link {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .dark-footer {
    padding-top: 4rem;
    padding-bottom: 2.8rem;
  }

  .link-9 {
    font-size: 18px;
  }

  .row {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .text-5 {
    display: none;
  }

  .footer-links-2 {
    grid-column-gap: 0px;
    grid-row-gap: 13px;
    flex-direction: column;
    display: flex;
  }

  .link-light {
    font-size: 13px;
  }

  .link-light.contacttemp {
    font-size: 16px;
  }

  .padding-section-testimonials {
    padding-bottom: 0;
  }

  .testimonial11_mask {
    max-width: 100%;
    height: 181px;
  }

  .container-testimonials {
    width: 100%;
  }

  .nav-button_component {
    justify-content: center;
    margin-top: 11px;
  }

  .recent-linkbottom {
    padding-bottom: 20px;
    display: none;
  }

  .hide {
    display: none;
  }

  .homepage-profile-intro {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .homepage-recent-summary.tight {
    margin-top: 10vh;
    margin-bottom: 10vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .titles-profile {
    padding-bottom: 4px;
  }

  .paragraph-medium, .paragraph-medium.smaller {
    font-size: 18px;
  }

  .padding-profile-intro {
    padding-left: 5%;
    padding-right: 5%;
  }

  .misc-div-01.tight {
    padding-top: 1.1rem;
    padding-bottom: 0;
  }

  .homepage-recent-summary-copy.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .profile-table-full {
    margin-top: 0;
    padding-top: .2rem;
    padding-bottom: 0;
  }

  .profile-table-full.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .profile-table-full.above-logos {
    max-width: 100%;
    margin-bottom: 10vh;
  }

  .paragraph-small {
    font-size: 18px;
  }

  .paragraph-small.sectors {
    min-width: 50%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 31px;
  }

  .paragraph-small.sectors.skills {
    min-width: 50%;
    font-size: 14px;
    display: block;
  }

  .misc-div-02.tight {
    padding-top: 5.1rem;
    padding-bottom: 4rem;
  }

  .misc-div-02.tight.offfice {
    margin-top: 10vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .caption-bottom {
    font-size: 12px;
  }

  .sectors {
    grid-column-gap: 0px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    margin-top: 0;
  }

  .sectors.bottom-30px {
    margin-bottom: 47px;
  }

  .sectors.above-footer {
    margin-bottom: 36px;
  }

  .asfeaturedin {
    margin-top: 46px;
    margin-bottom: 9px;
  }

  .otherclients {
    margin-top: 19px;
    margin-bottom: -12vw;
  }

  .otherclients.tight, .whatido.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cursor-container {
    display: none;
  }

  .contact-columns {
    grid-column-gap: 10px;
  }

  .titles-casestudy {
    padding-bottom: 1rem;
  }

  .role_tag {
    padding-left: 9px;
    padding-right: 9px;
    line-height: 17px;
  }

  .padding-casestudyintro {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .paragraph-case-study-intro {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
  }

  .paragraph-case-study-intro.sectors {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 31px;
  }

  .role_tag_casestudy {
    padding-left: 9px;
    padding-right: 9px;
    line-height: 17px;
  }

  .link-4-casestudy {
    text-align: center;
    font-size: 8px;
    line-height: 139%;
  }

  .div-block-4 {
    flex-direction: column-reverse;
  }

  .padding-casestudyimages {
    padding-left: 0%;
    padding-right: 0%;
  }

  .narrative {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .narrative_contain {
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar-side-smalllink {
    font-size: 13px;
  }

  .navbar-side-smalllink.contacttemp {
    font-size: 16px;
  }

  .navbar1_container_contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar2_menu.is-page-height-tablet {
    padding-left: 30px;
    padding-right: 30px;
  }

  .titles-casestudyintro {
    padding-bottom: 1rem;
  }

  .introservices, .smallcaps-heading-services {
    font-size: 13px;
  }

  .container---case-studies {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title-bars {
    margin-top: 4rem;
  }

  .container-1600 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .skills-list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .titles-casestudy-main {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .intro-body-standard.cs-page {
    width: 100%;
  }

  .intro-body-standard.dfpage {
    font-size: 16px;
  }

  .narrative-small {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .narrative-small.sectors {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 31px;
  }

  .experience-table-full {
    margin-top: 0;
    padding-top: .2rem;
    padding-bottom: 0;
  }

  .experience-table-full.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .profile-table-full-novs {
    margin-top: 19vw;
    margin-bottom: 0;
    padding-top: .2rem;
    padding-bottom: 0;
  }

  .profile-table-full-novs.tight {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-profile {
    padding-left: 5%;
    padding-right: 5%;
  }

  .intro---with-pic {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .intro---with-pic---h1 {
    font-size: 2rem;
  }

  .arrow-link {
    display: none;
  }

  .image-casestudy-notext.last {
    margin-bottom: 100px;
  }

  .div-block-7 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
  }

  .list-item-casestudies {
    font-size: 13px;
  }

  .design-feed-content {
    margin-top: 4rem;
  }

  .df-container {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
  }

  .narrative-df {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .narrative-df.sectors {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 31px;
  }

  .design-feed-popup {
    display: none;
  }

  .popup-body, .popup-title {
    font-size: 18px;
  }

  .navbar_links_container-2, .navbar_links_container-2:hover, .navbar_links_container-2:active, .navbar_links_container-2:focus, .navbar_links_container-2:focus-visible, .navbar_links_container-2[data-wf-focus-visible] {
    color: #fff;
  }

  .navbar_mobile_links-2 {
    color: #fff;
    height: 33px;
    line-height: 22px;
    overflow: hidden;
  }

  .navbar_mobile_links-2:hover, .navbar_mobile_links-2:active, .navbar_mobile_links-2:focus, .navbar_mobile_links-2:focus-visible, .navbar_mobile_links-2[data-wf-focus-visible], .navbar_mobile_links-2:visited {
    color: #fff;
  }

  .navbar_mobile_links-2.mobwhite {
    color: #fff;
    height: 35px;
    font-size: 21px;
  }
}

#w-node-_1656986d-8b5b-71f8-0a14-94e14a1f63ad-8134cc4a, #w-node-_0332299b-952e-d085-f24d-0bda9076e97c-41c0ddae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-d4ad6d90, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-9a9ba2e9, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-638a1680, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-a169c47c, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-9b51cbb7, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-65267c37, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-1cf6e3be, #w-node-_630be58c-0cd7-a68a-ed2e-912bcf513649-1ef3f7da {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Tasaorbitertext Regular';
  src: url('../fonts/TASAOrbiterText-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Erode Regular';
  src: url('../fonts/Erode-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tasaorbitertext Medium';
  src: url('../fonts/TASAOrbiterText-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ibmplexsans Regular';
  src: url('../fonts/IBMPlexSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}