:root {
  --_text-style---text-body--font-family: var(--font--main);
  --_colors---color--dark: #12151c;
  --_text-style---text-body--font-size: 18px;
  --_text-style---text-body--line-height: 120%;
  --_text-style---text-body--font-weight: var(--font-weight--normal);
  --_text-style---text-body--letter-spacing: var(--letter-spacing--1-0);
  --_text-style---h1--font-family: var(--font--main);
  --_text-style---h1--font-size: 100px;
  --_text-style---h1--line-height: 100%;
  --_text-style---h1--font-weight: var(--font-weight--normal);
  --_text-style---h1--letter-spacing: var(--letter-spacing--3-0);
  --_text-style---h2--font-family: var(--font--main);
  --_text-style---h2--font-size: 70px;
  --_text-style---h2--line-height: 100%;
  --_text-style---h2--font-weight: var(--font-weight--normal);
  --_text-style---h2--letter-spacing: var(--letter-spacing--3-0);
  --_text-style---h3--font-family: var(--font--main);
  --_text-style---h3--font-size: 40px;
  --_text-style---h3--line-height: 110%;
  --_text-style---h3--font-weight: var(--font-weight--normal);
  --_text-style---h3--letter-spacing: var(--letter-spacing--2-0);
  --_text-style---h4--font-family: var(--font--main);
  --_text-style---h4--font-size: 30px;
  --_text-style---h4--font-weight: var(--font-weight--normal);
  --_text-style---h5--font-family: var(--font--main);
  --_text-style---h5--font-size: 24px;
  --_text-style---h5--line-height: 110%;
  --_text-style---h5--font-weight: var(--font-weight--normal);
  --_text-style---h5--letter-spacing: var(--letter-spacing--2-0);
  --_text-style---h6--font-family: var(--font--main);
  --_text-style---h6--font-size: 20px;
  --_text-style---h6--line-height: 110%;
  --_text-style---h6--font-weight: var(--font-weight--normal);
  --_text-style---h6--letter-spacing: var(--letter-spacing--2-0);
  --container-width--main: 1800px;
  --_spacing---site-padding--main: 32px;
  --font--secondary: "IBM Plex Serif", sans-serif;
  --_spacing---section-spacing--80: 80px;
  --_colors---color--light: white;
  --_spacing---section-spacing--120: 120px;
  --_spacing---section-spacing--160: 160px;
  --_spacing---section-spacing--0: 0px;
  --_colors---color--accent: #0fa;
  --_spacing---radius--main: 4px;
  --_spacing---section-spacing--64: 64px;
  --_text-style---text-large--font-family: var(--font--main);
  --_text-style---text-large--font-size: 22px;
  --_text-style---text-large--line-height: 120%;
  --_text-style---text-large--font-weight: var(--font-weight--normal);
  --_text-style---text-large--letter-spacing: var(--letter-spacing--1-0);
  --font-weight--normal: 400;
  --_colors---color--transparent: #0000;
  --_text-style---text-small--font-family: var(--font--main);
  --_text-style---text-small--font-size: 16px;
  --_text-style---text-small--line-height: 120%;
  --_text-style---text-small--font-weight: var(--font-weight--medium);
  --_text-style---text-small--letter-spacing: var(--letter-spacing--1-0);
  --color--dark\<deleted\|variable-324f0e91-10d2-ceee-2537-08483d502b32\>: #171a20;
  --letter-spacing--1-0: -.01em;
  --letter-spacing--3-0: -.03em;
  --_text-style---h4--line-height: 110%;
  --_text-style---h4--letter-spacing: var(--letter-spacing--2-0);
  --_colors---color--bg: #f3f3f3;
  --_text-style---text-xsmall--font-size: 14px;
  --_text-style---text-xsmall--line-height: 120%;
  --_text-style---text-xsmall--letter-spacing: var(--letter-spacing--1-0);
  --color--transparent\<deleted\|variable-452c4a54-91cb-b570-3995-1997c3a4f968\>: #0000;
  --color--gray\<deleted\|variable-8ee9e878-5bf6-5f1b-6ba6-4e7a816f49e3\>: #7d868c;
  --_spacing---title-margin-bottom--64: 64px;
  --_spacing---title-margin-bottom--100: 100px;
  --color--light\<deleted\|variable-29095f22-5e82-1295-c884-dec8976d503e\>: white;
  --_text-style---text-xsmall--font-family: var(--font--main);
  --_text-style---text-xsmall--font-weight: var(--font-weight--medium);
  --_buttons---button-main--font-family: var(--font--main);
  --_buttons---button-main--font-size: 16px;
  --_buttons---button-main--line-height: 120%;
  --_buttons---button-main--font-weight: var(--font-weight--medium);
  --_buttons---button-main--letter-spacing: var(--letter-spacing--1-0);
  --_buttons---button-secondary--font-family: var(--font--main);
  --_buttons---button-secondary--font-size: 16px;
  --_buttons---button-secondary--line-height: 120%;
  --_buttons---button-secondary--font-weight: var(--font-weight--medium);
  --_buttons---button-secondary--letter-spacing: var(--letter-spacing--1-0);
  --_spacing---radius--full: 100vw;
  --_spacing---section-spacing--96: 96px;
  --_spacing---title-margin-bottom--32: 32px;
  --_spacing---title-margin-bottom--48: 48px;
  --_spacing---title-margin-bottom--80: 80px;
  --_colors---color--red: red;
  --_spacing---section-spacing--48: 48px;
  --_spacing---section-spacing--hero-top-padding: 160px;
  --font--main: Geist, sans-serif;
  --container-width--secondary: 900px;
  --font-weight--thin: 100;
  --font-weight--extra-light: 200;
  --font-weight--light: 300;
  --font-weight--medium: 500;
  --font-weight--semi-bold: 600;
  --font-weight--bold: 700;
  --font-weight--extra-bold: 800;
  --font-weight--black: 900;
  --letter-spacing--3: .03em;
  --letter-spacing--2: .02em;
  --letter-spacing--1: .01em;
  --letter-spacing--0: 0em;
  --letter-spacing--2-0: -.02em;
  --_spacing---radius--small: 2px;
  --letter-spacing--100: 0px;
}

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

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

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

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

body {
  font-family: var(--_text-style---text-body--font-family);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-body--font-size);
  line-height: var(--_text-style---text-body--line-height);
  font-weight: var(--_text-style---text-body--font-weight);
  letter-spacing: var(--_text-style---text-body--letter-spacing);
}

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

h2 {
  font-family: var(--_text-style---h2--font-family);
  font-size: var(--_text-style---h2--font-size);
  line-height: var(--_text-style---h2--line-height);
  font-weight: var(--_text-style---h2--font-weight);
  letter-spacing: var(--_text-style---h2--letter-spacing);
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  font-family: var(--_text-style---h3--font-family);
  font-size: var(--_text-style---h3--font-size);
  line-height: var(--_text-style---h3--line-height);
  font-weight: var(--_text-style---h3--font-weight);
  letter-spacing: var(--_text-style---h3--letter-spacing);
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-family: var(--_text-style---h4--font-family);
  font-size: var(--_text-style---h4--font-size);
  line-height: var(--_text-style---h3--line-height);
  font-weight: var(--_text-style---h4--font-weight);
  letter-spacing: var(--_text-style---h3--letter-spacing);
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  font-family: var(--_text-style---h5--font-family);
  font-size: var(--_text-style---h5--font-size);
  line-height: var(--_text-style---h5--line-height);
  font-weight: var(--_text-style---h5--font-weight);
  letter-spacing: var(--_text-style---h5--letter-spacing);
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 {
  font-family: var(--_text-style---h6--font-family);
  font-size: var(--_text-style---h6--font-size);
  line-height: var(--_text-style---h6--line-height);
  font-weight: var(--_text-style---h6--font-weight);
  letter-spacing: var(--_text-style---h6--letter-spacing);
  margin-top: 10px;
  margin-bottom: 10px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--_colors---color--dark);
  text-decoration: none;
}

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

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

figcaption {
  text-align: center;
  margin-top: 5px;
}

.main-container {
  z-index: 2;
  max-width: var(--container-width--main);
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.text-body {
  font-family: var(--_text-style---text-body--font-family);
  font-size: var(--_text-style---text-body--font-size);
  line-height: var(--_text-style---text-body--line-height);
  font-weight: var(--_text-style---text-body--font-weight);
  letter-spacing: var(--_text-style---text-body--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

.text-body.body-serif {
  font-family: var(--font--secondary);
}

.text-h5 {
  font-family: var(--_text-style---h5--font-family);
  font-size: var(--_text-style---h5--font-size);
  line-height: var(--_text-style---h5--line-height);
  font-weight: var(--_text-style---h5--font-weight);
  letter-spacing: var(--_text-style---h5--letter-spacing);
}

.section {
  z-index: 1;
  padding-top: var(--_spacing---section-spacing--80);
  padding-bottom: var(--_spacing---section-spacing--80);
  background-color: var(--_colors---color--light);
  position: relative;
}

.section.cms-slider-section {
  padding-top: var(--_spacing---section-spacing--120);
  padding-bottom: 160px;
  overflow: clip;
}

.section.hero-article {
  padding-top: 95px;
}

.section.partners-section {
  padding-top: var(--_spacing---section-spacing--120);
  padding-bottom: var(--_spacing---section-spacing--160);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
}

.section.hero-project {
  padding-top: 95px;
  padding-bottom: var(--_spacing---section-spacing--0);
}

.section.project-dark-section {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
  padding-top: 247px;
  padding-bottom: 247px;
}

.section.hero-home-a {
  padding-top: var(--_spacing---section-spacing--0);
  padding-bottom: var(--_spacing---section-spacing--0);
}

.section.home-a-mission-section {
  padding-top: 280px;
  padding-bottom: 180px;
  overflow: hidden;
}

.section.home-a-dark-section {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 600px;
  max-height: 1080px;
  display: flex;
}

.section.home-a-video-section {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.home-a-work-section {
  padding-top: 180px;
  padding-bottom: var(--_spacing---section-spacing--0);
}

.section.home-b-overview-section {
  padding-top: var(--_spacing---section-spacing--64);
  padding-bottom: var(--_spacing---section-spacing--64);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
}

.section.home-c-founder-section {
  padding-top: var(--_spacing---section-spacing--0);
  padding-bottom: var(--_spacing---section-spacing--0);
}

.section.hero-home-c {
  padding-top: 120px;
  padding-bottom: 0;
  overflow: clip;
}

.section-divider {
  background-color: var(--_colors---color--dark);
  width: 100%;
  height: 1px;
  margin-right: auto;
}

.text-large {
  font-family: var(--_text-style---text-large--font-family);
  font-size: var(--_text-style---text-large--font-size);
  line-height: var(--_text-style---text-large--line-height);
  font-weight: var(--_text-style---text-large--font-weight);
  letter-spacing: var(--_text-style---text-large--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

.text-h1 {
  z-index: 1;
  font-family: var(--_text-style---h1--font-family);
  font-size: var(--_text-style---h1--font-size);
  line-height: var(--_text-style---h1--line-height);
  font-weight: var(--_text-style---h1--font-weight);
  letter-spacing: var(--_text-style---h1--letter-spacing);
}

.text-h1.h1-serif {
  font-family: var(--font--secondary);
  font-weight: var(--font-weight--normal);
}

.text-h1.text-accent {
  color: var(--_colors---color--accent);
}

.text-field {
  border: 1px none var(--_colors---color--dark);
  background-color: var(--_colors---color--transparent);
  font-family: var(--_text-style---text-small--font-family);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  width: 100%;
  height: 100%;
  min-height: 48px;
  margin-bottom: 0;
  padding: 14px 0;
}

.text-field::placeholder {
  color: var(--color--dark\<deleted\|variable-324f0e91-10d2-ceee-2537-08483d502b32\>);
}

.text-field.textarea {
  height: 218px;
}

.text-h2 {
  font-family: var(--_text-style---h2--font-family);
  font-size: var(--_text-style---h2--font-size);
  line-height: var(--_text-style---h2--line-height);
  font-weight: var(--_text-style---h2--font-weight);
  letter-spacing: var(--_text-style---h2--letter-spacing);
}

.text-small {
  font-family: var(--_text-style---text-small--font-family);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

.text-small.small-serif {
  font-family: var(--font--secondary);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--letter-spacing--1-0);
}

.text-h3 {
  font-family: var(--_text-style---h3--font-family);
  font-size: var(--_text-style---h3--font-size);
  line-height: var(--_text-style---h3--line-height);
  font-weight: var(--_text-style---h3--font-weight);
  letter-spacing: var(--_text-style---h3--letter-spacing);
}

.text-h3.h3-serif {
  font-family: var(--font--secondary);
  letter-spacing: var(--letter-spacing--3-0);
  line-height: 100%;
}

.submit-button-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.text-h4 {
  font-family: var(--_text-style---h4--font-family);
  font-size: var(--_text-style---h4--font-size);
  line-height: var(--_text-style---h4--line-height);
  font-weight: var(--_text-style---h4--font-weight);
  letter-spacing: var(--_text-style---h4--letter-spacing);
}

.text-h4.h4-serif {
  font-family: var(--font--secondary);
  letter-spacing: var(--letter-spacing--1-0);
}

.relative-block {
  position: relative;
}

.faq-animated-box {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.faq-vertical {
  background-color: #121212;
  width: 2px;
  height: 21px;
  position: absolute;
}

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

.faq-title-product {
  max-width: 432px;
}

.faq-horizontal {
  background-color: #121212;
  width: 21px;
  height: 2px;
}

.expandable-single {
  border-bottom: 1px solid var(--_colors---color--dark);
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
}

.expandable-single.product-expanable {
  padding-top: 10px;
  padding-bottom: 10px;
}

.expandable-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

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

.utility-page-wrap.pw {
  position: relative;
  overflow: clip;
}

.utility-page-wrap._404 {
  min-height: 600px;
  max-height: 1080px;
  position: relative;
  overflow: hidden;
}

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

.utility-page-content._404 {
  z-index: 2;
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.utility-page-form {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.count-up {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.count-column {
  text-align: center;
  height: 100px;
}

.count-reverse {
  flex-flow: column;
  height: 100px;
  display: flex;
  transform: translate(0, -1000%);
}

.tag-shop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  font-family: var(--font--secondary);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--letter-spacing--1-0);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  justify-content: center;
  align-items: center;
  padding: 5px 16px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.tag-shop:hover {
  background-color: var(--_colors---color--accent);
}

.tag-shop.w--current {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.navbar {
  z-index: 990;
  background-color: var(--_colors---color--transparent);
  color: var(--_colors---color--light);
  width: 100%;
  padding-top: 18px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-logo {
  width: 100%;
}

.nav-logo.light {
  display: block;
}

.nav-logo.dark {
  display: none;
}

.nav-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 3.5px 3px 3.5px 26px;
  display: grid;
}

.nav-container.light {
  z-index: 1000;
  background-color: var(--_colors---color--light);
  color: var(--_colors---color--dark);
  position: relative;
}

.nav-link {
  font-family: var(--_text-style---text-small--font-family);
  color: var(--_colors---color--light);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  padding: 0;
  text-decoration: none;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--_colors---color--accent);
}

.nav-link.dark {
  color: var(--_colors---color--dark);
  text-decoration: none;
}

.nav-menu-inner {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.left-nav {
  z-index: 1000;
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-divider {
  background-color: var(--_colors---color--light);
  width: 1px;
  height: 14px;
}

.nav-divider.dark {
  background-color: var(--_colors---color--dark);
}

.image-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nav-right-menu {
  z-index: 999;
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.right-nav {
  grid-column-gap: 64px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-brand {
  z-index: 999;
  justify-content: flex-start;
  align-items: center;
  width: 155px;
  display: flex;
}

.footer-v1 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.footer-link {
  font-family: var(--font--secondary);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-xsmall--font-size);
  line-height: var(--_text-style---text-xsmall--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--_text-style---text-xsmall--letter-spacing);
  text-decoration: none;
  transition: background-color .2s;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-bottom-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.footer-bottom-link-list {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-button {
  padding: 0;
}

.menu-button.w--open {
  background-color: var(--color--transparent\<deleted\|variable-452c4a54-91cb-b570-3995-1997c3a4f968\>);
  color: var(--color--gray\<deleted\|variable-8ee9e878-5bf6-5f1b-6ba6-4e7a816f49e3\>);
}

.menu-large {
  z-index: 999;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.submit-button-arrow {
  background-color: var(--_colors---color--transparent);
  color: var(--_colors---color--transparent);
  width: 40px;
  padding: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.submit-arrow {
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.pw-input-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-field-pw {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--_colors---color--dark);
  font-family: var(--_text-style---text-small--font-family);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  height: auto;
  margin-bottom: 0;
  padding: 12px 32px 12px 0;
}

.text-field-pw:focus {
  border-bottom-color: var(--_colors---color--dark);
}

.text-field-pw::placeholder {
  color: var(--_colors---color--dark);
}

.pw-form-inner {
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main);
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.headline-contact {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
}

.contact-halves {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.left-contact {
  flex-flow: column;
  display: flex;
}

.right-contact {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  max-width: 804px;
  display: flex;
}

.form-block-contact {
  margin-bottom: 0;
}

.input-label {
  font-weight: var(--font-weight--normal);
  margin-bottom: 0;
}

.input-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid var(--color--dark\<deleted\|variable-324f0e91-10d2-ceee-2537-08483d502b32\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  display: grid;
}

.input-wrap.textarea {
  place-items: start stretch;
}

.contact-form-inner-wrap {
  border-top: 1px solid var(--color--dark\<deleted\|variable-324f0e91-10d2-ceee-2537-08483d502b32\>);
}

.contact-submit {
  margin-left: auto;
}

.contact-form-bottom-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  margin-top: 14px;
  display: flex;
}

.input-label-tile {
  padding-top: 14px;
  padding-bottom: 14px;
}

.success-message {
  border: 1px solid var(--_colors---color--light);
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.package-item {
  grid-column-gap: 108px;
  grid-row-gap: 108px;
  cursor: none;
  width: 100%;
  display: flex;
  position: relative;
}

.cms-sticky-headline {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 120px;
}

.cms-items {
  width: 100%;
}

.cms-items.hide-cms, .tags.hide-cms {
  display: none;
}

.tag-list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cms-grid {
  grid-column-gap: 18px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.shop-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--_colors---color--dark);
  cursor: none;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.product-thumbanail {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 452px;
  display: flex;
  overflow: hidden;
}

.product-image {
  border-radius: var(--_spacing---radius--main);
  object-fit: cover;
  width: 40%;
  max-width: none;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
}

.shop-item-bottom-tile {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.shop-item-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.shop-item-name {
  margin-bottom: auto;
}

.product-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  place-items: start stretch;
}

.product-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.lightbox-product {
  border-radius: var(--_spacing---radius--main);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 335px;
  display: flex;
  overflow: hidden;
}

.lightbox-product.main {
  height: 690px;
}

.product-right {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.product-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-product {
  border-top: 1px solid var(--_colors---color--dark);
}

.rich-text-product {
  padding-top: 24px;
}

.slider {
  background-color: var(--color--transparent\<deleted\|variable-452c4a54-91cb-b570-3995-1997c3a4f968\>);
  height: auto;
}

.slider-cms-button {
  border: 1px solid var(--_colors---color--dark);
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--dark);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 18px 22px;
  transition: background-color .2s, color .2s;
  display: flex;
  inset: auto 0% -100px auto;
}

.slider-cms-button:hover {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
}

.slider-cms-button.prev {
  left: 0%;
  right: auto;
}

.slide-cms-item {
  max-width: 450px;
  margin-right: 20px;
}

.mask-cms-slider {
  width: 400px;
  overflow: visible;
}

.headline-cms-slider {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
}

.product-image-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.headline-article {
  margin-bottom: var(--_spacing---title-margin-bottom--100);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.article-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
}

.article-right {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.article-thumbnail {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 860px;
  overflow: hidden;
}

.rich-text-blog li {
  margin-bottom: 8px;
}

.rich-text-blog p {
  font-family: var(--_text-style---text-large--font-family);
  font-size: var(--_text-style---text-large--font-size);
  line-height: var(--_text-style---text-large--line-height);
  font-weight: var(--_text-style---text-large--font-weight);
  letter-spacing: var(--_text-style---text-large--letter-spacing);
}

.rich-text-blog img {
  border-radius: var(--_spacing---radius--main);
}

.bottom-button-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.marquee-partners {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.single-marquee-partners {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: none;
  display: flex;
}

.marquee {
  width: 100%;
  overflow: clip;
}

.team-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--color--light\<deleted\|variable-29095f22-5e82-1295-c884-dec8976d503e\>);
  border-bottom: 1px solid var(--color--light\<deleted\|variable-29095f22-5e82-1295-c884-dec8976d503e\>);
  flex-flow: column;
  display: flex;
}

.left-team-card {
  max-width: 333px;
}

.right-team-card {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-xsmall {
  font-family: var(--_text-style---text-xsmall--font-family);
  font-size: var(--_text-style---text-xsmall--font-size);
  line-height: var(--_text-style---text-xsmall--line-height);
  font-weight: var(--_text-style---text-xsmall--font-weight);
  letter-spacing: var(--_text-style---text-xsmall--letter-spacing);
}

.text-xsmall.xs-serif {
  font-family: var(--font--secondary);
  font-weight: var(--font-weight--normal);
}

.icon-button {
  justify-content: center;
  align-items: center;
  width: 8px;
  display: flex;
}

.cta-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--_colors---color--transparent);
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  font-family: var(--_buttons---button-main--font-family);
  color: var(--_colors---color--dark);
  font-size: var(--_buttons---button-main--font-size);
  line-height: var(--_buttons---button-main--line-height);
  font-weight: var(--_buttons---button-main--font-weight);
  text-align: center;
  letter-spacing: var(--_buttons---button-main--letter-spacing);
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.cta-main:hover {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
}

.cta-main.light {
  background-color: var(--_colors---color--light);
  color: var(--_colors---color--dark);
}

.cta-main.light:hover {
  border-color: var(--_colors---color--light);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
}

.cta-main.dark {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
}

.cta-main.dark:hover {
  border-color: var(--_colors---color--dark);
  background-color: var(--_colors---color--light);
  color: var(--_colors---color--dark);
}

.cta-main.cursor-button:hover {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.cta-main.cursor-button.inverse {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
}

.cta-main.cursor-button.light {
  background-color: var(--_colors---color--light);
}

.cta-main.cursor-button.dark {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
}

.cta-main.blog-b-button {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
  transition-property: none;
}

.cta-main.blog-b-button.outlined {
  border-color: var(--_colors---color--dark);
  background-color: var(--_colors---color--transparent);
  color: var(--_colors---color--dark);
}

.cta-secondary {
  border: 1px solid var(--_colors---color--transparent);
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  font-family: var(--_buttons---button-secondary--font-family);
  color: var(--_colors---color--dark);
  font-size: var(--_buttons---button-secondary--font-size);
  line-height: var(--_buttons---button-secondary--line-height);
  font-weight: var(--_buttons---button-secondary--font-weight);
  text-align: center;
  letter-spacing: var(--_buttons---button-secondary--letter-spacing);
  padding: 18px 22px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
}

.cta-secondary:hover {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
}

.cta-secondary.light-outline {
  border-color: var(--_colors---color--light);
  background-color: var(--_colors---color--transparent);
  color: var(--_colors---color--light);
}

.cta-secondary.light-outline:hover {
  background-color: var(--_colors---color--light);
  color: var(--_colors---color--dark);
}

.cta-secondary.accent-outline {
  border-color: var(--_colors---color--accent);
  background-color: var(--_colors---color--transparent);
  color: var(--_colors---color--accent);
}

.cta-secondary.accent-outline:hover {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.cta-secondary.dark-outline {
  border: 1px solid var(--_colors---color--dark);
  background-color: var(--_colors---color--transparent);
}

.cta-secondary.dark-outline:hover {
  border-color: var(--_colors---color--accent);
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.footer-v1-middle-tile {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
  padding-top: 25px;
  padding-bottom: 30px;
}

.footer-v1-bottom-tile {
  padding-top: 28px;
  padding-bottom: 28px;
}

.wrap-socials-footer-v1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 44px;
  display: flex;
}

.master-footer-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrap-footer-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-list-footer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-footer {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--transparent);
  font-family: var(--font--secondary);
  font-size: var(--_text-style---text-small--font-size);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  transition: background-color .3s, color .3s;
}

.link-footer:hover, .link-footer.w--current {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.bottom-links-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 104.5px;
  display: flex;
}

.footer-bottom-link-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-bottom-link {
  font-family: var(--_text-style---text-small--font-family);
  color: var(--_colors---color--light);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  text-decoration: none;
  transition: color .2s;
}

.footer-bottom-link:hover {
  color: var(--_colors---color--accent);
}

.nav-large-menu {
  max-width: var(--container-width--main);
  padding: 188px var(--_spacing---site-padding--main) 34px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  transform-origin: 0%;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100svh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: scroll;
}

.nav-large-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.nav-large-divider {
  background-color: var(--_colors---color--light);
  width: 100%;
  height: 1px;
}

.nav-large-link-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-large-link {
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--light);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.nav-large-link:hover, .nav-large-link.w--current {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.nav-large-link.text-h1.h1-serif {
  color: var(--_colors---color--light);
  text-decoration: none;
}

.heading-nav-list {
  color: var(--_colors---color--light);
}

.nav-bottom-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.wrap-socials-nav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.nav-bottom-links {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  display: flex;
}

.nav-bottom-link {
  font-family: var(--font--secondary);
  color: var(--_colors---color--light);
  font-size: var(--_text-style---text-xsmall--font-size);
  line-height: var(--_text-style---text-xsmall--line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--_text-style---text-xsmall--letter-spacing);
  text-decoration: none;
  transition: color .3s;
}

.nav-bottom-link:hover {
  color: var(--_colors---color--accent);
}

.middle-links-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-large-variation-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-middle-links-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.mask-menu-large {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
  width: 100%;
  overflow: hidden;
}

.nav-link-middle {
  font-family: var(--_text-style---text-small--font-family);
  color: var(--_colors---color--light);
  font-size: var(--_text-style---text-small--font-size);
  line-height: var(--_text-style---text-small--line-height);
  font-weight: var(--_text-style---text-small--font-weight);
  letter-spacing: var(--_text-style---text-small--letter-spacing);
  text-decoration: none;
  transition: color .3s;
}

.nav-link-middle:hover {
  color: var(--_colors---color--accent);
}

.menu-button-text.close {
  display: none;
}

.nav-small-menu {
  z-index: 999;
  background-color: #12151c80;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.content-nav-small {
  max-width: var(--container-width--main);
  padding-right: var(--_spacing---site-padding--main);
  padding-left: var(--_spacing---site-padding--main);
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.master-small-menu {
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--dark);
  padding: 38px 38px 54px 54px;
  position: relative;
}

.grid-small-menu {
  z-index: 1;
  grid-column-gap: 80px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-flow: row;
  position: relative;
}

.small-menu-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-menu-link-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.link-small-menu {
  border-radius: var(--_spacing---radius--full);
  background-color: var(--_colors---color--bg);
  color: var(--_colors---color--dark);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.link-small-menu:hover, .link-small-menu.w--current {
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
}

.bg-small-menu {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--light);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.video-pw {
  z-index: 1;
  border-radius: var(--_spacing---radius--full);
  width: 228px;
  height: 228px;
}

.h2-serif {
  font-family: var(--font--secondary);
}

.content-pw {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

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

.video-404 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cursor-master {
  z-index: 5;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-404 {
  color: var(--_colors---color--dark);
  cursor: none;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.button-wrap-404 {
  margin-top: 32px;
  display: none;
}

.shop-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2.5fr .5fr;
  place-items: start stretch;
}

.shop-sticky-tags {
  position: sticky;
  top: 120px;
}

.shop-middle {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.shop-product {
  width: 100%;
}

.link-underline-animated {
  position: relative;
}

.slider-navigation-hidden {
  display: none;
}

.sales-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--_colors---color--light);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.product-back-button {
  flex-flow: column;
  width: 116px;
  margin-bottom: 22px;
  display: flex;
}

.master-contact {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.contact-text-wrap {
  max-width: 342px;
}

.video-contact-small {
  border-radius: var(--_spacing---radius--main);
  width: 227px;
  height: 219px;
}

.about-halves {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.left-about {
  max-width: 350px;
}

.right-about {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  display: flex;
}

.video-about-1 {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  max-width: 725px;
  height: 415px;
}

.about-thirds {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  overflow: hidden;
}

.text-wrap-about {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-wrap-about._1 {
  max-width: 257px;
}

.text-wrap-about._2 {
  max-width: 415px;
}

.text-wrap-about._3 {
  max-width: 370px;
}

.content-about {
  grid-column-gap: var(--_spacing---section-spacing--160);
  grid-row-gap: var(--_spacing---section-spacing--160);
  flex-flow: column;
  display: flex;
}

.work-wrap-about {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.video-about-small {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 214px;
  overflow: hidden;
}

.link-about-work {
  cursor: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-wrap-about-mobile {
  display: none;
}

.about-services-halves {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
}

.about-services-list {
  flex-flow: column;
  display: flex;
}

.about-services-item {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  border-radius: var(--_spacing---radius--main);
  flex-flow: column;
  padding: 32px 24px 26px 32px;
  transition: background-color .3s;
  display: flex;
}

.about-services-item:hover {
  background-color: var(--_colors---color--accent);
}

.icon-about-service {
  width: 60px;
  height: 60px;
}

.text-wrap-service-about {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.text-wrap-about-services {
  max-width: 325px;
  margin-left: auto;
}

.number-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.numbers-image {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 726px;
  overflow: hidden;
}

.numbers-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.number-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_spacing---radius--main);
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  transition: background-color .3s;
  display: flex;
}

.number-item:hover {
  background-color: var(--_colors---color--accent);
}

.number-item.home-a {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
}

.team-about-halves {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  place-items: start stretch;
}

.left-about-team {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 477px;
  display: flex;
  position: sticky;
  top: 100px;
}

.text-opacity-70 {
  opacity: .7;
}

.right-about-team {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 600px;
  display: flex;
}

.text-wrap-team-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}

.image-team-card {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 669px;
  transition: border-radius .3s;
  overflow: hidden;
}

.image-team-card:hover {
  border-radius: 160px;
}

.about-sticky {
  position: sticky;
  top: 120px;
}

.headline-partners {
  margin-bottom: var(--_spacing---section-spacing--96);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

.right-partners {
  max-width: 317px;
}

.card-partner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--light);
  color: var(--_colors---color--dark);
  flex-flow: column;
  width: 477px;
  height: 100%;
  padding: 32px 40px;
  display: flex;
}

.partners-logo {
  max-width: 140px;
}

.text-wrap-card-partner {
  max-width: 329px;
}

.card-member {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  display: flex;
}

.image-member {
  border-radius: var(--_spacing---radius--main);
  width: 353px;
  height: 336px;
  overflow: hidden;
}

.content-member {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 28px 25px 28px 20px;
  display: flex;
}

.member-top-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 373px;
  display: flex;
}

.member-bottom-tile {
  max-width: 452px;
}

.blog-back-button {
  flex-flow: column;
  width: 116px;
  margin-bottom: 10px;
  display: flex;
}

.article-info-halves {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  place-items: start stretch;
}

.left-article-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.right-article-info {
  max-width: 594px;
}

.article-tag-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  text-align: center;
  padding: 5px 16px;
}

.article-gallery {
  margin-top: var(--_spacing---title-margin-bottom--64);
  margin-bottom: var(--_spacing---title-margin-bottom--64);
}

.article-gallery.hide-cms {
  display: none;
}

.blog-gallery {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-gallery-image {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 669px;
  overflow: hidden;
}

.left-article-title {
  max-width: 228px;
}

.headline-blog {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

.headline-blog.small-margin {
  margin-bottom: var(--_spacing---title-margin-bottom--32);
}

.text-wrap-hero-blog {
  max-width: 315px;
}

.blog-a.hide-cms {
  display: none;
}

.blog-a-halves {
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.card-blog-a {
  color: var(--_colors---color--dark);
  cursor: none;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.image-wrap-blog-a {
  aspect-ratio: 1;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  width: 100%;
  overflow: hidden;
}

.image-blog-a {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: border-radius .3s ease-in;
}

.image-blog-a:hover {
  border-radius: 50%;
}

.blog-a-top-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
  display: flex;
}

.blog-a-bottom-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.blog-more-button {
  margin-top: var(--_spacing---title-margin-bottom--64);
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.blog-more-button.centered {
  justify-content: center;
  align-items: flex-end;
}

.blog-more-button.blog-c {
  margin-top: var(--_spacing---title-margin-bottom--32);
}

.blog-b.hide-cms {
  display: none;
}

.blog-b-thirds {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-blog-b {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--dark);
  flex-flow: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-blog-b.large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--_colors---color--dark);
  flex-flow: row;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.image-wrap-blog-b {
  width: 100%;
  height: 327px;
  overflow: hidden;
}

.image-wrap-blog-b.large {
  height: 100%;
}

.blog-b-top-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.blog-b-bottom-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.blog-b-info-tile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_colors---color--bg);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 28px 24px 24px;
  display: flex;
}

.blog-b-top-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.master-blog-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.grid-blog-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog-b-large-list, .blog-b-large-item {
  height: 100%;
}

.right-hero-blog {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-c.hide-cms {
  display: none;
}

.blog-c-list {
  border-top: 1px solid var(--_colors---color--dark);
  flex-flow: column;
  display: flex;
}

.card-blog-c {
  padding-top: var(--_spacing---section-spacing--80);
  padding-bottom: var(--_spacing---section-spacing--80);
  grid-column-gap: 105px;
  grid-row-gap: 105px;
  border-bottom: 1px solid var(--_colors---color--dark);
  color: var(--_colors---color--dark);
  cursor: none;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.image-wrap-blog-c {
  border-radius: var(--_spacing---radius--main);
  width: 228px;
  height: 153px;
  overflow: hidden;
}

.blog-c-top-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-blog-c {
  max-width: 227px;
}

.name-blog-c {
  max-width: 600px;
}

.blog-c-bottom-tile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.portfolio-back-button {
  flex-flow: column;
  width: 116px;
  margin-bottom: 10px;
  display: flex;
}

.heading-project {
  margin-bottom: var(--_spacing---title-margin-bottom--100);
}

.project-thirds {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.left-project, .tag-list-project {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.rich-text-project figcaption {
  text-align: left;
  margin-top: 20px;
}

.rich-text-project img {
  border-radius: var(--_spacing---radius--main);
}

.icon-project {
  width: 60px;
}

.project-dark-wrap {
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1036px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-project {
  padding: 40px var(--_spacing---site-padding--main);
  border-radius: var(--_spacing---radius--main);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
}

.text-wrap-project-video {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.right-project-video {
  max-width: 900px;
}

.project-bottom-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.image-project-bottom {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.right-project-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--_colors---color--bg);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 26px 34px 45px;
  display: flex;
}

.bottom-project-top-tile {
  max-width: 232px;
}

.button-wrap-bottom-project {
  margin-top: var(--_spacing---title-margin-bottom--100);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-portfolio {
  margin-bottom: var(--_spacing---title-margin-bottom--100);
}

.headline-portfolio-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.master-portfolio-headline {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  grid-column-gap: var(--_spacing---title-margin-bottom--100);
  grid-row-gap: var(--_spacing---title-margin-bottom--100);
  flex-flow: column;
  display: flex;
}

.right-portfolio-headline {
  max-width: 478px;
}

.left-portfolio-headline {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.divider-portfolio {
  background-color: var(--_colors---color--dark);
  width: 1.5px;
  height: 16px;
}

.portfolio-a-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.portfolio-a.hide-cms {
  display: none;
}

.portfolio-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-project-a {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--_colors---color--dark);
  cursor: none;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.portfolio-info-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  max-width: 175px;
  display: flex;
}

.text-wrap-project {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.text-opacity-40 {
  opacity: .4;
}

.image-wrap-portfolio-a {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 276px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrap-portfolio-a.large {
  height: 445px;
}

.image-portfolio-a {
  border-radius: var(--_spacing---radius--main);
  transform-origin: 100% 100%;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-left: auto;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.master-portfolio-a {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.portfolio-a-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.headline-portfolio-b {
  margin-bottom: var(--_spacing---title-margin-bottom--32);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.3fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.portfolio-b-list {
  flex-flow: column;
  height: auto;
  display: flex;
}

.link-project-b {
  padding: var(--_spacing---title-margin-bottom--64) 8px;
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--dark);
  cursor: none;
  width: 100%;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

.content-project-b {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  height: auto;
  margin-left: auto;
  display: flex;
  position: relative;
}

.image-portfolio-b {
  border-radius: var(--_spacing---radius--main);
  flex: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-wrap-portfolio-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  width: 50%;
  display: flex;
}

.portfolio-b-number {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.button-wrap-projects {
  margin-top: var(--_spacing---title-margin-bottom--48);
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.portfolio-c.hide-cms {
  display: none;
}

.portfolio-b {
  overflow: hidden;
}

.portfolio-b.hide-cms {
  display: none;
}

.link-project-c {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  color: var(--_colors---color--dark);
  cursor: none;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.portfolio-c-thirds {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.portfolio-c-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.image-portfolio-c {
  aspect-ratio: 1;
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  overflow: hidden;
}

.master-portfolio-c {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.video-home-a {
  z-index: 1;
  padding-bottom: var(--_spacing---title-margin-bottom--48);
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--light);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  min-height: 720px;
  max-height: 1080px;
  display: flex;
}

.video-home-a-small {
  border-radius: var(--_spacing---radius--main);
  width: 150px;
  height: 150px;
}

.home-a-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  place-items: start stretch;
}

.home-a-halves.bottom {
  place-items: end stretch;
}

.right-home-a-hero {
  grid-column-gap: 76px;
  grid-row-gap: 76px;
  flex-flow: column;
  display: flex;
}

.master-home-a-hero {
  z-index: 2;
  grid-column-gap: 77px;
  grid-row-gap: 77px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.home-a-logo {
  max-width: 527px;
}

.home-a-right-bottom {
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 353px;
  display: flex;
}

.home-a-mission-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.wrap-mission-home-a {
  color: var(--_colors---color--dark);
  cursor: none;
  text-decoration: none;
  position: relative;
}

.master-home-a-overview {
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1036px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-home-a-large {
  border-radius: var(--_spacing---radius--main);
  color: var(--_colors---color--dark);
  width: 100%;
  height: auto;
  padding-top: 158px;
  padding-bottom: 158px;
}

.home-video-text-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 116px;
  display: grid;
}

.home-video-bottom-tile {
  max-width: 726px;
}

.home-a-video-cta {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--light);
  cursor: none;
  flex-flow: column;
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 37px 28px 32px;
  display: flex;
  position: relative;
  overflow: clip;
}

.home-a-video-cta-title {
  max-width: 444px;
}

.home-a-video-cta-subtitle {
  margin-left: auto;
}

.headline-awards {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
}

.awards-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.awards-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_spacing---radius--main);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4px;
  transition: background-color .3s;
  display: grid;
}

.awards-item:hover {
  background-color: var(--_colors---color--bg);
}

.wrap-awards-bottom {
  margin-top: var(--_spacing---title-margin-bottom--100);
  width: 50%;
  margin-left: auto;
}

.home-a-team-master {
  grid-column-gap: 132px;
  grid-row-gap: 132px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
  text-align: center;
  cursor: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.home-a-team-video {
  z-index: 1;
  border-radius: var(--_spacing---radius--main);
  width: 228px;
  height: 156px;
}

.home-a-team-text {
  max-width: 553px;
  margin-left: auto;
  margin-right: auto;
}

.left-content-home-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-b-year-tag {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  padding: 8px 12px;
}

.text-wrap-home-b {
  max-width: 300px;
}

.video-home-b {
  border-radius: var(--_spacing---radius--full);
  width: 726px;
  height: 726px;
}

.content-home-b {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.left-home-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.right-tag-home-b {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
  padding: 6px 10px;
}

.left-overview-home-b {
  max-width: 214px;
  margin-bottom: 330px;
}

.overview-home-b-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.master-about-home-b {
  grid-column-gap: 134px;
  grid-row-gap: 134px;
  flex-flow: column;
  display: flex;
}

.about-halves-home-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.left-home-b-about {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.video-about-home-b {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 437px;
}

.text-wrap-about-home-b {
  max-width: 354px;
}

.title-about-home-b {
  max-width: 300px;
}

.text-bottom-about-home-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-right-about-home-b {
  max-width: 600px;
}

.wrap-project-number {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.wrap-project-small-number {
  display: flex;
}

.portfolio-b-image {
  flex: none;
  width: 100%;
  height: 216px;
}

.portfolio-b-item {
  height: auto;
}

.left-project-b {
  z-index: 1;
  width: 50%;
  position: relative;
}

.headline-home-b-work {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  margin-bottom: 30px;
  display: grid;
}

.button-wrap-home-b-work {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.master-features-home-b {
  grid-column-gap: var(--_spacing---title-margin-bottom--80);
  grid-row-gap: var(--_spacing---title-margin-bottom--80);
  flex-flow: column;
  display: flex;
}

.features-home-b-halves {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.text-wrap-features-home-b {
  max-width: 476px;
}

.feature-card-large-home-b {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
  cursor: none;
  flex-flow: column;
  padding: 25px 25px 28px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.home-b-features-thirds {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
}

.feature-card-home-b {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--light);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 226px;
  padding: 10px 25px 32px 15px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.feature-card-home-b:hover {
  background-color: var(--_colors---color--accent);
  color: var(--_colors---color--dark);
}

.icon-feature-home-b {
  width: 60px;
  height: 60px;
  margin-left: auto;
  display: block;
}

.headline-team-home-b {
  margin-bottom: var(--_spacing---title-margin-bottom--32);
  text-align: center;
}

.team-halves {
  grid-template-rows: auto;
  max-width: 1222px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-team-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.text-wrap-blog-home-b {
  max-width: 477px;
}

.headline-blog-home-b {
  margin-bottom: var(--_spacing---title-margin-bottom--48);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.master-quote-home-c {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-home-c-quote {
  width: 60px;
  height: 60px;
}

.right-home-c-work {
  max-width: 677px;
}

.services-halves-home-c {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  place-items: start stretch;
}

.left-home-c-services {
  grid-column-gap: 360px;
  grid-row-gap: 360px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.right-home-c-services {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.services-home-c-top-tile {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-wrap-services-home-c {
  max-width: 450px;
}

.services-home-c-bottom-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.icon-services-home-c {
  height: 60px;
}

.service-item-home-c {
  grid-column-gap: var(--_spacing---title-margin-bottom--80);
  grid-row-gap: var(--_spacing---title-margin-bottom--80);
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  flex-flow: column;
  padding: 26px;
  transition: background-color .3s;
  display: flex;
}

.service-item-home-c:hover {
  background-color: var(--_colors---color--accent);
}

.headline-blog-home-c {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.left-blog-home-c {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 475px;
  display: flex;
}

.home-c-team-halves {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.image-team-home-c {
  border-radius: var(--_spacing---radius--main);
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.content-team-home-c {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 30px 24px 40px 15px;
  display: flex;
}

.team-home-c-bottom-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-wrap-team-home-c {
  max-width: 227px;
}

.home-c-team-thirds {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr 1fr;
  place-items: start stretch;
}

.video-team-home-c {
  border-radius: var(--_spacing---radius--main);
  height: 156px;
}

.middle-team-home-c {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--dark);
  color: var(--_colors---color--accent);
  flex-flow: column;
  padding: 30px 40px;
  display: flex;
}

.title-home-c-team {
  max-width: 457px;
}

.bottom-tile-home-c-team {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-wrap-home-c-team {
  max-width: 553px;
}

.home-c-contact-info {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--accent);
  flex-flow: column;
  width: 100%;
  padding: 24px;
  display: flex;
}

.text-wrap-home-c-contact {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.home-c-halves {
  margin-bottom: var(--_spacing---title-margin-bottom--64);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.left-home-c {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  display: flex;
}

.tag-wrap-home-c {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.slider-home-c {
  background-color: var(--_colors---color--transparent);
  height: 240px;
}

.slide-navigation {
  font-size: 12px;
  bottom: -58px;
}

.mask-home-c-slider {
  width: 35%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
  overflow: visible;
}

.slide-home-c {
  width: 100%;
  height: 100%;
  margin-right: 200px;
  position: static;
}

.video-home-c-slide {
  z-index: 1;
  border-radius: var(--_spacing---radius--main);
  align-self: flex-end;
  width: 100%;
  height: 100%;
}

.video-wrap-slide {
  transform-origin: 50% 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-arrow-hidden {
  display: none;
}

.button-wrap-home-c {
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.slider-long-home-c {
  background-color: var(--_colors---color--transparent);
  height: 205px;
  margin-top: 40px;
}

.text-h1-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  display: flex;
}

.hide {
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.overlay-home-a {
  background-color: var(--_colors---color--dark);
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mask-home-a {
  display: none;
  position: absolute;
  inset: 0%;
}

.mask-home-a-text {
  margin: -5px;
  padding: 5px;
  overflow: clip;
}

.mask-home-a-button, .mask-home-a-logo {
  overflow: clip;
}

.mask-home-a-video {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_spacing---radius--main);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  display: block;
  overflow: clip;
}

.mask-home-a-right, .mask-home-a-left {
  overflow: clip;
}

.text-h2-wrap {
  grid-column-gap: 12px;
  flex-flow: wrap;
  display: flex;
}

.clip-wrap {
  overflow: clip;
}

.project-b-bg {
  border-radius: var(--_spacing---radius--main);
  background-color: var(--_colors---color--bg);
  width: 100%;
  height: 100%;
}

.project-b-bg-inner {
  width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
  inset: 0%;
}

.heading-home-a-video {
  max-width: 725px;
}

.hide-cms {
  display: none;
}

.link-dark {
  color: var(--_colors---color--dark);
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  body {
    --_spacing---site-padding--main: 24px;
    --_spacing---section-spacing--80: 64px;
    --_spacing---section-spacing--120: 80px;
    --_spacing---section-spacing--160: 120px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---radius--main: 4px;
    --_spacing---section-spacing--64: 64px;
    --_spacing---title-margin-bottom--64: 48px;
    --_spacing---title-margin-bottom--100: 80px;
    --_spacing---radius--full: 100vw;
    --_spacing---section-spacing--96: 72px;
    --_spacing---title-margin-bottom--32: 32px;
    --_spacing---title-margin-bottom--48: 40px;
    --_spacing---title-margin-bottom--80: 64px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--hero-top-padding: 140px;
    --_spacing---radius--small: 2px;
    --_text-style---text-body--font-family: var(--font--main);
    --_text-style---text-body--font-size: 18px;
    --_text-style---text-body--line-height: 120%;
    --_text-style---text-body--font-weight: var(--font-weight--normal);
    --_text-style---text-body--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h1--font-family: var(--font--main);
    --_text-style---h1--font-size: 72px;
    --_text-style---h1--line-height: 100%;
    --_text-style---h1--font-weight: var(--font-weight--normal);
    --_text-style---h1--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h2--font-family: var(--font--main);
    --_text-style---h2--font-size: 56px;
    --_text-style---h2--line-height: 100%;
    --_text-style---h2--font-weight: var(--font-weight--normal);
    --_text-style---h2--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h3--font-family: var(--font--main);
    --_text-style---h3--font-size: 32px;
    --_text-style---h3--line-height: 110%;
    --_text-style---h3--font-weight: var(--font-weight--normal);
    --_text-style---h3--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h4--font-family: var(--font--main);
    --_text-style---h4--font-size: 28px;
    --_text-style---h4--font-weight: var(--font-weight--normal);
    --_text-style---h5--font-family: var(--font--main);
    --_text-style---h5--font-size: 24px;
    --_text-style---h5--line-height: 110%;
    --_text-style---h5--font-weight: var(--font-weight--normal);
    --_text-style---h5--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h6--font-family: var(--font--main);
    --_text-style---h6--font-size: 20px;
    --_text-style---h6--line-height: 110%;
    --_text-style---h6--font-weight: var(--font-weight--normal);
    --_text-style---h6--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-large--font-family: var(--font--main);
    --_text-style---text-large--font-size: 22px;
    --_text-style---text-large--line-height: 120%;
    --_text-style---text-large--font-weight: var(--font-weight--normal);
    --_text-style---text-large--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-small--font-family: var(--font--main);
    --_text-style---text-small--font-size: 16px;
    --_text-style---text-small--line-height: 120%;
    --_text-style---text-small--font-weight: var(--font-weight--medium);
    --_text-style---text-small--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h4--line-height: 110%;
    --_text-style---h4--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-xsmall--font-size: 14px;
    --_text-style---text-xsmall--line-height: 120%;
    --_text-style---text-xsmall--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-xsmall--font-family: var(--font--main);
    --_text-style---text-xsmall--font-weight: var(--font-weight--medium);
  }

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

  .text-body {
    letter-spacing: -.01em;
    font-size: 18px;
    line-height: 120%;
  }

  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.cms-slider-section {
    padding-top: 80px;
  }

  .section.partners-section {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .section.project-dark-section, .section.home-a-mission-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.home-a-dark-section {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .section.home-a-video-section {
    padding-top: 100px;
  }

  .section.home-a-work-section {
    padding-top: 120px;
  }

  .text-h1 {
    letter-spacing: -.03em;
    font-size: 72px;
    line-height: 100%;
  }

  .text-field.textarea {
    height: 160px;
  }

  .text-h2 {
    letter-spacing: -.03em;
    font-size: 56px;
    line-height: 100%;
  }

  .text-h3 {
    letter-spacing: -.02em;
    font-size: 32px;
    line-height: 110%;
  }

  .text-h4 {
    letter-spacing: -.02em;
    font-size: 28px;
    line-height: 110%;
  }

  .count-column, .count-reverse {
    height: 72px;
  }

  .nav-menu-inner {
    display: none;
  }

  .footer-bottom-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .headline-contact {
    margin-bottom: 48px;
  }

  .contact-halves {
    grid-template-columns: auto;
  }

  .contact-form-bottom-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .cms-sticky-headline {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: static;
  }

  .tag-list {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .cms-grid {
    grid-row-gap: 64px;
  }

  .product-thumbanail {
    height: 400px;
  }

  .product-halves {
    grid-template-columns: 1fr;
  }

  .lightbox-product.main {
    height: 450px;
  }

  .product-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    position: static;
  }

  .headline-cms-slider {
    margin-bottom: 48px;
  }

  .headline-article {
    margin-bottom: 80px;
  }

  .article-halves {
    grid-template-columns: 1fr;
  }

  .article-right {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .article-thumbnail {
    height: 450px;
    margin-bottom: 48px;
  }

  .cms-empty-block {
    display: none;
  }

  .bottom-links-footer {
    margin-top: 64px;
  }

  .nav-large-menu {
    max-width: 1800px;
    padding-top: 130px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-nav-small {
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cursor-master, .link-404 {
    display: none;
  }

  .button-wrap-404 {
    display: block;
  }

  .shop-thirds {
    grid-template-columns: 1fr;
  }

  .shop-sticky-tags {
    position: static;
  }

  .shop-middle {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    max-width: none;
  }

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

  .right-about {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

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

  .content-about {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .empty-block-about, .link-about-work {
    display: none;
  }

  .button-wrap-about-mobile {
    display: block;
  }

  .about-services-halves {
    grid-template-columns: 1fr;
  }

  .about-services-item {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .numbers-image {
    height: 550px;
  }

  .team-about-halves {
    grid-template-columns: 1fr;
  }

  .left-about-team {
    position: static;
  }

  .right-about-team {
    width: 100%;
    max-width: none;
  }

  .image-team-card {
    height: 400px;
  }

  .image-team-card:hover {
    border-radius: 64px;
  }

  .about-sticky {
    position: static;
  }

  .headline-partners {
    margin-bottom: 72px;
  }

  .article-info-halves {
    margin-bottom: 48px;
  }

  .article-gallery {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .blog-gallery-image {
    height: 400px;
  }

  .headline-blog {
    margin-bottom: 48px;
  }

  .blog-a-halves {
    grid-row-gap: 32px;
  }

  .blog-a-top-tile {
    flex-flow: wrap;
  }

  .blog-a-bottom-tile {
    grid-template-columns: 1fr;
  }

  .blog-more-button {
    margin-top: 48px;
  }

  .blog-b-thirds {
    grid-template-columns: 1fr;
  }

  .image-wrap-blog-b {
    height: 250px;
  }

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

  .card-blog-c {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .heading-project {
    margin-bottom: 80px;
  }

  .video-project {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-wrap-bottom-project {
    margin-top: 80px;
  }

  .heading-portfolio {
    margin-bottom: 80px;
  }

  .master-portfolio-headline {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-bottom: 48px;
  }

  .left-portfolio-headline {
    grid-column-gap: 56px;
    grid-row-gap: 32px;
  }

  .master-portfolio-a {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .link-project-b {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .content-project-b {
    width: 100%;
  }

  .button-wrap-projects {
    margin-top: 40px;
  }

  .portfolio-c-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .empty-block-portfolio-c {
    display: none;
  }

  .master-portfolio-c {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .video-home-a {
    padding-top: 120px;
  }

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

  .home-a-logo {
    max-width: 320px;
  }

  .home-a-mission-halves {
    grid-template-columns: 1fr;
  }

  .video-home-a-large {
    padding: 100px 24px;
  }

  .home-video-text-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    margin-bottom: 64px;
  }

  .headline-awards {
    margin-bottom: 48px;
  }

  .wrap-awards-bottom {
    width: 100%;
    margin-top: 80px;
  }

  .video-home-b {
    width: 340px;
    height: 340px;
  }

  .content-home-b {
    flex-flow: row;
  }

  .left-overview-home-b {
    margin-bottom: 80px;
  }

  .overview-home-b-halves {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .master-about-home-b {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .video-about-home-b {
    height: 400px;
  }

  .text-bottom-about-home-b {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .left-project-b {
    width: 0%;
  }

  .master-features-home-b {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .features-home-b-halves {
    grid-template-columns: 1fr;
  }

  .feature-card-large-home-b {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .headline-blog-home-b {
    margin-bottom: 40px;
  }

  .services-halves-home-c {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .left-home-c-services {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    position: static;
  }

  .service-item-home-c {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .headline-blog-home-c {
    margin-bottom: 48px;
  }

  .home-c-halves {
    grid-template-columns: 1fr;
    margin-bottom: 48px;
  }

  .home-c-logo {
    position: absolute;
  }

  .home-c-logo-wrap {
    height: 150px;
  }

  .hide {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .text-h2-wrap {
    grid-column-gap: 8px;
  }

  .heading-home-a-video {
    max-width: 560px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing---site-padding--main: 24px;
    --_spacing---section-spacing--80: 56px;
    --_spacing---section-spacing--120: 64px;
    --_spacing---section-spacing--160: 80px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---radius--main: 4px;
    --_spacing---section-spacing--64: 64px;
    --_spacing---title-margin-bottom--64: 32px;
    --_spacing---title-margin-bottom--100: 64px;
    --_spacing---radius--full: 100vw;
    --_spacing---section-spacing--96: 64px;
    --_spacing---title-margin-bottom--32: 32px;
    --_spacing---title-margin-bottom--48: 28px;
    --_spacing---title-margin-bottom--80: 48px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--hero-top-padding: 120px;
    --_spacing---radius--small: 2px;
    --_text-style---text-body--font-family: var(--font--main);
    --_text-style---text-body--font-size: 18px;
    --_text-style---text-body--line-height: 120%;
    --_text-style---text-body--font-weight: var(--font-weight--normal);
    --_text-style---text-body--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h1--font-family: var(--font--main);
    --_text-style---h1--font-size: 56px;
    --_text-style---h1--line-height: 100%;
    --_text-style---h1--font-weight: var(--font-weight--normal);
    --_text-style---h1--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h2--font-family: var(--font--main);
    --_text-style---h2--font-size: 48px;
    --_text-style---h2--line-height: 100%;
    --_text-style---h2--font-weight: var(--font-weight--normal);
    --_text-style---h2--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h3--font-family: var(--font--main);
    --_text-style---h3--font-size: 32px;
    --_text-style---h3--line-height: 110%;
    --_text-style---h3--font-weight: var(--font-weight--normal);
    --_text-style---h3--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h4--font-family: var(--font--main);
    --_text-style---h4--font-size: 28px;
    --_text-style---h4--font-weight: var(--font-weight--normal);
    --_text-style---h5--font-family: var(--font--main);
    --_text-style---h5--font-size: 24px;
    --_text-style---h5--line-height: 110%;
    --_text-style---h5--font-weight: var(--font-weight--normal);
    --_text-style---h5--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h6--font-family: var(--font--main);
    --_text-style---h6--font-size: 20px;
    --_text-style---h6--line-height: 110%;
    --_text-style---h6--font-weight: var(--font-weight--normal);
    --_text-style---h6--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-large--font-family: var(--font--main);
    --_text-style---text-large--font-size: 22px;
    --_text-style---text-large--line-height: 120%;
    --_text-style---text-large--font-weight: var(--font-weight--normal);
    --_text-style---text-large--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-small--font-family: var(--font--main);
    --_text-style---text-small--font-size: 16px;
    --_text-style---text-small--line-height: 120%;
    --_text-style---text-small--font-weight: var(--font-weight--medium);
    --_text-style---text-small--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h4--line-height: 110%;
    --_text-style---h4--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-xsmall--font-size: 14px;
    --_text-style---text-xsmall--line-height: 120%;
    --_text-style---text-xsmall--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-xsmall--font-family: var(--font--main);
    --_text-style---text-xsmall--font-weight: var(--font-weight--medium);
  }

  .main-container {
    max-width: 1800px;
  }

  .text-h5 {
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 110%;
  }

  .section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section.cms-slider-section {
    padding-top: 64px;
    padding-bottom: 120px;
  }

  .section.partners-section {
    padding-top: 64px;
    padding-bottom: 80px;
  }

  .section.hero-project {
    padding-bottom: 0;
  }

  .section.project-dark-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero-home-a {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.home-a-mission-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.home-a-video-section {
    border-radius: 4px;
    padding-top: 80px;
  }

  .section.home-a-work-section {
    padding-top: 80px;
  }

  .section.home-b-overview-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.home-c-founder-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-large {
    letter-spacing: -.01em;
    font-size: 22px;
    line-height: 120%;
  }

  .text-h1 {
    font-size: 56px;
  }

  .text-field {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .text-field.textarea {
    height: 120px;
  }

  .text-h2 {
    font-size: 48px;
  }

  .text-small {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .text-small.small-serif {
    letter-spacing: -.01em;
  }

  .text-h3.h3-serif {
    letter-spacing: -.03em;
  }

  .text-h4.h4-serif {
    letter-spacing: -.01em;
  }

  .count-column, .count-reverse {
    height: 56px;
  }

  .tag-shop {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: -.01em;
  }

  .navbar {
    padding-top: 12px;
  }

  .nav-link {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .left-nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .nav-right-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .right-nav {
    grid-column-gap: 24px;
  }

  .nav-brand {
    width: 125px;
    padding-left: 0;
  }

  .footer-link {
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 120%;
  }

  .footer-bottom-link-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .submit-arrow {
    width: 14px;
    height: 14px;
  }

  .pw-form-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .headline-contact {
    margin-bottom: 32px;
  }

  .right-contact {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .input-label {
    letter-spacing: -.01em;
    font-size: 18px;
    line-height: 120%;
  }

  .cms-sticky-headline {
    flex-flow: column;
  }

  .tags {
    flex: none;
  }

  .tag-list {
    flex-flow: row;
    overflow: auto;
  }

  .product-thumbanail {
    height: 320px;
  }

  .product-image {
    border-radius: 4px;
  }

  .product-halves {
    grid-template-columns: 1fr;
  }

  .lightbox-product, .lightbox-product.main, .slider-cms-button, .slider-cms-button.prev {
    border-radius: 4px;
  }

  .headline-cms-slider {
    margin-bottom: 32px;
  }

  .headline-article {
    margin-bottom: 64px;
  }

  .article-right {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .article-thumbnail {
    border-radius: 4px;
    height: 300px;
    margin-bottom: 32px;
  }

  .bottom-button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-xsmall {
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 120%;
  }

  .cta-main, .cta-secondary {
    letter-spacing: -.01em;
    border-radius: 4px;
    font-size: 16px;
    line-height: 120%;
  }

  .link-footer {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .bottom-links-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .footer-bottom-link-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .footer-bottom-link {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .nav-large-menu {
    max-width: 1800px;
  }

  .nav-large-link-list {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .nav-large-link {
    padding: 8px 12px;
  }

  .nav-bottom-tile {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .nav-bottom-link {
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 120%;
  }

  .nav-large-variation-wrap {
    justify-content: center;
    align-items: center;
  }

  .nav-middle-links-wrap {
    justify-content: space-around;
    align-items: center;
  }

  .nav-link-middle {
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 120%;
  }

  .nav-small-menu {
    padding-top: 72px;
  }

  .master-small-menu {
    border-radius: 4px;
    width: 100%;
    padding: 32px;
  }

  .grid-small-menu {
    grid-column-gap: 48px;
    grid-template-columns: auto;
  }

  .bg-small-menu {
    border-radius: 4px;
  }

  .video-pw {
    width: 180px;
    height: 180px;
  }

  .video-contact-small {
    border-radius: 4px;
  }

  .video-about-1 {
    border-radius: 4px;
    height: 350px;
  }

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

  .content-about {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

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

  .video-about-small {
    border-radius: 4px;
  }

  .icon-about-service {
    width: 48px;
    height: 48px;
  }

  .number-halves {
    grid-template-columns: 1fr;
  }

  .numbers-image {
    height: 350px;
  }

  .number-item.home-a {
    border-radius: 4px;
  }

  .image-team-card {
    border-radius: 4px;
    height: 250px;
  }

  .headline-partners {
    grid-template-columns: 1fr;
    margin-bottom: 64px;
  }

  .card-partner {
    border-radius: 4px;
    width: 350px;
    padding: 16px 24px;
  }

  .partners-logo {
    max-width: 100px;
  }

  .card-member {
    border-radius: 4px;
  }

  .image-member {
    width: 250px;
    height: 100%;
  }

  .member-top-tile {
    max-width: 320px;
  }

  .member-bottom-tile {
    max-width: 360px;
  }

  .article-info-halves {
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }

  .tag {
    border-radius: 4px;
  }

  .article-gallery {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .blog-gallery-image {
    border-radius: 4px;
    height: 300px;
  }

  .headline-blog {
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }

  .headline-blog.small-margin {
    margin-bottom: 32px;
  }

  .image-wrap-blog-a {
    border-radius: 4px;
  }

  .blog-more-button, .blog-more-button.blog-c {
    margin-top: 32px;
  }

  .card-blog-b.large {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .image-wrap-blog-b.large {
    height: 250px;
  }

  .card-blog-c {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .image-wrap-blog-c {
    border-radius: 4px;
  }

  .blog-c-top-tile {
    grid-template-columns: 1fr;
  }

  .name-blog-c {
    max-width: 400px;
  }

  .heading-project {
    margin-bottom: 64px;
  }

  .project-thirds {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .video-project {
    border-radius: 4px;
    height: auto;
    min-height: 100svh;
  }

  .text-wrap-project-video {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .project-bottom-halves {
    grid-template-columns: 1fr;
  }

  .image-project-bottom {
    border-radius: 4px;
    height: 350px;
  }

  .button-wrap-bottom-project {
    margin-top: 64px;
  }

  .heading-portfolio {
    margin-bottom: 64px;
  }

  .headline-portfolio-halves {
    grid-template-columns: 1fr;
  }

  .master-portfolio-headline {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    margin-bottom: 32px;
  }

  .portfolio-a-halves {
    grid-template-columns: 1fr;
  }

  .image-wrap-portfolio-a {
    border-radius: 4px;
  }

  .image-wrap-portfolio-a.large {
    height: 360px;
  }

  .image-portfolio-a {
    border-radius: 4px;
  }

  .master-portfolio-a {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .portfolio-a-grid {
    grid-template-columns: 1fr 1fr;
  }

  .headline-portfolio-b {
    margin-bottom: 32px;
  }

  .link-project-b {
    border-radius: 4px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .image-portfolio-b {
    border-radius: 4px;
  }

  .image-wrap-portfolio-b {
    width: 70%;
  }

  .button-wrap-projects {
    margin-top: 28px;
  }

  .portfolio-c-halves {
    grid-template-columns: 1fr;
  }

  .image-portfolio-c {
    border-radius: 4px;
  }

  .master-portfolio-c {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .video-home-a {
    border-radius: 4px;
    min-height: 610px;
    max-height: 940px;
    padding-bottom: 28px;
  }

  .video-home-a-small {
    border-radius: 4px;
    width: 120px;
    height: 120px;
  }

  .right-home-a-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .home-a-logo {
    max-width: 240px;
  }

  .video-home-a-large {
    border-radius: 4px;
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .home-video-text-wrap {
    margin-bottom: 56px;
  }

  .home-a-video-cta {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    border-radius: 4px;
  }

  .headline-awards {
    margin-bottom: 32px;
  }

  .wrap-awards-bottom {
    margin-top: 64px;
  }

  .home-a-team-master {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .home-a-team-video {
    border-radius: 4px;
  }

  .left-content-home-b {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .home-b-year-tag {
    border-radius: 4px;
  }

  .home-b-logo {
    width: 240px;
  }

  .video-home-b {
    width: 240px;
    height: 240px;
  }

  .content-home-b {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .left-home-b {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    align-items: center;
  }

  .right-home-b {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .right-tag-home-b {
    border-radius: 4px;
  }

  .about-halves-home-b {
    grid-template-columns: 1fr;
  }

  .video-about-home-b {
    border-radius: 4px;
    height: 250px;
  }

  .text-bottom-about-home-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .portfolio-b-image {
    height: 160px;
  }

  .headline-home-b-work {
    grid-template-columns: 1fr;
  }

  .button-wrap-home-b-work {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .master-features-home-b {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .feature-card-large-home-b {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    border-radius: 4px;
  }

  .home-b-features-thirds {
    grid-template-columns: 1fr;
  }

  .feature-card-home-b {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    border-radius: 4px;
    height: auto;
  }

  .headline-team-home-b {
    margin-bottom: 32px;
  }

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

  .headline-blog-home-b {
    margin-bottom: 28px;
  }

  .left-home-c-services {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .service-item-home-c {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    border-radius: 4px;
  }

  .headline-blog-home-c {
    margin-bottom: 32px;
  }

  .home-c-team-halves {
    grid-template-columns: 1fr;
  }

  .image-team-home-c {
    height: 350px;
  }

  .home-c-team-thirds {
    grid-template-columns: 1fr;
  }

  .video-team-home-c {
    height: 200px;
  }

  .middle-team-home-c {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding: 24px;
  }

  .bottom-tile-home-c-team {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-c-halves {
    margin-bottom: 32px;
  }

  .left-home-c {
    flex-flow: column;
  }

  .slide-home-c {
    margin-right: 120px;
  }

  .video-home-c-slide {
    border-radius: 4px;
  }

  .text-h1-wrap {
    grid-column-gap: 12px;
  }

  .mask-home-a-video {
    border-radius: 4px;
  }

  .heading-home-a-video {
    max-width: 440px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_spacing---site-padding--main: 16px;
    --_spacing---section-spacing--80: 48px;
    --_spacing---section-spacing--120: 48px;
    --_spacing---section-spacing--160: 64px;
    --_spacing---section-spacing--0: 0px;
    --_spacing---radius--main: 4px;
    --_spacing---section-spacing--64: 48px;
    --_spacing---title-margin-bottom--64: 28px;
    --_spacing---title-margin-bottom--100: 40px;
    --_spacing---radius--full: 100vw;
    --_spacing---section-spacing--96: 48px;
    --_spacing---title-margin-bottom--32: 24px;
    --_spacing---title-margin-bottom--48: 24px;
    --_spacing---title-margin-bottom--80: 32px;
    --_spacing---section-spacing--48: 48px;
    --_spacing---section-spacing--hero-top-padding: 100px;
    --_spacing---radius--small: 2px;
    --_text-style---text-body--font-family: var(--font--main);
    --_text-style---text-body--font-size: 16px;
    --_text-style---text-body--line-height: 120%;
    --_text-style---text-body--font-weight: var(--font-weight--normal);
    --_text-style---text-body--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h1--font-family: var(--font--main);
    --_text-style---h1--font-size: 48px;
    --_text-style---h1--line-height: 100%;
    --_text-style---h1--font-weight: var(--font-weight--normal);
    --_text-style---h1--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h2--font-family: var(--font--main);
    --_text-style---h2--font-size: 40px;
    --_text-style---h2--line-height: 100%;
    --_text-style---h2--font-weight: var(--font-weight--normal);
    --_text-style---h2--letter-spacing: var(--letter-spacing--3-0);
    --_text-style---h3--font-family: var(--font--main);
    --_text-style---h3--font-size: 28px;
    --_text-style---h3--line-height: 110%;
    --_text-style---h3--font-weight: var(--font-weight--normal);
    --_text-style---h3--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h4--font-family: var(--font--main);
    --_text-style---h4--font-size: 24px;
    --_text-style---h4--font-weight: var(--font-weight--normal);
    --_text-style---h5--font-family: var(--font--main);
    --_text-style---h5--font-size: 20px;
    --_text-style---h5--line-height: 110%;
    --_text-style---h5--font-weight: var(--font-weight--normal);
    --_text-style---h5--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---h6--font-family: var(--font--main);
    --_text-style---h6--font-size: 18px;
    --_text-style---h6--line-height: 110%;
    --_text-style---h6--font-weight: var(--font-weight--normal);
    --_text-style---h6--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-large--font-family: var(--font--main);
    --_text-style---text-large--font-size: 18px;
    --_text-style---text-large--line-height: 120%;
    --_text-style---text-large--font-weight: var(--font-weight--normal);
    --_text-style---text-large--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-small--font-family: var(--font--main);
    --_text-style---text-small--font-size: 14px;
    --_text-style---text-small--line-height: 120%;
    --_text-style---text-small--font-weight: var(--font-weight--medium);
    --_text-style---text-small--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---h4--line-height: 110%;
    --_text-style---h4--letter-spacing: var(--letter-spacing--2-0);
    --_text-style---text-xsmall--font-size: 12px;
    --_text-style---text-xsmall--line-height: 120%;
    --_text-style---text-xsmall--letter-spacing: var(--letter-spacing--1-0);
    --_text-style---text-xsmall--font-family: var(--font--main);
    --_text-style---text-xsmall--font-weight: var(--font-weight--medium);
    --_buttons---button-main--font-family: var(--font--main);
    --_buttons---button-main--font-size: 14px;
    --_buttons---button-main--line-height: 120%;
    --_buttons---button-main--font-weight: var(--font-weight--medium);
    --_buttons---button-main--letter-spacing: var(--letter-spacing--1-0);
    --_buttons---button-secondary--font-family: var(--font--main);
    --_buttons---button-secondary--font-size: 14px;
    --_buttons---button-secondary--line-height: 120%;
    --_buttons---button-secondary--font-weight: var(--font-weight--medium);
    --_buttons---button-secondary--letter-spacing: var(--letter-spacing--1-0);
  }

  .main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-body {
    font-size: 16px;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.cms-slider-section {
    padding-top: 48px;
    padding-bottom: 80px;
  }

  .section.partners-section {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .section.project-dark-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.home-a-mission-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.home-a-video-section, .section.home-a-work-section {
    padding-top: 64px;
  }

  .section.home-b-overview-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.hero-home-c {
    padding-top: 95px;
  }

  .text-large {
    font-size: 18px;
  }

  .text-h1 {
    font-size: 48px;
  }

  .text-field {
    font-size: 14px;
  }

  .text-h2 {
    font-size: 40px;
  }

  .text-small {
    font-size: 14px;
  }

  .text-h3 {
    font-size: 28px;
  }

  .text-h4 {
    font-size: 24px;
  }

  .expandable-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .utility-page-wrap._404 {
    max-height: 660px;
  }

  .count-column, .count-reverse {
    height: 48px;
  }

  .tag-shop {
    order: -1;
    font-size: 14px;
  }

  .navbar {
    padding-top: 8px;
  }

  .nav-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 12px;
  }

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

  .left-nav {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-divider {
    display: none;
  }

  .nav-brand {
    width: 115px;
  }

  .footer-link {
    font-size: 12px;
  }

  .footer-bottom-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-bottom-link-list {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }

  .nav-language {
    display: none;
  }

  .pw-form-inner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .headline-contact {
    margin-bottom: 28px;
  }

  .contact-halves {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cms-sticky-headline {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .tags {
    flex: 0 auto;
  }

  .tag-list {
    flex-flow: wrap;
  }

  .cms-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .product-thumbanail {
    height: 300px;
  }

  .product-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .lightbox-product {
    height: 200px;
  }

  .lightbox-product.main {
    height: 300px;
  }

  .product-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .slider-cms-button {
    padding: 12px 16px;
    bottom: -56px;
  }

  .slide-cms-item {
    max-width: 260px;
  }

  .headline-cms-slider {
    margin-bottom: 28px;
  }

  .product-image-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .headline-article {
    margin-bottom: 40px;
  }

  .article-right {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .article-thumbnail {
    height: 200px;
    margin-bottom: 28px;
  }

  .bottom-button-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .marquee-partners, .single-marquee-partners {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-xsmall {
    font-size: 12px;
  }

  .icon-button.light {
    width: 6px;
  }

  .cta-main {
    padding: 8px 12px;
    font-size: 14px;
  }

  .cta-secondary {
    padding: 14px 18px;
    font-size: 14px;
  }

  .wrap-socials-footer-v1 {
    margin-bottom: 32px;
  }

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

  .bottom-links-footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 48px;
  }

  .footer-bottom-link {
    font-size: 14px;
  }

  .nav-large-menu {
    padding: 100px 16px 24px;
  }

  .nav-large-link {
    padding: 2px 5px;
  }

  .nav-bottom-links {
    grid-row-gap: 15px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .nav-bottom-link {
    font-size: 12px;
  }

  .middle-links-nav {
    flex-flow: column;
  }

  .nav-middle-links-wrap {
    justify-content: center;
    align-items: center;
  }

  .nav-link-middle {
    font-size: 14px;
  }

  .nav-small-menu {
    padding-top: 60px;
  }

  .content-nav-small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .master-small-menu {
    padding: 24px;
  }

  .grid-small-menu {
    grid-column-gap: 32px;
    grid-row-gap: 24px;
  }

  .small-menu-link-wrap {
    flex-flow: wrap;
  }

  .video-pw {
    width: 140px;
    height: 140px;
  }

  .content-pw {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .shop-sticky-tags {
    flex-flow: wrap;
  }

  .shop-middle {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .sales-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .product-back-button {
    flex-flow: row;
    width: auto;
    margin-bottom: 16px;
  }

  .video-contact-small {
    width: 160px;
    height: 150px;
  }

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

  .right-about {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .video-about-1 {
    height: 250px;
  }

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

  .content-about {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .work-wrap-about {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .video-about-small {
    height: 160px;
  }

  .about-services-item {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 20px;
  }

  .icon-about-service {
    width: 48px;
    height: 48px;
  }

  .text-wrap-service-about {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .numbers-image {
    height: 250px;
  }

  .number-item.home-a {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .right-about-team {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .image-team-card {
    height: 200px;
  }

  .headline-partners {
    margin-bottom: 48px;
  }

  .card-partner {
    width: 300px;
  }

  .member-bottom-tile {
    max-width: 250px;
  }

  .blog-back-button {
    flex-flow: row;
    width: auto;
  }

  .article-info-halves {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 28px;
  }

  .article-gallery {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .blog-gallery {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .blog-gallery-image {
    height: 250px;
  }

  .headline-blog {
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }

  .headline-blog.small-margin {
    margin-bottom: 24px;
  }

  .blog-a-halves {
    grid-template-columns: 1fr;
  }

  .blog-a-top-tile {
    grid-row-gap: 12px;
  }

  .blog-a-bottom-tile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 12px;
  }

  .blog-more-button {
    margin-top: 28px;
  }

  .blog-more-button.blog-c {
    margin-top: 24px;
  }

  .image-wrap-blog-b, .image-wrap-blog-b.large {
    height: 200px;
  }

  .blog-b-top-tile {
    flex-flow: column;
  }

  .blog-b-bottom-tile {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-b-info-tile {
    padding: 20px;
  }

  .card-blog-c {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .image-wrap-blog-c {
    width: 100%;
  }

  .blog-c-bottom-tile {
    flex-flow: wrap;
  }

  .portfolio-back-button {
    width: auto;
    display: block;
  }

  .heading-project {
    margin-bottom: 40px;
  }

  .rich-text-project figcaption {
    margin-top: 10px;
  }

  .icon-project {
    width: 48px;
  }

  .project-dark-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .video-project {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-wrap-project-video {
    grid-template-columns: 1fr;
  }

  .image-project-bottom {
    height: 250px;
  }

  .right-project-bottom {
    padding: 24px 24px 32px;
  }

  .button-wrap-bottom-project {
    margin-top: 40px;
  }

  .heading-portfolio {
    margin-bottom: 40px;
  }

  .master-portfolio-headline {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 28px;
  }

  .portfolio-halves {
    grid-template-columns: 1fr;
  }

  .image-wrap-portfolio-a, .image-wrap-portfolio-a.large {
    height: 200px;
  }

  .master-portfolio-a {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .portfolio-a-grid {
    grid-template-columns: 1fr;
  }

  .headline-portfolio-b {
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }

  .link-project-b {
    padding-top: 28px;
    padding-bottom: 28px;
  }

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

  .image-wrap-portfolio-b {
    width: 100%;
  }

  .portfolio-b-number {
    order: -1;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
  }

  .button-wrap-projects {
    margin-top: 24px;
  }

  .master-portfolio-c {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .video-home-a {
    min-height: 400px;
    max-height: 860px;
  }

  .home-a-logo {
    max-width: 200px;
  }

  .video-home-a-large {
    padding: 40px 16px;
  }

  .home-video-text-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 40px;
  }

  .home-a-video-cta {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .headline-awards {
    margin-bottom: 28px;
  }

  .awards-item {
    grid-template-columns: 2fr;
  }

  .wrap-awards-bottom {
    margin-top: 40px;
  }

  .home-a-team-master {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .home-a-team-video {
    width: 160px;
    height: 100px;
  }

  .home-b-logo {
    width: 200px;
  }

  .video-home-b {
    width: 200px;
    height: 200px;
  }

  .content-home-b, .left-home-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .left-overview-home-b {
    margin-bottom: 48px;
  }

  .overview-home-b-halves, .left-home-b-about {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .video-about-home-b {
    height: 200px;
  }

  .text-bottom-about-home-b {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .wrap-project-number {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .master-features-home-b {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .feature-card-large-home-b {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding: 20px;
  }

  .headline-team-home-b, .headline-blog-home-b {
    margin-bottom: 24px;
  }

  .left-home-c-services {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .services-home-c-top-tile {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .icon-services-home-c {
    height: 48px;
  }

  .service-item-home-c {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .headline-blog-home-c {
    margin-bottom: 28px;
  }

  .image-team-home-c {
    height: 300px;
  }

  .home-c-halves {
    margin-bottom: 28px;
  }

  .tag-wrap-home-c {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .slider-home-c {
    height: 170px;
  }

  .slide-navigation {
    font-size: 10px;
  }

  .slide-home-c {
    margin-right: 40px;
  }

  .slider-long-home-c {
    height: 150px;
  }

  .home-c-logo-wrap {
    height: 80px;
  }
}

#w-node-_5f65e18c-8fd2-ab71-99af-2cfe28dc17a2-63e0f10c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d4112a1-8f0d-f079-ba75-5fd42df660bb-9f3f4fd2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af77d277-7536-68ec-6c17-3957d6b1db7c-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1db84-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1db8c-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1db94-85100f79 {
  justify-self: end;
}

#w-node-af77d277-7536-68ec-6c17-3957d6b1db9a-85100f79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af77d277-7536-68ec-6c17-3957d6b1db9c-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1dba7-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1dbaf-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1dbb7-85100f79, #w-node-af77d277-7536-68ec-6c17-3957d6b1dbbf-85100f79 {
  justify-self: end;
}

#w-node-af77d277-7536-68ec-6c17-3957d6b1dbc5-85100f79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af77d277-7536-68ec-6c17-3957d6b1dbc7-85100f79 {
  justify-self: end;
}

#w-node-_4a9467d2-9709-8e7e-611f-f4ec0585c375-ff51507c, #w-node-fb4bbc73-98bb-1d8c-750e-8d8008c0d208-ff51507c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_299cb6ab-c761-42c7-4e5f-f2eb59a94a2f-b4edb10f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_772d6652-c1ef-22fb-e107-ec3a6eb83da5-86652514, #w-node-_8a8a674c-447e-aa04-caff-d0134972072a-86652514, #w-node-b0798d7e-3641-2bad-5a3b-4f6b510af05d-c56c419c, #w-node-c3c33416-7373-c810-8a34-b3749702c714-f6cfcb80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6cc3941d-3357-ef7b-85aa-c9f13438382f-a5bfcea4, #w-node-_81ab309e-dead-f85a-65da-059599551f25-0594bbab, #w-node-_81ab309e-dead-f85a-65da-059599551f34-0594bbab, #w-node-_81ab309e-dead-f85a-65da-059599551f3c-0594bbab {
  justify-self: end;
}

#w-node-_02e4031c-7a15-a9a7-1755-d6330d083e2a-3ffffbc2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_02e4031c-7a15-a9a7-1755-d6330d083e6b-3ffffbc2 {
  justify-self: end;
}

#w-node-_02e4031c-7a15-a9a7-1755-d6330d083e72-3ffffbc2, #w-node-_02e4031c-7a15-a9a7-1755-d6330d083e8d-3ffffbc2, #w-node-_02e4031c-7a15-a9a7-1755-d6330d083e99-3ffffbc2, #w-node-_6e75f562-fe66-a586-a1b8-f87efdeda8fc-0c9681f7, #w-node-_41c2af63-643c-7549-2e18-2bb8a1026324-0c9681f7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d55d339a-ebd5-78b5-3f4f-4f78773ed31b-393a279d, #w-node-_7aa154b0-fc7d-ddce-2592-848866924cc9-393a279d, #w-node-_23fe2753-00d2-4e8f-e722-4cc9999804c5-393a279d, #w-node-_68bd171d-693c-34a2-50b4-7aca12a8eac0-393a279d, #w-node-a72a406f-9d03-f52b-8f05-865e1f3cccd1-393a279d, #w-node-_2be15dd9-cd32-fabf-636b-19fd244a63c9-393a279d {
  justify-self: end;
}

#w-node-_579627d3-8a9b-d16b-b370-28ec77c2a3df-f8ead359 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ca512ed-30d9-f569-a3dc-9ced0c182080-137e879e {
  justify-self: end;
}

#w-node-d709161a-86d3-c79e-b067-72b3b6ec7d69-ffb06103 {
  justify-self: center;
}

#w-node-d709161a-86d3-c79e-b067-72b3b6ec7d6c-ffb06103, #w-node-f5cc124a-4e8b-63d4-f597-f82fcf9dc529-e11922a2, #w-node-e9caba23-9747-ae92-deb2-632d0449a460-591752f2 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_772d6652-c1ef-22fb-e107-ec3a6eb83da5-86652514, #w-node-_8a8a674c-447e-aa04-caff-d0134972072a-86652514, #w-node-_6e75f562-fe66-a586-a1b8-f87efdeda8fc-0c9681f7, #w-node-_41c2af63-643c-7549-2e18-2bb8a1026324-0c9681f7, #w-node-ccedc111-a007-f3eb-4f0d-c77924c753de-0c9681f7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_2ca512ed-30d9-f569-a3dc-9ced0c182066-137e879e {
    order: -9999;
  }

  #w-node-_2ca512ed-30d9-f569-a3dc-9ced0c182080-137e879e {
    order: -9999;
    justify-self: start;
  }

  #w-node-_8783dd02-7a80-247d-57d6-640dabeac837-20b93d41 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_02e4031c-7a15-a9a7-1755-d6330d083e6b-3ffffbc2 {
    justify-self: start;
  }

  #w-node-d55d339a-ebd5-78b5-3f4f-4f78773ed31b-393a279d, #w-node-_7aa154b0-fc7d-ddce-2592-848866924cc9-393a279d, #w-node-_23fe2753-00d2-4e8f-e722-4cc9999804c5-393a279d, #w-node-_68bd171d-693c-34a2-50b4-7aca12a8eac0-393a279d, #w-node-a72a406f-9d03-f52b-8f05-865e1f3cccd1-393a279d, #w-node-_2be15dd9-cd32-fabf-636b-19fd244a63c9-393a279d {
    justify-self: auto;
  }

  #w-node-_8783dd02-7a80-247d-57d6-640dabeac837-20b93d41 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b0798d7e-3641-2bad-5a3b-4f6b510af05d-c56c419c, #w-node-_02e4031c-7a15-a9a7-1755-d6330d083e8d-3ffffbc2, #w-node-_02e4031c-7a15-a9a7-1755-d6330d083e99-3ffffbc2 {
    grid-column: span 1 / span 1;
  }
}


