@font-face {
  font-family: Aktivgroteskex Trial Md;
  src: url('../fonts/AktivGroteskEx_Trial_Md.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aktivgroteskex Trial Th;
  src: url('../fonts/AktivGroteskEx_Trial_Th.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aktivgroteskex Trial Lt;
  src: url('../fonts/AktivGroteskEx_Trial_Lt.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --page-background: #151515;
  --page-padding: 1.5rem;
  --grid-gap: .5rem;
  --box-padding: 2rem;
  --box-radius: .5rem;
  --box-background: black;
  --box-padding-small: 1rem;
  --box-padding-big: 4rem;
  --box-padding-medium: 2.5rem;
  --button-faded: #ffffff80;
  --border-color-bright: #333;
  --border-color-dark: #1d1d1d;
}

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

@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 {
  background-color: var(--page-background);
  color: #fff;
  font-family: Aktivgroteskex Trial Lt, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 500;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 20px;
}

p {
  color: #ffffffe6;
  max-width: 100ch;
  margin-bottom: 10px;
  line-height: 1.2;
}

a {
  color: #fff;
  text-decoration: none;
}

label {
  margin-bottom: 1rem;
  font-weight: 700;
  display: block;
}

strong {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-weight: 700;
}

.page-wrapper {
  margin-top: var(--page-padding);
  padding-top: 5.1rem;
}

.navbar-wrapper {
  z-index: 998;
  padding-top: var(--page-padding);
  padding-bottom: var(--grid-gap);
  background-color: var(--page-background);
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

.home-hero-section {
  height: 87.5vh;
  margin-top: var(--grid-gap);
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.home-hero-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.container {
  width: 100%;
  max-width: 120rem;
  padding-right: var(--page-padding);
  padding-left: var(--page-padding);
  position: relative;
}

.box {
  width: 100%;
  height: 100%;
  padding: var(--box-padding);
  border-radius: var(--box-radius);
  background-color: var(--box-background);
  position: relative;
  overflow: hidden;
}

.box.is-small {
  padding: var(--box-padding-small) var(--box-padding);
}

.box.is-small.is-button {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.box.is-tiny {
  padding: var(--box-padding-small);
}

.box.is-big {
  padding: var(--box-padding-big);
}

.box.is-big.is-1-1 {
  aspect-ratio: 1;
}

.box.is-button {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.box.has-padding-top-big {
  padding-top: var(--box-padding-big);
}

.box.is-medium {
  padding-top: var(--box-padding-medium);
  padding-bottom: var(--box-padding-medium);
}

.box.is-square, .box.is-phone-hidden.is-sqaure {
  aspect-ratio: 1;
}

.box.is-hidden {
  display: none;
}

.box.is-pointer {
  cursor: pointer;
}

.navbar {
  z-index: 999;
  padding: 1.3rem var(--box-padding);
  border-radius: var(--box-radius);
  background-color: var(--box-background);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-video-wrapper {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.home-hero-video {
  width: 100%;
  height: 100%;
}

.nav-links-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.nav-link {
  position: relative;
}

.nav-link.is-disabled {
  display: none;
}

.nav-button {
  color: var(--button-faded);
  text-transform: uppercase;
  background-color: #0000;
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  transition: all .2s;
}

.nav-button:hover {
  color: #fff;
}

.nav-button.w--current {
  color: #fff;
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
}

.brand-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 100%;
  padding-top: .5rem;
  display: flex;
}

.home-who-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-who-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 2fr 4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-who-title {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-who-content {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-process-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-process-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-header-title {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.section-header-title.is-center {
  justify-content: center;
  align-items: center;
}

.process-card-image {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.image {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.image.is-grey {
  filter: grayscale();
}

.image.is-in-lightbox {
  object-fit: contain;
}

.image.lightbox {
  object-fit: contain;
  max-height: 100%;
}

.image.is-small {
  max-width: 8rem;
}

.image.is-director {
  border-radius: var(--box-radius);
  max-width: 8rem;
}

.image.fit-contain {
  object-fit: contain;
}

.image._1-1 {
  aspect-ratio: 1;
}

.image._3-2 {
  aspect-ratio: 3 / 2;
}

.image.is-85vh {
  max-height: 85vh;
}

.home-work-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-work-heading-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-work-images-wrapper-top {
  width: 100%;
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-work-images-wrapper-middle {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.media {
  border-radius: var(--box-radius);
  cursor: pointer;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.media.visual-research-lab {
  filter: invert() saturate(0%);
  transition: all .2s;
}

.media.is-disabled {
  display: none;
}

.media.is-regular-cursor {
  cursor: auto;
}

.media.is-square {
  aspect-ratio: 1;
}

.media.is-ratio-3-2 {
  aspect-ratio: 3 / 2;
}

.media.is-no-pointer {
  cursor: auto;
}

.home-work-images-wrapper {
  position: relative;
}

.arrow-container {
  border: var(--grid-gap) solid var(--page-background);
  background-color: var(--box-background);
  pointer-events: auto;
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 6.25rem;
  height: 6.25rem;
  padding: 2rem;
  display: flex;
  position: relative;
}

.arrow-container:hover {
  color: var(--button-faded);
}

.home-work-images-wrapper-bottom {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-services-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-services-heading-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-services-values-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-case-studies-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-case-studies-heading-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-case-studies-clients-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.center-align {
  text-align: center;
}

.center-align.heading-style-h3.max-width-80, .center-align.heading-style-h4.max-width-80 {
  max-width: 80%;
}

.image-box-overlay {
  z-index: 3;
  padding-right: var(--box-padding-small);
  padding-bottom: var(--box-padding-small);
  padding-left: var(--box-padding-small);
  background-image: linear-gradient(360deg, #00000080, #0000);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testimonials {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  pointer-events: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.client-logos-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-wrapper {
  padding-bottom: var(--page-padding);
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.get-in-touch-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5rem 2rem 2rem;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.footer-link-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--box-background);
  text-transform: uppercase;
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer-link-wrapper:hover {
  background-color: var(--page-background);
}

.footer-logo-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.text-block {
  margin-top: auto;
  font-size: 12px;
}

.button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.home-services-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-services-image-title {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-style-h2 {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1;
}

.code-embed {
  background-color: #0009;
  display: none;
}

.heading-style-h3 {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}

.heading-style-h5 {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
}

.body-small {
  color: #fff9;
  font-size: 1rem;
  line-height: 1.2;
}

.body-small.center-align.max-width-80 {
  max-width: 80%;
}

.image-box-overlay-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-services-values-title, .home-process-title-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-hero-column-right {
  z-index: 1;
  padding-top: var(--box-padding-big);
  padding-right: var(--box-padding-medium);
  padding-left: var(--box-padding-medium);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-style-h4 {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}

.work-content-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.icon-small {
  width: .5rem;
  height: .875rem;
}

.about-top-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.about-top-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 4.5fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.about-top-column-right {
  width: 100%;
  height: 100%;
  padding-bottom: var(--box-padding-medium);
  padding-left: var(--box-padding-medium);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
}

.about-top-column-left {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-top-column-content {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
}

.about-top-column-right-content {
  z-index: 1;
  max-width: 80%;
  position: relative;
}

.about-middle-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-middle-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.about-middle-content-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-middle-content-wrapper.is-reverse {
  grid-template-columns: 3fr 1.25fr;
}

.about-middle-image {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.about-awards-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: none;
}

.about-awards-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.module-three-column {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-why-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-why-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-open-arrow-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.why-content-wrapper {
  height: 100%;
  padding-right: var(--box-padding-big);
  padding-left: var(--box-padding-big);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.work-top-section, .directors-images-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-bottom-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-process-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.directors-middle-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.services-list-section {
  padding-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.services-list-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.services-image {
  border-radius: var(--box-radius);
  width: 30vw;
  height: 100vh;
  position: sticky;
  top: 0%;
  overflow: hidden;
}

.services-list {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  display: flex;
}

.services-item-content {
  grid-template-rows: auto;
  grid-template-columns: 45% 45%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  min-height: 20vh;
  display: grid;
}

.services-list-item {
  flex: none;
}

.image-text-container {
  z-index: 1;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.services-item-left-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: start;
  height: 100%;
  display: grid;
}

.work-bottom-section {
  margin-bottom: var(--grid-gap);
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-text-container-small {
  z-index: 1;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.contact-component {
  z-index: 999;
  border-radius: var(--box-radius);
  display: none;
  position: absolute;
  top: 6.5rem;
  right: .5rem;
}

.contact-wrapper {
  z-index: 999;
  border-radius: var(--box-radius);
  position: relative;
}

.contact-content {
  width: 25rem;
  padding: var(--box-padding-small);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-radius: var(--box-radius);
  background-color: var(--box-background);
  flex-flow: column;
  display: flex;
}

.contact-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-middle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.form-contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: block;
}

.form-label {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
}

.form-field {
  color: #fff;
  background-color: #0e0e0e;
  border: 1px #000;
  border-radius: .5rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: .875rem;
}

.form-button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: .5rem;
  width: 100%;
  margin-top: .375rem;
  font-size: 1rem;
}

.contact-form-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.contact-bottom {
  margin-top: auto;
}

.close-button {
  cursor: pointer;
}

.close-button.is-in-lightbox {
  position: absolute;
  inset: 3% 0 auto auto;
}

.form-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.image-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.testimonial-controls-wrapper {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testimonial-wrapper {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-flow: column;
  flex: 1 0 auto;
  grid-template-rows: 1fr .45fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25rem;
  display: grid;
}

.testimonial-wrapper.is-flipped {
  grid-template-rows: .3fr 1fr;
}

.testimonial-client {
  grid-column-gap: .6875rem;
  grid-row-gap: .6875rem;
  height: 100%;
  display: flex;
  position: relative;
}

.client-image {
  border: 3px solid #000;
  border-radius: 1rem;
  margin-right: -10px;
}

.client-info {
  width: 100%;
  height: 100%;
}

.testimonials-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.home-process-heading-wrapper {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-card {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-card.is-card-6 {
  display: none;
}

.home-services-card {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: 3fr .5fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-menu-button {
  cursor: pointer;
  display: none;
}

.menu {
  background-color: var(--box-background);
  display: none;
}

.menu-links {
  flex-flow: column;
  display: flex;
}

.menu-link {
  display: flex;
}

.hero-radial-pattern-wrapper {
  background-color: var(--box-background);
  width: 100%;
  height: 100%;
}

.radial-pattern-wrapper {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200%;
  display: flex;
  position: relative;
}

.radial-pattern-wrapper.is-hidden {
  display: none;
}

.radial-square {
  aspect-ratio: 1;
  transform-origin: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  animation: 30s linear infinite rotate360;
  display: flex;
  position: relative;
}

.radial-layer-1 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.radial-layer-2 {
  z-index: 2;
  width: 55%;
  height: 55%;
  position: absolute;
}

.radial-layer-3 {
  z-index: 3;
  width: 40%;
  height: 40%;
  position: absolute;
}

.footer-radial-pattern-wrapper {
  z-index: -1;
  background-color: var(--box-background);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer-logo-wrapper {
  aspect-ratio: 3.45;
  width: 100%;
  height: 100%;
  color: var(--page-background);
}

.left-arrow-wrapper {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  display: flex;
  position: absolute;
  left: 0;
}

.right-arrow-wrapper {
  right: var(--page-padding);
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 6.25rem;
  height: 1px;
  display: flex;
  position: absolute;
}

.testimonials-viewbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 200%;
  display: flex;
  overflow: hidden;
}

.testimonials-controls-gradient {
  background-image: linear-gradient(90deg, #19191900, var(--page-background));
  width: 25%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.arrow {
  border: var(--grid-gap) solid var(--page-background);
  background-color: var(--box-background);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.arrow.left {
  transform: rotate(180deg);
}

.arrow.right-45 {
  transform: rotate(-45deg);
}

.arrow-icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
}

.arrow-icons-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  top: auto;
  right: 0;
}

.arrow-icon-viewbox {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}

.arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  display: flex;
  position: absolute;
}

.footer-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.home-hero-right {
  position: relative;
  overflow: hidden;
}

.home-hero-left {
  height: 100%;
  padding-top: 4rem;
}

.button-group {
  display: flex;
}

.button-icon-viewbox {
  width: .5rem;
  height: .875rem;
  position: relative;
  overflow: hidden;
}

.button-icons-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.heading-style-h1 {
  font-family: Aktivgroteskex Trial Md, Arial, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.lightbox-viewport {
  z-index: 999;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #00000080;
  justify-content: center;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.lightbox-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.lightbox-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.lightbox-content {
  border-radius: var(--box-padding-small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 75svh;
  max-height: 75svh;
  display: flex;
  position: relative;
}

.process-lottie-wrapper {
  aspect-ratio: 1;
  border-radius: var(--box-padding-big);
  opacity: .75;
  border: 3px solid #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page-gradients {
  z-index: 1000;
  pointer-events: none;
  display: none;
  position: fixed;
  inset: 0%;
}

.page-bottom-gradient {
  opacity: .5;
  background-image: linear-gradient(0deg, #000, #0000);
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.page-top-gradient {
  height: 40%;
}

.navbar-page-gradient {
  opacity: .3;
  pointer-events: none;
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  height: 20vh;
  position: absolute;
  bottom: -20vh;
}

.code-embed-2 {
  display: none;
}

.module-two-column-1-3 {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.module-two-column-1-3.is-reverse {
  grid-template-columns: 3fr 1fr;
}

.module-video-container {
  border-radius: var(--box-radius);
  position: relative;
}

.module-video-container.is-disabled {
  display: none;
}

.module-image-container {
  border-radius: var(--box-radius);
  display: block;
}

.video-preview {
  z-index: 1;
  border-radius: var(--box-radius);
  width: 100%;
  height: 100%;
  display: flex;
}

.video-preview.is-disabled {
  display: none;
}

.video-preview._3-2 {
  aspect-ratio: 3 / 2;
}

.video-preview._3-2.is-hidden {
  display: none;
}

.video-preview._9-16 {
  aspect-ratio: 9 / 16;
}

.video-preview._1-1 {
  aspect-ratio: 1;
}

.video-preview._1-2 {
  aspect-ratio: 1 / 2;
}

.cover-image {
  z-index: 2;
  border-radius: var(--box-radius);
  transition: opacity .2s;
  display: none;
  position: absolute;
  inset: 0%;
}

.media-container {
  border-radius: var(--box-radius);
}

.module-four-column {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lightbox-image-container {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: none;
  position: relative;
}

.lightbox-image-container.visual-research-lab {
  filter: invert() saturate(0%);
  transition: all .2s;
}

.lightbox-image-container.visual-research-lab:hover {
  filter: invert(0%) saturate();
}

.code-embed-3 {
  display: none;
}

.lightbox-video-container {
  flex-flow: column;
  flex: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.lightbox-video {
  flex: 1;
  width: 940px;
  max-width: 100%;
  max-height: 100%;
}

.lightbox-info-wrapper {
  z-index: 1000;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
}

.work {
  justify-content: center;
  display: flex;
}

.work-description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.lightbox-description {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: flex;
}

.module-two-column {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.module-two-column.is-hidden {
  display: none;
}

.director-modal_view-box {
  z-index: 999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.director-modal_container {
  padding: var(--box-padding-medium);
  border-radius: var(--box-radius);
  background-color: var(--border-color-bright);
}

.director-modal_subtitle {
  margin-bottom: 1rem;
}

.director-modal_content {
  flex-flow: column;
  display: flex;
  position: relative;
}

.director-modal_title {
  margin-bottom: .5rem;
}

.director-modal_photo {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.director-modal_social-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.icon-medium {
  width: 1rem;
  height: .875rem;
}

.director-modal_close {
  position: absolute;
  inset: 0% 0% auto auto;
}

.lightbox-close {
  cursor: pointer;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.icon-large {
  width: 1.5rem;
  height: 1.5rem;
}

.module-three-column-1-1-2 {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 50%;
  grid-auto-columns: 1fr;
  display: grid;
}

.module-three-column-1-1-2.is-reverse {
  grid-template-columns: 2fr 1fr 1fr;
}

.module-three-column-1-1-2.is-hidden {
  display: none;
}

.testimonials-top {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.testimonials-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.case-studies-client-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.testimonials-icons {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.get-in-touch-title {
  text-align: center;
}

.text-medium {
  font-size: 1rem;
  line-height: 1.2;
}

.contact-mobile {
  z-index: 999;
  border-radius: var(--box-radius);
  display: none;
  position: absolute;
  top: 6.5rem;
  right: .5rem;
}

.contact-mobile-wrapper {
  z-index: 999;
  border-radius: var(--box-radius);
  position: relative;
}

.services-item-right-content, .footer-logo {
  height: 100%;
}

.website-credits {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  display: flex;
}

.swiper {
  display: none;
}

.testimonials-container {
  pointer-events: auto;
  height: 100%;
  position: relative;
}

.home-video-text {
  z-index: 1;
  max-width: 50%;
  position: absolute;
  inset: 8% auto auto 5%;
}

.text-light {
  font-family: Aktivgroteskex Trial Th, Arial, sans-serif;
}

.success-message, .error-message {
  background-color: #0000;
}

.home-video-gradient {
  z-index: -1;
  background-color: #946161;
  width: 100%;
  height: 30%;
  position: absolute;
  top: 1rem;
}

.home-video-overlay {
  z-index: 1;
  background-image: linear-gradient(#000, #0000);
  position: absolute;
  inset: 0%;
}

.module-two-column-1-1 {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.module-two-column-1-1.is-reverse {
  grid-template-columns: 3fr 1fr;
}

.module-one-column {
  margin-bottom: var(--grid-gap);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.module-one-column.is-reverse {
  grid-template-columns: 3fr 1fr;
}

.client-logos {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.client-logo-wrapper {
  flex: none;
}

.client-logo-wrapper.is-hidden {
  display: none;
}

.testimonial-modal {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.testimonial-modal-overlay {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.testimonial-modal-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.testimonial-modal-close {
  cursor: pointer;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.modal-testimonial-text {
  font-size: 1.2rem;
}

.modal-client-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.testimonial-modal-container {
  max-width: 50%;
  min-height: 20rem;
  padding: var(--box-padding);
  border-radius: var(--box-radius);
  background-color: var(--border-color-dark);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.media-no-link {
  border-radius: var(--box-radius);
  cursor: pointer;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.media-no-link.visual-research-lab {
  filter: invert() saturate(0%);
  transition: all .2s;
}

.media-no-link.is-disabled {
  display: none;
}

.media-no-link.is-regular-cursor {
  cursor: auto;
}

.media-no-link.is-square {
  aspect-ratio: 1;
}

.media-no-link.is-ratio-3-2 {
  aspect-ratio: 3 / 2;
}

.dummy-svg {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.loader_component {
  z-index: 999;
  background-color: var(--box-background);
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0%;
}

.body-smal {
  color: #fff9;
  font-size: 1rem;
  line-height: 1.2;
}

.body-smal.center-align.max-width-80 {
  max-width: 80%;
}

.body-smal.is-footer {
  text-align: center;
  font-size: .85rem;
}

.rotate-180 {
  transform: rotate(180deg);
}

@media screen and (max-width: 991px) {
  .home-hero-section {
    height: auto;
  }

  .home-hero-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr;
  }

  .box.is-1-1 {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-links-wrapper {
    display: none;
  }

  .brand-logo-wrapper {
    width: 5.5rem;
  }

  .home-process-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .home-case-studies-clients-wrapper {
    grid-template-rows: auto auto;
  }

  .about-top-wrapper {
    grid-template-columns: 1.5fr 2fr;
  }

  .about-why-wrapper {
    grid-template-columns: 1fr .5fr .5fr 1fr;
  }

  .why-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .services-list-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .services-image {
    width: 100%;
    height: 50vh;
    position: relative;
  }

  .services-item-content {
    flex-flow: column;
    align-items: flex-start;
  }

  .services-item-left-content {
    flex-flow: column;
  }

  .contact-content {
    width: 100vw;
    height: 75vh;
  }

  .contact-middle {
    height: 100%;
  }

  .testimonial-controls-wrapper {
    display: none;
  }

  .process-card.is-card-6 {
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .home-services-card {
    grid-template-rows: 2fr .5fr;
  }

  .nav-menu-button {
    display: flex;
  }

  .menu {
    z-index: 999;
    width: 100%;
    height: 100vh;
    margin-top: var(--grid-gap);
    padding: var(--box-padding-small);
    border-radius: var(--box-radius);
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .menu-link.is-hidden {
    display: none;
  }

  .footer-logo-wrapper {
    width: 100%;
  }

  .left-arrow-wrapper {
    left: 3.5rem;
  }

  .home-hero-right.box {
    min-height: 70vh;
  }

  .home-hero-left.box {
    height: 80vh;
  }

  .video-preview._3-2 {
    aspect-ratio: 1;
  }

  .lightbox-video {
    width: 720px;
  }

  .testimonials-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hero-svg {
    margin-top: 5rem;
  }

  .contact-mobile {
    background-color: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .contact-mobile-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-logo {
    height: 100%;
  }

  .home-video-text {
    max-width: 80%;
  }

  .success-message.is-mobile {
    height: 50vh;
    max-height: 100%;
    position: relative;
  }

  .success-message-container {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .box.is-phone-hidden {
    display: none;
  }

  .navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-links-wrapper {
    display: none;
  }

  .home-who-wrapper {
    grid-template-columns: 2fr;
  }

  .home-process-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image.is-mobile-portait {
    aspect-ratio: 2 / 3;
  }

  .home-work-images-wrapper-top {
    grid-template-columns: 1fr;
  }

  .home-work-images-wrapper-middle {
    grid-template-columns: 3fr;
  }

  .home-work-images-wrapper-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .home-services-values-wrapper {
    grid-template-columns: 2fr;
  }

  .home-case-studies-clients-wrapper {
    grid-template-rows: auto auto;
  }

  .client-logos-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .footer-logo-container {
    height: auto;
  }

  .home-services-wrapper {
    grid-template-rows: 1fr auto auto;
  }

  .heading-style-h3 {
    font-size: 1.25rem;
  }

  .body-small {
    font-size: .8rem;
    line-height: 1.1;
  }

  .module-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .about-why-wrapper {
    grid-template-rows: auto auto auto auto;
  }

  .work-bottom-wrapper {
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .services-item-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .services-item-left-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .process-card.is-card-6 {
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav-menu-button {
    display: flex;
  }

  .menu {
    z-index: 999;
    width: 100%;
    height: 100vh;
    margin-top: var(--grid-gap);
    padding: var(--box-padding-small);
    border-radius: var(--box-radius);
    position: absolute;
    top: 100%;
    left: 0%;
  }

  .menu-links {
    width: 100%;
  }

  .module-two-column-1-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .module-two-column-1-3.is-reverse {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr;
  }

  .module-four-column {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .lightbox-video {
    width: 480px;
  }

  .lightbox-info-wrapper {
    width: auto;
  }

  .lightbox-description {
    flex-flow: column;
  }

  .module-three-column-1-1-2, .module-three-column-1-1-2.is-reverse {
    grid-template-columns: 1fr 1fr;
  }

  .body-smal {
    font-size: .8rem;
    line-height: 1.1;
  }
}

@media screen and (max-width: 479px) {
  .box.is-small.is-button {
    justify-content: center;
    align-items: center;
  }

  .box.is-big {
    padding: var(--box-padding-medium);
  }

  .box.is-button {
    justify-content: center;
    align-items: center;
  }

  .home-process-wrapper {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-work-heading-wrapper {
    grid-template-columns: 3fr 2fr;
  }

  .media.is-regular-cursor.is-phone-square, .media.is-mobile-square {
    aspect-ratio: 1;
  }

  .home-work-images-wrapper-bottom, .home-case-studies-clients-wrapper, .client-logos-wrapper {
    grid-template-columns: 1fr;
  }

  .home-services-wrapper {
    grid-template-rows: 1fr auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .icon-small.is-mobile-big {
    width: 1rem;
    height: 1rem;
  }

  .about-top-wrapper {
    grid-template-columns: 1.5fr;
  }

  .about-middle-content-wrapper {
    grid-template-columns: 1.25fr;
  }

  .about-middle-content-wrapper.is-reverse {
    grid-template-columns: 3fr;
  }

  .about-why-wrapper {
    grid-template-columns: 1fr;
  }

  .why-content-wrapper {
    padding-right: var(--box-padding-small);
    padding-left: var(--box-padding-small);
  }

  .work-bottom-wrapper {
    grid-template-columns: 1fr;
  }

  .contact-component {
    background-color: #000;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .contact-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hide-on-mobile {
    display: none;
  }

  .home-process-heading-wrapper {
    grid-template-columns: 1fr auto;
  }

  .process-card.is-card-6 {
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .menu {
    display: none;
  }

  .button-icon-viewbox.is-mobile-big {
    width: 1rem;
    height: 1rem;
  }

  .button-wrapper.is-mobile-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .video-preview._3-2 {
    aspect-ratio: 3 / 2;
  }

  .lightbox-video {
    width: 360px;
  }

  .lightbox-close {
    right: 1rem;
  }

  .mobile-text-hide {
    display: none;
  }

  .media-no-link.is-regular-cursor.is-phone-square, .media-no-link.is-mobile-square {
    aspect-ratio: 1;
  }
}

#w-node-_2f8d3100-339b-b4c3-41cc-64e9b1bb86e2-b6b1d1f0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_184ef7cf-0c29-1009-3332-61794cf073d0-b6b1d1f0, #w-node-caa62b7e-0024-c7e0-1fd2-28c86ace5127-b6b1d1f0, #w-node-_90df1eb9-0863-6bff-6e7b-80f64cc95b25-b6b1d1f0, #w-node-f9ca75e2-afb9-689c-aa32-cd619616d7a9-b6b1d1f0, #w-node-b9a5ff51-3e8d-2c28-3993-539cc315d2b2-b6b1d1f0, #w-node-_82d3c987-43ba-0d2c-c934-b2763d501a78-b6b1d1f0, #w-node-_8ebb5ef1-7fcf-1731-98ea-2d8b7c89bd7f-b6b1d1f0, #w-node-_74e807d5-6440-04fb-3943-9390ccb7cd07-b6b1d1f0, #w-node-ad2a3e39-ce72-a941-2a93-42da4f8fb75c-b6b1d1f0, #w-node-cf7b635e-a540-2ac4-b43e-5baebb744e6c-b6b1d1f0, #w-node-_69bcf084-0600-9206-065d-58b7332d3e8e-b6b1d1f0, #w-node-_751f8128-4c96-a60a-09e4-194c7c605644-b6b1d1f0, #w-node-_751f8128-4c96-a60a-09e4-194c7c605648-b6b1d1f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9c49b8e-eb73-a2de-888b-4ce88e13aa2b-b6b1d1f0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_118b63d0-325e-cfa0-7df4-bafb4455b4dd-b6b1d1f0, #w-node-b8044e65-656f-e74a-971a-18ac15190d13-b6b1d1f0, #w-node-_31d1f374-805e-425a-8b64-4888084cdb56-b6b1d1f0, #w-node-_6c5feaca-3cc1-744a-5aca-03af12112c85-b6b1d1f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be15cbec-b729-e39f-b4d2-46d63e441062-b6b1d1f0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_678e13a8-2bf7-7e65-1acb-fceb7dcb9fe7-b6b1d1f0 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_79711358-2bd2-b607-5d7d-48340fa26c82-0fa26c5c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_16c13320-9bfd-61de-8914-fae7c058e9ff-ef478530, #w-node-_47a1eed3-9f7d-802d-01c4-eac27b9b88f4-ef478530 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69a73477-a13f-1cc3-43ae-f43b80e8689a-ef478530 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_35973f23-db9d-de15-6767-9d8ea45e3eb4-ef478530 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad0ae10e-006a-bca8-1acf-8110dad5404c-ef478530 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_3abdf798-6fee-1344-2ccd-fb47050fe170-ef478530 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51b0ee94-6c2c-d973-47a5-76aa667a8e89-ef478530 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0357d821-7fa3-be24-24a0-697a3c77256a-ef478530 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1b20092d-7ba2-d873-1a00-6a04fb2ef858-ef478530 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_774e6d39-2997-2496-e095-45c9cb9c6606-ef478530, #w-node-_919fe051-ac57-b300-f173-a1458587f415-2b0edbbe, #w-node-_2127b338-99e0-a82a-0eda-9cb90cc8f71b-2b0edbbe, #w-node-_40216bc2-1730-0710-3638-9601e100df02-2b0edbbe, #w-node-af960eee-3450-2c8b-4285-a6acdb820b78-2b0edbbe, #w-node-_53b36e9a-8897-fb18-0e66-fefee02b80d0-2b0edbbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_37869240-12b7-d354-a7b4-32b10b790346-d7321fde {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_37869240-12b7-d354-a7b4-32b10b79034b-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd68a-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd68e-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd692-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd696-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd697-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd69a-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd69e-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd6a2-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd6a6-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd6aa-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd6ae-d7321fde, #w-node-b1087dc9-8e6e-26fa-3190-a3c991fbd6b3-d7321fde, #w-node-d8bc1a33-370b-e3fe-b676-07d4df051fb8-1e108589, #w-node-_34e62b9b-3a6f-d3b8-ebc6-1557cf407fa2-1e108589, #w-node-d763b068-1b2c-cc42-d257-859646ce6410-1e108589, #w-node-_919fe051-ac57-b300-f173-a1458587f415-1e108589, #w-node-f6e4ca59-dfab-b1b8-2ed9-757569054b6b-1e108589, #w-node-_7cdf0719-4145-59ea-5ae2-36c4a39349d9-1e108589, #w-node-_72965b4e-c1ec-8cf3-ef0f-dac96b3b7f74-1e108589, #w-node-d134a350-c3c4-aa34-80c1-c5c9541efa22-1e108589 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_5e0c42a3-a3b7-9217-43e1-6ceda40d88c6-b6b1d1f0, #w-node-_678e13a8-2bf7-7e65-1acb-fceb7dcb9fe7-b6b1d1f0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cc2a0001-9f0e-51b4-5498-4f096044ec0c-b6b1d1f0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_828965e3-b433-b899-61ff-4d31824d87c4-b6b1d1f0, #w-node-d6496914-dd06-fe14-2c0d-32f5d56ab009-b6b1d1f0, #w-node-_641661e5-1f3d-380c-3467-11d5d1877b76-b6b1d1f0, #w-node-_31d1f374-805e-425a-8b64-4888084cdb4e-b6b1d1f0, #w-node-_900c7e6f-8d47-e01d-7724-7be557eebd82-b6b1d1f0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5e0c42a3-a3b7-9217-43e1-6ceda40d88c6-b6b1d1f0, #w-node-_678e13a8-2bf7-7e65-1acb-fceb7dcb9fe7-b6b1d1f0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_79711358-2bd2-b607-5d7d-48340fa26c5f-0fa26c5c, #w-node-_79711358-2bd2-b607-5d7d-48340fa26c6a-0fa26c5c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3abdf798-6fee-1344-2ccd-fb47050fe170-ef478530 {
    grid-column: span 2 / span 2;
  }

  #w-node-_51b0ee94-6c2c-d973-47a5-76aa667a8e89-ef478530 {
    grid-area: span 4 / span 5 / span 4 / span 5;
  }

  #w-node-_0357d821-7fa3-be24-24a0-697a3c77256a-ef478530 {
    order: 9999;
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_1b20092d-7ba2-d873-1a00-6a04fb2ef858-ef478530 {
    grid-area: span 4 / span 5 / span 4 / span 5;
  }

  #w-node-_774e6d39-2997-2496-e095-45c9cb9c6606-ef478530 {
    grid-column: span 2 / span 2;
  }

  #w-node-_89cb0bcd-1041-8bbd-ae0f-7d04d697f006-2b0edbbe, #w-node-ef3d2e51-2925-a42f-593e-dc5316294418-2b0edbbe, #ludic-sliders.w-node-decd0b42-5976-4eeb-9503-ffb272b36a8c-2b0edbbe, #w-node-_237a1388-ba45-7ba5-c321-c204d201edd7-2b0edbbe, #w-node-f7923ae3-6136-14a0-52a9-85ba6251e257-2b0edbbe, #w-node-_64e65396-c564-0cd8-e0b3-f54ba397cc75-2b0edbbe, #w-node-_2db643ad-a95c-ff4c-3903-0b0631d06a5b-2b0edbbe, #w-node-_9a581aa5-f8e5-e9e9-9c46-73b5ce7bedc5-2b0edbbe, #w-node-_52609072-71ab-6295-7610-c968485d99a0-2b0edbbe, #w-node-dcf2dd57-29f4-21ae-ccd8-f2f89e764c5b-2b0edbbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_828965e3-b433-b899-61ff-4d31824d87c4-b6b1d1f0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3478242f-8e41-49fd-7984-d9765abc5042-ef478530, #w-node-_44cb0655-04be-9b90-49fb-65a5abdbf6bd-ef478530 {
    order: -9999;
  }

  #w-node-ad0ae10e-006a-bca8-1acf-8110dad5404c-ef478530, #w-node-_3abdf798-6fee-1344-2ccd-fb47050fe170-ef478530, #w-node-_51b0ee94-6c2c-d973-47a5-76aa667a8e89-ef478530, #w-node-_0357d821-7fa3-be24-24a0-697a3c77256a-ef478530, #w-node-_1b20092d-7ba2-d873-1a00-6a04fb2ef858-ef478530, #w-node-_774e6d39-2997-2496-e095-45c9cb9c6606-ef478530 {
    grid-column: span 1 / span 1;
  }

  #w-node-_407fa917-2748-cf20-f18e-00189109eaad-2b0edbbe, #w-node-ca97bfac-0410-66b7-99d8-8557144e8939-2b0edbbe, #w-node-ec04e660-590e-2051-d157-ceafd8e9be54-2b0edbbe, #w-node-_8aec33f1-5096-bda0-b758-0c54b5b47eaa-2b0edbbe, #w-node-_8d218cd7-7fd0-0019-fc5e-0f16ea92fd53-2b0edbbe, #w-node-_61ab9a95-f776-4e03-d25e-b9de973687f3-2b0edbbe, #w-node-_097e3721-6756-ccd0-ae8e-cb871d86e282-2b0edbbe, #w-node-_40c53115-1a75-7e68-189b-c233339cb94b-2b0edbbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_919fe051-ac57-b300-f173-a1458587f415-2b0edbbe, #w-node-_2127b338-99e0-a82a-0eda-9cb90cc8f71b-2b0edbbe, #w-node-_40216bc2-1730-0710-3638-9601e100df02-2b0edbbe, #w-node-af960eee-3450-2c8b-4285-a6acdb820b78-2b0edbbe, #w-node-_53b36e9a-8897-fb18-0e66-fefee02b80d0-2b0edbbe {
    grid-column: span 2 / span 2;
  }

  #csk-1.w-node-_2532def4-f67c-3b32-989f-630ee902b2ed-2b0edbbe, #csk-2.w-node-aab6c4b5-d727-eae8-43c8-8659bca21504-2b0edbbe, #w-node-_96222e21-7c79-c5cd-b96b-b155d2714eae-2b0edbbe, #w-node-_393725cf-37c2-e93e-219c-bdf183561fd2-2b0edbbe, #w-node-_3bbd3574-a315-8ee1-64f2-9f71cd70365a-2b0edbbe, #ludic-sliders.w-node-b60bdc44-0195-ad1b-7b67-ef386cfb3172-2b0edbbe, #ludic-sliders.w-node-_31170c4d-c081-e5d0-7b68-648a9ffeaa0a-2b0edbbe, #ludic-sliders.w-node-_9770965d-1f8a-e5c7-3ea1-070c12e456f0-2b0edbbe, #w-node-_8bc8e789-9c55-d2e8-5301-a3225608a945-2b0edbbe, #ludic-core-main.w-node-f7923ae3-6136-14a0-52a9-85ba6251e24b-2b0edbbe, #w-node-f7923ae3-6136-14a0-52a9-85ba6251e251-2b0edbbe, #w-node-_60ca3e6a-e0fe-a8ab-1e95-ff3e09540e9f-2b0edbbe, #w-node-_25bb95bb-00d0-53b2-8c46-666c9bcd7d78-2b0edbbe, #w-node-ee26b211-2b1b-0b45-6003-83a795605cd9-2b0edbbe, #w-node-b7fc8c54-a59d-e08c-ab43-0e23925676bb-2b0edbbe, #w-node-_766fa4de-73ee-54eb-c4b7-9b149b2b634a-2b0edbbe, #ludic-enhanced-main.w-node-df9d7213-6959-b85e-4027-c4533ccd6203-2b0edbbe, #w-node-df9d7213-6959-b85e-4027-c4533ccd6209-2b0edbbe, #w-node-_8136d721-9693-8c92-bce6-8cacc78242e0-2b0edbbe, #w-node-_51e051dd-009c-b3ad-21f2-8c116a157a79-2b0edbbe, #w-node-_4027c89e-eaa8-d2d7-457f-7831f8e17a00-2b0edbbe, #w-node-_5d841a72-f0f1-bf28-0776-fe90d018dd7a-2b0edbbe, #w-node-e387b279-4e70-38a7-4ac2-d5be9062fd32-2b0edbbe, #w-node-_42e284c8-e576-97b7-1a8e-d405a62308ed-2b0edbbe, #w-node-_88a1b808-1cef-0e34-9ee6-7f035bcd1c37-2b0edbbe, #w-node-_0285e0ab-b232-69e0-2a57-8457056cd327-2b0edbbe, #w-node-b6bececf-11f5-4eb3-ad5c-63868afb4a24-2b0edbbe, #w-node-_15700776-a807-7d52-0b52-a76729cdfd3e-2b0edbbe, #w-node-_235f2a8a-6cb7-62e8-8435-79b44d6e9ba4-2b0edbbe, #w-node-_0033a1a1-7757-b0cf-66cb-2a27c9634124-2b0edbbe, #w-node-_06f3f8ce-a6b6-0b18-b861-cdf9e560ae99-2b0edbbe, #w-node-cab769a9-6c35-b36a-c456-39dcb31d9456-2b0edbbe, #w-node-_21aab81e-d0d1-d3ca-5cd7-0caf395d6823-2b0edbbe, #w-node-_7d7fbbaf-3ab0-bc2a-6136-5f4fc313c9b5-2b0edbbe, #product-3.w-node-_0d5e2485-789f-e0c6-608f-ba44cb2ec020-2b0edbbe, #product-4.w-node-de5789e0-a6ce-e059-6ad5-eb3c6244187e-2b0edbbe, #product-5.w-node-ff48efc1-90a7-dc56-0647-12fa963f0420-2b0edbbe, #product-6.w-node-_0128a27f-02e9-827e-1f70-4c2bbf6f91b9-2b0edbbe, #product-7.w-node-c9a6a3ba-91e8-32a8-d763-bd77b119251c-2b0edbbe, #product-2.w-node-_1420950f-835a-c9cc-ca6a-8ebe0b53aeaa-2b0edbbe, #product-8.w-node-cf131594-6453-9d36-d924-7687459e3090-2b0edbbe, #product-9.w-node-_2f763551-7244-4b0a-27d9-dead40e00915-2b0edbbe, #product-10.w-node-_1d90953b-0f01-da91-cffc-16752052cc2e-2b0edbbe, #product-11.w-node-_5470cf46-73e1-eeb4-0364-a824ccce3017-2b0edbbe, #w-node-bf69ffd5-b611-fd1c-24c1-27fcc786c970-2b0edbbe, #w-node-_4b0bc1cf-2a2b-8574-37dc-a45ae32915d9-2b0edbbe, #w-node-_9d6d7714-25ea-1649-6a21-dcd295e59f2c-2b0edbbe, #w-node-a754fc3a-20a6-71fe-40b8-768a2f1c2c7c-2b0edbbe, #w-node-dcf2dd57-29f4-21ae-ccd8-f2f89e764c4f-2b0edbbe, #w-node-dcf2dd57-29f4-21ae-ccd8-f2f89e764c55-2b0edbbe, #w-node-_37da2267-a167-0059-0785-57731967eaa4-2b0edbbe, #w-node-_37da2267-a167-0059-0785-57731967eaaa-2b0edbbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Aktivgroteskex Trial Md';
  src: url('../fonts/AktivGroteskEx_Trial_Md.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgroteskex Trial Th';
  src: url('../fonts/AktivGroteskEx_Trial_Th.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgroteskex Trial Lt';
  src: url('../fonts/AktivGroteskEx_Trial_Lt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}