@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mangogrotesque;
  src: url('../fonts/MangoGrotesque-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mangogrotesque;
  src: url('../fonts/MangoGrotesque-ExtraLight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mango Grotesque Vf;
  src: url('../fonts/Mango-Grotesque-VF.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --_theme---background--background: var(--swatch--n-800);
  --font-family--body-font: "JetBrains Mono", sans-serif;
  --_theme---text--text-body: var(--swatch--n-400);
  --_responsive---font-size--base: .9rem;
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: var(--_theme---other--body-weight);
  --_text-style---letter-spacing: -.03em;
  --font-family--display-font: Mangogrotesque, Impact, sans-serif;
  --_theme---text--text: var(--swatch--n-300);
  --_text-style---font-size: var(--_responsive---font-size--base);
  --_text-style---font-family: var(--font-family--body-font);
  --_theme---text--text-faded: var(--swatch--n-500);
  --font-family--subtitle-font: "JetBrains Mono", sans-serif;
  --swatch--n-100: white;
  --swatch--n-900: #0d0d0d;
  --_responsive---font-size--subtitle-smaller: .75rem;
  --_theme---background--background-secondary: var(--swatch--n-900);
  --_responsive---spacers--section-spacer: 12rem;
  --_responsive---spacers--container: 14vw;
  --sizes--size-3: 3rem;
  --sizes--size-05: .5rem;
  --swatch--b-500: #74d9f2;
  --swatch--p-500: #f274d1;
  --swatch--b-700: #03576c;
  --sizes--size-8: 8rem;
  --_responsive---font-size--h6: 1.5rem;
  --sizes--size-6: 6rem;
  --sizes--size-1: 1rem;
  --swatch--g-500: #95da88;
  --sizes--size-2: 2rem;
  --sizes--size-0125: .125rem;
  --sizes--size-025: .25rem;
  --sizes--size-075: .75rem;
  --sizes--size-4: 4rem;
  --sizes--size-1-5: 1.5rem;
  --sizes--size-10: 10rem;
  --sizes--size-14: 14rem;
  --_responsive---spacers--dynamic-spacer-smaller: 5rem;
  --sizes--size-1-25: 1.25rem;
  --_theme---other--separator: var(--swatch--n-700);
  --swatch--n-200: #f3f4f6;
  --swatch--n-300: #d9d9d9;
  --swatch--n-400: #a2a3a4;
  --swatch--n-500: #656565;
  --swatch--n-600: #4a4a4a;
  --swatch--n-700: #313131;
  --swatch--n-800: #191919;
  --_theme---other--body-weight: 300;
  --_responsive---spacers--dynamic-spacer: 7.5rem;
  --_theme---text--text-extra-faded: var(--swatch--n-750);
  --_theme---other--pink: var(--swatch--p-500);
  --_theme---other--blue: var(--swatch--b-500);
  --_responsive---font-size--h1: 10rem;
  --_responsive---font-size--h3: 4.5rem;
  --swatch--r-500: #f2749a;
  --_theme---button--button-border: var(--swatch--n-300);
  --_theme---button--button-background: var(--swatch--n-300);
  --_theme---button--button-text: var(--swatch--n-800);
  --_theme---button--button-border-secondary: var(--swatch--n-600);
  --_theme---button--button-bg-hover: var(--swatch--n-100);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_responsive---font-size--subtitle: .75rem;
  --swatch--r-700: #662c3e;
  --swatch--n-750: #252525;
  --_theme---other--green: var(--swatch--g-500);
  --_theme---other--red: var(--swatch--r-500);
  --swatch--g-200: #cef5c7;
  --swatch--g-700: #036c50;
  --swatch--b-200: #b4e6f4;
  --swatch--r-200: #f8c7d6;
  --swatch--p-200: #f3b4e3;
  --_responsive---font-size--h2: 6.25rem;
  --_responsive---font-size--h4: 3.5rem;
  --_responsive---font-size--h5: 2.65rem;
  --_responsive---spacers--container-full: 1rem;
}

body {
  background-color: var(--_theme---background--background);
  font-family: var(--font-family--body-font);
  color: var(--_theme---text--text-body);
  font-size: var(--_responsive---font-size--base);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
}

h1 {
  font-family: var(--font-family--display-font);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .8;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h1);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: -.15em;
}

h2 {
  font-family: var(--font-family--display-font);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: -15px;
}

h3 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h3);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h4);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h5);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.2;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h6);
  --_text-style---font-family: var(--font-family--display-font);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  color: var(--_theme---text--text-body);
  margin-bottom: 0;
}

a {
  color: var(--_theme---text--text-body);
  text-decoration: none;
}

a:focus-visible, a[data-wf-focus-visible] {
  outline-color: var(--_theme---text--text-faded);
  outline-offset: .1rem;
  outline-width: 2px;
  outline-style: solid;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 18px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 1.7rem;
}

li {
  padding-top: .5rem;
  padding-left: 1rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 2px solid var(--_theme---text--text-faded);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 1.2rem;
  line-height: 1.5em;
}

figure {
  margin-bottom: 10px;
}

.subtitle {
  font-family: var(--font-family--subtitle-font);
  color: var(--_theme---text--text-faded);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: 300;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--subtitle);
  --_text-style---font-family: var(--font-family--subtitle-font);
}

.subtitle.stronger {
  color: var(--_theme---text--text-body);
}

.subtitle.stronger:where(.w-variant-30d32c5a-2f29-76d0-124b-e86b9a298897) {
  color: var(--_theme---text--text);
}

.subtitle.is-more {
  color: var(--swatch--n-100);
}

.subtitle.is-pricing-tag {
  color: var(--swatch--n-900);
  font-weight: 500;
}

.subtitle-smaller {
  font-family: var(--font-family--subtitle-font);
  color: var(--_theme---text--text-faded);
  font-size: var(--_responsive---font-size--subtitle-smaller);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--subtitle-smaller);
  --_text-style---font-family: var(--font-family--subtitle-font);
}

.main-wrapper {
  width: 100%;
}

.section {
  background-color: var(--_theme---background--background);
  position: relative;
}

.section.is-footer {
  padding: .5rem;
}

.section.is-cta {
  height: 100vh;
  min-height: 100vh;
  padding: .5rem .5rem 0;
}

.section.is-cta-smaller {
  padding: .5rem .5rem 0;
}

.section.is-hero {
  width: 100%;
  min-height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.section.is-contact {
  min-height: 100vh;
}

.section.is-project-hero {
  width: 100%;
  min-height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.section.is-project-second {
  background-color: var(--_theme---background--background);
  margin-top: 100vh;
}

.section.is-hero-scrubber {
  background-color: var(--_theme---background--background);
  margin-top: 105vh;
}

.section.is-related {
  background-color: #0000;
}

.section.is-faq {
  background-color: var(--_theme---background--background-secondary);
}

.section.is-preview {
  background-color: #0f0f0f;
}

.padding-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.padding-section.is-footer {
  background-color: #78787812;
  border-radius: .5rem;
}

.padding-section.is-cta, .padding-section.is-hero, .padding-section.is-contact {
  min-height: 100vh;
}

.section-spacer {
  padding-top: var(--_responsive---spacers--section-spacer);
  width: 100%;
  padding-bottom: 0;
}

.container {
  padding-right: var(--_responsive---spacers--container);
  padding-left: var(--_responsive---spacers--container);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container.is-cta, .container.is-cta-small {
  z-index: 1;
  position: relative;
}

.column__wrapper {
  width: 100%;
  display: flex;
  position: relative;
}

.column__wrapper.is-services-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.column__wrapper.is-work, .column__wrapper.is-work-2 {
  grid-column-gap: var(--sizes--size-3);
  grid-row-gap: var(--sizes--size-3);
}

.column__wrapper.is-blog {
  grid-column-gap: 3rem;
  grid-row-gap: 8rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.column__wrapper.is-blog-list {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.column__wrapper.is-nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.column__wrapper.is-hero {
  justify-content: flex-start;
  align-items: flex-end;
}

.column__wrapper.is-team {
  grid-column-gap: 2rem;
  grid-row-gap: 8rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.column__wrapper.is-cta {
  z-index: 11;
}

.column__wrapper.is-presentation {
  grid-column-gap: var(--sizes--size-3);
  grid-row-gap: var(--sizes--size-3);
}

.col_33 {
  width: 33.3333%;
}

.col_66 {
  width: 66.6667%;
}

.col_50 {
  width: 50%;
}

.col_50.padding-2 {
  background-color: var(--_theme---background--background);
  padding: 2rem;
}

.col_75 {
  width: 75%;
}

.col_25 {
  width: 25%;
  position: relative;
}

.col_40 {
  width: 40%;
}

.col_40.is-work {
  z-index: 1;
  position: relative;
}

.col_60 {
  width: 60%;
}

.col_60.is-work {
  position: relative;
}

.label__wrap {
  background-color: var(--swatch--b-500);
  color: var(--swatch--n-900);
  border-radius: 4px;
  padding: .75rem 1rem;
}

.label__wrap.is-tag {
  background-color: var(--swatch--p-500);
}

.label__wrap.is-sub {
  border: 1px dashed var(--_theme---text--text-faded);
  color: var(--_theme---text--text);
  background-color: #0000;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.label__wrap.is-show {
  border: 1px dashed var(--swatch--b-700);
  color: var(--_theme---text--text);
  background-color: #03576c0d;
  width: 100%;
  margin-top: .5rem;
}

.flex_vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.flex_vertical.flex-between {
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.flex_vertical.flex-between.is-blog-list, .flex_vertical.flex-between.flex__bottom-right {
  justify-content: space-between;
  align-items: flex-end;
}

.flex_vertical.is-stretch {
  align-items: stretch;
}

.flex_vertical.is-services {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.flex_vertical.is__serivce-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 50%;
}

.flex_vertical.is__serivce-wrap.right {
  text-align: right;
  justify-content: flex-start;
  align-items: flex-end;
}

.flex_vertical.is-blog-list {
  justify-content: flex-end;
  align-items: flex-end;
}

.flex_vertical.flex__center.flex-gap-3.is-text {
  margin-top: 30vw;
  position: absolute;
}

.flex_vertical.flex__center.flex-gap-3.simple__hero {
  text-align: center;
}

.flex_vertical.is-nav {
  position: static;
}

.flex_vertical.stretch.is-contact {
  padding: 3vw;
}

.label__text {
  font-family: var(--font-family--subtitle-font);
  font-size: var(--_responsive---font-size--subtitle-smaller);
  line-height: var(--_text-style---line-height);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: 400;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--subtitle-smaller);
  --_text-style---font-family: var(--font-family--subtitle-font);
  font-weight: 800;
}

.label__text.is-larger {
  color: var(--swatch--n-100);
  font-size: var(--_responsive---font-size--h6);
}

.heading-style-h1 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .8;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h1);
  --_text-style---font-family: var(--font-family--display-font);
}

.spacer-6 {
  padding-top: var(--sizes--size-6);
}

.heading-style-h2 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-bottom: -15px;
}

.heading-style-h2.is-preview {
  max-width: 28ch;
  font-size: 5rem;
}

.spacer-1 {
  padding-top: var(--sizes--size-1);
}

.heading-style-h3 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h3);
  --_text-style---font-family: var(--font-family--display-font);
}

.heading-style-h3.is-green {
  color: var(--swatch--g-500);
}

.heading-style-h4 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h4);
  --_text-style---font-family: var(--font-family--display-font);
}

.heading-style-h4.cut__bottom {
  margin-bottom: -10px;
}

.heading-style-h4.is-faq {
  width: 80%;
}

.heading-style-h4.is-services {
  padding-bottom: 0;
}

.heading-style-h5 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h5);
  --_text-style---font-family: var(--font-family--display-font);
}

.heading-style-h5.is-nav {
  text-align: left;
  max-width: 15ch;
}

.heading-style-h5.is-blue {
  color: var(--swatch--b-500);
}

.heading-style-h5.is-pink {
  color: var(--swatch--p-500);
}

.heading-style-h6 {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.2;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h6);
  --_text-style---font-family: var(--font-family--display-font);
}

.is-longer {
  line-height: 1.6;
}

.is-shorter {
  line-height: 1.1;
}

.text_link {
  box-shadow: inset 0 -.5px 0 0 var(--_theme---text--text-faded);
  color: var(--_theme---text--text);
  text-decoration: none;
  transition: box-shadow .2s;
  display: inline-block;
  position: relative;
}

.text_link:hover {
  box-shadow: inset 0 -.5px 0 0 var(--_theme---text--text);
}

.is-bold {
  font-weight: 800;
}

.list-2 {
  list-style-type: square;
}

.spacer-2 {
  padding-top: var(--sizes--size-2);
  width: 100%;
}

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

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

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

.container-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
}

.container-full.no-pad {
  padding-left: 0;
  padding-right: 0;
}

.container-full.is-hero {
  z-index: 2;
  min-height: 100vh;
  padding: 3vw;
  display: flex;
  position: relative;
}

.container-full.is-contact {
  z-index: 2;
  min-height: 100vh;
  padding: .5rem;
  display: flex;
  position: relative;
}

.container-full.no-pad-bottom {
  padding-bottom: 0;
}

.spacer-0125 {
  padding-top: var(--sizes--size-0125);
}

.spacer-025 {
  padding-top: var(--sizes--size-025);
}

.spacer-05 {
  padding-top: var(--sizes--size-05);
}

.spacer-075 {
  padding-top: var(--sizes--size-075);
}

.spacer-4 {
  padding-top: var(--sizes--size-4);
}

.spacer-3 {
  padding-top: var(--sizes--size-3);
}

.spacer-1-5 {
  padding-top: var(--sizes--size-1-5);
  width: 100%;
}

.spacer-8 {
  padding-top: var(--sizes--size-8);
}

.spacer-10 {
  padding-top: var(--sizes--size-10);
}

.spacer-14 {
  padding-top: var(--sizes--size-14);
}

.flex {
  width: 100%;
  display: flex;
}

.flex__top-left {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

.flex__top-right {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.flex__top-right.is-blog-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.flex__bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.flex__bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.flex-gap-0125 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  display: flex;
}

.flex-gap-2 {
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  display: flex;
}

.flex-gap-025 {
  grid-column-gap: var(--sizes--size-025);
  grid-row-gap: var(--sizes--size-025);
  display: flex;
}

.flex-gap-05 {
  grid-column-gap: var(--sizes--size-05);
  grid-row-gap: var(--sizes--size-05);
  display: flex;
}

.flex-gap-1 {
  grid-column-gap: var(--sizes--size-1);
  grid-row-gap: var(--sizes--size-1);
  display: flex;
}

.flex-gap-1.is-cta {
  flex: none;
}

.flex-gap-125 {
  grid-column-gap: var(--sizes--size-1-25);
  grid-row-gap: var(--sizes--size-1-25);
  display: flex;
}

.flex-gap-1-5 {
  grid-column-gap: var(--sizes--size-1-5);
  grid-row-gap: var(--sizes--size-1-5);
  display: flex;
}

.flex-gap-3 {
  grid-column-gap: var(--sizes--size-3);
  grid-row-gap: var(--sizes--size-3);
  display: flex;
}

.flex-gap-4 {
  grid-column-gap: var(--sizes--size-4);
  grid-row-gap: var(--sizes--size-4);
  display: flex;
}

.flex-gap-6 {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  display: flex;
}

.flex-gap-8 {
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  display: flex;
}

.opacity-01 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .1;
}

.opacity-02 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .2;
}

.opacity-03 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .3;
}

.opacity-04 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .4;
}

.opacity-05 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .5;
}

.opacity-06 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .6;
}

.opacity-07 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .7;
}

.opacity-08 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .8;
}

.opacity-09 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: .9;
}

.opacity-1 {
  grid-column-gap: var(--sizes--size-0125);
  grid-row-gap: var(--sizes--size-0125);
  opacity: 1;
}

.bradius--0-25 {
  border-radius: var(--sizes--size-025);
}

.bradius--0-5 {
  border-radius: var(--sizes--size-05);
}

.bradius--0-75 {
  border-radius: var(--sizes--size-075);
}

.bradius--1 {
  border-radius: var(--sizes--size-1);
}

.bradius--2 {
  border-radius: var(--sizes--size-2);
}

.hide {
  display: none;
}

.show {
  display: flex;
}

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

.hide-on-desktop.show {
  display: flex;
}

.hide-on-tablet, .hide-on-mobile {
  display: block;
}

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

.z-index-5 {
  z-index: 5;
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.sticky__box {
  padding-bottom: 0;
  padding-right: 30%;
  position: sticky;
  top: 10rem;
}

.style__btn {
  border: 1px solid var(--_theme---other--separator);
  border-radius: .5rem;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.style__btn:hover {
  color: var(--_theme---text--text);
}

.style__btn.w--current {
  border-color: var(--_theme---text--text-body);
}

.col_100 {
  width: 100%;
}

.color-swatch {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 5.5vw;
  display: flex;
}

.blending__difference {
  mix-blend-mode: difference;
}

.bg-100 {
  background-color: var(--swatch--n-100);
}

.bg-200 {
  background-color: var(--swatch--n-200);
}

.bg-300 {
  background-color: var(--swatch--n-300);
}

.bg-400 {
  background-color: var(--swatch--n-400);
}

.bg-500 {
  background-color: var(--swatch--n-500);
}

.bg-600 {
  background-color: var(--swatch--n-600);
}

.bg-700 {
  background-color: var(--swatch--n-700);
}

.bg-800 {
  background-color: var(--swatch--n-800);
}

.bg-900 {
  background-color: var(--swatch--n-900);
}

.u-theme-dark {
  --_theme---background--background: var(--swatch--n-800);
  --_theme---text--text-body: var(--swatch--n-400);
  --_theme---text--text: var(--swatch--n-300);
  --_theme---text--text-faded: var(--swatch--n-500);
  --_theme---background--background-secondary: var(--swatch--n-900);
  --_theme---other--separator: var(--swatch--n-700);
  --_theme---other--body-weight: 300;
  --_theme---text--text-extra-faded: var(--swatch--n-750);
  --_theme---other--pink: var(--swatch--p-500);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-300);
  --_theme---button--button-background: var(--swatch--n-300);
  --_theme---button--button-text: var(--swatch--n-800);
  --_theme---button--button-border-secondary: var(--swatch--n-600);
  --_theme---button--button-bg-hover: var(--swatch--n-100);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-500);
  --_theme---other--red: var(--swatch--r-500);
}

.u-theme-dark:where(.w-variant-06f2f903-4322-ceb2-8de2-04d4eef8666b) {
  --_theme---background--background: var(--swatch--n-200);
  --_theme---text--text-body: var(--swatch--n-700);
  --_theme---text--text: var(--swatch--n-800);
  --_theme---text--text-faded: var(--swatch--n-400);
  --_theme---background--background-secondary: var(--swatch--n-100);
  --_theme---other--separator: var(--swatch--n-300);
  --_theme---other--body-weight: 400;
  --_theme---text--text-extra-faded: var(--swatch--n-100);
  --_theme---other--pink: var(--swatch--p-200);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-800);
  --_theme---button--button-background: var(--swatch--n-800);
  --_theme---button--button-text: var(--swatch--n-300);
  --_theme---button--button-border-secondary: var(--swatch--n-400);
  --_theme---button--button-bg-hover: var(--swatch--n-300);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-200);
  --_theme---other--red: var(--swatch--r-200);
}

.u-theme-light {
  font-weight: var(--_theme---other--body-weight);
  --_theme---background--background: var(--swatch--n-200);
  --_theme---text--text-body: var(--swatch--n-700);
  --_theme---text--text: var(--swatch--n-800);
  --_theme---text--text-faded: var(--swatch--n-400);
  --_theme---background--background-secondary: var(--swatch--n-100);
  --_theme---other--separator: var(--swatch--n-300);
  --_theme---other--body-weight: 400;
  --_theme---text--text-extra-faded: var(--swatch--n-100);
  --_theme---other--pink: var(--swatch--p-200);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-800);
  --_theme---button--button-background: var(--swatch--n-800);
  --_theme---button--button-text: var(--swatch--n-300);
  --_theme---button--button-border-secondary: var(--swatch--n-400);
  --_theme---button--button-bg-hover: var(--swatch--n-300);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-200);
  --_theme---other--red: var(--swatch--r-200);
}

.text-100 {
  color: var(--swatch--n-100);
}

.text-200 {
  color: var(--swatch--n-200);
}

.text-300 {
  color: var(--swatch--n-300);
}

.text-400 {
  color: var(--swatch--n-400);
}

.text-500 {
  color: var(--swatch--n-500);
}

.text-600 {
  color: var(--swatch--n-600);
}

.text-700 {
  color: var(--swatch--n-700);
}

.text-800 {
  color: var(--swatch--n-800);
}

.text-900 {
  color: var(--swatch--n-900);
}

.bg-black {
  background-color: #000;
}

.separator {
  background-color: var(--_theme---other--separator);
  width: 100%;
  height: .5px;
  position: relative;
}

.separator.services {
  opacity: .1;
  background-color: #fff;
  position: absolute;
}

.subitle__wrap {
  grid-column-gap: var(--sizes--size-025);
  grid-row-gap: var(--sizes--size-025);
  flex-flow: row;
  display: flex;
}

.subitle__wrap:where(.w-variant-a6836b14-7edb-10a9-7793-03c46501e14b), .subitle__wrap.centered, .subitle__wrap.process, .subitle__wrap.centered-15 {
  justify-content: center;
  align-items: flex-start;
}

.metric__parent {
  padding-right: 15%;
}

.metrix__wrap {
  grid-column-gap: var(--sizes--size-3);
  grid-row-gap: var(--sizes--size-3);
  display: flex;
}

.flex_between {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex_between.is-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.image__wrap {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.image__wrap.is-50 {
  padding-top: 50%;
}

.image__full {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 0% auto;
}

.image__full.is-work {
  transform: scale(1.1);
}

.testimonial__wrap-image {
  border-radius: .5rem;
  width: 100%;
  height: auto;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.testimonial__wrap-image.is-work {
  padding-top: 70%;
}

.testimonial__wrap-image.is-work-el {
  border-radius: .25rem;
  flex: none;
  width: 100px;
  padding-top: 50%;
}

.testimonial__wrap-image.is-nav {
  padding-top: 70%;
}

.subtitle-larger {
  font-family: var(--font-family--subtitle-font);
  color: var(--_theme---text--text-body);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--base);
  --_text-style---font-family: var(--font-family--display-font);
}

.testim__quote {
  opacity: .05;
  width: 45%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.testim__quote.is-smaller {
  width: 30%;
  top: 7.5rem;
}

.testim__quote.is-smaller.is-slider {
  width: 20%;
}

.padding_left-20 {
  padding-right: 20%;
}

.testimonial__wrap {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  height: 100%;
  display: flex;
}

.section__dynamic-spacer {
  padding-top: var(--_responsive---spacers--dynamic-spacer);
}

.testim__image-wrap {
  border-radius: .5rem;
  width: 4rem;
  height: 4rem;
  position: relative;
  overflow: hidden;
}

.testim__autoh-wrap {
  grid-column-gap: var(--sizes--size-025);
  grid-row-gap: var(--sizes--size-025);
  flex-flow: column;
  margin-top: auto;
  display: flex;
  position: relative;
}

.testim__list {
  grid-column-gap: var(--sizes--size-8);
  grid-row-gap: var(--sizes--size-8);
  display: flex;
}

.testim__item {
  width: 50%;
}

.testim__item.is-slide {
  width: 100%;
}

.testimonial__inner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  padding-right: 15%;
  display: flex;
  position: relative;
}

.mask {
  height: 100%;
}

.testimonial__slider {
  background-color: #ddd0;
  height: auto;
}

.slide__single {
  width: 50%;
  height: 100%;
}

.slide__single.is-1 {
  padding-right: 5%;
}

.slide__single.is-2 {
  padding-left: 5%;
}

.slider__nav {
  bottom: -50px;
}

.slider__left {
  justify-content: center;
  align-items: center;
  display: flex;
  left: -100px;
}

.slider__right {
  justify-content: center;
  align-items: center;
  display: flex;
  left: auto;
  right: -100px;
}

.slider-arrow {
  color: var(--_theme---text--text-faded);
  width: 50%;
}

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

.tag-wrap {
  background-color: var(--_theme---text--text-extra-faded);
  border-radius: .25rem;
  padding: .6rem .8rem;
  position: relative;
  overflow: hidden;
}

.tag-wrap:where(.w-variant-30d32c5a-2f29-76d0-124b-e86b9a298897) {
  background-color: #0000;
  padding: .35rem .5rem .3rem;
}

.tag-wrap.is-web {
  background-color: var(--_theme---other--pink);
}

.tag-wrap.is-dev {
  background-color: var(--_theme---other--blue);
}

.tag-wrap.featured {
  border: 1px solid var(--_theme---other--blue);
  background-color: var(--_theme---text--text-extra-faded);
  border-radius: .5rem;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -50%);
}

.ultralight {
  color: var(--_theme---other--separator);
  font-family: Mangogrotesque, Impact, sans-serif;
  font-size: 4.5rem;
  font-weight: 200;
  line-height: 1;
}

.subservices__wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 10%;
  display: flex;
}

.subservices__wrap.align-left {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0%;
}

.services__wrap {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.services__hitbox {
  z-index: 2;
  width: 50%;
  height: 300px;
  min-height: 300px;
  position: relative;
}

.image__changer {
  aspect-ratio: 1;
  background-color: #d791911a;
  width: 30vw;
  position: absolute;
}

.image__changer.is-service {
  z-index: 1;
  border: 1px solid var(--_theme---other--separator);
  background-color: var(--_theme---background--background);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 25vw;
  display: flex;
  overflow: hidden;
}

.stretch {
  width: 100%;
  height: 100%;
  position: relative;
}

.link__full {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link__full.is-other-projects {
  z-index: 3;
  display: none;
}

.link__full.is-cta-small {
  pointer-events: auto;
}

.work__item {
  position: relative;
}

.proj__arrow {
  color: var(--_theme---other--separator);
  width: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.proj__arrow.is-smaller {
  color: var(--_theme---text--text-faded);
  width: 1.3vw;
}

.proj__arrow.is-pages {
  color: var(--swatch--n-500);
  width: 1rem;
  top: 1.5vw;
  right: 1.5vw;
}

.col_20 {
  width: 20%;
  position: relative;
}

.col_20.is-stretcheble {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 12vw;
  height: 12vw;
  display: flex;
}

.col_20.dont-shirnk {
  flex: none;
}

.flex-gap {
  display: flex;
}

.flex-gap.opacity-02 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.section__dynamic-spacer-smaller {
  padding-top: var(--_responsive---spacers--dynamic-spacer-smaller);
}

.work__small-wrap {
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12vw;
  height: 12vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.proj__image_1 {
  z-index: 3;
  object-fit: cover;
  border-radius: .5rem;
  flex: none;
  width: 12vw;
  height: 12vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.proj__image_2 {
  z-index: 2;
  object-fit: cover;
  border-radius: .5rem;
  flex: none;
  width: 12vw;
  height: 12vw;
  position: absolute;
}

.proj__image_3 {
  z-index: 1;
  object-fit: cover;
  border-radius: .5rem;
  flex: none;
  width: 12vw;
  height: 12vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.subservices__outter {
  width: 100%;
}

.full__img-wrap {
  border-radius: .5rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.full__img-wrap.is-work {
  padding-top: 60%;
}

.full__img-wrap.is-gallery {
  aspect-ratio: 1;
  width: 50%;
  padding-top: 0%;
}

.full__img-wrap.is-work-cta {
  grid-column-gap: var(--sizes--size-6);
  grid-row-gap: var(--sizes--size-6);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 99vh;
  padding-top: 0%;
  display: flex;
}

.full__img-wrap.is-50 {
  padding-top: 50%;
}

.more_proj-heading {
  font-family: Mango Grotesque Vf, Impact, sans-serif;
  font-size: var(--_responsive---font-size--h1);
  font-variation-settings: "wght" 200;
  font-weight: 200;
  position: relative;
}

.mor__proj-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mor__proj-image {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.proj__link-wrap {
  position: relative;
}

.blog-post-body h2 {
  margin-top: 8rem;
  margin-bottom: 1rem;
  font-size: 3.5rem;
}

.blog-post-body h3 {
  letter-spacing: 0;
  margin-top: 4rem;
  font-size: 2.3rem;
}

.blog-post-body p {
  margin-top: .5rem;
  margin-bottom: 1rem;
  line-height: 1.7;
}

.blog-post-body blockquote {
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
}

.blog-post-body img {
  border-radius: 1rem;
  width: 100%;
}

.blog-post-body figure {
  width: 100%;
  max-width: none;
  margin: 5rem 0;
  display: flex;
  overflow: hidden;
}

.blog-post-body h4 {
  letter-spacing: 0;
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  font-size: 2rem;
}

.blog-post-body h5, .blog-post-body h6 {
  letter-spacing: .03em;
  margin-top: 2rem;
  margin-bottom: .5rem;
  font-size: 1.5rem;
}

.blog-post-body ol {
  padding-top: 1rem;
  padding-left: 2rem;
}

.blog-post-body a {
  box-shadow: inset 0 -1px 0 0 var(--_theme---text--text-faded);
  color: var(--_theme---text--text);
}

.blog-post-body ul {
  margin-top: 1rem;
  padding-left: 1.1rem;
}

.col__blog-single {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.col__blog-single.is-list {
  flex-flow: row;
}

.blog__thumb {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog__thumb.is-person {
  padding-top: 125%;
}

.blog__limiter {
  max-height: 2.7em;
  overflow: hidden;
}

.image__full-blog {
  object-fit: cover;
  flex: none;
  width: 110%;
  max-width: none;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -5%;
}

.img_overlay {
  z-index: 1;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #19191980;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img_overlay.is-work {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #1919194d;
}

.arrow__blog {
  z-index: 10;
  opacity: 0;
  color: var(--swatch--n-300);
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  transform: translate(-2rem, 2rem);
}

.blog__list-arrow {
  width: 2.5rem;
}

.blog-list {
  position: relative;
}

.clients__grid {
  grid-column-gap: 7rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo_image {
  width: 100%;
}

.logo_image.is-maruqee {
  width: auto;
  height: 4rem;
  margin-right: 5rem;
}

.logo__marquee {
  display: flex;
  overflow: hidden;
}

.logo__marquee-list {
  flex: none;
}

.clients__marquee {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.logo_marquee-inner {
  flex: none;
  display: flex;
}

.text__thin {
  font-weight: 300;
}

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

.process__timeline {
  background-color: var(--_theme---other--separator);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1px;
  height: 100%;
  display: flex;
  position: absolute;
}

.timeline {
  background-color: var(--_theme---text--text-body);
  width: 1px;
  height: 0%;
  display: flex;
}

.flex-gap-14 {
  grid-column-gap: var(--sizes--size-14);
  grid-row-gap: var(--sizes--size-14);
  display: flex;
}

.timeline__button-wrap {
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
  position: absolute;
  bottom: -3.5rem;
}

.process__wrap {
  grid-column-gap: var(--sizes--size-10);
  grid-row-gap: var(--sizes--size-10);
  width: 100%;
  display: flex;
  position: relative;
}

.social__media-link {
  background-color: var(--_theme---text--text-extra-faded);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  transition: background-color .1s;
  display: flex;
  position: relative;
}

.social__media-link:hover {
  background-color: var(--_theme---other--separator);
}

.social__media-link.is-arrow {
  background-color: var(--_theme---text--text-extra-faded);
  width: 3rem;
  height: 3rem;
}

.social__media-link.is-arrow:hover {
  background-color: var(--_theme---other--separator);
}

.sm__icon {
  width: 85%;
}

.up_arrow {
  width: 35%;
}

.company-logo {
  width: 100%;
}

.company-logo.is-nav {
  z-index: 0;
  pointer-events: auto;
  color: var(--_theme---text--text);
  width: auto;
  height: 1.5rem;
  position: relative;
}

.image_full {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.image_full.is-hero {
  z-index: 1;
  pointer-events: none;
  border-radius: 0;
}

.cta__text {
  max-width: 40ch;
}

.cta__text.text-cta {
  max-width: 70ch;
}

.cta__image-wrap {
  border-radius: .5rem;
  width: 1em;
  height: .77em;
  margin-top: -.1rem;
  position: relative;
  overflow: hidden;
}

.flex__cta {
  grid-column-gap: var(--sizes--size-3);
  grid-row-gap: var(--sizes--size-3);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta__arrows-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  height: .5em;
  margin-top: -.1em;
  display: flex;
  position: relative;
}

.cta__arrows-wrap.left {
  opacity: .1;
  transform: translate(-4rem);
}

.cta__arrows-wrap.right {
  opacity: .1;
  transform: translate(4rem);
}

.cta__arrow {
  height: 100%;
}

.overlay__wrap {
  position: absolute;
  inset: 0%;
}

.cta__overlay {
  background-color: var(--_theme---text--text);
  position: absolute;
  inset: 0%;
}

.image__cta {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.2);
}

.dynaic__cta {
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.dynamic__wrap {
  z-index: 2;
  border: 1px solid var(--_theme---other--separator);
  background-color: var(--_theme---background--background);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 9rem;
  padding-left: 3rem;
  padding-right: 3rem;
  transition: border-radius .7s cubic-bezier(.327, .001, 0, .995);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dynamic__wrap:hover {
  border-radius: 1rem;
}

.dynamic__text {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-bottom: -15px;
}

.dynamic__text-ap {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-bottom: -15px;
  position: absolute;
  transform: translate(0, 150%);
}

.icons__wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.icons__wrapper.second {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._1_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 53%;
  left: 56%;
}

._2_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 37%;
  left: 36%;
}

._3_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 57%;
  right: 32%;
}

._5_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 48%;
  left: 16%;
}

._6_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 35%;
  left: 5%;
}

._4_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 15%;
  left: 30%;
}

._7_dynamic__icon {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  position: absolute;
  top: 45%;
  left: 12%;
}

.pricing__wrap {
  border: 1px solid var(--_theme---text--text-extra-faded);
  background-color: var(--_theme---text--text-extra-faded);
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 3.5rem 3rem;
  display: flex;
  position: relative;
}

.pricing__wrap.is-featured {
  border-color: var(--_theme---other--blue);
  justify-content: flex-start;
  align-items: flex-start;
}

.pricing__use-wrap {
  height: 2.6rem;
  overflow: hidden;
}

.is-stronger {
  color: var(--_theme---text--text);
}

.is-stronger:where(.w-variant-2cf36854-31d0-9264-404c-720f2a4313cb) {
  opacity: .3;
}

.bullet {
  background-color: var(--swatch--g-500);
  border-radius: 100%;
  flex: none;
  width: .4rem;
  height: .4rem;
  margin-top: .45rem;
}

.bullet:where(.w-variant-2cf36854-31d0-9264-404c-720f2a4313cb) {
  background-color: var(--swatch--r-500);
}

.bullet__wrap {
  grid-column-gap: var(--sizes--size-1-25);
  grid-row-gap: var(--sizes--size-1-25);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bullets__wrap {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.flex__margin-auto {
  width: 100%;
  margin-top: auto;
}

.pricng__heading {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: 5vw;
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-bottom: -15px;
}

.logo-icon {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

.row-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.row-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.dynamic__wrap-icon {
  display: flex;
  position: relative;
}

.pricing__plus {
  color: var(--_theme---text--text-faded);
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
}

.pricing__tab {
  border: 1px solid var(--_theme---other--separator);
  border-radius: .75rem;
  justify-content: flex-end;
  align-items: flex-start;
  padding: .25rem;
  display: flex;
}

.tabs-content {
  width: 100%;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -2.6rem;
  display: flex;
}

.tab-link-tab-1 {
  background-color: var(--_theme---text--text-extra-faded);
  color: var(--_theme---text--text-body);
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  transition: background-color .2s;
}

.tab-link-tab-1:hover {
  background-color: var(--_theme---other--separator);
}

.tab-link-tab-1.w--current {
  background-color: var(--_theme---text--text);
  color: var(--_theme---background--background);
}

.tab-link-tab-2 {
  background-color: var(--_theme---text--text-extra-faded);
  color: var(--_theme---text--text-body);
  border-radius: .5rem;
  padding: .75rem 1.5rem;
}

.tab-link-tab-2:hover {
  background-color: var(--_theme---other--separator);
}

.tab-link-tab-2.w--current {
  color: var(--_theme---background--background);
}

.tab-link-tab-2.w--current:hover {
  background-color: var(--_theme---text--text);
}

.tab__text {
  font-family: var(--font-family--subtitle-font);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: 300;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--subtitle);
  --_text-style---font-family: var(--font-family--subtitle-font);
  font-weight: 500;
}

.sticky__parent {
  position: sticky;
  top: 10rem;
}

.answer__box {
  width: 80%;
  overflow: hidden;
}

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

.faq__item {
  text-align: left;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.faq__inner {
  color: var(--_theme---text--text-faded);
  flex: none;
  width: 100%;
  height: 100%;
}

.service__first-flex {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service__second-flex {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.service__third-flex {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service__fourth-flex {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service__text {
  opacity: 0;
  padding-top: .2rem;
  padding-bottom: .2rem;
}

.service_button {
  opacity: 0;
}

.image__test {
  object-fit: cover;
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image__wrap-test {
  opacity: 1;
  pointer-events: none;
  border-radius: .75rem;
  flex: none;
  width: 25vw;
  height: 25vw;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(50%, 50%);
}

.image__wrap-test.is-second {
  inset: auto auto 0% 0%;
  transform: translate(-50%, 50%);
}

.image__wrap-test.is-third {
  inset: 0% 0% auto auto;
  transform: translate(50%, -50%);
}

.image__wrap-test.is-fourth {
  inset: 0% auto auto 0%;
  transform: translate(-50%, -50%);
}

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

.utility-page-wrap {
  background-color: var(--_theme---background--background);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.utility-page-content.flex-gap-3 {
  background-image: url('../images/404-image_1404-image.avif');
  background-position: 50%;
  background-size: cover;
}

.big {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: 20vw;
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .8;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h1);
  --_text-style---font-family: var(--font-family--display-font);
}

.blurrer {
  z-index: 1;
  width: 100%;
  height: 12vh;
  margin-top: -1px;
  position: fixed;
  inset: 0 auto auto 0%;
  transform: rotate(180deg);
}

.button_main {
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button_text-wrap {
  border: 1px solid var(--_theme---button--button-border);
  background-color: var(--_theme---button--button-background);
  color: var(--_theme---button--button-text);
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  height: 2.6rem;
  padding: .85rem 1.15rem;
  display: flex;
}

.button_text-wrap:where(.w-variant-6a1f6750-0df1-e07f-08f6-fa138a2c80af) {
  border-color: var(--_theme---button--button-border-secondary);
  color: var(--_theme---text--text);
  background-color: #0000;
}

.button_text-wrap.is-simple {
  color: var(--_theme---button--button-text);
  width: 100%;
  height: auto;
  padding: .7rem 1rem;
  transition: color .2s, background-color .2s;
}

.button_text-wrap.is-simple:where(.w-variant-7ab02c95-b86d-7237-82fa-24b3b2ae9777) {
  border-color: var(--_theme---text--text-faded);
  background-color: var(--_theme---text--text-extra-faded);
  color: var(--_theme---text--text-body);
}

.button_text-wrap.is-simple:hover {
  background-color: var(--_theme---button--button-bg-hover);
  color: var(--_theme---button--button-text-hover);
}

.button_text-wrap.is-simple:hover:where(.w-variant-7ab02c95-b86d-7237-82fa-24b3b2ae9777) {
  background-color: var(--_theme---text--text);
}

.btn__arrow-wrap {
  border: 1px solid var(--_theme---button--button-background);
  background-color: var(--_theme---button--button-background);
  color: var(--_theme---button--button-text);
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  overflow: hidden;
  transform: translate(.2rem);
}

.btn__arrow-wrap:where(.w-variant-6a1f6750-0df1-e07f-08f6-fa138a2c80af) {
  border-color: var(--_theme---button--button-border-secondary);
  color: var(--_theme---text--text-body);
  background-color: #0000;
}

.btn-arrow {
  width: 30%;
}

.btn-arrow.is-blog {
  opacity: .3;
  width: .7rem;
  transform: rotate(-45deg);
}

.btn-arrow.is-button {
  opacity: .3;
  width: .75rem;
  transform: rotate(-45deg);
}

.btn__text {
  font-family: var(--font-family--subtitle-font);
  font-size: .85rem;
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: 1.4;
  --_text-style---font-weight: 500;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--base);
  --_text-style---font-family: var(--font-family--display-font);
}

.btn__arrow-wrap-ap {
  border: 1px solid var(--_theme---button--button-border);
  background-color: var(--_theme---button--button-background);
  opacity: 0;
  color: var(--_theme---button--button-text);
  border-radius: .35rem;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(-.2rem);
}

.btn__arrow-wrap-ap:where(.w-variant-6a1f6750-0df1-e07f-08f6-fa138a2c80af) {
  border-color: var(--_theme---button--button-border-secondary);
  color: var(--_theme---text--text-body);
  background-color: #0000;
}

.btn-arrow-ap {
  width: 30%;
}

.btn__borderless {
  grid-column-gap: .45rem;
  grid-row-gap: .45rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3rem;
  padding-bottom: .25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn__borderless.is-blog {
  grid-column-gap: var(--sizes--size-05);
  grid-row-gap: var(--sizes--size-05);
  display: flex;
}

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

.borderless_inner {
  background-color: var(--_theme---text--text-faded);
  width: 0%;
  height: .5px;
}

.borderless_text {
  font-family: var(--font-family--subtitle-font);
  color: var(--_theme---text--text-body);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  text-shadow: 0 -1.7rem 0 var(--_theme---text--text);
  --_text-style---line-height: 1.5;
  --_text-style---font-weight: 300;
  --_text-style---letter-spacing: -.03em;
  --_text-style---font-size: var(--_responsive---font-size--subtitle);
  --_text-style---font-family: var(--font-family--subtitle-font);
}

.menu-wrap {
  z-index: 50;
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.menu__wrap-inner {
  z-index: 1;
  border-radius: .5rem;
  flex-flow: row;
  flex: none;
  width: 100%;
  height: 100%;
  padding: 3.5rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.menu__bg {
  z-index: -1;
  background-color: var(--_theme---background--background);
  pointer-events: none;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.nav__links {
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text--text);
  font-size: 3.7vw;
  line-height: var(--_text-style---line-height);
  font-weight: var(--_text-style---font-weight);
  letter-spacing: var(--_text-style---letter-spacing);
  text-transform: uppercase;
  --_text-style---line-height: .9;
  --_text-style---font-weight: 800;
  --_text-style---letter-spacing: 0em;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---font-family: var(--font-family--display-font);
  margin-bottom: 0;
}

.menu__overlay-wrap {
  z-index: 3;
  opacity: 0;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu__overlay {
  background-color: var(--swatch--n-900);
  width: 100%;
  height: 100%;
}

.nav__trigger {
  z-index: 5;
  grid-column-gap: var(--sizes--size-05);
  grid-row-gap: var(--sizes--size-05);
  filter: brightness(120%);
  pointer-events: auto;
  background-color: #0000;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100px;
  height: 2.5rem;
  padding: .25rem;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.nav__trigger:hover {
  filter: brightness(200%);
}

.menu_wrap-items {
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.menu_outter {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  --_theme---background--background: var(--swatch--n-200);
  --_theme---text--text-body: var(--swatch--n-700);
  --_theme---text--text: var(--swatch--n-800);
  --_theme---text--text-faded: var(--swatch--n-400);
  --_theme---background--background-secondary: var(--swatch--n-100);
  --_theme---other--separator: var(--swatch--n-300);
  --_theme---other--body-weight: 400;
  --_theme---text--text-extra-faded: var(--swatch--n-100);
  --_theme---other--pink: var(--swatch--p-200);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-800);
  --_theme---button--button-background: var(--swatch--n-800);
  --_theme---button--button-text: var(--swatch--n-300);
  --_theme---button--button-border-secondary: var(--swatch--n-400);
  --_theme---button--button-bg-hover: var(--swatch--n-300);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-200);
  --_theme---other--red: var(--swatch--r-200);
  flex-flow: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: .5rem;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.nav_trig-wrap {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_theme---text--text);
  justify-content: flex-end;
  align-items: center;
  width: 0;
  display: flex;
  position: relative;
}

.nav__item {
  width: auto;
  height: .75rem;
}

.nav__item.is-hidden {
  flex: none;
}

.nav-closer {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mark_item {
  flex: none;
  width: .75rem;
  height: .75rem;
  position: relative;
  transform: rotate(45deg);
}

.closer__text {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.separator__wrap {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.main__links-wrap {
  width: 66.6667%;
}

.secondary__links-wrap {
  width: 33.3333%;
}

.proj__wrap {
  flex: none;
  width: 100%;
  margin-top: auto;
}

.nav__link {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  padding-top: .35rem;
  padding-bottom: .5rem;
  display: flex;
}

.nav__link:hover {
  color: var(--swatch--n-900);
}

.nav__link.w--current {
  pointer-events: none;
  color: var(--_theme---text--text-faded);
  text-decoration: line-through;
}

.nav__item-hider {
  justify-content: flex-start;
  align-items: center;
  width: 0;
  height: .75rem;
  display: flex;
  overflow: hidden;
}

.nav__container {
  z-index: 2;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: relative;
}

.menu__wrap {
  justify-content: flex-start;
  align-items: center;
  width: 35vw;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.column__wrapper-nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  display: flex;
  position: relative;
}

.nav_trig-wrap-mobile {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--_theme---text--text);
  justify-content: flex-end;
  align-items: center;
  display: none;
  position: relative;
}

.nav-arrow {
  opacity: 0;
  flex: none;
  width: 1.5vw;
}

.nav-text {
  margin-bottom: -.15em;
}

.nav__logo {
  color: var(--_theme---text--text);
}

.hero__ovelay {
  z-index: 2;
  background-color: var(--_theme---text--text);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text__hero {
  color: var(--_theme---text--text);
  text-align: right;
  width: 20ch;
}

.text__hero.is-left {
  text-align: left;
}

.is__hero-heading {
  max-width: 15ch;
}

.nav-spacer {
  padding-top: 1.5vw;
}

.nav-spacer.hide-on-large {
  display: block;
}

.show-on-large {
  display: none;
}

.hero__content-wrap {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.hero__text-wrap {
  grid-column-gap: var(--sizes--size-2);
  grid-row-gap: var(--sizes--size-2);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.hero__image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__image.is-mobile {
  display: none;
}

.hero__image-mobile {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero__ticker {
  z-index: 3;
  --_theme---background--background: var(--swatch--n-800);
  --_theme---text--text-body: var(--swatch--n-400);
  --_theme---text--text: var(--swatch--n-300);
  --_theme---text--text-faded: var(--swatch--n-500);
  --_theme---background--background-secondary: var(--swatch--n-900);
  --_theme---other--separator: var(--swatch--n-700);
  --_theme---other--body-weight: 300;
  --_theme---text--text-extra-faded: var(--swatch--n-750);
  --_theme---other--pink: var(--swatch--p-500);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-300);
  --_theme---button--button-background: var(--swatch--n-300);
  --_theme---button--button-text: var(--swatch--n-800);
  --_theme---button--button-border-secondary: var(--swatch--n-600);
  --_theme---button--button-bg-hover: var(--swatch--n-100);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-500);
  --_theme---other--red: var(--swatch--r-500);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.hero__ticker.is-outline {
  z-index: 6;
}

.is-huge {
  color: var(--_theme---text--text);
  letter-spacing: -.02em;
  flex: none;
  font-size: 20vw;
}

.is-huge.is-outline {
  opacity: .3;
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--_theme---text--text);
}

.hero__ticker-text {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero__ticker-inner {
  flex-flow: row;
  flex: none;
  display: flex;
}

.hero__image-ticker {
  transform-origin: 50% 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__image-ticker.z-index-5 {
  opacity: 0;
  transform-origin: 100% 100%;
}

.hero-ticker-separator {
  opacity: .3;
  color: var(--_theme---text--text);
  flex: none;
  width: 4rem;
  height: 100px;
  margin-left: 8rem;
  margin-right: 8rem;
}

.bg__mover {
  z-index: 1;
  background-color: var(--swatch--n-900);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.form__wrapper {
  border-radius: 1rem;
  width: 70%;
  margin-top: 0;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.form__bg {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0d0d0d99;
  position: absolute;
  inset: 0%;
}

.form__block {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
}

.form__block.is-subscribe {
  width: 80%;
}

.form__input-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.form__input {
  border: 1px solid var(--_theme---text--text-faded);
  color: var(--_theme---text--text);
  background-color: #0000;
  border-radius: .5rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 8rem;
  transition: border .1s;
}

.form__input:hover {
  border-color: var(--_theme---text--text-body);
}

.form__input:focus {
  border-color: var(--_theme---text--text);
}

.form__input.is-textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 10rem;
  min-height: 10rem;
  max-height: 10rem;
  padding-top: 1rem;
  padding-left: 1rem;
}

.form__input.is-sub {
  padding-left: 5rem;
}

.form__label {
  opacity: .8;
  color: var(--_theme---text--text-body);
  margin-bottom: 0;
  font-weight: 400;
  position: absolute;
  left: 1rem;
}

.form__button {
  background-color: var(--_theme---button--button-background);
  color: var(--_theme---background--background-secondary);
  border-radius: .5rem;
  width: 100%;
  height: 3rem;
  transition: filter .1s;
}

.form__button:hover {
  filter: brightness(140%);
}

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

.separatorr {
  background-color: var(--_theme---other--separator);
  width: 100%;
  height: .5px;
  position: relative;
}

.separatorr.services {
  opacity: .1;
  background-color: #fff;
  position: absolute;
}

.separatorr.services.vertical {
  width: 1px;
  height: 100%;
}

.project_hider {
  background-color: var(--_theme---background--background);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.02);
}

.link-wrap {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.work__item-list {
  position: relative;
}

.separator__inner {
  background-color: var(--_theme---other--separator);
  width: 100%;
  height: .5px;
  position: relative;
}

.photos__grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-message {
  background-color: #0000;
  height: 26.3rem;
  padding: 0;
}

.success-message.is-subscribe {
  background-color: #95da884d;
  border-radius: .5rem;
  height: auto;
  padding: 1rem;
}

.form__bg-message {
  background-color: #95da8833;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.error-message {
  background-color: var(--swatch--r-700);
  text-align: center;
  border-radius: .5rem;
  margin-top: .5rem;
  padding: .75rem 3rem;
}

.hero__bg-video {
  z-index: 5;
  width: 100%;
  height: 100%;
}

.blog-tag-wrap {
  z-index: 3;
  position: absolute;
  inset: 1rem auto auto 1rem;
}

.tag__bg-wrap {
  z-index: -1;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.tag__bg-wrap:where(.w-variant-30d32c5a-2f29-76d0-124b-e86b9a298897) {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #19191966;
  border-radius: .25rem;
}

.is-footer-link {
  transition: filter .3s;
}

.is-footer-link:hover {
  filter: brightness(150%);
}

.work__img-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1.05);
}

.tab-link-tab-3 {
  background-color: var(--_theme---text--text-extra-faded);
  color: var(--_theme---text--text-body);
  border-radius: .5rem;
  padding: .75rem 1.5rem;
}

.tab-link-tab-3:hover {
  background-color: var(--_theme---other--separator);
}

.tab-link-tab-3.w--current {
  color: var(--_theme---background--background);
}

.tab-link-tab-3.w--current:hover {
  background-color: var(--_theme---text--text);
}

.simple__content {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.hero__gradient-wrap {
  z-index: 2;
  opacity: .35;
  --_theme---background--background: var(--swatch--n-800);
  --_theme---text--text-body: var(--swatch--n-400);
  --_theme---text--text: var(--swatch--n-300);
  --_theme---text--text-faded: var(--swatch--n-500);
  --_theme---background--background-secondary: var(--swatch--n-900);
  --_theme---other--separator: var(--swatch--n-700);
  --_theme---other--body-weight: 300;
  --_theme---text--text-extra-faded: var(--swatch--n-750);
  --_theme---other--pink: var(--swatch--p-500);
  --_theme---other--blue: var(--swatch--b-500);
  --_theme---button--button-border: var(--swatch--n-300);
  --_theme---button--button-background: var(--swatch--n-300);
  --_theme---button--button-text: var(--swatch--n-800);
  --_theme---button--button-border-secondary: var(--swatch--n-600);
  --_theme---button--button-bg-hover: var(--swatch--n-100);
  --_theme---button--button-text-hover: var(--swatch--n-900);
  --_theme---other--green: var(--swatch--g-500);
  --_theme---other--red: var(--swatch--r-500);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-gradient {
  background-image: linear-gradient(180deg, #19191900 62%, var(--_theme---background--background));
  width: 100%;
  height: 100%;
}

.home__links-wrap {
  background-color: var(--swatch--n-750);
  border-radius: 1rem;
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: 10vw;
  height: 10vw;
  padding: 1.5vw;
  transition: background-color .3s, border-radius .3s cubic-bezier(.363, .018, .25, 1);
  display: flex;
  position: relative;
}

.home__links-wrap:hover {
  background-color: var(--swatch--n-700);
  border-radius: 2rem;
  overflow: hidden;
}

.pages__text {
  z-index: 5;
  color: var(--_theme---text--text-body);
  font-size: 2rem;
  position: absolute;
}

.text-strong {
  color: var(--_theme---text--text);
}

.list-3 {
  list-style-type: decimal;
}

.is-pink {
  color: var(--swatch--p-500);
}

.tab {
  padding: .2rem;
}

@media screen and (min-width: 1920px) {
  body {
    --_responsive---font-size--base: 1rem;
    --_responsive---font-size--subtitle-smaller: .85rem;
    --_responsive---spacers--section-spacer: 15rem;
    --_responsive---spacers--container: 14vw;
    --_responsive---font-size--h6: 2rem;
    --_responsive---spacers--dynamic-spacer-smaller: 7rem;
    --_responsive---spacers--dynamic-spacer: 7.5rem;
    --_responsive---font-size--h1: 12rem;
    --_responsive---font-size--h3: 6rem;
    --_responsive---font-size--subtitle: .85rem;
    --_responsive---font-size--h2: 8rem;
    --_responsive---font-size--h4: 4rem;
    --_responsive---font-size--h5: 3.2rem;
    --_responsive---spacers--container-full: 1rem;
  }

  .column__wrapper.is-blog, .column__wrapper.is-blog-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .heading-style-h2.is-contact {
    --_text-style---line-height: .8;
    --_text-style---font-weight: 800;
    --_text-style---letter-spacing: 0em;
    --_text-style---font-size: var(--_responsive---font-size--h1);
    --_text-style---font-family: var(--font-family--display-font);
  }

  .image__wrap.is-metric {
    padding-top: 0%;
  }

  .services__hitbox {
    height: 400px;
    min-height: 400px;
  }

  .image__changer.is-service {
    width: 20vw;
  }

  .col__blog-single {
    position: relative;
  }

  .icons__wrapper.second {
    width: 80%;
  }

  .image__wrap-test {
    width: 20vw;
    height: 20vw;
  }

  .button_text-wrap.is-simple {
    padding-top: .85rem;
    padding-bottom: .85rem;
  }

  .menu__wrap {
    width: 33vw;
  }

  .nav-spacer.hide-on-large {
    display: none;
  }

  .show-on-large {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---font-size--base: 1rem;
    --_responsive---font-size--subtitle-smaller: .75rem;
    --_responsive---spacers--section-spacer: 11rem;
    --_responsive---spacers--container: 80px;
    --_responsive---font-size--h6: 1.5rem;
    --_responsive---spacers--dynamic-spacer-smaller: 3.5rem;
    --_responsive---spacers--dynamic-spacer: 5rem;
    --_responsive---font-size--h1: 8.5rem;
    --_responsive---font-size--h3: 4rem;
    --_responsive---font-size--subtitle: .75rem;
    --_responsive---font-size--h2: 5rem;
    --_responsive---font-size--h4: 2rem;
    --_responsive---font-size--h5: 2.65rem;
    --_responsive---spacers--container-full: 1rem;
  }

  .padding-section.is-hero, .padding-section.is-contact {
    min-height: auto;
  }

  .column__wrapper {
    flex-flow: column;
  }

  .column__wrapper.is-work {
    flex-flow: row;
  }

  .column__wrapper.is-work-2 {
    grid-column-gap: var(--sizes--size-05);
    grid-row-gap: var(--sizes--size-05);
    flex-flow: column;
  }

  .column__wrapper.is-blog, .column__wrapper.is-blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .column__wrapper.is-footer {
    flex-flow: row;
  }

  .column__wrapper.is-nav {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .column__wrapper.is-team {
    grid-template-columns: 1fr 1fr;
  }

  .column__wrapper.is-presentation {
    grid-column-gap: var(--sizes--size-05);
    grid-row-gap: var(--sizes--size-05);
    flex-flow: column;
  }

  .col_33.is-pricing {
    width: 100%;
  }

  .col_33.is-nav {
    flex: none;
  }

  .col_66.is-process, .col_50 {
    width: 100%;
  }

  .col_50.is-process {
    justify-content: flex-start;
    align-items: flex-end;
    width: 50%;
    display: flex;
  }

  .col_75, .col_25 {
    width: 100%;
  }

  .col_25.is-services-number, .col_25.is-blog-list {
    order: -1;
  }

  .col_40.is-work {
    width: 50%;
  }

  .col_60 {
    width: 100%;
  }

  .col_60.is-work {
    width: 50%;
  }

  .flex_vertical.flex-between {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    height: auto;
  }

  .flex_vertical.flex-between.smaller {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .flex_vertical.flex-between.is-work {
    height: 100%;
  }

  .flex_vertical.flex-between.is-blog-list {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex_vertical.is-services {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .flex_vertical.is__serivce-wrap {
    width: 50%;
  }

  .flex_vertical.is__serivce-wrap.right {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex_vertical.is-blog-list, .flex_vertical.flex__center.flex-gap-3.simple__hero {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .heading-style-h1.text-center.not-on-mobile {
    text-align: left;
  }

  .heading-style-h2.is-preview {
    max-width: none;
  }

  .heading-style-h4.is-service {
    order: -1;
  }

  .container-full.is-hero, .container-full.is-contact {
    padding: 32px;
  }

  .flex__top-right.is-services-number, .flex__top-right.is-blog-list {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex__bottom-right.is-button {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .flex-gap-1.is-blog-list {
    margin-top: var(--_responsive---spacers--dynamic-spacer-smaller);
    order: -1;
  }

  .hide-on-desktop {
    display: flex;
  }

  .hide-on-tablet, .separator.services {
    display: none;
  }

  .subitle__wrap.process {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .metric__parent {
    padding-right: 0%;
  }

  .metrix__wrap {
    grid-column-gap: var(--sizes--size-2);
    grid-row-gap: var(--sizes--size-2);
  }

  .metrix__wrap.is__var2 {
    flex-flow: column;
  }

  .image__wrap {
    height: auto;
    padding-top: 100%;
  }

  .image__wrap.is-bento {
    height: 100%;
  }

  .testimonial__wrap-image.is-work {
    padding-top: 100%;
  }

  .testimonial__wrap-image.is-work-el {
    width: 60px;
  }

  .testimonial__wrap-image.is-nav {
    padding-top: 100%;
  }

  .testim__quote {
    width: 35%;
  }

  .testim__quote.is-smaller {
    top: 5rem;
  }

  .testimonial__wrap {
    flex-flow: column;
  }

  .testim__list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .testim__item {
    width: 100%;
  }

  .testimonial__inner {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .slide__single {
    width: 100%;
  }

  .slide__single.is-1 {
    padding-right: 0%;
  }

  .slide__single.is-2 {
    padding-left: 0%;
  }

  .slider__left {
    left: -80px;
  }

  .slider__right {
    right: -80px;
  }

  .subservices__wrap {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0%;
  }

  .is-services-number {
    order: -1;
  }

  .services__wrap {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
  }

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

  .image__changer.is-service {
    display: none;
    position: relative;
  }

  .proj__arrow {
    width: 2rem;
  }

  .col_20 {
    width: 100%;
  }

  .col_20.is-stretcheble {
    width: 100%;
    height: auto;
  }

  .work__small-wrap {
    width: 100%;
    height: auto;
    padding-top: 70%;
  }

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

  .proj__image_2, .proj__image_3 {
    display: none;
  }

  .full__img-wrap.is-work {
    padding-top: 100%;
  }

  .full__img-wrap.is-work-cta {
    height: auto;
    padding-top: 6rem;
    padding-bottom: 10rem;
  }

  .more_proj-heading {
    font-variation-settings: "wght" 600;
  }

  .blog-post-body {
    margin-top: -3rem;
  }

  .blog__thumb {
    height: auto;
    padding-top: 100%;
  }

  .clients__grid {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .process__timeline {
    inset: 0% auto auto 0%;
  }

  .timeline__button-wrap {
    display: none;
    position: relative;
  }

  .process__wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    padding-left: 4rem;
  }

  .dynamic__wrap {
    height: 7rem;
  }

  .dynamic__text {
    display: none;
  }

  .dynamic__text-ap {
    position: relative;
    transform: none;
  }

  ._3_dynamic__icon {
    top: 64%;
  }

  ._5_dynamic__icon {
    top: 44%;
    left: -20%;
  }

  .pricng__heading {
    margin-bottom: -3px;
  }

  .tabs {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2rem;
  }

  .sticky__parent {
    position: relative;
    top: 0;
  }

  .faq__closer {
    width: 1.5rem;
    height: 1.5rem;
  }

  .service__first-flex {
    flex-flow: row;
    justify-content: space-between;
  }

  .service__second-flex, .service__third-flex, .service__fourth-flex {
    justify-content: space-between;
    align-items: flex-start;
  }

  .service__text {
    opacity: 1;
  }

  .service_button {
    opacity: 1;
    order: 1;
  }

  .image__wrap-test {
    position: relative;
    transform: none;
  }

  .image__wrap-test.is-second {
    transform: none;
  }

  .image__wrap-test.is-third {
    height: 25vw;
    transform: none;
  }

  .image__wrap-test.is-fourth {
    transform: none;
  }

  .menu_outter {
    width: 100%;
  }

  .nav__link {
    font-size: 52px;
  }

  .nav__link:hover {
    color: var(--_theme---text--text-body);
  }

  .menu__wrap {
    width: 65%;
  }

  .column__wrapper-nav {
    flex-flow: row;
  }

  .hero__content-wrap {
    height: 100%;
  }

  .form__wrapper {
    width: 80%;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .form__block.is-subscribe {
    width: 100%;
  }

  .separatorr.services, .project_hider {
    display: none;
  }

  .text__hero-simple {
    text-align: left;
  }

  .simple__content {
    height: 100%;
  }

  .home__links-wrap {
    width: 20vw;
    height: 20vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---font-size--base: .9rem;
    --_responsive---font-size--subtitle-smaller: .75rem;
    --_responsive---spacers--section-spacer: 7rem;
    --_responsive---spacers--container: 24px;
    --_responsive---font-size--h6: 1.5rem;
    --_responsive---spacers--dynamic-spacer-smaller: 3rem;
    --_responsive---spacers--dynamic-spacer: 4rem;
    --_responsive---font-size--h1: 4.5rem;
    --_responsive---font-size--h3: 3rem;
    --_responsive---font-size--subtitle: .75rem;
    --_responsive---font-size--h2: 3rem;
    --_responsive---font-size--h4: 2rem;
    --_responsive---font-size--h5: 30px;
    --_responsive---spacers--container-full: 16px;
  }

  .section.is-hero {
    height: 100svh;
    min-height: 0;
  }

  .section.is-contact, .section.is-project-hero {
    min-height: 0;
    max-height: 100vh;
  }

  .padding-section.is-hero {
    height: 100%;
  }

  .container.is-rich {
    padding-left: 0;
    padding-right: 0;
  }

  .column__wrapper.is-work, .column__wrapper.is-work-2 {
    flex-flow: column;
  }

  .column__wrapper.is-blog {
    grid-row-gap: 6rem;
    grid-template-columns: 1fr;
  }

  .column__wrapper.is-blog-list {
    grid-template-columns: 1fr;
  }

  .column__wrapper.is-footer {
    flex-flow: column;
  }

  .column__wrapper.is-footer-links, .column__wrapper.is-nav {
    flex-flow: row;
  }

  .column__wrapper.is-team {
    grid-template-columns: 1fr;
  }

  .column__wrapper.is-presentation {
    flex-flow: column;
  }

  .col_33.is-footer-links {
    width: 100%;
  }

  .col_33.is-nav {
    width: 30%;
  }

  .col_50.is-process {
    width: 100%;
  }

  .col_75.is-slider {
    width: 75%;
  }

  .col_75.flex__bottom-right.is-presentation {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 2rem;
  }

  .col_25.is-metric {
    width: 50%;
  }

  .col_40.is-work {
    order: -1;
    width: 100%;
  }

  .col_60.is-work {
    width: 100%;
  }

  .flex_vertical.flex-between.padding_left-20 {
    padding-right: 10%;
  }

  .flex_vertical.flex-between.padding_left-20.is-nav {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    height: 100%;
  }

  .flex_vertical.flex-between.is-work {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
  }

  .flex_vertical.is__serivce-wrap {
    width: 100%;
  }

  .flex_vertical.flex-gap-14 {
    grid-column-gap: var(--sizes--size-8);
    grid-row-gap: var(--sizes--size-8);
  }

  .flex_vertical.flex__center.flex-gap-3.simple__hero {
    text-align: left;
    padding-bottom: 1rem;
  }

  .flex_vertical.stretch.is-contact {
    padding: 16px;
  }

  .flex_vertical.is-nav-social {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .heading-style-h4.blog__limiter {
    max-height: 2.6em;
  }

  .heading-style-h4.is-process {
    --_text-style---line-height: .9;
    --_text-style---font-weight: 800;
    --_text-style---letter-spacing: 0em;
    --_text-style---font-size: var(--_responsive---font-size--h3);
    --_text-style---font-family: var(--font-family--display-font);
  }

  .text-center.not-on-mobile {
    text-align: left;
  }

  .container-full {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-full.is-hero {
    padding: 24px 24px 36px;
  }

  .container-full.is-contact {
    min-height: auto;
    padding: 8px;
  }

  .flex-gap-2.is-contact, .flex-gap-1.is-subscribe {
    flex-flow: column;
  }

  .flex-gap-1.stretch.is-presentation {
    flex-flow: wrap;
  }

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

  .subitle__wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .subitle__wrap.centered {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .metric__parent {
    padding-right: 15%;
  }

  .metric__parent.is-ver2 {
    padding-right: 0%;
  }

  .metrix__wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
  }

  .flex_between.is-nav {
    justify-content: space-between;
    align-items: flex-start;
  }

  .testimonial__wrap-image.is-nav {
    padding-top: 70%;
  }

  .testim__quote.is-smaller {
    top: 4rem;
  }

  .testimonial__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .slider__left {
    width: 50px;
    height: 100px;
    inset: -128px 50px auto auto;
  }

  .slider__right {
    width: 50px;
    height: 100px;
    inset: -128px 0% auto auto;
  }

  .services__wrap {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .link__full.is-other-projects {
    display: flex;
  }

  .work__small-wrap {
    padding-top: 100%;
  }

  .more_proj-heading {
    font-size: var(--_responsive---font-size--h3);
    padding-top: 1rem;
  }

  .blog-post-body {
    margin-bottom: 3rem;
  }

  .clients__grid {
    grid-column-gap: 6rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .logo_image.is-maruqee {
    height: 3rem;
    margin-right: 3rem;
  }

  .process__timeline {
    background-color: var(--_theme---other--separator);
    left: 0;
  }

  .process__wrap {
    flex-flow: column;
    padding-left: 2.5rem;
  }

  .image_full.is-hero {
    height: 100svh;
  }

  .image_full.is-hero.u-theme-light {
    height: 100%;
  }

  .dynamic__wrap {
    height: 6rem;
  }

  ._1_dynamic__icon, ._2_dynamic__icon, ._3_dynamic__icon, ._5_dynamic__icon, ._6_dynamic__icon, ._4_dynamic__icon, ._7_dynamic__icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .pricing__wrap {
    padding: 42px 36px;
  }

  .pricng__heading {
    margin-bottom: -6px;
    font-size: 56px;
  }

  .service__first-flex, .service__second-flex, .service__third-flex, .service__fourth-flex {
    flex-flow: column;
  }

  .image__wrap-test {
    order: -1;
    width: 100%;
    height: 0;
    padding-top: 75%;
  }

  .image__wrap-test.is-second, .image__wrap-test.is-third {
    order: -1;
  }

  .show-on-mobile {
    display: block;
  }

  .button_text-wrap {
    height: 2.5rem;
    padding: .8rem 1rem;
  }

  .btn__arrow-wrap {
    width: 2.5rem;
    height: 2.5rem;
  }

  .btn__text {
    font-size: 14px;
  }

  .menu__wrap-inner {
    padding: 36px;
  }

  .nav__trigger, .nav__trigger:hover {
    filter: none;
  }

  .menu_outter {
    width: 100%;
  }

  .nav_trig-wrap {
    margin-right: 0;
    display: none;
  }

  .nav__item-hider {
    width: 10px;
  }

  .nav__container {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .menu__wrap {
    width: 100%;
  }

  .nav_trig-wrap-mobile {
    margin-right: 0;
    display: flex;
  }

  .text__hero {
    text-align: left;
    width: 80%;
  }

  .hero__content-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .hero__text-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero__image {
    display: none;
  }

  .hero__image.is-project {
    display: inline-block;
  }

  .hero__image.is-mobile, .hero__image-mobile {
    display: block;
  }

  .hero__ticker {
    z-index: 8;
    top: 20vw;
  }

  .hero__ticker.is-outline {
    display: none;
  }

  .is-huge {
    letter-spacing: -.02em;
    font-size: 100px;
  }

  .hero__ticker-text {
    padding-right: 2rem;
  }

  .hero__ticker-inner {
    margin-top: 0;
  }

  .hero-ticker-separator {
    width: 3rem;
    margin-left: 2rem;
    margin-right: 3rem;
  }

  .form__wrapper {
    border-radius: .35rem;
    width: 90%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

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

  .simple__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .home__links-wrap {
    width: 45%;
  }
}

@media screen and (max-width: 479px) {
  .section.is-hero {
    max-height: none;
  }

  .section.is-contact {
    height: auto;
    max-height: none;
  }

  .section.is-project-hero {
    height: 100svh;
    max-height: none;
  }

  .padding-section.is-contact {
    height: auto;
    min-height: 0;
  }

  .column__wrapper.is-team {
    grid-row-gap: 6rem;
  }

  .flex_vertical.flex-between.flex__bottom-right {
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-style-h2.is-contact {
    --_text-style---line-height: .8;
    --_text-style---font-weight: 800;
    --_text-style---letter-spacing: 0em;
    --_text-style---font-size: var(--_responsive---font-size--h1);
    --_text-style---font-family: var(--font-family--display-font);
  }

  .container-full.is-hero {
    height: 100svh;
    min-height: 0;
  }

  .container-full.is-contact {
    min-height: 0;
  }

  .flex-gap-1.is-cta {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image__wrap.is-bento-small {
    height: 100%;
  }

  .testimonial__wrap-image.is-nav {
    padding-top: 100%;
  }

  .testim__quote.is-smaller {
    top: 4rem;
  }

  .testimonial__wrap {
    grid-column-gap: var(--sizes--size-4);
    grid-row-gap: var(--sizes--size-4);
  }

  .tag-wrap.featured {
    top: .75rem;
    left: auto;
    right: .75rem;
    transform: translate(0%);
  }

  .proj__arrow.is-pages {
    top: 16px;
    right: 16px;
  }

  .cta__image-wrap {
    width: 100%;
    height: auto;
    padding-top: 70%;
  }

  .cta__arrow {
    display: none;
  }

  .dynamic__text {
    font-size: 10vw;
  }

  .dynamic__text-ap {
    margin-bottom: 0;
    font-size: 10vw;
  }

  ._1_dynamic__icon {
    top: 60%;
    left: 0%;
  }

  ._5_dynamic__icon {
    left: -100%;
  }

  ._6_dynamic__icon {
    top: 30%;
    left: -30px;
  }

  ._7_dynamic__icon {
    left: auto;
    right: 0;
  }

  .dynamic__wrap-icon.is-4 {
    opacity: 0;
  }

  .form__wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 24px;
  }

  .form__input-wrap {
    font-size: var(--_responsive---font-size--subtitle);
  }

  .form__input {
    padding-left: 7rem;
  }

  .form__input.is-textarea {
    font-size: var(--_responsive---font-size--subtitle);
  }

  .home__links-wrap {
    width: 47%;
    height: 120px;
    padding: 16px;
  }
}

#w-node-ce52cfa1-586f-8a47-bef9-3e2d3dfb4490-1279794e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87802ce2-d609-5b93-8c40-3c1bc19ec1bf-1279794e {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-dbcd09e8-6bbf-5555-7b30-a53162db5878-1279794e, #w-node-_364e9bbd-532a-c9e1-93c8-83311fda23f2-1279794e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_87802ce2-d609-5b93-8c40-3c1bc19ec1bf-1279794e {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }
}


@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mangogrotesque';
  src: url('../fonts/MangoGrotesque-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mangogrotesque';
  src: url('../fonts/MangoGrotesque-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mango Grotesque Vf';
  src: url('../fonts/Mango-Grotesque-VF.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}