:root {
  --_colors---primary--paper: #f8f7f3;
  --_typography---font-family--primary: "Inter VF", Arial, sans-serif;
  --fixed--1rem: 1rem;
  --_typography---font-weight--regular: 400;
  --fixed--0rem: 0rem;
  --_typography---h1--font-family: var(--_typography---font-family--primary);
  --_typography---h1--font-size: var(--fixed--6rem);
  --_typography---h1--line-height: 95%;
  --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h1--letter-spacing: -.02em;
  --_typography---h2--font-family: var(--_typography---font-family--primary);
  --_typography---h2--font-size: var(--fixed--4-5rem);
  --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h2--letter-spacing: -.02em;
  --_typography---h3--font-family: var(--_typography---font-family--primary);
  --_typography---h3--font-size: var(--fixed--3-5rem);
  --_typography---h3--line-height: 100%;
  --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h3--letter-spacing: -.02em;
  --_typography---h4--font-family: var(--_typography---font-family--primary);
  --_typography---h4--font-size: var(--fixed--2-75rem);
  --_typography---h4--line-height: 110%;
  --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h4--letter-spacing: -.02em;
  --_typography---h5--font-family: var(--_typography---font-family--primary);
  --_typography---h5--font-size: var(--fixed--2rem);
  --_typography---h5--line-height: 115%;
  --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h5--letter-spacing: -.02em;
  --_typography---h6--font-family: var(--_typography---font-family--primary);
  --_typography---h6--font-size: var(--fixed--1-5rem);
  --_typography---h6--line-height: 120%;
  --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
  --_typography---h6--letter-spacing: -.02em;
  --fixed--2-5rem: 2.5rem;
  --_typography---font-family--secondary: "BDO Grotesk VF", Arial, sans-serif;
  --fixed--1-25rem: 1.25rem;
  --_typography---font-weight--semibold: 600;
  --fixed--1-125rem: 1.125rem;
  --border-radius--xsmall: var(--fixed--0-5rem);
  --_colors---primary--white: white;
  --fixed--1-5rem: 1.5rem;
  --_typography---font-weight--medium: 500;
  --fixed--0-875rem: .875rem;
  --_typography---font-weight--thin: 100;
  --_colors---primary--black: #000;
  --spacer--xxhuge: var(--fixed--12rem);
  --fixed--2rem: 2rem;
  --spacer--custom-1: var(--fixed--1-25rem);
  --fixed--4rem: 4rem;
  --fixed--3rem: 3rem;
  --fixed--1-75rem: 1.75rem;
  --spacer--custom-3: var(--fixed--2-5rem);
  --section--medium: var(--fixed--8rem);
  --section--xsmall: var(--fixed--4rem);
  --section--large: var(--fixed--10rem);
  --fixed--6-5rem: 6.5rem;
  --fixed--2-25rem: 2.25rem;
  --spacer--tiny: var(--fixed--0-125rem);
  --_typography---font-weight--extra-bold: 800;
  --spacer--medium: var(--fixed--2rem);
  --spacer--custom-2: var(--fixed--1-5rem);
  --_typography---font-weight--light: 300;
  --fixed--5rem: 2.6rem;
  --fixed--2-75rem: 2.75rem;
  --fixed--0-5rem: .5rem;
  --spacer--xhuge: var(--fixed--8rem);
  --fixed--0-75rem: .75rem;
  --section--small: var(--fixed--6rem);
  --_typography---font-weight--bold: 700;
  --spacer--small: var(--fixed--1rem);
  --section--xxlarge: var(--fixed--13rem);
  --fixed--7rem: 7rem;
  --_typography---font-family--detail: "Roboto Mono VF", Arial, sans-serif;
  --spacer--xxlarge: var(--fixed--5rem);
  --spacer--xlarge: var(--fixed--4rem);
  --_typography---font-weight--black: 900;
  --section--xlarge: var(--fixed--12rem);
  --spacer--xsmall: var(--fixed--0-5rem);
  --_typography---font-weight--extra-light: 200;
  --spacer--xxsmall: var(--fixed--0-25rem);
  --spacer--huge: var(--fixed--6rem);
  --_typography---h2--line-height: 105%;
  --spacer--large: var(--fixed--3rem);
  --fixed--3-5rem: 3.5rem;
  --_colors---grey--200: #b6b6b6;
  --border-radius--large: var(--fixed--1-125rem);
  --_colors---white--50: #ffffff80;
  --_colors---grey--100: #ddd;
  --fixed--8rem: 8rem;
  --_colors---white--70: #ffffffb3;
  --border-radius--small: var(--fixed--0-75rem);
  --border-radius--ultra: var(--fixed--3rem);
  --_colors---primary--accent: #f3350c;
  --border-radius--xhuge: var(--fixed--2rem);
  --_colors---grey--50: #f1efed;
  --_colors---grey--400: #666;
  --fixed--0-125rem: .125rem;
  --_colors---white--15: #ffffff26;
  --fixed--0-25rem: .25rem;
  --fixed--4-5rem: 4.5rem;
  --_colors---grey--500: #4d4d4d;
  --border-radius--xlarge: var(--fixed--1-25rem);
  --_colors---grey--600: #292929;
  --_colors---grey--300: #707070;
  --fixed--5-5rem: 5.5rem;
  --_animations---animation-border-radius: 0px;
  --border-radius--huge: var(--fixed--1-75rem);
  --_animations---animation-padding: 0px;
  --border-radius--medium: var(--fixed--1rem);
  --fixed--16rem: 16rem;
  --fixed--10rem: 10rem;
  --fixed--15rem: 15rem;
  --border-radius--xxhuge: var(--fixed--2-5rem);
  --_colors---grey--250: grey;
  --blue: #2f6eed;
  --_colors---grey--700: #171717;
  --_colors---grey--800: #0f0f0f;
  --_colors---grey--900: #0a0a0a;
  --_colors---white--transparent: transparent;
  --_colors---white--10: #ffffff1a;
  --_colors---white--20: #fff3;
  --_colors---white--30: #ffffff4d;
  --_colors---white--40: #fff6;
  --_colors---white--60: #fffc;
  --_colors---white--80: #fffc;
  --_colors---white--90: #fffc;
  --fixed--6rem: 6rem;
  --fixed--9rem: 9rem;
  --fixed--11rem: 11rem;
  --fixed--12rem: 12rem;
  --fixed--13rem: 13rem;
  --fixed--14rem: 14rem;
  --border-radius--tiny: var(--fixed--0-125rem);
  --border-radius--xxsmall: var(--fixed--0-25rem);
  --border-radius--xxlarge: var(--fixed--1-5rem);
}

body {
  background-color: var(--_colors---primary--paper);
  font-family: var(--_typography---font-family--primary);
  color: #000;
  font-size: var(--fixed--1rem);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--regular);
  letter-spacing: -.02em;
}

h1 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h1--font-family);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}

h2 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h2--font-family);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
}

h3 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h3--font-family);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
}

h4 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h4--font-family);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}

h5 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h5--font-family);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
}

h6 {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  font-family: var(--_typography---h6--font-family);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
}

p {
  margin-bottom: var(--fixed--0rem);
}

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

ul, ol {
  margin-top: var(--fixed--0rem);
  margin-bottom: var(--fixed--0rem);
  padding-left: var(--fixed--2-5rem);
}

blockquote {
  margin-bottom: var(--fixed--0rem);
  padding: var(--fixed--0rem);
  font-family: var(--_typography---font-family--secondary);
  font-size: var(--fixed--1-25rem);
  line-height: 130%;
  font-weight: var(--_typography---font-weight--semibold);
  border-left: 5px #e2e2e2;
}

.main-wrapper {
  position: relative;
  overflow: clip;
}

.main-wrapper.black {
  background-color: var(--_colors---primary--black);
}

.padding-section-medium {
  padding-top: var(--section--medium);
}

.padding-global {
  padding-right: var(--fixed--3rem);
  padding-left: var(--fixed--3rem);
}

.padding-global.is-tiny {
  padding-right: var(--fixed--0-75rem);
  padding-left: var(--fixed--0-75rem);
}

.padding-global.is-small {
  padding-right: var(--fixed--2rem);
  padding-left: var(--fixed--2rem);
}

.heading-style-h1 {
  font-family: var(--_typography---h1--font-family);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
}

.heading-style-h1.font-weight-medium {
  font-weight: var(--_typography---font-weight--medium);
  font-weight: var(--_typography---font-weight--medium);
}

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

.spacer-xlarge {
  padding-top: var(--spacer--xlarge);
  width: 100%;
}

.page-wrapper {
  z-index: 1;
  position: relative;
}

.page-wrapper.full-height {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.spacer-large {
  padding-top: var(--spacer--large);
  width: 100%;
}

.navbar {
  z-index: 100;
  padding-top: var(--fixed--0-5rem);
  background-color: var(--_colors---primary--paper);
  width: 100%;
  position: fixed;
  top: 0;
}

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

.navbar_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.navbar_link-text {
  font-family: var(--_typography---font-family--secondary);
  font-weight: var(--_typography---font-weight--semibold);
}

.navbar_link-text._2 {
  position: absolute;
  top: 100%;
}

.navbar_links {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar_component {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  flex-flow: column;
  display: flex;
}

.navbar_line {
  border-top: 1px dotted var(--_colors---grey--200);
  width: 100%;
  height: 1px;
}

.navbar_brand {
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar_creative-text {
  font-family: var(--_typography---font-family--secondary);
  font-size: var(--fixed--0-75rem);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: uppercase;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.note-marquee_component {
  z-index: 3;
  white-space: nowrap;
  width: 16.25rem;
  position: relative;
  overflow: clip;
}

.note-marquee_in {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  -webkit-mask: linear-gradient(270deg, #0000, #000 50%, #0000);
  mask: linear-gradient(270deg, #0000, #000 50%, #0000);
}

.note-marquee_text {
  font-family: var(--_typography---font-family--detail);
  color: #fff;
  font-size: var(--fixed--0-875rem);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-right: .75rem;
}

.navbar_links-menu {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hamburger {
  z-index: 2;
  width: var(--fixed--3-5rem);
  height: var(--fixed--2-5rem);
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border-radius: var(--border-radius--small);
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: -.625rem;
  display: flex;
  position: relative;
}

.hamburger_line {
  width: var(--fixed--2-25rem);
  background-color: var(--_colors---primary--black);
  height: 2px;
}

.menu_component {
  z-index: 99;
  display: none;
  position: relative;
}

.menu {
  z-index: 3;
  padding: var(--fixed--0-75rem);
  width: 50vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.menu_bg-blur {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0000004d;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu_in {
  border-radius: var(--border-radius--ultra);
  background-color: var(--_colors---primary--white);
  perspective-origin: 100% 0;
  transform-origin: 100% 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: clip;
}

.menu_content {
  padding: var(--fixed--2-25rem);
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.menu_links {
  grid-column-gap: var(--fixed--0-75rem);
  grid-row-gap: var(--fixed--0-75rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.menu_link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu_link-texts {
  position: relative;
  overflow: clip;
}

.menu_link-text {
  font-size: var(--fixed--2-25rem);
  line-height: 1.1;
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: -.04em;
}

.menu_link-text._2 {
  position: absolute;
  top: 100%;
}

.navbar_link-dot {
  background-color: var(--_colors---primary--accent);
  opacity: 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  inset: .125rem -.4rem auto auto;
}

.menu_actions {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.menu_contact-img {
  object-fit: scale-down;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu_contact {
  border-radius: var(--border-radius--xhuge);
  height: 28vh;
  max-height: 21.25rem;
  position: relative;
  overflow: hidden;
}

.menu_contact-text {
  color: var(--_colors---primary--white);
  font-size: var(--fixed--1-25rem);
  line-height: 1.2;
}

.menu-contact-link {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1.5rem auto auto 1.5rem;
}

.menu_contact-arrow {
  width: var(--fixed--0-75rem);
}

.button_dot-scale {
  background-color: var(--_colors---primary--accent);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: none;
  position: absolute;
}

.button-line_space {
  width: 1.5rem;
}

.button-line_space.blue-dark-36:where(.w-variant-52580813-754d-cbf1-ebf9-3d524b86b25c) {
  width: var(--fixed--0-75rem);
  width: var(--fixed--0-75rem);
}

.button_text._2 {
  opacity: 0;
  margin-bottom: -1.5rem;
}

.button_text._2:where(.w-variant-52580813-754d-cbf1-ebf9-3d524b86b25c) {
  margin-bottom: -1.25rem;
}

.button-line_dot {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button_texts {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.button_dot {
  z-index: 4;
  background-color: var(--_colors---primary--accent);
  border-radius: 50%;
  width: .25rem;
  height: .25rem;
  position: relative;
}

.menu_social-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-secondary {
  background-color: var(--_colors---grey--50);
  font-family: var(--_typography---font-family--secondary);
  color: #000;
  font-size: .875rem;
  line-height: 1.6;
  font-weight: var(--_typography---font-weight--semibold);
  border-radius: 9rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
  overflow: clip;
}

.button-secondary:where(.w-variant-f874b9ba-24b5-50ff-0733-53dd5363b8cf) {
  background-color: var(--_colors---primary--black);
  color: var(--_colors---primary--white);
}

.button-secondary:where(.w-variant-52580813-754d-cbf1-ebf9-3d524b86b25c) {
  padding: var(--fixed--0-5rem) var(--fixed--0-75rem);
  font-size: var(--fixed--0-75rem);
  line-height: 1.6;
}

.button-secondary:where(.w-variant-084c35ac-0c40-f906-a9cd-0d43386a2d5d), .button-secondary.white {
  background-color: var(--_colors---primary--white);
}

.menu_legal {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu_legal-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-family: var(--_typography---font-family--secondary);
  color: var(--_colors---grey--400);
  font-size: .875rem;
  line-height: 1.1;
  font-weight: var(--_typography---font-weight--medium);
  justify-content: center;
  align-items: flex-start;
  padding-bottom: .25rem;
  display: inline-flex;
  position: relative;
  bottom: -2px;
  overflow: hidden;
}

.menu_legal-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 100.4%;
}

.menu_legal-line.grey {
  background-color: gray;
}

.menu_social {
  grid-column-gap: .875rem;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.menu_social-link {
  aspect-ratio: 1;
  border: 1px solid #ececec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  transition: opacity .2s;
  display: flex;
}

.menu_social-link:hover {
  opacity: .6;
}

.menu_social-icon {
  width: var(--fixed--1-25rem);
}

.menu_close {
  width: var(--fixed--4rem);
  aspect-ratio: 1;
  background-color: var(--_colors---grey--50);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.menu_close:hover {
  transform: scale(.9);
}

.menu_close-icon {
  width: var(--fixed--1rem);
}

.navbar_link-texts {
  position: relative;
  overflow: clip;
}

.menu_link-dot {
  background-color: var(--_colors---primary--accent);
  opacity: 0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  inset: .125rem -.5rem auto auto;
}

.work-list_heading-wrap {
  position: relative;
}

.work-list_number {
  color: #fff;
  text-align: center;
  background-color: #f3350c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .75rem;
  display: flex;
  position: absolute;
  inset: 0 -1.25rem auto auto;
}

.work-list_component {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-display {
  font-size: var(--fixed--8rem);
  line-height: 85%;
  font-weight: var(--_typography---font-weight--semibold);
  letter-spacing: -.02em;
}

.hover_wrap {
  z-index: 99;
  pointer-events: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5rem;
  padding-left: .5rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.hover_pill {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  text-transform: uppercase;
  background-color: #0000004d;
  border-radius: 4rem;
  padding: .75rem 1rem;
  font-size: .75rem;
  font-weight: 500;
}

.hover_text-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hover_text {
  font-family: var(--_typography---font-family--detail);
  white-space: nowrap;
}

.section_work-list {
  overflow: clip;
}

.text-color-white {
  color: var(--_colors---primary--white);
}

.progressive-blur_panel {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_wrap {
  z-index: 99;
  pointer-events: none;
  width: 100%;
  height: 6rem;
  position: fixed;
  inset: auto 0% 0%;
  overflow: clip;
  transform: rotate(180deg);
}

.cta_component {
  border-radius: var(--border-radius--xlarge);
  background-color: var(--_colors---primary--black);
  background-image: url("https://cdn.prod.website-files.com/6913f152f7d49d3e348fc705/6913f153f7d49d3e348fc846_pixel.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 90vh;
  display: flex;
  position: relative;
}

.cta_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.interaction_visual_wrap {
  z-index: 20;
  pointer-events: none;
  height: 100vh;
  position: fixed;
  inset: 0% 0% auto;
}

.interaction_template {
  display: none;
}

.interaction_img_wrap {
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.interaction_img {
  aspect-ratio: 2 / 2.7;
  border-radius: var(--fixed--0-5rem);
  object-fit: cover;
  flex: none;
  width: 40vw;
  min-width: 10rem;
}

.interaction_cms_wrap {
  display: none;
}

.cta_note {
  position: absolute;
  top: 2rem;
}

.footer_links-groups {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.footer_brand {
  letter-spacing: -.05em;
  margin-right: auto;
  font-size: 20vw;
  font-weight: 500;
  line-height: 1;
}

.footer_component {
  grid-column-gap: var(--fixed--3rem);
  grid-row-gap: var(--fixed--3rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer_social-link {
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.footer_social-link:hover {
  opacity: .6;
}

.footer_social-link.left {
  justify-content: flex-start;
  align-items: center;
}

.footer_links-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.footer_lists {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_wrap {
  z-index: 0;
  grid-column-gap: var(--fixed--4rem);
  grid-row-gap: var(--fixed--4rem);
  border-radius: var(--border-radius--xlarge);
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow: clip;
}

.footer_social-icon {
  width: 1.5rem;
}

.footer_link-label {
  color: #000;
  font-weight: var(--_typography---font-weight--semibold);
}

.footer_main {
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_social {
  grid-column-gap: 1rem;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.footer_group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_link {
  color: #474747;
  font-size: .875rem;
  font-weight: 500;
}

.footer_link:hover {
  color: #000;
}

.footer {
  padding-top: var(--fixed--0-75rem);
  padding-bottom: var(--fixed--0-75rem);
}

.footer_secondary {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.form_error-message {
  color: #0a0a0a;
  border-radius: .75rem;
}

.form_success-message-2 {
  background-color: var(--_colors---primary--paper);
  outline-color: var(--_colors---primary--accent);
  outline-offset: 4px;
  color: #0a0a0a;
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--medium);
  border-radius: .5rem;
  outline-width: 1px;
  outline-style: dotted;
}

.footer_newsletter-button {
  z-index: 2;
  color: #fff;
  text-align: center;
  background-color: #242424;
  background-image: linear-gradient(#242424, #131313);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  transition: border .2s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 33px #00000040, inset 0 1px #ffffff1f;
}

.footer_newsletter-button:hover {
  background-image: linear-gradient(#333, #141414);
}

.footer_newsletter {
  width: 100%;
  margin-bottom: 0;
}

.footer_field {
  padding-right: var(--fixed--1-5rem);
  padding-left: var(--fixed--1-5rem);
  background-color: var(--_colors---grey--50);
  color: var(--_colors---primary--black);
  font-weight: var(--_typography---font-weight--medium);
  border: 1px #000;
  border-radius: 1.125rem;
  flex: 1;
  height: 4rem;
  margin-bottom: 0;
}

.footer_field:focus {
  border-color: #fff6;
}

.footer_field::placeholder {
  color: var(--_colors---grey--300);
}

.footer_field-wrap {
  grid-column-gap: var(--fixed--0-875rem);
  grid-row-gap: var(--fixed--0-875rem);
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.field-label {
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--regular);
  margin-bottom: 10px;
}

.navbar_logo-wrap, .navbar_logo-wrap.w--current {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-top-padding {
  padding-top: var(--fixed--0-75rem);
}

.oli-hue-icon {
  -webkit-text-fill-color: transparent;
  vertical-align: sub;
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/6913f152f7d49d3e348fc705/6913f153f7d49d3e348fc874_bg-2.jpg");
  background-position: 50%;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
  width: 32px;
  height: 32px;
}

.text-block-2 {
  font-size: var(--fixed--1-75rem);
  font-weight: var(--_typography---font-weight--semibold);
  align-self: center;
  height: auto;
}

.text-block-2.white-color {
  color: var(--_colors---primary--white);
}

.text-block-2.middle {
  text-align: center;
}

.image {
  width: auto;
  max-width: 40px;
}

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

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

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

@media screen and (max-width: 991px) {
  body {
    --fixed--1rem: 1rem;
    --fixed--0rem: 0rem;
    --fixed--2-5rem: 2.5rem;
    --fixed--1-25rem: 1.25rem;
    --fixed--1-125rem: 1.125rem;
    --border-radius--xsmall: var(--fixed--0-25rem);
    --fixed--1-5rem: 1.5rem;
    --fixed--0-875rem: .875rem;
    --spacer--xxhuge: var(--fixed--12rem);
    --fixed--2rem: 2rem;
    --spacer--custom-1: var(--fixed--1-25rem);
    --fixed--4rem: 4rem;
    --fixed--3rem: 3rem;
    --fixed--1-75rem: 1.75rem;
    --spacer--custom-3: var(--fixed--2-5rem);
    --section--medium: var(--fixed--7rem);
    --section--xsmall: var(--fixed--2-75rem);
    --section--large: var(--fixed--8rem);
    --fixed--6-5rem: 6.5rem;
    --fixed--2-25rem: 2.25rem;
    --spacer--tiny: var(--fixed--0-125rem);
    --spacer--medium: var(--fixed--2rem);
    --spacer--custom-2: var(--fixed--1-5rem);
    --fixed--5rem: 2.6rem;
    --fixed--2-75rem: 2.75rem;
    --fixed--0-5rem: .5rem;
    --spacer--xhuge: var(--fixed--8rem);
    --fixed--0-75rem: .75rem;
    --section--small: var(--fixed--5rem);
    --spacer--small: var(--fixed--1rem);
    --section--xxlarge: var(--fixed--10rem);
    --fixed--7rem: 7rem;
    --spacer--xxlarge: var(--fixed--4rem);
    --spacer--xlarge: var(--fixed--4rem);
    --section--xlarge: var(--fixed--9rem);
    --spacer--xsmall: var(--fixed--0-5rem);
    --spacer--xxsmall: var(--fixed--0-25rem);
    --spacer--huge: var(--fixed--6rem);
    --spacer--large: var(--fixed--3rem);
    --fixed--3-5rem: 3.5rem;
    --border-radius--large: var(--fixed--0-75rem);
    --fixed--8rem: 8rem;
    --border-radius--small: var(--fixed--0-5rem);
    --border-radius--ultra: var(--fixed--1-5rem);
    --border-radius--xhuge: var(--fixed--0-875rem);
    --fixed--0-125rem: .125rem;
    --fixed--0-25rem: .25rem;
    --fixed--4-5rem: 4.5rem;
    --border-radius--xlarge: var(--fixed--0-75rem);
    --fixed--5-5rem: 5.5rem;
    --border-radius--huge: var(--fixed--0-875rem);
    --border-radius--medium: var(--fixed--0-5rem);
    --fixed--16rem: 16rem;
    --fixed--10rem: 10rem;
    --fixed--15rem: 15rem;
    --border-radius--xxhuge: var(--fixed--1-25rem);
    --blue: #2f6eed;
    --fixed--6rem: 6rem;
    --fixed--9rem: 9rem;
    --fixed--11rem: 11rem;
    --fixed--12rem: 12rem;
    --fixed--13rem: 13rem;
    --fixed--14rem: 14rem;
    --border-radius--tiny: var(--fixed--0-125rem);
    --border-radius--xxsmall: var(--fixed--0-25rem);
    --border-radius--xxlarge: var(--fixed--0-875rem);
    --_typography---font-family--primary: "Inter VF", Arial, sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--primary);
    --_typography---h1--font-size: var(--fixed--5rem);
    --_typography---h1--line-height: 95%;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h1--letter-spacing: -.02em;
    --_typography---h2--font-family: var(--_typography---font-family--primary);
    --_typography---h2--font-size: var(--fixed--4rem);
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--letter-spacing: -.02em;
    --_typography---h3--font-family: var(--_typography---font-family--primary);
    --_typography---h3--font-size: var(--fixed--3rem);
    --_typography---h3--line-height: 100%;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: -.02em;
    --_typography---h4--font-family: var(--_typography---font-family--primary);
    --_typography---h4--font-size: var(--fixed--2-5rem);
    --_typography---h4--line-height: 110%;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: -.02em;
    --_typography---h5--font-family: var(--_typography---font-family--primary);
    --_typography---h5--font-size: var(--fixed--2rem);
    --_typography---h5--line-height: 115%;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: -.02em;
    --_typography---h6--font-family: var(--_typography---font-family--primary);
    --_typography---h6--font-size: var(--fixed--1-5rem);
    --_typography---h6--line-height: 120%;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: -.02em;
    --_typography---font-family--secondary: "BDO Grotesk VF", Arial, sans-serif;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--detail: "Roboto Mono VF", Arial, sans-serif;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-light: 200;
    --_typography---h2--line-height: 105%;
  }

  .resources_heading {
    font-size: 1.25rem;
  }

  .main-wrapper {
    margin-top: 40px;
  }

  .icon-height-xlarge {
    height: var(--fixed--3rem);
  }

  .text-rich-text h4, .text-rich-text h3 {
    font-size: var(--fixed--1-75rem);
  }

  .text-rich-text h2 {
    font-size: var(--fixed--2rem);
  }

  .text-rich-text h4, .text-rich-text h3 {
    font-size: var(--fixed--1-75rem);
  }

  .text-rich-text h6 {
    font-size: var(--fixed--1-25rem);
  }

  .text-rich-text h1 {
    font-size: var(--fixed--3rem);
  }

  .text-rich-text h5 {
    font-size: var(--fixed--1-5rem);
  }

  .padding-section-medium.is-tablet-xsmall {
    padding-top: var(--section--xsmall);
  }

  .padding-section-medium.is-tablet-large {
    padding-top: var(--section--large);
  }

  .padding-section-medium.is-tablet-xxsmall {
    padding-top: var(--fixed--2-25rem);
  }

  .text-size-medium {
    font-size: var(--fixed--1rem);
  }

  .spacer-medium.is-tablet-smaller {
    padding-top: var(--fixed--1-5rem);
    padding-top: var(--fixed--1-5rem);
  }

  .resources_component {
    grid-column-gap: var(--fixed--4rem);
    grid-row-gap: var(--fixed--4rem);
  }

  .resources_item-content {
    grid-row-gap: var(--fixed--0-5rem);
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .padding-global, .padding-global.is-tiny.tablet-bigger, .padding-global.is-small, .padding-global.is-tiny.tablet-bigger, .padding-global.is-tiny.tablet-bigger, .padding-global.is-small {
    padding-right: var(--fixed--2-25rem);
    padding-left: var(--fixed--2-25rem);
  }

  .padding-section-large.is-tablet-small {
    padding-top: var(--section--small);
    padding-top: var(--section--small);
  }

  .text-size-large {
    font-size: var(--fixed--1-125rem);
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .spacer-xlarge.is-tablet-medium {
    padding-top: var(--spacer--medium);
    padding-top: var(--spacer--medium);
  }

  .heading-style-h3 {
    -webkit-text-stroke-width: 0px;
  }

  .heading-style-h3.is-tablet-h4 {
    font-family: var(--_typography---h4--font-family);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h4--line-height);
    font-weight: var(--_typography---h4--font-weight);
    letter-spacing: var(--_typography---h4--letter-spacing);
    font-family: var(--_typography---h4--font-family);
    font-size: var(--_typography---h4--font-size);
    line-height: var(--_typography---h4--line-height);
    font-weight: var(--_typography---h4--font-weight);
    letter-spacing: var(--_typography---h4--letter-spacing);
  }

  .container-medium {
    max-width: none;
  }

  .hide-tablet {
    display: none;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .container-large {
    max-width: none;
  }

  .spacer-large.is-tablet-smaller {
    padding-top: var(--fixed--1-75rem);
    padding-top: var(--fixed--1-75rem);
  }

  .resources_font-block:hover {
    opacity: 1;
  }

  .navbar_links {
    display: none;
  }

  .home-header_subhead {
    font-size: var(--fixed--2-5rem);
    -webkit-text-stroke-width: 0px;
  }

  .home-header_words-wrap {
    height: 3.2rem;
    margin-top: 0;
  }

  .note-marquee_component {
    display: none;
  }

  .menu_component {
    display: block;
  }

  .menu {
    width: 100vw;
    display: none;
  }

  .menu_bg-blur {
    display: none;
  }

  .menu_legal-link {
    padding-bottom: 0;
  }

  .head-grid {
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
    flex-flow: column;
    display: flex;
  }

  .heading-style-display {
    font-size: var(--fixed--6-5rem);
  }

  .work-list_head {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .work-list_list {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .work-list_link {
    height: auto;
  }

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

  .home-grid_chat, .home-grid_pricing {
    aspect-ratio: 16 / 9;
  }

  .home-services_item {
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
    position: relative;
    top: auto;
  }

  .home-services_title {
    font-size: 1rem;
  }

  .button-underline {
    font-size: 1.125rem;
  }

  .home-about_component {
    grid-column-gap: var(--fixed--3rem);
    grid-row-gap: var(--fixed--3rem);
    flex-flow: column;
    display: flex;
  }

  .home-about_video-wrap {
    padding: var(--fixed--3rem);
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
    aspect-ratio: auto;
    flex-flow: column;
    order: 1;
  }

  .home-about_content-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
  }

  .home-about_quote-wrap {
    width: 100%;
    max-width: none;
  }

  .home-about_logo {
    position: relative;
    bottom: auto;
  }

  .showreel_wrap {
    padding: var(--fixed--0-75rem);
    height: auto;
  }

  .showreel_img-wrap {
    border-radius: var(--border-radius--huge);
  }

  .showreel_heading {
    -webkit-text-stroke-width: 0px;
    font-size: 3rem;
    display: none;
  }

  .showreel_play-text {
    font-size: var(--fixed--2-5rem);
    -webkit-text-stroke-width: 0px;
  }

  .showreel_lightbox {
    padding: var(--fixed--0rem);
    aspect-ratio: 2;
    height: auto;
  }

  .showreel_sticky {
    height: auto;
    position: relative;
    top: auto;
  }

  .showreel_img {
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
  }

  .showreel_scroll-note {
    display: none;
  }

  .showreel_play-icon-wrap {
    width: var(--fixed--3-5rem);
  }

  .showreel_play-icon {
    width: .75rem;
  }

  .testimonials_main {
    flex-flow: column;
    grid-template-rows: auto auto;
    display: flex;
  }

  .testimonials_main-wrap {
    padding: var(--fixed--2rem);
  }

  .number_desc {
    font-size: var(--fixed--1rem);
  }

  .testimonials_head {
    width: 100%;
    max-width: none;
  }

  .testimonials_card {
    padding: var(--fixed--2rem);
    grid-column-gap: var(--fixed--2-5rem);
    grid-row-gap: var(--fixed--2-5rem);
  }

  .testimonials_data-items {
    grid-column-gap: var(--fixed--1rem);
    grid-row-gap: var(--fixed--1rem);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .testimonials_data-bar {
    margin-top: auto;
  }

  .number_number {
    font-size: var(--fixed--5rem);
  }

  .testimonials_numbers-main {
    grid-column-gap: var(--fixed--2-5rem);
    grid-row-gap: var(--fixed--2-5rem);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .pricing_heading {
    font-size: 26vw;
  }

  .pricing_blocks {
    margin-top: -3.5rem;
  }

  .pricing_block {
    padding: var(--fixed--3-5rem) var(--fixed--2-5rem) var(--fixed--2-5rem);
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
  }

  .pricing_detail {
    font-size: var(--fixed--0-75rem);
  }

  .pricing_feature-text, .pricing_divider-label {
    font-size: var(--fixed--0-875rem);
  }

  .pricing_plan-name {
    font-size: var(--fixed--1-75rem);
  }

  .faq_component {
    display: block;
  }

  .faq_content {
    max-width: none;
  }

  .faq_answer-spacing {
    height: 1.25rem;
    min-height: 1.25rem;
  }

  .faq_question-wrap {
    grid-template-columns: 5.65302% 1fr 5%;
  }

  .faq_img-wrap {
    display: none;
  }

  .blog-list_list.v3 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-list_block.v2 {
    place-items: stretch stretch;
  }

  .blog-list_img-wrap {
    aspect-ratio: auto;
  }

  .blog-list_texts {
    width: 100%;
  }

  .cta_component {
    min-height: auto;
  }

  .footer_links-groups {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    width: 100%;
  }

  .footer_brand {
    font-size: 24vw;
  }

  .footer_component {
    grid-column-gap: var(--fixed--1-5rem);
    grid-row-gap: var(--fixed--1-5rem);
  }

  .footer_copyright {
    font-weight: 500;
  }

  .footer_wrap {
    grid-column-gap: var(--fixed--3-5rem);
    grid-row-gap: var(--fixed--3-5rem);
    padding-top: 2.25rem;
    padding-bottom: 1rem;
  }

  .footer_legal-wrap {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_legal-divider {
    width: 100%;
    height: 1px;
    display: none;
  }

  .footer_main {
    flex-flow: column;
    display: flex;
  }

  .footer_legal-links {
    place-items: end center;
  }

  .footer_secondary {
    grid-column-gap: var(--fixed--0-875rem);
    grid-row-gap: var(--fixed--0-875rem);
    width: 100%;
  }

  .section_about-header {
    min-height: auto;
  }

  .about-header_component {
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
    position: relative;
  }

  .about-header_headings {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .about-header_imgs {
    border-radius: 2vw;
    width: 40vw;
    height: auto;
  }

  .about-header_infos {
    margin-top: var(--fixed--2-75rem);
    position: relative;
    inset: auto;
  }

  .about-header_imgs-wrapper {
    position: relative;
    right: auto;
  }

  .about-header_location {
    display: none;
  }

  .about_component {
    min-height: auto;
  }

  .about_block {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .about_quote {
    font-size: var(--fixed--1-125rem);
  }

  .team_component {
    grid-column-gap: var(--fixed--2-5rem);
    grid-row-gap: var(--fixed--2-5rem);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    max-height: none;
    display: flex;
  }

  .team_imgs-wrap {
    height: auto;
    position: relative;
    top: auto;
    transform: none;
  }

  .team_content-items.is-inverted {
    grid-column-gap: var(--fixed--1-5rem);
    grid-row-gap: var(--fixed--1-5rem);
    width: 100%;
    padding-left: 0;
    display: none;
    position: relative;
    inset: auto;
  }

  .team_content-items.is-left {
    width: 100%;
    padding-right: 0;
    display: none;
    position: relative;
    bottom: auto;
  }

  .team_img-wrap {
    width: 20%;
    display: none;
  }

  .team_img-wrap.is-first {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .team_img-wrap.is-second {
    left: 3%;
  }

  .team_img-wrap.is-fifth {
    right: 5%;
  }

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

  .approach_items {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog-list_texts-v2 {
    padding-top: var(--fixed--2rem);
    padding-right: var(--fixed--1rem);
    padding-bottom: var(--fixed--2rem);
    width: 100%;
  }

  .blog-list_item-block:hover {
    box-shadow: none;
    border-color: #3c3c3f29;
    transform: none;
  }

  .projects-list_block {
    height: auto;
  }

  .projects-list_block-wrapper {
    height: auto;
    position: relative;
    top: auto;
  }

  .projects-list_image {
    aspect-ratio: 3 / 2;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .work-list_list-v2 {
    grid-column-gap: var(--fixed--0-75rem);
    grid-row-gap: var(--fixed--0-75rem);
    flex-flow: column;
    display: flex;
  }

  .work-list_list-v3 {
    grid-column-gap: var(--fixed--3-5rem);
    grid-row-gap: var(--fixed--3-5rem);
    flex-flow: column;
    display: flex;
  }

  .contact-header_text {
    font-size: 8rem;
  }

  .contact-form_label-wrap {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

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

  .contact_head {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact_component-v2 {
    grid-row-gap: 3.5rem;
  }

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

  .work-content_head {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
  }

  .case-content_imgs-list {
    grid-column-gap: var(--fixed--2-25rem);
    grid-row-gap: var(--fixed--2-25rem);
  }

  .work-content_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    max-width: 100%;
    position: relative;
    top: auto;
  }

  .case-content_final {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .work_img-wrap, .work-header_img-wrap {
    aspect-ratio: auto;
  }

  .work_img {
    position: relative;
  }

  .work-content_grid {
    flex-flow: column;
    display: flex;
  }

  .work-header_img {
    position: relative;
  }

  .work-content_heading {
    font-size: var(--fixed--2rem);
  }

  .work-header_infos {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .text-rich-text_legal h4, .text-rich-text_legal h3 {
    font-size: var(--fixed--1-75rem);
  }

  .text-rich-text_legal h2 {
    font-size: var(--fixed--2rem);
  }

  .text-rich-text_legal h4, .text-rich-text_legal h3 {
    font-size: var(--fixed--1-75rem);
  }

  .text-rich-text_legal h6 {
    font-size: var(--fixed--1-25rem);
  }

  .text-rich-text_legal h1 {
    font-size: var(--fixed--3rem);
  }

  .text-rich-text_legal h5 {
    font-size: var(--fixed--1-5rem);
  }

  .instructions_rich-text h1 {
    font-size: 3rem;
  }

  .instructions_rich-text h5 {
    font-size: 1.5rem;
  }

  .instructions_rich-text h4 {
    font-size: 1.75rem;
  }

  .instructions_rich-text h6 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --fixed--1rem: 1rem;
    --fixed--0rem: 0rem;
    --fixed--2-5rem: 2.5rem;
    --fixed--1-25rem: 1.25rem;
    --fixed--1-125rem: 1.125rem;
    --border-radius--xsmall: var(--fixed--0-25rem);
    --fixed--1-5rem: 1.5rem;
    --fixed--0-875rem: .875rem;
    --spacer--xxhuge: var(--fixed--6rem);
    --fixed--2rem: 2rem;
    --spacer--custom-1: var(--fixed--1-125rem);
    --fixed--4rem: 4rem;
    --fixed--3rem: 3rem;
    --fixed--1-75rem: 1.75rem;
    --spacer--custom-3: var(--fixed--2rem);
    --section--medium: var(--fixed--5rem);
    --section--xsmall: var(--fixed--2-25rem);
    --section--large: var(--fixed--5rem);
    --fixed--6-5rem: 6.5rem;
    --fixed--2-25rem: 2.25rem;
    --spacer--tiny: var(--fixed--0-125rem);
    --spacer--medium: var(--fixed--1-5rem);
    --spacer--custom-2: var(--fixed--1-125rem);
    --fixed--5rem: 2.6rem;
    --fixed--2-75rem: 2.75rem;
    --fixed--0-5rem: .5rem;
    --spacer--xhuge: var(--fixed--6rem);
    --fixed--0-75rem: .75rem;
    --section--small: var(--fixed--3rem);
    --spacer--small: var(--fixed--1rem);
    --section--xxlarge: var(--fixed--5rem);
    --fixed--7rem: 7rem;
    --spacer--xxlarge: var(--fixed--3rem);
    --spacer--xlarge: var(--fixed--3rem);
    --section--xlarge: var(--fixed--5rem);
    --spacer--xsmall: var(--fixed--0-5rem);
    --spacer--xxsmall: var(--fixed--0-25rem);
    --spacer--huge: var(--fixed--5rem);
    --spacer--large: var(--fixed--2rem);
    --fixed--3-5rem: 3.5rem;
    --border-radius--large: var(--fixed--0-75rem);
    --fixed--8rem: 8rem;
    --border-radius--small: var(--fixed--0-5rem);
    --border-radius--ultra: var(--fixed--1-25rem);
    --border-radius--xhuge: var(--fixed--0-875rem);
    --fixed--0-125rem: .125rem;
    --fixed--0-25rem: .25rem;
    --fixed--4-5rem: 4.5rem;
    --border-radius--xlarge: var(--fixed--0-75rem);
    --fixed--5-5rem: 5.5rem;
    --border-radius--huge: var(--fixed--0-875rem);
    --border-radius--medium: var(--fixed--0-5rem);
    --fixed--16rem: 16rem;
    --fixed--10rem: 10rem;
    --fixed--15rem: 15rem;
    --border-radius--xxhuge: var(--fixed--1rem);
    --blue: #2f6eed;
    --fixed--6rem: 6rem;
    --fixed--9rem: 9rem;
    --fixed--11rem: 11rem;
    --fixed--12rem: 12rem;
    --fixed--13rem: 13rem;
    --fixed--14rem: 14rem;
    --border-radius--tiny: var(--fixed--0-125rem);
    --border-radius--xxsmall: var(--fixed--0-25rem);
    --border-radius--xxlarge: var(--fixed--0-875rem);
    --_typography---font-family--primary: "Inter VF", Arial, sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--primary);
    --_typography---h1--font-size: var(--fixed--3rem);
    --_typography---h1--line-height: 95%;
    --_typography---h1--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h1--letter-spacing: -.02em;
    --_typography---h2--font-family: var(--_typography---font-family--primary);
    --_typography---h2--font-size: var(--fixed--2-5rem);
    --_typography---h2--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h2--letter-spacing: -.02em;
    --_typography---h3--font-family: var(--_typography---font-family--primary);
    --_typography---h3--font-size: var(--fixed--2-25rem);
    --_typography---h3--line-height: 100%;
    --_typography---h3--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h3--letter-spacing: -.02em;
    --_typography---h4--font-family: var(--_typography---font-family--primary);
    --_typography---h4--font-size: var(--fixed--1-75rem);
    --_typography---h4--line-height: 110%;
    --_typography---h4--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h4--letter-spacing: -.02em;
    --_typography---h5--font-family: var(--_typography---font-family--primary);
    --_typography---h5--font-size: var(--fixed--1-5rem);
    --_typography---h5--line-height: 115%;
    --_typography---h5--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h5--letter-spacing: -.02em;
    --_typography---h6--font-family: var(--_typography---font-family--primary);
    --_typography---h6--font-size: var(--fixed--1-25rem);
    --_typography---h6--line-height: 120%;
    --_typography---h6--font-weight: var(--_typography---font-weight--semibold);
    --_typography---h6--letter-spacing: -.02em;
    --_typography---font-family--secondary: "BDO Grotesk VF", Arial, sans-serif;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--thin: 100;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--bold: 700;
    --_typography---font-family--detail: "Roboto Mono VF", Arial, sans-serif;
    --_typography---font-weight--black: 900;
    --_typography---font-weight--extra-light: 200;
    --_typography---h2--line-height: 105%;
  }

  blockquote {
    font-size: var(--fixed--1-125rem);
  }

  .resources_heading {
    padding-bottom: var(--fixed--0-875rem);
    font-size: 1.125rem;
  }

  .resources_items {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .resources_items.more-columns {
    grid-template-columns: 1fr 1fr;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .text-rich-text h2 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text p {
    margin-bottom: var(--fixed--1-75rem);
  }

  .text-rich-text h4 {
    margin-bottom: var(--fixed--1-125rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text h3 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text h6 {
    font-size: var(--fixed--1-125rem);
  }

  .text-rich-text h1 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--2-5rem);
  }

  .text-rich-text h5 {
    font-size: var(--fixed--1-25rem);
  }

  .max-width-full-mobile {
    width: 100%;
    max-width: none;
  }

  .padding-section-medium.is-tablet-large.is-mobile-bigger {
    padding-top: var(--fixed--6-5rem);
    padding-top: var(--fixed--6-5rem);
  }

  .padding-section-medium.is-mobile-large {
    padding-top: var(--section--large);
  }

  .text-size-medium {
    font-size: var(--fixed--1rem);
  }

  .resources_section {
    grid-row-gap: var(--fixed--1-125rem);
  }

  .template-style-heading-split, .template-style-heading-split.margin-small {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .template-style-heading-split.margin-small {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .template-style-heading-split.margin-large {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .resources_component {
    grid-column-gap: var(--fixed--2-75rem);
    grid-row-gap: var(--fixed--2-75rem);
  }

  .resources_item-content {
    padding: var(--fixed--1-5rem);
  }

  .padding-global, .padding-global.is-tiny.tablet-bigger, .padding-global.is-small, .padding-global.is-tiny.tablet-bigger, .padding-global.is-tiny.tablet-bigger, .padding-global.is-small {
    padding-right: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
  }

  .text-size-large {
    font-size: var(--fixed--1rem);
  }

  .padding-section-xxlarge.is-mobile-larger {
    padding-top: var(--fixed--7rem);
    padding-top: var(--fixed--7rem);
  }

  .heading-style-h4 {
    -webkit-text-stroke-width: 0px;
  }

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

  .text-style-label {
    font-size: var(--fixed--0-75rem);
  }

  .padding-section-small.is-mobile-medium {
    padding-top: var(--section--medium);
    padding-top: var(--section--medium);
  }

  .spacer-xlarge.is-mobile-medium {
    padding-top: var(--spacer--medium);
    padding-top: var(--spacer--medium);
  }

  .heading-style-h3 {
    -webkit-text-stroke-width: 0px;
  }

  .page-wrapper {
    flex-flow: column;
    display: flex;
  }

  .spacer-huge {
    padding-top: 3rem;
  }

  .resources_license-wrap {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section_home-header {
    min-height: auto;
  }

  .home-header_content {
    padding-right: var(--fixed--1-5rem);
    padding-bottom: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
    border-radius: var(--fixed--1rem);
  }

  .home-header_video {
    padding-bottom: var(--fixed--2rem);
  }

  .navbar_link {
    font-size: 2rem;
  }

  .navbar_brand {
    grid-column-gap: var(--fixed--0-875rem);
    grid-row-gap: var(--fixed--0-875rem);
  }

  .navbar_barcode {
    width: var(--fixed--2-5rem);
  }

  .home-header_contact {
    grid-column-gap: var(--fixed--0-5rem);
    grid-row-gap: var(--fixed--0-5rem);
  }

  .home-header_contact-pic {
    width: 4.15rem;
  }

  .home-header_contact-cta {
    font-size: var(--fixed--0-875rem);
  }

  .home-header_contact-text {
    font-size: .65rem;
  }

  .home-header_bottom {
    grid-column-gap: var(--fixed--1rem);
    grid-row-gap: var(--fixed--1rem);
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .home-header_subheading {
    max-width: 14rem;
  }

  .home-header_subhead {
    font-size: var(--fixed--1-75rem);
    -webkit-text-stroke-width: 0px;
  }

  .home-header_words-wrap {
    height: 2.2rem;
  }

  .hamburger {
    margin-right: -.5rem;
  }

  .menu {
    display: none;
  }

  .menu_link-text {
    font-size: var(--fixed--1-75rem);
  }

  .menu_contact {
    aspect-ratio: 2;
    height: auto;
  }

  .button-line_space.blue-dark-36 {
    width: 1rem;
  }

  .menu_buttons {
    display: none;
  }

  .menu_legal-link {
    padding-bottom: .125rem;
    line-height: 1.2;
  }

  .menu_social {
    grid-column-gap: 1rem;
    justify-content: center;
    align-items: flex-start;
  }

  .menu_close {
    width: var(--fixed--3-5rem);
  }

  .menu_close-icon {
    width: var(--fixed--0-875rem);
  }

  .head-grid {
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
  }

  .brands_item-logo-wrap {
    width: 12rem;
  }

  .heading-style-display {
    font-size: var(--fixed--4-5rem);
  }

  .work-list_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .home-grid_team {
    padding: var(--fixed--2rem);
    aspect-ratio: 3 / 2;
  }

  .home-grid_chat {
    padding-right: var(--fixed--2rem);
    padding-bottom: var(--fixed--2rem);
    padding-left: var(--fixed--2rem);
    aspect-ratio: 3 / 2;
  }

  .home-grid_pricing {
    padding: var(--fixed--2rem);
  }

  .home-grid_chat-group._1 {
    max-width: none;
  }

  .home-services_item {
    padding-bottom: var(--fixed--2-25rem);
  }

  .home-services_img-wrap {
    width: 70%;
  }

  .home-services_service {
    font-size: var(--fixed--0-75rem);
  }

  .button-underline {
    font-size: 1rem;
  }

  .home-about_component {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .home-about_video-wrap {
    padding: var(--fixed--2rem);
    border-radius: 1rem;
  }

  .home-about_quote-wrap {
    padding-top: var(--fixed--2rem);
    padding-right: var(--fixed--2rem);
    padding-left: var(--fixed--2rem);
  }

  .home-about_logo {
    width: var(--fixed--5rem);
  }

  .progressive-blur_wrap {
    display: none;
  }

  .showreel_heading, .showreel_play-text {
    -webkit-text-stroke-width: 0px;
  }

  .testimonials_numbers-main {
    display: flex;
  }

  .pricing_component {
    align-self: auto;
    margin-top: 40px;
    position: relative;
  }

  .pricing_blocks {
    flex-flow: column;
    margin-top: -3rem;
    display: flex;
  }

  .pricing_block {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .faq_question {
    font-size: var(--fixed--1rem);
  }

  .faq_question-wrap {
    flex-flow: row;
    grid-template-columns: 5.65302% 1fr 6%;
  }

  .faq_accordion {
    padding: var(--fixed--1-25rem);
  }

  .faq_answer {
    font-size: var(--fixed--0-875rem);
  }

  .footer_links-groups {
    grid-column-gap: 2.25rem;
    grid-row-gap: 1.75rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    display: flex;
  }

  .footer_brand {
    font-size: 23vw;
  }

  .footer_template-links {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

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

  .footer_wrap {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .footer_social-icon {
    width: 1.25rem;
  }

  .footer_link-label {
    font-size: .875rem;
  }

  .footer_legal-divider {
    width: 1px;
    height: 1.5rem;
    display: none;
  }

  .footer_main {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
  }

  .footer_social {
    grid-column-gap: 1rem;
    justify-content: center;
    align-items: flex-start;
  }

  .footer_legal-links {
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .footer_group {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .footer_link {
    font-size: .75rem;
  }

  .footer {
    flex-flow: column;
    display: block;
    position: relative;
    overflow: visible;
  }

  .footer_newsletter-button {
    border-radius: .75rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
  }

  .about-header_infos {
    margin-top: var(--fixed--1-5rem);
  }

  .about-header_globe {
    width: 1.25rem;
    height: 1.25rem;
  }

  .about-header_location-text {
    font-size: .75rem;
  }

  .about_block {
    padding-top: var(--fixed--2rem);
    padding-right: var(--fixed--2rem);
    padding-left: var(--fixed--2rem);
  }

  .about_quote {
    font-size: var(--fixed--1rem);
  }

  .team_component {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    display: flex;
  }

  .team_heading {
    position: static;
    top: 0;
  }

  .team_imgs-wrap {
    transform: none;
  }

  .team_content-items.is-inverted {
    width: 100%;
    padding-left: 0;
    position: relative;
  }

  .team_content-items.is-left {
    width: 100%;
    margin-bottom: 2.5rem;
    padding-right: 0;
    position: relative;
  }

  .team_img-wrap {
    flex: none;
    width: 45%;
    max-width: 11.25rem;
    position: static;
  }

  .team_img-wrap.is-third {
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(53%, -95%);
  }

  .team_img-wrap.is-first {
    max-width: 11.25rem;
    margin-bottom: 0%;
    position: static;
    top: 0;
  }

  .team_img-wrap.is-second {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-53%, -77%);
  }

  .team_img-wrap.is-fifth {
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(17%, -35%);
  }

  .team_img-wrap.is-fourth {
    margin-top: 4.5rem;
    top: 121%;
    left: -9%;
    transform: translate(-90%);
  }

  .members_name {
    font-size: var(--fixed--1rem);
  }

  .blog-list_item-block {
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    justify-content: space-between;
  }

  .blog-list_texts-v3 {
    grid-row-gap: 1rem;
  }

  .blog-list_bottom-wrap {
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .projects-list_block {
    height: auto;
  }

  .projects-list_block-wrapper {
    height: 100%;
  }

  .projects-list_block-wrap {
    height: auto;
  }

  .work-list_name-v2 {
    top: 1rem;
    left: 1rem;
  }

  .work-list_infos-v2 {
    border-radius: .875rem;
  }

  .contact-header_text {
    font-size: 4rem;
  }

  .button-solid {
    border-radius: .75rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
  }

  .contact-form_field {
    height: 3.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .contact-form_field.is-message {
    height: 9rem;
  }

  .contact-form_form-block {
    border-radius: .5rem;
  }

  .contact-form_label-wrap {
    padding: .875rem 1rem;
  }

  .contact-form_checkbox-label {
    font-size: .875rem;
  }

  .contact_info-text {
    font-size: 1rem;
  }

  .contact_grid {
    grid-row-gap: 2rem;
  }

  .contact_component-v2 {
    grid-row-gap: 2.75rem;
  }

  .contact_content {
    max-width: none;
  }

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

  .case-content_imgs-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .work-header_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .work-header_info-text {
    display: none;
  }

  .work-content_heading {
    -webkit-text-stroke-width: 0px;
    font-size: 1.5rem;
  }

  .work-header_infos {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .post-header_infos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text-rich-text_legal h2 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text_legal p {
    margin-bottom: var(--fixed--1-75rem);
  }

  .text-rich-text_legal h4 {
    margin-bottom: var(--fixed--1-125rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text_legal h3 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--1-5rem);
  }

  .text-rich-text_legal h6 {
    font-size: var(--fixed--1-125rem);
  }

  .text-rich-text_legal h1 {
    margin-bottom: var(--fixed--1-25rem);
    font-size: var(--fixed--2-5rem);
  }

  .text-rich-text_legal h5 {
    font-size: var(--fixed--1-25rem);
  }

  .instructions_rich-text h2 {
    border-left-width: 2px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 1rem;
    font-size: 1.35rem;
  }

  .instructions_rich-text h1 {
    margin-bottom: 1.25rem;
    font-size: 2.5rem;
  }

  .instructions_rich-text p {
    margin-bottom: 1.75rem;
  }

  .instructions_rich-text h5 {
    font-size: 1.25rem;
  }

  .instructions_rich-text h4 {
    margin-bottom: 1.125rem;
    font-size: 1.25rem;
  }

  .instructions_rich-text figure {
    margin-bottom: 2rem;
  }

  .instructions_rich-text h6 {
    font-size: 1.125rem;
  }

  .instructions_rich-text h3 {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
  }

  .oli-hue-icon {
    opacity: 0;
  }
}

@media screen and (max-width: 479px) {
  .main-wrapper {
    position: relative;
  }

  .resources_items, .resources_items.more-columns, .resources_items.more-columns {
    grid-template-columns: 1fr;
  }

  .padding-global.is-mobile-tiny {
    padding-right: var(--fixed--0-75rem);
    padding-left: var(--fixed--0-75rem);
    padding-right: var(--fixed--0-75rem);
    padding-left: var(--fixed--0-75rem);
  }

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

  .padding-section-xsmall.is-mobile-smaller {
    padding-top: var(--fixed--1-25rem);
  }

  .padding-section-xsmall.is-mobile-small {
    padding-top: var(--fixed--1-5rem);
  }

  .page-wrapper {
    flex-flow: column;
    display: flex;
  }

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

  .resources_font-1 {
    font-size: 5rem;
  }

  .resources_license-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .resources_licenses-links {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .resources_font-2 {
    font-size: 5rem;
  }

  .home-header_heading {
    font-size: 14vw;
  }

  .navbar_creative {
    display: none;
  }

  .navbar_creative-text {
    opacity: 0;
  }

  .home-header_services {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .home-header_bottom {
    grid-column-gap: var(--fixed--8rem);
    grid-row-gap: var(--fixed--8rem);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-style-display {
    font-size: var(--fixed--3-5rem);
  }

  .work-list_name {
    bottom: 1rem;
    left: 1rem;
  }

  .home-grid_team {
    aspect-ratio: 1;
  }

  .home-grid_team-heading {
    font-size: var(--fixed--1-25rem);
  }

  .home-grid_circle-1 {
    width: 95%;
  }

  .home-grid_circle-2 {
    width: 74%;
  }

  .home-grid_chat {
    padding: var(--fixed--1-25rem);
    grid-column-gap: var(--fixed--1-5rem);
    grid-row-gap: var(--fixed--1-5rem);
    aspect-ratio: auto;
  }

  .home-grid_pricing {
    padding-bottom: var(--fixed--8rem);
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
    aspect-ratio: auto;
    flex-flow: column;
  }

  .home-grid_chat-in {
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
  }

  .home-grid_message-text {
    font-size: var(--fixed--0-75rem);
    white-space: normal;
  }

  .home-grid_label {
    font-size: var(--fixed--0-75rem);
  }

  .home-grid_pricing-img {
    width: 80%;
    top: 70%;
    right: auto;
  }

  .home-grid_pricing-title {
    font-size: var(--fixed--1-25rem);
  }

  .home-grid_message {
    padding: var(--fixed--0-5rem) var(--fixed--0-875rem);
  }

  .home-services_item-in {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .home-services_item-head {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .home-services_services {
    display: none;
  }

  .home-about_video-wrap {
    padding-right: var(--fixed--1-25rem);
    padding-left: var(--fixed--1-25rem);
    width: 100vw;
    min-width: 100vw;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .home-about_quote {
    font-size: var(--fixed--1rem);
  }

  .progressive-blur_wrap {
    display: block;
  }

  .showreel_play-text {
    font-size: var(--fixed--1-75rem);
  }

  .showreel_lightbox {
    aspect-ratio: 1;
  }

  .showreel_play-wrapper {
    flex-flow: wrap;
    width: 90%;
  }

  .showreel_play-icon-wrap {
    width: var(--fixed--3rem);
  }

  .testimonials_items {
    flex-flow: column;
    display: flex;
  }

  .testimonials_img {
    top: 0%;
    overflow: clip;
  }

  .testimonials_main-wrap {
    padding-top: var(--fixed--16rem);
    padding-right: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
  }

  .testimonials_author-main {
    font-size: var(--fixed--0-75rem);
  }

  .testimonials_quote {
    font-size: var(--fixed--1rem);
  }

  .testimonials_data {
    display: none;
  }

  .number_number {
    font-size: var(--fixed--4rem);
  }

  .testimonials_numbers-main {
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
  }

  .testimonials_main-quote {
    font-size: var(--fixed--1rem);
  }

  .pricing_component {
    border-radius: var(--fixed--0rem);
    flex-flow: column;
    order: 0;
    align-self: center;
    margin-top: auto;
    margin-left: -.75rem;
    margin-right: -.75rem;
    display: flex;
  }

  .pricing_blocks {
    margin-top: -2rem;
  }

  .pricing_block {
    padding-right: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  .pricing_money {
    font-size: var(--fixed--3rem);
  }

  .pricing_plan-name {
    font-size: var(--fixed--1-25rem);
  }

  .faq_answer-wrap {
    padding-left: 0;
  }

  .faq_question-wrap {
    grid-template-columns: 5.65302% 1fr 10%;
  }

  .faq_button {
    width: 2rem;
    height: 2rem;
  }

  .blog-list_head {
    flex-flow: column;
    display: flex;
  }

  .blog-list_list {
    grid-column-gap: var(--fixed--2-25rem);
    grid-row-gap: var(--fixed--2-25rem);
    flex-flow: column;
    display: flex;
  }

  .blog-list_list.v3 {
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
    flex-flow: column;
    display: flex;
  }

  .blog-list_block.v2 {
    padding-bottom: var(--fixed--2rem);
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
    padding-bottom: var(--fixed--2rem);
    grid-column-gap: var(--fixed--1-25rem);
    grid-row-gap: var(--fixed--1-25rem);
    flex-flow: column;
    display: flex;
  }

  .blog-list_img-wrap {
    aspect-ratio: 3 / 2;
  }

  .cta_component {
    background-size: auto 120%;
  }

  .footer_links-groups {
    padding-right: 1.75rem;
  }

  .footer_brand {
    font-size: 19vw;
  }

  .footer_template-links {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: auto;
  }

  .footer_lists {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer_wrap {
    padding-bottom: 1.5rem;
  }

  .footer_legal-wrap {
    margin-right: auto;
  }

  .footer_legal-divider {
    display: none;
  }

  .footer_main {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_legal-links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_newsletter-button {
    padding-top: var(--fixed--1-25rem);
    padding-bottom: var(--fixed--1-25rem);
  }

  .footer_field {
    border-radius: .875rem;
    flex: none;
  }

  .footer_field-wrap {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
    flex-flow: column;
  }

  .blog-list_button {
    align-self: auto;
    margin-right: auto;
  }

  .pricing_value-wrap {
    grid-column-gap: var(--fixed--1-125rem);
    grid-row-gap: var(--fixed--1-125rem);
  }

  .about-header_component {
    flex-flow: column;
  }

  .about-header_imgs {
    width: 100%;
  }

  .about-header_infos-in {
    grid-template-columns: 1fr 1fr;
    display: block;
  }

  .about-header_imgs-wrapper {
    width: 100%;
  }

  .about_quote {
    font-size: var(--fixed--1rem);
  }

  .members_items {
    flex-flow: column;
    display: flex;
  }

  .approach_items {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .blog-list_texts-v2 {
    padding: var(--fixed--0rem) var(--fixed--1rem);
  }

  .blog-list_item-block {
    padding: 1.5rem;
  }

  .blog-list_image-wrap {
    width: 100%;
  }

  .projects-list_block-wrapper {
    height: auto;
  }

  .work-list_infos-v2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
  }

  .contact-form_grid {
    grid-template-columns: 1fr;
  }

  .contact-form_input.border-right {
    border-right-style: none;
  }

  .contact-form_actions {
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contact_images-wrap {
    width: 100%;
    position: relative;
  }

  .contact_grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .work-content_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .case-content_final {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .work-header_infos {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .work-related_img, .post-header_image {
    aspect-ratio: 3 / 2;
  }

  .resources_font-3 {
    font-size: 5rem;
  }
}

#w-node-_49f89e0f-c321-7bff-a29b-8acdeddf7dc8-eddf7dc2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}