@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-Regular-BF648a656f74a27.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-Bold-BF648a656f312c4.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-Medium-BF648a656f49882.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-DemiBold-BF648a656f04a15.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@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(--_typography---font-family--primary);
  color: #000;
  font-size: var(--fixed--1rem);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--regular);
    background-color: #fefaf1;
}

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

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

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

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

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

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

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

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

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

blockquote {
  margin-bottom: var(--fixed--0rem);
  padding: var(--fixed--0rem);
  font-size: var(--fixed--1-5rem);
  border-left: 5px #e2e2e2;
  line-height: 120%;
}

.nav_logo {
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  display: flex;
}

.nav_tooltip-text {
  color: #ededed;
}

.nav_tooltip-wrap {
  z-index: 3;
  pointer-events: none;
  display: none;
  position: absolute;
  top: calc(100% + .75rem);
  bottom: auto;
  right: auto;
}

.nav_tooltip-wrap.left {
  left: 0;
}

.nav_actions {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_close-icon {
  width: .8rem;
  height: .8rem;
  display: flex;
}

.nav_dropdown-content {
  background-color: #0000;
  display: none;
  position: absolute;
  top: 3rem;
  left: 0;
}

.nav_pages-buttons {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.nav_figma {
  width: .5rem;
}

.nav_button-divider {
  background-color: #131313;
  width: 1px;
}

.nav_page-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #ccc;
  white-space: nowrap;
  border-bottom: 1px solid #000;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 2rem .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.nav_page-button.subpage {
  background-color: #2b2b2b;
  border-right: 1px solid #000;
  padding-left: 2rem;
}

.nav_page-button.subpage:hover {
  color: #e6e6e6;
  background-color: #474747;
}

.nav_page-button.subpage.no-border-right {
  border-right-color: #0000;
}

.nav_page-button.subpage.no-border-bottom {
  border-bottom-color: #0000;
}

.nav_page-button.head {
  background-color: #181818;
  border-right: 1px solid #000;
}

.nav_page-button.head.no-border-right {
  border-right-color: #0000;
}

.nav_button-icon {
  justify-content: center;
  align-items: center;
  width: .7rem;
  display: flex;
}

.nav_button-icon.arrow {
  width: 5px;
  position: relative;
  bottom: -1px;
}

.nav_button-icon.play {
  width: .5rem;
}

.nav_dropdown {
  z-index: 1;
}

.nav_main-links {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.nav_tooltip {
  color: #383838;
  white-space: nowrap;
  background-color: #383838;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  display: flex;
  position: relative;
  box-shadow: 0 1px #000c, inset 0 .5px #fff3;
}

.nav_button {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  color: #ededed;
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .35rem .6rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.nav_button:hover {
  background-color: #3b3b3b;
}

.nav_button.buy {
  background-color: #3d3d3d;
  box-shadow: inset 0 .5px #ffffff1f, 0 1px 1px #0003;
}

.nav_button.buy:hover {
  background-color: #4c4b4b;
}

.nav_button.figma {
  color: #adadad;
}

.nav_button.figma:hover {
  color: #c4c4c4;
}

.nav_button.templatesupply {
  z-index: 3;
  position: relative;
}

.nav_button.pages {
  background-color: #424242;
}

.nav_button.pages:hover {
  background-color: #4c4b4b;
}

.nav_button.secondary {
  color: #a6a6a6;
}

.nav_button.secondary:hover {
  color: #c4c4c4;
}

.nav_close {
  color: #818181;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.nav_close:hover {
  color: #bebebe;
}

.nav_pages-groups {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #181818;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: clip;
}

.nav_page-icon {
  justify-content: center;
  align-items: center;
  width: .7rem;
  min-width: .7rem;
  display: flex;
}

.nav_page-icon.folder {
  width: 1rem;
  min-width: 1rem;
}

.nav_tooltip-arrow {
  width: 1.23rem;
  position: absolute;
  top: -.6rem;
}

.nav_tooltip-arrow.left {
  left: .5rem;
}

.nav_tooltip-arrow._2 {
  color: #131313;
  top: -.8rem;
  left: 1rem;
}

.nav_component {
  z-index: 1001;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #252525;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .35rem .5rem .35rem .35rem;
  display: flex;
  position: relative;
}

.nav_pages-group {
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.utility-page-wrap.full-height {
  min-height: 100vh;
}

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

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

.resources_item {
  border-radius: var(--border-radius--xxsmall);
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.resources_heading {
  padding-bottom: var(--fixed--1-25rem);
  font-size: var(--fixed--1-5rem);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--medium);
  border-bottom: 1px dashed #474747;
}

.display-flex {
  display: flex;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

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

.text-weight-thin {
  font-weight: var(--_typography---font-weight--thin);
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
}

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

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

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

.hide {
  display: none;
}

.icon-height-small {
  height: var(--fixed--1-5rem);
}

.resources_group {
  grid-row-gap: var(--fixed--2rem);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

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

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

.overflow-scroll {
  overflow: scroll;
}

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

.resources_items.single {
  flex-flow: column;
  display: flex;
}

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

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

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

.text-rich-text {
  line-height: 1.5;
}

.text-rich-text figure {
  margin-bottom: 3rem;
}

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

.text-rich-text p {
  margin-bottom: var(--fixed--2-5rem);
  line-height: 1.5;
}

.text-rich-text img {
  border-radius: var(--border-radius--xsmall);
}

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

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

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

.text-rich-text blockquote {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 4rem;
  font-weight: 500;
}

.text-rich-text h1 {
  font-size: var(--fixed--4rem);
  margin-bottom: 1.5rem;
}

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

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: var(--fixed--1-5rem);
}

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

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

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

.pointer-events-auto {
  pointer-events: auto;
}

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

.text-weight-xbold {
  font-weight: var(--_typography---font-weight--extra-bold);
}

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

.resources_section {
  grid-row-gap: var(--fixed--1-5rem);
  flex-direction: column;
  display: flex;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
}

.template-style-heading-split {
  background-color: #d2d6d9;
  width: 1px;
  height: 100%;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  transform: rotate(7deg);
}

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

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

.template-style-heading-split.margin-smaller {
  margin-left: .5rem;
  margin-right: .5rem;
}

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

.text-weight-light {
  font-weight: var(--_typography---font-weight--light);
}

.overflow-visible {
  overflow: visible;
}

.resources_component {
  grid-column-gap: var(--fixed--5rem);
  grid-row-gap: var(--fixed--5rem);
  flex-direction: column;
  display: flex;
}

.resources_item-content {
  padding: var(--fixed--2-25rem) var(--fixed--2-5rem) var(--fixed--4rem);
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.resources_item-content.center-horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

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

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

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

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

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

.icon-height-medium {
  height: var(--fixed--2rem);
  max-width: none;
  display: inline;
}

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

.text-weight-bold {
  font-weight: var(--_typography---font-weight--bold);
}

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

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

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

.overflow-auto {
  overflow: auto;
}

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

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.container-tiny {
  width: 100%;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.resources_structure-out {
  border: 1px solid #1e7bfa;
  width: 100%;
  position: relative;
}

.resources_structure-out.fill-bg {
  background-image: url('../images/webflow-spacing-bg-final_1webflow-spacing-bg-final.png');
  background-position: 0 0;
  background-size: 80px;
}

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

.text-style-all-caps {
  text-transform: uppercase;
}

.resources_groups {
  grid-row-gap: var(--fixed--4rem);
  flex-direction: column;
  display: flex;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.ss_structure-box {
  pointer-events: none;
  background-color: #fff;
  height: 3rem;
  position: relative;
}

.text-style-label {
  font-size: var(--fixed--1rem);
  line-height: 120%;
  font-weight: var(--_typography---font-weight--bold);
  letter-spacing: 0;
}

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

.display-inline-block {
  display: inline-block;
}

.container-xsmall {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-height-large {
  height: var(--fixed--2-5rem);
  aspect-ratio: 1;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.container-xxsmall {
  width: 100%;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.text-weight-normal {
  font-weight: var(--_typography---font-weight--regular);
}

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

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

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

.display-block {
  display: block;
}

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

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

.resources_item-label {
  grid-column-gap: .5rem;
  color: #8c9399;
  border-bottom: 1px solid #ebebec;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  margin-right: 0;
  padding: .75rem .75rem .75rem 1rem;
  display: flex;
  position: relative;
}

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

.resources_structure-in {
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  height: 3rem;
  position: relative;
}

.resources_structure-in.utility {
  background-color: #2d40ea1a;
}

.resources_structure-in.utility.full-height {
  height: 100%;
}

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

.text-align-center.tablet-only {
  text-align: left;
}

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

.text-style-muted {
  opacity: .6;
}

.section_resources.min-height {
  min-height: 80vh;
}

.text-weight-black {
  font-weight: var(--_typography---font-weight--black);
}

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

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

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

.display-inline {
  display: inline;
}

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

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

.spacing-clean {
  margin: 0;
  padding: 0;
}

.text-weight-xlight {
  font-weight: var(--_typography---font-weight--extra-light);
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

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

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

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.resources_class {
  padding: var(--fixed--0-5rem) .625rem;
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: var(--fixed--0-75rem);
  line-height: 1.3;
  font-weight: var(--_typography---font-weight--medium);
  background-color: #1e7bfa;
  border-radius: 4px;
}

.resources_class.custom-border {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.resources_class.html-tag {
  color: #f6f6f3;
  background-color: #cf4bb3;
  border-style: none;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

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

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

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

.container-medium {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

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

.pointer-events-none {
  pointer-events: none;
}

.container-small {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.resources_subheading {
  font-size: var(--fixed--1rem);
  font-weight: var(--_typography---font-weight--medium);
}

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

.resources_class-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.container-large {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

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

.text-style-italic {
  font-style: italic;
}

.overflow-hidden {
  overflow: hidden;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-weight-medium {
  font-weight: var(--_typography---font-weight--medium);
}

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

.resources_video {
  width: calc(100% + 4px);
  margin: -1px -2px;
}

.resources_video-wrap {
  border-radius: .25rem;
  overflow: clip;
}

.resources_fonts {
  grid-column-gap: 5.5rem;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: flex;
}

.resources_license-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.resources_font-1 {
  font-family: var(--_typography---font-family--primary);
  font-size: var(--fixed--5rem);
  line-height: 1;
  font-weight: var(--_typography---font-weight--regular);
}

.resources_license-wrap {
  grid-column-gap: var(--fixed--1rem);
  grid-row-gap: var(--fixed--1rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.resources_licenses-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.resources_font-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  transition: opacity .2s;
  display: flex;
}

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

.resources_licenses-group {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.resources_license-image-link {
  aspect-ratio: 1;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.resources_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.resources_changelog-list {
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

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

.navbar_logo {
    height: 24px;
}

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

.navbar_links {
  padding: var(--fixed--0-875rem) var(--fixed--1-125rem);
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  background-color: #f5f7fa;
  border-radius: .75rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_links:where(.w-variant-0983f3eb-6cdb-b59c-0eb6-dc2469192de3) {
  background-color: var(--_colors---primary--white);
}

.navbar_link-line {
  background-color: #000;
  width: 99%;
  height: 1px;
  position: absolute;
  top: auto;
  bottom: 1px;
  right: 100.5%;
}

.navbar {
  z-index: 99;
  padding-top: var(--fixed--1-125rem);
  padding-bottom: var(--fixed--1-125rem);
  position: absolute;
  inset: 0% 0% auto;
}

.navbar_link {
  padding-bottom: var(--fixed--0-25rem);
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  font-size: var(--fixed--0-875rem);
  line-height: 1;
  font-weight: var(--_typography---font-weight--semibold);
  border-bottom-color: #000;
  justify-content: center;
  align-items: flex-start;
  transition: color .35s;
  display: inline-flex;
  position: relative;
  bottom: -2px;
  overflow: hidden;
}

.pill {
  z-index: 5;
  background-color: var(--_colors---primary--blue);
  font-size: .875rem;
  font-weight: var(--_typography---font-weight--semibold);
  border-radius: 3rem;
  padding: .25rem 1rem;
}

.pill.is-orange {
  background-color: var(--_colors---primary--orange);
  color: var(--_colors---primary--white);
}

.pill.is-grey {
  background-color: var(--_colors---blue--100);
  color: var(--_colors---grey--300);
}

.brands_item-logo-wrap {
  aspect-ratio: 1;
  border-radius: var(--border-radius--large);
  border: 1px solid #333;
  justify-content: center;
  align-items: center;
  width: 16rem;
  display: flex;
}

.button-line_text {
  line-height: 1;
}

.section_home-about {
  background-color: #fff;
}

.brands_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.home-header_image-1 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, -72%, -800px);
}

.section_home-header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.home-about_content-v2 {
  flex-flow: column;
  max-width: 34.875rem;
  display: flex;
  position: relative;
}

.button-underline_line {
  background-color: #0a0a0a;
  height: 1px;
  position: absolute;
  inset: auto 0% 1px;
}

.button-underline_line:where(.w-variant-dc185cee-f073-1c0c-782a-4cb2823b8d57) {
  background-color: var(--_colors---primary--white);
}

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

.home-header_image-7 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, 72%, -800px);
}

.section_cta {
  height: 212.5rem;
}

.button_icon-wrapper {
  flex: none;
}

.home-about_img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-header_pic {
  width: var(--fixed--0-875rem);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}

.home-header_pic._3 {
  background-color: #e1a684;
}

.home-header_pic._4 {
  background-color: #fd8445;
}

.home-header_pic._6 {
  background-color: #ff9102;
}

.home-header_pic._8 {
  background-color: #fd4f68;
}

.home-header_pic._2 {
  background-color: #a81b1d;
}

.home-header_pic._5 {
  background-color: #71dae2;
}

.home-header_pic._1 {
  background-color: #000;
}

.home-header_pic._7 {
  background-color: #977761;
}

.work-list_item {
  width: 100%;
}

.home-about_img-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--ultra);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
  overflow: clip;
}

.home-header_image-5 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, 20%, -260px);
}

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

.brands_list-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-about_content-wrap {
  padding: var(--fixed--5rem);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-dot {
  background-color: #000;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  position: absolute;
  inset: .25rem auto auto -1.25rem;
}

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

.button_data-number {
  margin-bottom: -1px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
}

.home-header_image-4 {
  width: 100%;
  height: 100%;
  transform: translate(0);
}

.home-header_component {
  z-index: 3;
  aspect-ratio: 1;
  perspective: 1500px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  height: 47vh;
  display: flex;
  position: relative;
  transform: rotateX(1deg)rotateY(0)rotateZ(0);
}

.home-header_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-header_profile-name {
  color: #fff;
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--semibold);
}

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

.brands_wrapper {
  border-radius: var(--border-radius--medium);
  background-color: #000;
  overflow: clip;
}

.brands_item-block {
  padding-right: var(--fixed--1-125rem);
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta_sticky {
  padding-bottom: var(--fixed--4rem);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

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

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

.home-header_image-8 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, 72%, -800px);
}

.brands_item-logo {
  height: 21%;
}

.intro_heading-wrap {
  max-width: 55rem;
}

.home-header_img-infos {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
  position: absolute;
  top: 4%;
}

.home-header_image-3 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, -20%, -260px);
}

.button-underline-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: var(--fixed--1rem);
  letter-spacing: -.01em;
  border-bottom-color: #000;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: .5rem;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-underline-2:where(.w-variant-dc185cee-f073-1c0c-782a-4cb2823b8d57) {
  color: var(--_colors---primary--white);
}

.brands_item-texts {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 70%;
  display: flex;
}

.home-header_author {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brands_item-name {
  color: #fff;
  text-align: center;
  font-size: 1rem;
}

.brands_heading {
  max-width: 50.625rem;
}

.brands_item-desc {
  color: gray;
  text-align: center;
  font-size: .75rem;
  font-weight: 600;
}

.cta_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 50rem;
  display: flex;
}

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

.home-header_brand {
  font-size: 25.5vw;
  font-weight: 600;
  position: absolute;
}

.home-header_story {
  border-radius: 1.5vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.home-about_text-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 24rem;
  margin-left: auto;
  margin-right: 15%;
  display: flex;
  position: relative;
}

.home-header_image-6 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, 45%, -550px);
}

.home-header_image-2 {
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, -45%, -550px);
}

.button_data {
  width: var(--fixed--1-25rem);
  height: var(--fixed--1-25rem);
  background-color: var(--_colors---primary--orange);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button_data.small {
  width: var(--fixed--0-75rem);
  height: var(--fixed--0-75rem);
  margin-top: 4px;
}

.brands_gradient {
  z-index: 4;
  pointer-events: none;
  background-image: linear-gradient(270deg, #000, #0000 25% 75%, #000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-header_options {
  width: var(--fixed--3rem);
  position: relative;
}

.text-color-white {
  color: #fff;
}

.home-about_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--ultra);
  background-color: #f5f7fa;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: clip;
}

.cta_image {
  z-index: 9;
  aspect-ratio: 1;
  opacity: 1;
  pointer-events: none;
  object-fit: cover;
  border-radius: 4vh;
  max-width: none;
  height: 28vh;
  display: none;
  position: absolute;
}

.cta_image._5 {
  z-index: 5;
}

.cta_image._4 {
  z-index: 6;
}

.cta_image._2 {
  z-index: 8;
}

.cta_image._3 {
  z-index: 7;
}

.cta_image._1 {
  height: 29vh;
}

.button_icon {
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.button-data_wrap {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.work-list_wrapper {
  width: 60%;
}

.section_work-list {
  background-color: #fff;
}

.home-about_pill {
  z-index: 5;
  position: absolute;
  top: 4.9rem;
  left: 10%;
}

.work-list_img-second {
  object-fit: cover;
  width: 130%;
  max-width: none;
  height: 130%;
  position: absolute;
}

.text-size-small-2 {
  font-size: .875rem;
}

.work-list_block {
  grid-column-gap: var(--fixed--2-25rem);
  grid-row-gap: var(--fixed--2-25rem);
  perspective: 1200px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.work-list_image-main {
  z-index: 2;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius--xxhuge);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-list_img-main {
  object-fit: cover;
  width: 115%;
  max-width: none;
  height: 120%;
  position: absolute;
}

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

.work-list_image-second {
  z-index: 4;
  aspect-ratio: 3 / 2;
  border-radius: var(--border-radius--huge);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 24%;
  display: flex;
  position: absolute;
  top: 20%;
  right: -8%;
  overflow: hidden;
  transform: translate3d(0, 0, 100px);
}

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

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

.button_component {
  display: flex;
  position: relative;
}

.button_component:where(.w-variant-c3ce6e35-68af-b483-0b9f-8adf59134681) {
  width: 100%;
}

.button {
  z-index: 2;
  padding: var(--fixed--1-25rem) var(--fixed--2rem);
  color: #fff;
  font-size: var(--fixed--1rem);
  text-align: center;
  background-color: #000;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 1.5;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.button:where(.w-variant-c3ce6e35-68af-b483-0b9f-8adf59134681) {
  width: 100%;
}

.button.is-small {
  padding: var(--fixed--1rem) var(--fixed--1-5rem);
  font-size: var(--fixed--0-75rem);
}

.button.is-line-white {
  border: 1px solid var(--_colors---white--20);
  background-color: #0000;
}

.button.add-hover:hover {
  background-color: #353535;
}

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

.button_hover {
  z-index: 5;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: none;
  transform-origin: 0 100%;
  color: #000;
  white-space: nowrap;
  background-color: #f5f7fa;
  border-radius: .6rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-right: -12.5rem;
  padding: .35rem .75rem .35rem .35rem;
  font-size: .75rem;
  font-weight: 600;
  display: none;
  position: absolute;
  top: -1rem;
  bottom: auto;
  left: 75%;
}

.button_hover-img {
  border-radius: .25rem;
  width: 1.25rem;
}

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

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

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

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

.footer_divider {
  background-color: #333;
  width: 100%;
  height: 1px;
}

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

.footer_template-link {
  color: #ffffff59;
  font-size: .75rem;
  font-weight: 600;
  transition: background-color .2s;
}

.footer_template-link:hover {
  color: #fff9;
}

.footer_brand-desc {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}

.footer_template-links {
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.footer_legal-divider {
  height: var(--fixed--1-25rem);
  background-color: #3b3b3c;
  width: 1px;
}

.footer_link-label {
  color: #fff;
  font-weight: 600;
}

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

.footer_link {
  color: var(--_colors---grey--300);
  font-size: var(--fixed--0-875rem);
  font-weight: 600;
}

.footer_link:hover {
  color: #fffc;
}

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

.footer_copyright {
  color: #fff6;
  font-size: .75rem;
  font-weight: 600;
}

.footer_field {
  color: #fff;
  background-color: #0000;
  border: 1px solid #333;
  border-radius: 1.125rem;
  height: 4.5rem;
  margin-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 12rem;
  font-weight: 600;
}

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

.form_success-message-2 {
  color: #0a0a0a;
  background-color: #bdfdc7;
  border-radius: .5rem;
}

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

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

.footer_brand {
  padding-bottom: var(--fixed--4rem);
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_logo {
  width: var(--fixed--7rem);
}

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

.footer_social-media {
  width: var(--fixed--1-5rem);
}

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

.footer {
  padding-top: var(--fixed--4rem);
  padding-bottom: var(--fixed--3rem);
  background-color: #fa5d89;
  border-top: 1px solid #333;
  overflow: clip;
}

.footer_form-button-wrap {
  position: absolute;
  right: .5rem;
}

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

.footer_social-media-wrap:hover {
  opacity: .6;
}

.footer_legal-links {
  grid-column-gap: var(--fixed--1rem);
  grid-row-gap: var(--fixed--1rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  display: flex;
}

.footer_field-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.work-list_list-v2 {
  grid-column-gap: var(--fixed--5-5rem);
  grid-row-gap: var(--fixed--5-5rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.brands_logo {
  object-fit: scale-down;
  height: 4rem;
  display: block;
}

.cta_imgs-wrap {
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 50%;
  overflow: clip;
}

.brands_head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.cta_img {
  border-radius: var(--border-radius--xhuge);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta_img._2 {
  z-index: 3;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cta_img._3 {
  z-index: 2;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cta_img._1 {
  z-index: 4;
  position: relative;
}

.home-intro_component {
  grid-column-gap: var(--fixed--4rem);
  grid-row-gap: var(--fixed--4rem);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
  position: relative;
}

.home-intro_img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.cta_imgs {
  aspect-ratio: 1;
  object-fit: cover;
  height: 44%;
  position: relative;
}

.section_work-list-v2 {
  background-color: #fff;
}

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

.brands_block {
  width: 100%;
  position: relative;
}

.home-intro_img-wrap {
  aspect-ratio: 1;
  border-radius: var(--border-radius--ultra);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.home-header_image {
  border-radius: var(--border-radius--xhuge);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-header_image._5 {
  z-index: 5;
  position: absolute;
}

.home-header_image._4, .home-header_image._2, .home-header_image._3 {
  position: absolute;
}

.brands_layer {
  aspect-ratio: 1;
  background-color: #0a0a0a;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.brands_layer.back {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.brands_layer.front {
  z-index: 1;
  transform-style: preserve-3d;
  position: relative;
  transform: translate3d(0, 0, 1px);
}

.brands_wrapper-v2 {
  border-radius: var(--border-radius--medium);
  background-color: #000;
  overflow: clip;
}

.home-intro_heading {
  position: relative;
}

.home-intro_texts {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 24rem;
  display: flex;
  position: relative;
}

.brands_component-v2 {
  display: block;
}

.work-list_wrapper-v2 {
  width: 100%;
  max-width: 30rem;
}

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

.brands_item {
  perspective: 2000px;
}

.home-header_sticky {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.cta_content-v2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 34rem;
  display: flex;
}

.text-color-white-50 {
  color: #ffffff80;
}

.home-intro_pill {
  z-index: 5;
  position: absolute;
  top: 6.5rem;
  left: 43%;
}

.home-intro_content {
  max-width: 70rem;
}

.section_home-intro {
  position: relative;
}

.home-header_imgs-wrap {
  z-index: 2;
  border-radius: var(--border-radius--xhuge);
  justify-content: center;
  align-items: flex-start;
  width: 33vw;
  height: 50vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.home-header_title {
  justify-content: center;
  align-items: center;
  font-size: 26vw;
  display: flex;
  position: absolute;
  top: 2rem;
}

.brands_title {
  color: #fff;
  letter-spacing: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}

.work-list_item-v2 {
  width: 100%;
}

.brands_button {
  cursor: pointer;
  background-color: #333;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: auto 1rem 1rem auto;
}

.brands_button:hover {
  transform: scale(1.1);
}

.cta_desc {
  width: 70%;
  max-width: 22.5rem;
}

.section_cta-v2:where(.w-variant-84115d9f-a1ec-aa82-62d1-ee3bf1f4cf40) {
  padding-bottom: var(--fixed--1rem);
}

.brands_button-icon {
  width: .9rem;
}

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

.home-header_wrap {
  height: 187.5rem;
}

.home-header_content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

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

.work-list_about {
  font-size: .875rem;
}

.work-list_image-v2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.work-list_block-v2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.work-list_title {
  color: var(--_colors---primary--white);
  font-size: var(--fixed--1-125rem);
}

.work-list_infos-v2 {
  padding: var(--fixed--1-5rem) var(--fixed--2rem);
  grid-column-gap: var(--fixed--3-5rem);
  grid-row-gap: var(--fixed--3-5rem);
  border-radius: var(--border-radius--huge);
  background-color: #5a392b;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.work-list_image-wrap-v2 {
  aspect-ratio: 1;
  border-radius: var(--border-radius--huge);
  object-fit: cover;
  width: 100%;
  position: relative;
  overflow: clip;
}

.work-list_texts {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.navbar_logo-wrap {
  z-index: 101;
  position: relative;
}

.navbar_hamburger-wrap {
  display: none;
}

.navbar_hamburger {
  z-index: 101;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: none;
  position: relative;
}

.navbar_hamburger-line {
  background-color: var(--_colors---primary--black);
  width: 100%;
  height: 2px;
}

.section_home-header-v2 {
  position: relative;
}

.cta-v3_sticky {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.story_bar-line {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.story_bar-line._2, .story_bar-line._1 {
  width: 0%;
}

.stills_colors {
  border-radius: 9rem;
  width: 100%;
  max-width: 6rem;
  height: 2rem;
}

.story_bar {
  background-color: #ffffff45;
  border-radius: 10px;
  width: 100%;
  height: 2px;
}

.story_bar.active {
  background-color: #fff;
}

.story_author-pic {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  width: 2rem;
}

.brands-v3_item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1.125rem;
  display: flex;
}

.home-header_author-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state {
  border-radius: var(--border-radius--xsmall);
  background-color: var(--_colors---blue--100);
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--semibold);
  text-align: left;
  padding: 1.5rem;
}

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

.brands-v3_wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-header_content-v3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 36.875rem;
  display: flex;
}

.work-list-v3_heading {
  z-index: 3;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_cta-v3 {
  height: 180rem;
}

.story_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.story_image._1 {
  z-index: 2;
  position: relative;
}

.story_image._2 {
  z-index: 3;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-intro_pill-2 {
  z-index: 5;
  position: absolute;
  top: 2.5rem;
  left: 33%;
}

.home-header_story-2 {
  aspect-ratio: 2 / 3.4;
  border-radius: var(--border-radius--large);
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
  transform: translate3d(0, 0, 1px);
}

.work-list-v3_img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.home-header_story-1 {
  aspect-ratio: 2 / 3.4;
  border-radius: var(--border-radius--large);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: clip;
  transform: rotate(-5deg)translate3d(-35%, 2%, -100px);
}

.brands-v3_wrapper {
  background-color: #000;
  border-radius: 1rem;
  overflow: clip;
}

.home-header_text-wrap {
  max-width: 26rem;
}

.brands-v3_logo-wrap {
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius--xlarge);
  background-color: var(--_colors---grey--700);
  justify-content: center;
  align-items: center;
  width: 16rem;
  display: flex;
}

.story_options-v3 {
  width: 2.75rem;
  position: relative;
  top: -.25rem;
}

.cta-v3_images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
}

.home-intro_pic-2 {
  z-index: 3;
  border-radius: .5rem;
  width: 18%;
  max-width: 14.5rem;
  position: absolute;
  inset: auto -11.9rem -12rem auto;
}

.work-list-v3_img-wrapper {
  aspect-ratio: 2 / 2.6;
  border-radius: var(--border-radius--xxlarge);
  width: 100%;
  overflow: clip;
}

.work-list-v3_img-wrapper._1 {
  z-index: 5;
  position: relative;
}

.work-list-v3_img-wrapper._2 {
  z-index: 4;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-intro_text-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 24rem;
  margin-left: auto;
  margin-right: 15%;
  display: flex;
  position: relative;
}

.home-intro_component-v3 {
  flex-flow: column;
  display: flex;
  position: relative;
}

.cta-v3_image {
  border-radius: var(--border-radius--large);
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 45vh;
  position: relative;
}

.cta-v3_image._3 {
  z-index: 3;
}

.cta-v3_image._1 {
  z-index: 1;
}

.cta-v3_image._2 {
  z-index: 2;
}

.home-header_component-v3 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.stills_gradient-colors {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.story_top {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
  position: absolute;
  top: 4%;
}

.brands-v3_logo {
  height: 40%;
}

.work-list-v3_block {
  grid-column-gap: var(--fixed--4rem);
  grid-row-gap: var(--fixed--4rem);
  transform-origin: 50% 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-intro_pic-1 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .5rem;
  width: 34%;
  max-width: 27rem;
  position: absolute;
  inset: -10rem auto auto -22.2rem;
}

.cta-v3_component {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 40rem;
  display: flex;
}

.story_author-name-v3 {
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
}

.work-list-v3_list {
  grid-column-gap: var(--fixed--9rem);
  grid-row-gap: var(--fixed--9rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-intro_number-2 {
  margin-bottom: -1px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.home-intro-v3_component {
  border-radius: var(--border-radius--medium);
  background-color: #000;
  overflow: clip;
}

.work-list-v3_title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-header_actions {
  z-index: 4;
  width: 90%;
  position: absolute;
  top: auto;
  bottom: 3%;
}

.home-header_images-wrap {
  perspective: 1000px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 22.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  transform: rotateX(0)rotateY(.1deg)rotateZ(0);
}

.story_progress {
  z-index: 4;
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  display: grid;
  position: absolute;
  top: 1.5%;
  bottom: auto;
}

.home-intro_number-wrap {
  color: #fff;
  background-color: #ff3400;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.home-header_story-3 {
  aspect-ratio: 2 / 3.4;
  border-radius: var(--border-radius--large);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: clip;
  transform: rotate(7deg)translate3d(32%, 10%, -100px);
}

.section_home-intro-v3 {
  overflow: clip;
}

.home-work_button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.work-list_images {
  width: 80%;
  max-width: 30rem;
  position: relative;
}

.label_component {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_colors---blue--100);
  font-size: var(--fixed--0-75rem);
  font-weight: var(--_typography---font-weight--semibold);
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.label_icon {
  width: var(--fixed--1-25rem);
  max-width: none;
}

.home-header_buttons-v3 {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.cta_wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta_wrap:where(.w-variant-84115d9f-a1ec-aa82-62d1-ee3bf1f4cf40) {
  border-radius: var(--border-radius--huge);
  background-color: var(--_colors---blue--100);
}

.faq_button {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.contact_form-block {
  margin-bottom: var(--fixed--0rem);
  display: block;
}

.faq_pill {
  z-index: 5;
  background-color: var(--_colors---primary--orange);
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  border-radius: 3rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  font-size: .875rem;
  display: flex;
}

.contact_desc-wrap {
  max-width: 19rem;
}

.contact_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 32.6308% 49.4186%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.form_success-message {
  color: #0a0a0a;
  background-color: #c5e0fd;
  border-radius: .25rem;
}

.contact_fields-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.faq_button-line {
  background-color: #011d3f;
  flex: none;
  width: 1.25rem;
  height: 2px;
}

.faq_button-line.is-second {
  position: absolute;
  transform: rotate(90deg);
}

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

.faq_answer-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 7.9922% 1fr;
  grid-auto-columns: 1fr;
  padding-left: 4rem;
  display: flex;
  overflow: hidden;
}

.faq_accordion {
  border-bottom: 1px dotted var(--_colors---grey--200);
  padding-bottom: 2rem;
}

.contact_field-wrap-2, .contact_form {
  display: block;
}

.faq_question-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 5.65302% 1fr 3.89864%;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1.5rem;
  display: grid;
}

.contact_form-wrap {
  flex-flow: column;
  max-width: 40rem;
  display: flex;
}

.contact_fields {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.faq_answer-spacing {
  width: 100%;
  height: 1.5rem;
  min-height: 1.5rem;
}

.form_field {
  color: var(--_colors---primary--black);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #011d3f;
  border-radius: 0;
  height: 3.5rem;
  margin-bottom: 0;
  padding: 1rem 0;
  font-size: 1rem;
}

.form_field::placeholder {
  color: var(--_colors---primary--black);
}

.form_field.message {
  height: 8rem;
}

.error-message {
  color: #a12c2e;
  border-radius: .5rem;
  font-size: 1rem;
}

.faq_question {
  letter-spacing: -.01em;
  font-size: 1.25rem;
  line-height: 1.3;
}

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

.contact_info-wrap {
  grid-row-gap: .5rem;
  flex-direction: column;
  max-width: 360px;
  display: flex;
}

.section_contact {
  position: relative;
}

.contact_info-text {
  font-size: var(--fixed--1-125rem);
  font-weight: var(--_typography---font-weight--bold);
}

.contact_component-v2 {
  grid-row-gap: var(--fixed--8rem);
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.contact_images-wrap {
  aspect-ratio: 2 / 2.4;
  border-radius: var(--border-radius--xlarge);
  width: 26%;
  max-width: 20rem;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: clip;
}

.contact_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.contact_image._2 {
  z-index: 2;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact_image._4 {
  z-index: 4;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact_image._3 {
  z-index: 3;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact_grid {
  grid-column-gap: 16px;
  grid-row-gap: var(--fixed--4rem);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .75fr .75fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.contact_heading {
  font-size: 12rem;
  line-height: 1;
  font-weight: var(--_typography---font-weight--semibold);
}

.contact-header_text-wrapper {
  display: flex;
}

.contact-header_text-wrap {
  padding-right: 2rem;
  display: flex;
}

.contact-header_text {
  font-size: var(--fixed--10rem);
  line-height: 1;
  font-weight: var(--_typography---font-weight--semibold);
  letter-spacing: -.02em;
  white-space: nowrap;
}

.contact-form_input.border-right {
  border-right: 1px solid #0003;
}

.heading-style-h5-3 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.contact-form_field-label {
  color: #101010;
  font-weight: var(--_typography---font-weight--semibold);
}

.contact-form_form-block {
  background-color: var(--_colors---blue--100);
  border-radius: 1rem;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.contact-form_label-wrap {
  padding: var(--fixed--1-75rem) var(--fixed--2rem);
}

.contact-form_checkbox-label {
  color: #101010;
  font-size: var(--fixed--1rem);
  font-weight: var(--_typography---font-weight--medium);
}

.contact-form_success-wrap {
  background-color: #fff;
  padding: 0;
}

.contact-form_component {
  display: flex;
}

.contact-form_error-wrap {
  color: #901517;
  padding: 2rem;
}

.contact-form_checkbox-check {
  cursor: pointer;
  background-color: #ccc;
  border-style: none;
  border-radius: 50%;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  margin-top: 0;
  margin-right: .75rem;
}

.contact-form_checkbox-check.w--redirected-checked {
  background-color: #000;
  background-size: 12px;
  border-style: none;
}

.contact-form_checkbox-check.w--redirected-focus {
  box-shadow: none;
}

.contact-form_actions {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.75rem 1.75rem 2.5rem;
  display: flex;
}

.contact-form_success {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #101010;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 20rem;
  display: flex;
}

.contact-form_checkbox {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.contact-form_field {
  height: var(--fixed--5rem);
  padding: var(--fixed--0-5rem) var(--fixed--2rem);
  color: #101010;
  font-size: var(--fixed--1-25rem);
  font-weight: var(--_typography---font-weight--semibold);
  background-color: #0000;
  border-top: 1px #000;
  border-bottom: 1px solid #000;
  border-left: 1px #000;
  border-right: 1px #0003;
  margin-bottom: 0;
}

.contact-form_field:hover {
  background-color: var(--_colors---primary--white);
}

.contact-form_field:focus {
  border-bottom-width: 2px;
  border-bottom-color: #000;
}

.contact-form_field.is-message {
  resize: none;
  height: 12rem;
}

.contact-form_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_header-padding {
  padding: var(--fixed--1-125rem) var(--fixed--1rem) var(--fixed--1rem);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.about-header_wrapper {
  border-radius: var(--border-radius--medium);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.about-header_img {
  object-fit: cover;
  width: calc(100% + 2rem);
  max-width: none;
  height: calc(100% + 2rem);
  position: absolute;
}

.about-header_component {
  max-width: 40rem;
}

.about-header_words-wrapper {
  height: 4rem;
  position: relative;
  overflow: clip;
}

.about-header_content {
  z-index: 5;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.about-header_words-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.about-header_word {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-header_word._2 {
  top: 100%;
}

.about-header_word._3 {
  top: 200%;
}

.about-header_img-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

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

.head_line {
  background-color: var(--_colors---grey--200);
  width: 100%;
  height: 1px;
  display: flex;
}

.head_component {
  grid-column-gap: var(--fixed--0-875rem);
  grid-row-gap: var(--fixed--0-875rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

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

.about-values_imgs-wrapper {
  padding: var(--fixed--1rem);
  width: 50%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.about-values_block {
  flex-direction: column;
  justify-content: center;
  padding: 20vh 15%;
  display: flex;
}

.about-values_head-wrap {
  max-width: 21rem;
}

.section_about-values {
  position: relative;
}

.about-values_img-wrap {
  width: 100%;
  height: 100%;
  transition: filter .7s cubic-bezier(.215, .61, .355, 1), opacity .7s cubic-bezier(.215, .61, .355, 1);
}

.about-values_img-wrap._1 {
  z-index: 1;
  position: relative;
}

.about-values_img-wrap._2 {
  z-index: 2;
  position: absolute;
}

.about-values_img-wrap._3 {
  z-index: 3;
  position: absolute;
}

.about-values_content {
  background-color: #fff;
  width: 50%;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.about-values_block-content {
  grid-column-gap: var(--fixed--4rem);
  grid-row-gap: var(--fixed--4rem);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23.125rem;
  display: flex;
}

.about-values_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .7s cubic-bezier(.215, .61, .355, 1);
}

.about-values_imgs-wrap {
  border-radius: var(--border-radius--medium);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: clip;
}

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

.about-team_component {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.about-team_grid {
  grid-column-gap: var(--fixed--10rem);
  grid-row-gap: var(--fixed--5rem);
  object-fit: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.about-team_item {
  grid-column-gap: var(--fixed--0-75rem);
  grid-row-gap: var(--fixed--0-75rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.about-team_img-wrap {
  aspect-ratio: 2 / 2.2;
  border-radius: var(--border-radius--xsmall);
  width: 100%;
  position: relative;
  overflow: clip;
}

.about-team_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.about-team_text {
  font-size: var(--fixed--0-875rem);
  line-height: 120%;
}

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

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

.services_wrapper {
  border-radius: var(--border-radius--medium);
  background-color: var(--_colors---blue--100);
  flex-flow: column;
  flex: 1;
  display: flex;
}

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

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

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

.services_wrap {
  padding: var(--fixed--1-25rem) 0rem var(--fixed--0rem);
  background-color: #0000;
  border-top: 1px dotted #000;
}

.services_wrap.w--current {
  background-color: #0000;
}

.services_service-head {
  margin-bottom: var(--fixed--1-25rem);
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.services_content {
  flex-flow: column;
  display: flex;
  overflow: clip;
}

.services_spacing {
  padding-top: var(--fixed--0-5rem);
}

.services_spacing.large {
  padding-top: var(--fixed--4rem);
}

.services_content-wrapper {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

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

.services_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.services_img-wrap {
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius--medium);
  width: 100%;
  position: relative;
  overflow: clip;
}

.services_pill {
  z-index: 5;
  padding: var(--fixed--0-25rem) var(--fixed--1rem);
  background-color: var(--_colors---blue--200);
  color: var(--_colors---blue--800);
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--semibold);
  border-radius: 3rem;
}

.services_text {
  max-width: 36rem;
}

.services_about {
  padding-top: var(--fixed--0-875rem);
  border-top: 1px dotted #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.pricing-plans_price-value {
  color: #000;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.1;
  display: inline-block;
}

.pricing-plans_label {
  background-color: var(--_colors---primary--orange);
  color: #fff;
  border-radius: 9rem;
  padding: .1875rem .75rem .25rem;
  font-size: .875rem;
  line-height: 1.2;
}

.pricing-plans_label.opacity-none {
  opacity: 0;
}

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

.pricing-plans_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.pricing-plans_month {
  color: #6f7980;
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--medium);
}

.pricing-plans_head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  border-bottom: 1px solid #c5d3db;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
}

.pricing-plans_price-monthly {
  display: none;
}

.pricing-plans_list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.pricing-plans_desc {
  font-size: 1rem;
}

.pricing-plans_item {
  background-image: url('../images/icon-checklist.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  margin-bottom: 0;
  padding-left: 2rem;
}

.pricing-plans_main-description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pricing-plans_block {
  padding: var(--fixed--2rem);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--border-radius--medium);
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-plans_block.main {
  background-color: var(--_colors---blue--100);
}

.pricing-plans_price-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.pricing-plans_price-annually {
  display: inline-block;
}

.pricing-faq_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 32.6308% 49.4186%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.show-tablet {
  display: none;
}

.blog-list_image-wrap {
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius--xsmall);
  width: 55%;
  overflow: hidden;
}

.blog-list_date {
  font-size: var(--fixed--0-75rem);
  font-weight: var(--_typography---font-weight--semibold);
}

.blog-list_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-list_item-block {
  padding: var(--fixed--2rem);
  aspect-ratio: 2 / 2.2;
  border-radius: var(--border-radius--medium);
  background-color: var(--_colors---blue--100);
  flex-direction: column;
  justify-content: space-between;
  transition: border-color .2s, transform .2s;
  display: flex;
}

.blog-list_texts {
  grid-row-gap: var(--fixed--1-125rem);
  flex-direction: column;
  display: flex;
}

.blog-list_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.blog-list_head {
  padding-top: var(--fixed--0-875rem);
  border-top: 1px dotted #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.work-header_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.work-header_img-wrap {
  aspect-ratio: 2;
  border-radius: var(--border-radius--medium);
  width: 100%;
  position: relative;
  overflow: clip;
}

.work-header_component {
  grid-column-gap: var(--fixed--3rem);
  grid-row-gap: var(--fixed--3rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.work-header_infos {
  grid-column-gap: var(--fixed--6rem);
  grid-row-gap: var(--fixed--6rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.work-header_head {
  grid-column-gap: var(--fixed--1-25rem);
  grid-row-gap: var(--fixed--1-25rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50rem;
  display: flex;
}

.work-header_info-text {
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--semibold);
}

.case-content_imgs-item {
  width: 100%;
}

.case-content_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.case-content_imgs-list {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: var(--fixed--2rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.case-content_image-wrap {
  aspect-ratio: 3 / 2;
  border-radius: var(--border-radius--small);
  width: 100%;
  position: relative;
  overflow: clip;
}

.work-content_content {
  grid-column-gap: var(--fixed--2-75rem);
  grid-row-gap: var(--fixed--2-75rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 4rem;
}

.case-content_imgs-wrap {
  width: 100%;
}

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

.work-header_brand {
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.work-header_dot {
  width: var(--fixed--0-5rem);
  height: var(--fixed--0-5rem);
  border-radius: 50%;
}

.work-final_img-wrap {
  border-radius: var(--border-radius--medium);
  width: 100%;
  position: relative;
  overflow: clip;
}

.work-final_img {
  object-fit: cover;
  width: 100%;
}

.case-content_component {
  flex-flow: column;
  display: flex;
}

.case-content_final {
  grid-column-gap: var(--fixed--3rem);
  grid-row-gap: var(--fixed--3rem);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

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

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

.case-content_final-head {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 26rem;
  display: flex;
  position: sticky;
  top: 4rem;
}

.case-content_line {
  border-top: 1px dotted #000;
  width: 100%;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.case-content_data {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  display: grid;
}

.text-weight-medium-2 {
  font-weight: 500;
}

.post-header_component {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.post-header_description {
  width: 80%;
}

.post-header_image-wrap {
  border-radius: var(--border-radius--xsmall);
  width: 100%;
  overflow: clip;
}

.post-header_infos {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.post-header_image {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
  position: static;
}

.about-values_img-tablet {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .7s cubic-bezier(.215, .61, .355, 1);
  display: none;
}

.buy-template {
  z-index: 98;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
  position: fixed;
  inset: auto 1rem 1rem auto;
  box-shadow: 0 10px 10px -5px #0003;
}

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

  .nav_component {
    display: none;
  }

  .resources_heading {
    font-size: 1.25rem;
  }

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

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

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

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

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

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

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

  .padding-section-medium.is-tablet-small {
    padding-top: var(--fixed--5rem);
  }

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

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

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

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

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

  .padding-section-large.is-tablet-smaller {
    padding-top: var(--fixed--6rem);
  }

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

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

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

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

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

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

  .hide-tablet {
    display: none;
  }

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

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

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

  .navbar_component {
    justify-content: space-between;
    align-items: center;
  }

  .navbar_links {
    z-index: 99;
    grid-column-gap: var(--fixed--0-875rem);
    grid-row-gap: var(--fixed--0-875rem);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0%;
  }

  .navbar_links-wrap {
    display: none;
  }

  .navbar {
    padding-top: var(--fixed--0-875rem);
    padding-bottom: var(--fixed--0-875rem);
  }

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

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

  .section_cta {
    height: auto;
  }

  .home-about_img {
    aspect-ratio: 2;
  }

  .home-about_img-wrap {
    aspect-ratio: auto;
    order: 1;
  }

  .home-about_content-wrap {
    padding: var(--fixed--3rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-dot {
    width: .5rem;
    height: .5rem;
  }

  .home-header_component {
    height: 35vh;
  }

  .cta_sticky {
    height: auto;
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .cta_images {
    width: 80%;
    height: 13rem;
  }

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

  .home-header_story {
    border-radius: 2.5vw;
  }

  .brands_gradient {
    display: none;
  }

  .home-about_component {
    flex-flow: column;
    display: flex;
  }

  .cta_image {
    border-radius: 1rem;
    display: block;
  }

  .cta_image._5 {
    aspect-ratio: 1;
    border-radius: .5rem;
    width: auto;
    height: 4rem;
    bottom: -12.6rem;
    right: 7.3rem;
  }

  .cta_image._4 {
    aspect-ratio: 1;
    width: auto;
    height: 4.5rem;
    display: none;
    bottom: -2rem;
    right: 1.8rem;
  }

  .cta_image._2 {
    aspect-ratio: 1;
    border-radius: .75rem;
    width: auto;
    height: 6rem;
    top: -10.3375rem;
    right: -1.9rem;
  }

  .cta_image._3 {
    aspect-ratio: 1;
    width: auto;
    height: 9rem;
    bottom: -9.6rem;
    left: 0;
  }

  .cta_image._1 {
    aspect-ratio: 1;
    width: auto;
    height: 7rem;
    top: -14.8rem;
    left: -5.5rem;
  }

  .work-list_wrapper {
    width: 80%;
  }

  .home-about_pill {
    display: none;
  }

  .work-list_image-main {
    border-radius: 1.25rem;
  }

  .work-list_image-second {
    border-radius: 1rem;
  }

  .footer_brand-desc {
    font-size: 1rem;
  }

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

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

  .footer_copyright {
    font-weight: 500;
  }

  .footer_brand {
    padding-bottom: var(--fixed--3rem);
  }

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

  .footer_links-groups {
    grid-column-gap: var(--fixed--4-5rem);
    grid-row-gap: var(--fixed--4-5rem);
    width: 100%;
  }

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

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

  .cta_imgs {
    width: 70%;
    height: auto;
  }

  .brands_list-v2 {
    grid-template-columns: 1fr 1fr;
  }

  .home-intro_img-wrap {
    aspect-ratio: 2;
  }

  .cta_component {
    display: block;
  }

  .home-header_sticky {
    height: auto;
    position: relative;
  }

  .cta_content-v2 {
    width: 50%;
  }

  .home-header_imgs-wrap {
    aspect-ratio: 1 / 1.2;
    width: 60vw;
    height: auto;
    margin-top: 5rem;
    position: relative;
  }

  .home-header_title {
    width: 90%;
    margin-top: 3.125rem;
    position: relative;
    top: auto;
    left: auto;
  }

  .section_cta-v2 {
    min-height: auto;
  }

  .home-header_wrap {
    height: auto;
  }

  .navbar_hamburger-wrap {
    z-index: 101;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: -.5rem;
    display: flex;
    position: relative;
  }

  .navbar_hamburger {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    display: flex;
  }

  .cta-v3_sticky {
    min-height: auto;
    position: relative;
  }

  .home-header_content-v3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 35rem;
    display: flex;
  }

  .work-list-v3_heading {
    grid-row-gap: 1.5rem;
  }

  .section_cta-v3 {
    height: auto;
  }

  .home-intro_pill-2 {
    top: 1.7rem;
    left: 48%;
  }

  .home-header_story-2, .home-header_story-1 {
    border-radius: .875rem;
  }

  .brands-v3_logo-wrap {
    width: 12rem;
  }

  .cta-v3_images {
    grid-template-columns: 1fr 1fr;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .home-intro_pic-2 {
    display: none;
  }

  .work-list-v3_img-wrapper._1 {
    transform: translate(8%)rotate(4deg);
  }

  .work-list-v3_img-wrapper._2 {
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translate(-3%, 4%)rotate(-3deg);
  }

  .cta-v3_image._3, .cta-v3_image._1 {
    aspect-ratio: 1;
    height: auto;
    max-height: none;
  }

  .cta-v3_image._2 {
    display: none;
  }

  .home-header_component-v3 {
    flex-flow: column;
    display: flex;
  }

  .stills_gradient-colors {
    display: none;
  }

  .work-list-v3_block {
    grid-column-gap: var(--fixed--2-75rem);
    grid-row-gap: var(--fixed--2-75rem);
    height: auto;
  }

  .home-intro_pic-1 {
    display: none;
  }

  .work-list-v3_list {
    grid-column-gap: var(--fixed--8rem);
    grid-row-gap: var(--fixed--8rem);
    flex-flow: column;
    display: flex;
  }

  .home-header_images-wrap {
    width: 40%;
  }

  .home-header_story-3 {
    border-radius: .875rem;
  }

  .home-header_buttons-v3 {
    justify-content: center;
    align-items: center;
  }

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

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

  .form_field {
    font-size: 1rem;
  }

  .faq_question {
    font-size: 1.25rem;
  }

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

  .contact_component-v2 {
    grid-row-gap: var(--fixed--3-5rem);
  }

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

  .contact_heading {
    font-size: 5rem;
  }

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

  .heading-style-h5-3 {
    font-size: 2rem;
  }

  .contact-form_label-wrap {
    padding-top: var(--fixed--1-25rem);
    padding-bottom: var(--fixed--1-25rem);
  }

  .section_header-padding {
    padding-top: var(--fixed--4rem);
  }

  .about-header_words-wrapper {
    height: 3.2rem;
    margin-top: 0;
  }

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

  .about-values_wrapper {
    padding-bottom: var(--fixed--6rem);
    grid-column-gap: var(--fixed--3rem);
    grid-row-gap: var(--fixed--3rem);
    flex-flow: column;
  }

  .about-values_imgs-wrapper {
    padding: var(--fixed--0rem) var(--fixed--2-25rem);
    width: 100%;
    height: auto;
    display: none;
    position: relative;
    top: auto;
  }

  .about-values_block {
    padding: var(--fixed--0rem) var(--fixed--2-25rem);
    grid-column-gap: var(--fixed--4rem);
    grid-row-gap: var(--fixed--4rem);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center end;
    display: grid;
  }

  .about-values_content {
    padding-top: var(--fixed--0rem);
    padding-bottom: var(--fixed--0rem);
    grid-column-gap: var(--fixed--3rem);
    grid-row-gap: var(--fixed--3rem);
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .about-values_block-content {
    grid-column-gap: var(--fixed--1-75rem);
    grid-row-gap: var(--fixed--1-75rem);
  }

  .about-values_imgs-wrap {
    aspect-ratio: 16 / 9;
  }

  .about-team_component, .services_content-wrapper {
    flex-flow: column;
    display: flex;
  }

  .pricing-plans_label.opacity-none {
    display: none;
  }

  .pricing-plans_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .pricing-plans_block {
    padding-top: 1.5rem;
  }

  .pricing-faq_component {
    grid-template-columns: 1fr;
  }

  .show-tablet {
    display: block;
  }

  .blog-list_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

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

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

  .work-content_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    position: relative;
    top: auto;
  }

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

  .case-content_data {
    width: 100%;
  }

  .about-values_img-tablet {
    aspect-ratio: 1;
    border-radius: var(--border-radius--medium);
    display: block;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .padding-section-medium.is-tablet-small {
    padding-top: var(--fixed--4rem);
  }

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

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

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

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

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

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

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

  .padding-section-large.is-tablet-smaller {
    padding-top: var(--fixed--4rem);
  }

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

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

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

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

  .padding-section-small.is-mobile-big {
    padding-top: var(--fixed--4rem);
  }

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

  .heading-style-h3.is-mobile-h4 {
    font-size: var(--_typography---h4--font-size);
  }

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

  .heading-style-h2.mobile-h3 {
    font-size: var(--_typography---h3--font-size);
  }

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

  .navbar {
    padding-top: var(--fixed--0-5rem);
    padding-bottom: var(--fixed--0-5rem);
  }

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

  .home-about_img-wrap {
    border-radius: 1rem;
  }

  .cta_sticky {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .intro_heading-wrap {
    position: relative;
  }

  .home-header_img-infos {
    top: .875rem;
  }

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

  .home-about_text-wrap {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }

  .cta_image {
    border-radius: 1rem;
  }

  .cta_image._5 {
    bottom: -6.5rem;
  }

  .cta_image._2 {
    top: -5.5375rem;
  }

  .cta_image._3 {
    bottom: -3.4rem;
    left: -6.8rem;
  }

  .cta_image._1 {
    top: -8.3rem;
  }

  .home-about_pill {
    display: none;
  }

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

  .work-list_image-main {
    border-radius: .875rem;
  }

  .work-list_image-second {
    border-radius: .5rem;
  }

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

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

  .footer_brand-desc {
    font-size: 1rem;
  }

  .footer_template-links {
    margin-left: auto;
    margin-right: auto;
  }

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

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

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

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

  .footer_social {
    grid-column-gap: 1rem;
    justify-content: space-between;
  }

  .footer_legal-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .footer_legal-links {
    flex-flow: column;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: flex;
  }

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

  .brands_logo {
    height: 2.5rem;
  }

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

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

  .brands_list-v2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .brands_block {
    overflow: hidden;
  }

  .brands_layer {
    border-style: none;
  }

  .brands_layer.back {
    aspect-ratio: auto;
    border-radius: 0;
    padding-top: .25rem;
    display: none;
    position: relative;
    transform: none;
  }

  .brands_layer.front {
    aspect-ratio: auto;
    background-color: var(--_colors---white--transparent);
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
  }

  .home-intro_texts {
    width: 70%;
    max-width: none;
    margin-right: 0;
  }

  .home-intro_pill, .brands_button {
    display: none;
  }

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

  .story_author-pic {
    width: 1.75rem;
  }

  .home-intro_pill-2 {
    display: none;
  }

  .cta-v3_images {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-intro_pic-2 {
    object-fit: cover;
    object-position: 50% 100%;
    width: 40%;
    max-width: 6.75rem;
    height: 8rem;
    bottom: -9.4rem;
    right: -1.3rem;
  }

  .work-list-v3_img-wrapper {
    position: relative;
    top: auto;
  }

  .home-intro_text-wrap {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .story_top {
    top: .875rem;
  }

  .home-intro_pic-1 {
    width: 60%;
    max-width: 10rem;
    top: auto;
    bottom: -6.4rem;
    left: -1.6rem;
  }

  .story_author-name-v3 {
    font-size: .75rem;
  }

  .work-list-v3_list {
    grid-column-gap: var(--fixed--6rem);
    grid-row-gap: var(--fixed--6rem);
  }

  .work-list_images {
    max-width: 23rem;
  }

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

  .faq_content {
    width: 98%;
    margin-left: 0;
  }

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

  .contact_content-v2 {
    max-width: none;
  }

  .faq_question {
    font-size: 1.125rem;
  }

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

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

  .contact_grid {
    grid-row-gap: var(--fixed--2rem);
  }

  .contact_heading {
    font-size: 2.75rem;
  }

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

  .heading-style-h5-3 {
    font-size: 1.5rem;
  }

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

  .contact-form_label-wrap {
    padding: var(--fixed--0-875rem) var(--fixed--1rem);
  }

  .contact-form_checkbox-label {
    font-size: var(--fixed--0-875rem);
  }

  .contact-form_field {
    height: 3.25rem;
  }

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

  .about-header_words-wrapper {
    height: 2.2rem;
  }

  .about-values_wrapper {
    flex-direction: column;
  }

  .about-values_imgs-wrapper {
    padding-right: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
    position: relative;
    top: auto;
  }

  .about-values_block {
    padding-right: var(--fixed--1-5rem);
    padding-left: var(--fixed--1-5rem);
    grid-column-gap: var(--fixed--2rem);
    grid-row-gap: var(--fixed--2rem);
  }

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

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

  .pricing-plans_price-value {
    font-size: 1.625rem;
  }

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

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

  .blog-list_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

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

  .blog-list_item {
    display: flex;
  }

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

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

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

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

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

  .case-content_data {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

@media screen and (max-width: 479px) {
  body {
    font-size: var(--fixed--0-875rem);
  }

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

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

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

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

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

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

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

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

  .text-dot {
    display: none;
  }

  .home-header_component {
    width: 70vw;
    height: auto;
    max-height: 40vh;
  }

  .home-about_text-wrap {
    width: 100%;
  }

  .home-header_options {
    width: var(--fixed--2-25rem);
  }

  .cta_image._5 {
    bottom: -8.6rem;
    right: 7.8rem;
  }

  .cta_image._4 {
    right: -4rem;
  }

  .cta_image._2 {
    right: -6.9rem;
  }

  .cta_image._3 {
    left: -8.8rem;
  }

  .cta_image._1 {
    left: -6.6rem;
  }

  .work-list_wrapper {
    width: 100%;
  }

  .work-list_image-second {
    right: -5%;
  }

  .footer_template-links {
    grid-row-gap: .5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .footer_legal-divider {
    display: none;
  }

  .footer_field {
    border-radius: .875rem;
    height: 4rem;
    padding-right: 1.25rem;
  }

  .footer_brand {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1.5rem;
  }

  .footer_legal-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .footer_form-button-wrap {
    position: relative;
    right: auto;
  }

  .footer_legal-links {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

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

  .cta_imgs-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    left: auto;
  }

  .cta_imgs {
    margin-top: var(--fixed--2rem);
    width: calc(100% - 3rem);
  }

  .home-intro_texts {
    width: 100%;
  }

  .cta_content-v2 {
    width: 100%;
    max-width: none;
  }

  .cta_desc {
    width: 100%;
  }

  .work-list_infos-v2 {
    padding: var(--fixed--1-5rem);
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section_cta-v3 {
    padding-bottom: 1.5rem;
  }

  .brands-v3_logo-wrap {
    width: 9.5rem;
  }

  .story_options-v3 {
    width: 2.25rem;
  }

  .cta-v3_images {
    flex-flow: column;
    display: flex;
  }

  .work-list-v3_img-wrapper._2 {
    margin-top: -20.6rem;
    margin-right: -2.5rem;
  }

  .home-intro_text-wrap {
    width: 100%;
  }

  .cta-v3_image._3, .cta-v3_image._2 {
    display: none;
  }

  .home-header_images-wrap {
    width: 60%;
    max-width: 15rem;
  }

  .work-list_images {
    width: 60%;
  }

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

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

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

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

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

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

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

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

  .section_header-padding {
    min-height: 32rem;
  }

  .about-intro_texts {
    flex-flow: column;
    display: flex;
  }

  .about-values_imgs-wrapper {
    position: relative;
  }

  .about-values_block {
    grid-column-gap: var(--fixed--1-125rem);
    grid-row-gap: var(--fixed--1-125rem);
    flex-flow: column;
    display: flex;
  }

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

  .about-values_head, .about-team_grid, .services_service-head {
    grid-column-gap: var(--fixed--1rem);
    grid-row-gap: var(--fixed--1rem);
  }

  .pricing-plans_list, .pricing-plans_desc {
    font-size: .875rem;
  }

  .pricing-plans_item {
    background-position: 0 0;
    background-size: 1.4rem;
    min-height: 1.6875rem;
  }

  .pricing-plans_block {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

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

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

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

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

  .case-content_data {
    flex-flow: column;
    display: flex;
  }
}

#w-node-_27f46d30-d64e-20c0-dc16-743785c0d37d-85c0d353 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_27f46d30-d64e-20c0-dc16-743785c0d3ab-85c0d353 {
  order: 0;
  place-self: end start;
}

#w-node-_27f46d30-d64e-20c0-dc16-743785c0d3b8-85c0d353 {
  place-self: end;
}

#w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cce-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cd6-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cea-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04dd8-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04ddf-75173d56 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d350e3ee-5b0c-0d6b-de28-200e71443040-75173d58, #w-node-_7b8c2940-9560-4992-5848-1629b4cc813a-b4cc8136 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b8c2940-9560-4992-5848-1629b4cc8140-b4cc8136 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7b8c2940-9560-4992-5848-1629b4cc8141-b4cc8136, #w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894aac-75173d64 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894ab1-75173d64 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894ab6-75173d64 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_6d8ab35b-064d-2abc-1e98-a224f0c37ca3-75173d65, #w-node-_6d8ab35b-064d-2abc-1e98-a224f0c37ca8-75173d65 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d8ab35b-064d-2abc-1e98-a224f0c37cad-75173d65 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90da64ec-cca7-c748-593f-929919e31aac-75173d66 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-af43ec53-7a0b-80b6-9525-0f6198d00b96-75173d66, #w-node-af43ec53-7a0b-80b6-9525-0f6198d00b9d-75173d66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12e0f52c-e5e0-5e19-82e9-9e26ab8d9912-75173d67, #w-node-_1bef7ef3-7e3f-6a89-ef0e-06ecf8e18721-75173d67, #w-node-c6518b22-6134-7b89-c0d6-7f9518460c21-75173d67, #w-node-_7c4da96d-abde-9cad-e9df-1d05c859b9c6-75173d67 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_90da64ec-cca7-c748-593f-929919e31aac-75173d66 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_27f46d30-d64e-20c0-dc16-743785c0d3b8-85c0d353 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cce-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cd6-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04cea-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04d8c-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04dd8-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04ddf-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04f12-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04f19-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04f20-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04f40-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04f47-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04faa-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04fb2-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04fee-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d04ff6-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d05012-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d0501a-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d05036-75173d56, #w-node-_77cecff6-6d66-65fb-08bb-6d63b7d0503e-75173d56, #w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894aac-75173d64, #w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894ab1-75173d64, #w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894ab6-75173d64 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40c911ca-9c59-1f1e-1fbb-6d5d27894abb-75173d64 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_6d8ab35b-064d-2abc-1e98-a224f0c37cad-75173d65 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-Regular-BF648a656f74a27.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-Bold-BF648a656f312c4.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-Medium-BF648a656f49882.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-DemiBold-BF648a656f04a15.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}