@font-face {
  font-family: BDO Grotesk;
  src: url('../fonts/BDOGrotesk-VF.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto mono;
  src: url('../fonts/RobotoMono-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto mono;
  src: url('../fonts/RobotoMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-ThinCondensed.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-MediumCompressed.ttf') format("truetype"), url('../fonts/F37Judge-MediumExtended.ttf') format("truetype"), url('../fonts/F37Judge-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-MediumCompressedItalic.ttf') format("truetype"), url('../fonts/F37Judge-MediumExtendedItalic.ttf') format("truetype"), url('../fonts/F37Judge-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-RegularExtendedItalic.ttf') format("truetype"), url('../fonts/F37Judge-RegularItalic.ttf') format("truetype"), url('../fonts/F37Judge-RegularCompressedItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-RegularCondensed.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-BoldCondensedItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-BoldExtendedItalic.ttf') format("truetype"), url('../fonts/F37Judge-BoldCompresseditalic.ttf') format("truetype"), url('../fonts/F37Judge-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-ThinCompressed.ttf') format("truetype"), url('../fonts/F37Judge-ThinExtended.ttf') format("truetype"), url('../fonts/F37Judge-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-Bold.ttf') format("truetype"), url('../fonts/F37Judge-BoldExtended.ttf') format("truetype"), url('../fonts/F37Judge-BoldCompressed.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-RegularCondensedItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-ThinCondensedItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-MediumCondensed.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-ThinCompressedItalic.ttf') format("truetype"), url('../fonts/F37Judge-ThinItalic.ttf') format("truetype"), url('../fonts/F37Judge-ThinExtendedItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge";
  src: url('../fonts/F37Judge-RegularCompressed.ttf') format("truetype"), url('../fonts/F37Judge-Regular.ttf') format("truetype"), url('../fonts/F37Judge-RegularExtended.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-MediumCondensedItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "F 37 Judge Condensed";
  src: url('../fonts/F37Judge-BoldCondensed.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-black-italic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sole Serif Caption;
  src: url('../fonts/sole-serif-caption-bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---primary--beige: #f8f7f3;
  --_typography---font-family--body: "Sole Serif Caption", Georgia, sans-serif;
  --_colors---primary--black: #000;
  --fixed--1rem: 1rem;
  --_typography---font-weight--regular: 400;
  --fixed--0rem: 0rem;
  --_typography---h1--font-family: var(--_typography---font-family--primary);
  --_typography---h1--font-size: var(--fixed--6rem);
  --_typography---h1--line-height: 100%;
  --_typography---h1--font-weight: var(--_typography---font-weight--medium);
  --_typography---h1--letter-spacing: 0em;
  --_typography---h2--font-family: var(--_typography---font-family--primary);
  --_typography---h2--font-size: var(--fixed--5rem);
  --_typography---h2--font-weight: var(--_typography---font-weight--medium);
  --_typography---h2--letter-spacing: 0em;
  --_typography---h3--font-family: var(--_typography---font-family--primary);
  --_typography---h3--font-size: var(--fixed--3-5rem);
  --_typography---h3--line-height: 105%;
  --_typography---h3--font-weight: var(--_typography---font-weight--medium);
  --_typography---h3--letter-spacing: 0em;
  --_typography---h4--font-family: var(--_typography---font-family--primary);
  --_typography---h4--font-size: var(--fixed--2-75rem);
  --_typography---h4--line-height: 110%;
  --_typography---h4--font-weight: var(--_typography---font-weight--medium);
  --_typography---h4--letter-spacing: 0em;
  --_typography---h5--font-family: var(--_typography---font-family--primary);
  --_typography---h5--font-size: var(--fixed--2rem);
  --_typography---h5--line-height: 110%;
  --_typography---h5--font-weight: var(--_typography---font-weight--medium);
  --_typography---h5--letter-spacing: 0em;
  --_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--medium);
  --_typography---h6--letter-spacing: 0em;
  --fixed--2-5rem: 2.5rem;
  --fixed--1-5rem: 1.5rem;
  --fixed--1-125rem: 1.125rem;
  --fixed--1-25rem: 1.25rem;
  --fixed--1-75rem: 1.75rem;
  --fixed--2rem: 2rem;
  --fixed--4rem: 4rem;
  --fixed--3rem: 3rem;
  --section--medium: var(--fixed--8rem);
  --fixed--6rem: 6rem;
  --spacer--medium: var(--fixed--2rem);
  --fixed--2-25rem: 2.25rem;
  --section--large: var(--fixed--10rem);
  --_colors---primary--white: white;
  --spacer--small: var(--fixed--1rem);
  --section--xxlarge: var(--fixed--13rem);
  --_typography---font-family--detail: "Roboto mono", Arial, sans-serif;
  --fixed--0-875rem: .875rem;
  --_typography---font-weight--medium: 500;
  --section--xsmall: var(--fixed--4rem);
  --section--small: var(--fixed--6rem);
  --spacer--large: var(--fixed--3rem);
  --fixed--4-5rem: 4.5rem;
  --fixed--3-5rem: 3.5rem;
  --fixed--0-5rem: .5rem;
  --_colors---white--transparent: transparent;
  --fixed--8rem: 8rem;
  --_colors---grey--100: #ddd;
  --fixed--12rem: 12rem;
  --_colors---grey--300: #6b6b6b;
  --border-radius--ultra: var(--fixed--3rem);
  --fixed--15rem: 15rem;
  --border-radius--small: var(--fixed--0-75rem);
  --border-radius--medium: var(--fixed--1rem);
  --fixed--0-75rem: .75rem;
  --_colors---grey--400: #474747;
  --fixed--2-75rem: 2.75rem;
  --border-radius--large: var(--fixed--1-125rem);
  --border-radius--xxlarge: var(--fixed--1-5rem);
  --_typography---font-weight--thin: 100;
  --_typography---font-family--primary: "F 37 Judge Condensed", Arial, sans-serif;
  --fixed--5-5rem: 5.5rem;
  --_typography---font-weight--light: 300;
  --fixed--6-5rem: 6.5rem;
  --_colors---primary--pink: #c6499b;
  --fixed--5rem: 5rem;
  --base--beige: #f8f7f3;
  --fixed--0-125rem: .125rem;
  --fixed--0-25rem: .25rem;
  --_colors---grey--200: #b6b6b6;
  --_colors---grey--500: #333;
  --_colors---grey--600: #292929;
  --_colors---grey--700: #171717;
  --_colors---grey--800: #0f0f0f;
  --_colors---grey--900: #0a0a0a;
  --_colors---white--10: #ffffff1a;
  --_colors---white--15: #ffffff26;
  --_colors---white--20: #fff3;
  --_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;
  --_typography---h2--line-height: 100%;
  --fixed--7rem: 7rem;
  --fixed--9rem: 9rem;
  --fixed--10rem: 10rem;
  --fixed--11rem: 11rem;
  --fixed--13rem: 13rem;
  --fixed--14rem: 14rem;
  --fixed--16rem: 16rem;
  --spacer--tiny: var(--fixed--0-125rem);
  --spacer--xxsmall: var(--fixed--0-25rem);
  --spacer--xsmall: var(--fixed--0-5rem);
  --spacer--xlarge: var(--fixed--4rem);
  --spacer--xxlarge: var(--fixed--5rem);
  --spacer--huge: var(--fixed--6rem);
  --spacer--xhuge: var(--fixed--8rem);
  --spacer--xxhuge: var(--fixed--12rem);
  --spacer--custom-1: var(--fixed--1-25rem);
  --spacer--custom-2: var(--fixed--1-5rem);
  --spacer--custom-3: var(--fixed--2-5rem);
  --_typography---font-weight--extra-light: 200;
  --section--xlarge: var(--fixed--12rem);
  --border-radius--tiny: var(--fixed--0-125rem);
  --_typography---font-weight--semibold: 600;
  --_typography---font-weight--bold: 700;
  --border-radius--xxsmall: var(--fixed--0-25rem);
  --border-radius--xsmall: var(--fixed--0-5rem);
  --_typography---font-weight--extra-bold: 800;
  --_typography---font-weight--black: 900;
  --border-radius--xlarge: var(--fixed--1-25rem);
  --border-radius--huge: var(--fixed--1-75rem);
  --border-radius--xhuge: var(--fixed--2rem);
  --border-radius--xxhuge: var(--fixed--2-5rem);
}

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

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

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

body {
  background-color: var(--_colors---primary--beige);
  font-family: var(--_typography---font-family--body);
  color: var(--_colors---primary--black);
  font-size: var(--fixed--1rem);
  line-height: 1.4;
  font-weight: var(--_typography---font-weight--regular);
}

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%;
}

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

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

.utility-page-wrap.min-heigh {
  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;
}

.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);
}

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

.hide {
  display: none;
}

.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 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);
}

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

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

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

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

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

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

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

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

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

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

.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);
}

.heading-style-h4.text-black {
  color: var(--_colors---primary--black);
}

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

.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-label {
  font-family: var(--_typography---font-family--detail);
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: .1em;
  text-transform: uppercase;
}

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

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

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

.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);
}

.heading-style-h3.text-black {
  color: var(--_colors---primary--black);
}

.heading-style-h3.text-black.mb-4 {
  margin-bottom: var(--fixed--1rem);
}

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

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

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

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

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

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

.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;
}

.home-header_img-wrap {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
  position: absolute;
}

.home-header_img-wrap._1 {
  top: 0%;
  right: auto;
  transform: rotate(0);
}

.home-header_img-wrap._2 {
  top: 50%;
  right: -2%;
}

.home-header_img-wrap._3 {
  bottom: 0%;
  right: 15%;
}

.home-header_img-wrap._4 {
  inset: 50% auto auto -2%;
}

.home-header_img-wrap._5 {
  bottom: 0%;
  left: 15%;
}

.section_home-header {
  background-color: #f2eeec;
  background-image: url('../images/back_who.png');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.home-header_headings {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 32rem;
  display: flex;
  position: relative;
}

.home-header_heading {
  font-family: var(--_typography---h1--font-family);
  color: var(--_colors---primary--white);
  font-size: var(--fixed--4-5rem);
  line-height: 100%;
  font-weight: var(--_typography---h1--font-weight);
  text-align: center;
}

.home-header_heading.text-pink {
  font-size: var(--fixed--3-5rem);
}

.home-header_imgs-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-header_imgs-wrap {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  height: 80vh;
  min-height: 70vh;
  max-height: none;
  display: flex;
  position: absolute;
  transform: rotate(0);
}

.button {
  border-radius: var(--fixed--1-5rem);
  background-color: var(--_colors---primary--black);
  color: #fff;
  font-size: var(--fixed--1rem);
  font-weight: var(--_typography---font-weight--medium);
  display: block;
  position: relative;
  overflow: clip;
}

.button:where(.w-variant-b8634f3d-4f7e-297a-e558-b94b09f0008b) {
  color: var(--_colors---primary--black);
  background-color: #0000;
  background-image: linear-gradient(#f2f1ed, #dddbd1);
}

.button:where(.w-variant-994e88c4-baec-2bbf-d0b3-8a2991a92ab2) {
  border-radius: var(--fixed--1rem);
  color: var(--_colors---primary--black);
  font-size: var(--fixed--0-875rem);
  background-color: #0000;
  background-image: linear-gradient(#f2f1ed, #dddbd1);
}

.button:active {
  transform: translate(0, 2px);
  box-shadow: 0 4px 4px #0000004d;
}

.button_inner {
  padding: var(--fixed--1-5rem) var(--fixed--2rem);
  transition: box-shadow .2s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 7px #ffffff47;
}

.button_inner:where(.w-variant-994e88c4-baec-2bbf-d0b3-8a2991a92ab2) {
  padding: var(--fixed--1rem) var(--fixed--1-5rem);
}

.button_inner:hover {
  box-shadow: inset 0 0 7px #fff9;
}

.button_gradient {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  border-radius: 12px;
  position: absolute;
  inset: 0%;
}

.button_gradient-ball {
  filter: blur(20px);
  mix-blend-mode: overlay;
  border-radius: 50%;
  width: 50%;
  height: 50%;
}

.button_gradient-ball.ball-1 {
  background-color: #fd3846;
  background-image: linear-gradient(to right, #fd3846, #ffd000);
  position: absolute;
  bottom: 0;
}

.button_gradient-ball.ball-1:where(.w-variant-994e88c4-baec-2bbf-d0b3-8a2991a92ab2) {
  filter: blur(13px);
}

.button_gradient-ball.ball-2 {
  background-image: linear-gradient(78deg, #a600ff, #2bff00);
  position: absolute;
  bottom: 0;
  left: 50%;
}

.button_gradient-ball.ball-2:where(.w-variant-994e88c4-baec-2bbf-d0b3-8a2991a92ab2) {
  filter: blur(13px);
}

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

.button_gradient-glow {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.navbar {
  z-index: 98;
  padding-top: var(--fixed--1rem);
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar_logo {
  width: auto;
  height: 24px;
}

.navbar_component {
  border: 1px #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar_component.black {
  border-bottom-style: solid;
  border-bottom-color: var(--_colors---grey--100);
}

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

.navbar_link-text._1 {
  pointer-events: none;
}

.navbar_links-wrap {
  padding: var(--fixed--0-5rem) var(--fixed--0-5rem) var(--fixed--0-5rem) var(--fixed--1-75rem);
  grid-column-gap: var(--fixed--1-75rem);
  grid-row-gap: var(--fixed--1-75rem);
  border: .5px solid var(--_colors---primary--white);
  border-radius: var(--fixed--1-5rem);
  background-color: var(--_colors---white--transparent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--_colors---white--transparent);
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar_links-wrap.black {
  border-color: #fff0;
}

.navbar_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;
}

.navbar_link {
  color: #fff;
  font-size: var(--fixed--0-875rem);
  line-height: 1.2;
  font-weight: var(--_typography---font-weight--medium);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: clip;
}

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

.navbar_logo-wrap {
  position: relative;
  top: -.5rem;
}

.brands_item-block {
  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;
}

.brands_item-logo {
  height: 90%;
}

.brands_item-logo-wrap {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 1.125rem;
  justify-content: center;
  align-items: center;
  width: 8rem;
  display: flex;
}

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

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

.cta_graphic-wrap {
  aspect-ratio: 1;
  border-radius: var(--border-radius--ultra);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.cta_graphic {
  filter: blur(20px);
  object-fit: cover;
  width: 120%;
  height: 120%;
  position: absolute;
}

.cta_content {
  padding: var(--fixed--4rem);
  grid-column-gap: var(--fixed--3rem);
  grid-row-gap: var(--fixed--3rem);
  border-radius: var(--border-radius--ultra);
  background-color: var(--_colors---primary--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

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

.cta_head {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 31.875rem;
  display: flex;
}

.pill_wrap {
  z-index: 5;
  padding: .35rem var(--fixed--1-125rem);
  grid-column-gap: var(--fixed--0-875rem);
  grid-row-gap: var(--fixed--0-875rem);
  border-radius: var(--fixed--15rem);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #e7e6e0;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

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

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

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

.about-team_text {
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: var(--fixed--1rem);
  line-height: 120%;
  font-weight: var(--_typography---font-weight--medium);
}

.text-color-grey-350 {
  color: #707070;
}

.about-team_text-2 {
  font-family: BDO Grotesk, Arial, sans-serif;
  font-size: .875rem;
  line-height: 120%;
}

.section_cta {
  display: block;
}

.blog-list_list {
  grid-column-gap: var(--fixed--1-5rem);
  grid-row-gap: var(--fixed--1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.blog-list_img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.blog-list_img-wrap {
  border-radius: var(--border-radius--medium);
  overflow: clip;
}

.blog-list_content {
  grid-column-gap: var(--fixed--0-75rem);
  grid-row-gap: var(--fixed--0-75rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 95%;
  display: flex;
}

.blog-list_desc {
  color: var(--_colors---grey--400);
}

.success-message {
  border-radius: var(--border-radius--small);
  background-color: transparent;
  padding: 0;
}

.newsletter_success-in {
  padding: var(--fixed--2-75rem);
  grid-column-gap: var(--fixed--0-5rem);
  grid-row-gap: var(--fixed--0-5rem);
  flex-flow: column;
  display: flex;
}

.error-message {
  border-radius: var(--fixed--0-5rem);
  background-color: transparent;
  position: relative;
}

.w-form-done {
  background-color: transparent;
  color: #000;
}

.w-form-fail {
  background-color: transparent;
  color: #000;
}

.button-solid {
  z-index: 2;
  padding: var(--fixed--1-5rem) 1.75rem;
  font-family: var(--_typography---font-family--body);
  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(#000, #131313);
  border: 1px solid #0000;
  border-bottom-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  transition: border .2s;
  position: relative;
  overflow: hidden;
}

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

.contact_form {
  display: block;
}

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

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

.form_field:focus {
  border-bottom-color: var(--_colors---primary--black);
}

.form_field::placeholder {
  color: #000;
}

.form_field.message {
  height: 8rem;
}

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

.contact_form-block {
  margin-bottom: 0;
  display: block;
}

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

.contact_form-wrap {
  flex-flow: column;
  display: flex;
}

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

.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_question {
  font-size: var(--fixed--1-125rem);
  line-height: 1.3;
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: -.01em;
}

.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 5.89864%;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1.125rem;
  display: grid;
}

.faq_accordion {
  padding-bottom: var(--fixed--1-25rem);
  border-bottom: 1px dotted #b6b6b6;
}

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

.div-block-34-copy {
  background-color: var(--_colors---primary--black);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .75rem;
  display: flex;
}

.faq_button-line {
  width: var(--fixed--1-25rem);
  background-color: #011d3f;
  flex: none;
  height: 2px;
}

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

.home-header_img {
  aspect-ratio: 16 / 9;
  border-radius: var(--fixed--1-25rem);
  object-fit: cover;
  max-width: none;
  height: 7rem;
  position: absolute;
}

.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: #000;
  width: 100%;
  height: 2px;
}

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

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

.post-header_image-wrap {
  border-radius: var(--border-radius--large);
  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_component {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.padding-global-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.work-header_head {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50rem;
  display: flex;
}

.work-header_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  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 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

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

.work-content_content {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 21.875rem;
  display: flex;
  position: sticky;
  top: 4rem;
}

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

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

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

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

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

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

.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;
}

.empty-state {
  text-align: left;
  background-color: #f5f7fa;
  border-radius: .5rem;
  padding: 1.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.work-header_info-text {
  color: var(--_colors---grey--300);
  font-size: .875rem;
  font-weight: var(--_typography---font-weight--medium);
}

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

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

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

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

.work-content_heading {
  font-family: var(--_typography---h4--font-family);
  font-size: var(--fixed--2-5rem);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
}

.collection-list-wrapper {
  width: 100%;
}

.work-related_img {
  aspect-ratio: 2;
  border-radius: var(--border-radius--small);
  object-fit: cover;
}

.work-related_infos {
  grid-column-gap: var(--fixed--0-75rem);
  grid-row-gap: var(--fixed--0-75rem);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block {
  color: var(--_colors---grey--400);
  font-size: var(--fixed--0-875rem);
  font-weight: var(--_typography---font-weight--medium);
}

.tagline {
  color: var(--_colors---primary--black);
  font-size: var(--fixed--1-75rem);
  font-weight: var(--_typography---font-weight--thin);
}

.tagline.who__tagline {
  line-height: 1.2;
}

.container {
  padding-right: var(--fixed--1-25rem);
  padding-left: var(--fixed--1-25rem);
  color: var(--_colors---primary--white);
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.container.h-full {
  height: 100%;
}

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

.container.container__black {
  background-color: var(--_colors---primary--black);
}

.homer-hero {
  background-image: url('../images/Hero.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  height: 650px;
  padding-bottom: 64px;
  display: flex;
}

.homer-hero.contact {
  height: 450px;
}

.home-hero__title {
  margin-bottom: var(--fixed--1-125rem);
  font-family: var(--_typography---font-family--primary);
  font-size: var(--fixed--8rem);
  line-height: 1;
  font-weight: var(--_typography---font-weight--medium);
}

.home-hero__description {
  font-size: var(--fixed--1-25rem);
  font-weight: var(--_typography---font-weight--light);
  width: 50%;
}

.about-us {
  padding-top: var(--fixed--6-5rem);
  padding-bottom: var(--fixed--6-5rem);
  background-color: #f2eeec;
  position: relative;
}

.pink-heading {
  color: var(--_colors---primary--pink);
  font-size: var(--fixed--4rem);
}

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

.pink-heading.text-center.mb-8 {
  margin-bottom: var(--fixed--2rem);
}

.paragraph {
  color: var(--_colors---primary--black);
  line-height: 145%;
  font-weight: var(--_typography---font-weight--light);
}

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

.paragraph.text-center._w-70 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  line-height: 140%;
}

.code-embed {
  left: var(--fixed--0-875rem);
  bottom: var(--fixed--2rem);
  margin-bottom: var(--fixed--1rem);
  position: static;
}

.code-embed._1 {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

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

.who {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 82px 54px;
  text-decoration: none;
  display: flex;
}

.who.container {
  padding: var(--fixed--5rem) var(--fixed--1-25rem) var(--fixed--5rem) var(--fixed--1-5rem);
  grid-column-gap: var(--fixed--4rem);
  grid-row-gap: 16px;
  background-color: var(--_colors---primary--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.frame-10 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.frame-9 {
  grid-row-gap: var(--fixed--2-25rem);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 696px;
  text-decoration: none;
  display: flex;
}

.logo {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 259.704px;
  height: 34.5466px;
  text-decoration: none;
  display: flex;
}

.meto {
  grid-row-gap: 8px;
  background-color: #000;
  background-image: url('../images/back_who.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 72px 24px;
  text-decoration: none;
  display: flex;
}

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

.section {
  background-image: url('../images/Clientes-y-Contact.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
}

.case-study {
  padding: var(--fixed--3rem) var(--fixed--1-25rem) 0rem;
  background-color: var(--_colors---white--transparent);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.project-title {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-21 {
  padding-bottom: var(--fixed--1rem);
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--_colors---primary--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.text {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.project-wrap {
  grid-column-gap: var(--fixed--2rem);
  grid-row-gap: 16px;
  color: var(--_colors---white--transparent);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: flex-start;
  place-items: start stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.info {
  padding-right: var(--fixed--1-75rem);
  grid-column-gap: 28px;
  border-right: 1px solid var(--_colors---primary--black);
  background-color: var(--_colors---white--transparent);
  color: var(--_colors---white--transparent);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.frame-27 {
  grid-row-gap: var(--fixed--2rem);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-23 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sole Serif Caption, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-7 {
  font-family: var(--_typography---font-family--body);
  color: #000;
  font-size: var(--fixed--1rem);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.frame-24 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.casos-de-xito-btl-0 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sole Serif Caption, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-2 {
  padding-top: var(--fixed--1-75rem);
  padding-bottom: var(--fixed--1-75rem);
}

.frame-1000004318 {
  padding: var(--fixed--4rem) 0px;
  grid-row-gap: var(--fixed--4rem);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-1000004313 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 656px;
  text-decoration: none;
  display: flex;
}

.client__tagline {
  grid-column-gap: 10px;
  border: 1px solid #df59b1;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.clients-tagline {
  font-family: var(--_typography---font-family--primary);
  color: #c6499b;
  font-size: var(--fixed--1-25rem);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 87%;
  text-decoration: none;
}

.frame-1000004317 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1096px;
  text-decoration: none;
  display: flex;
}

.client__list {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1106px;
  text-decoration: none;
  display: flex;
}

._037 {
  object-fit: cover;
}

._037.mobile {
  display: none;
}

.clients {
  background-image: url('../images/Clientes-y-Contact.png');
  background-position: 0 0;
  background-size: cover;
}

.footer__wrap {
  grid-row-gap: 48px;
  background-color: var(--_colors---white--transparent);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 80px;
  text-decoration: none;
  display: flex;
}

.frame-1000004319 {
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.footer__call_to_action {
  grid-column-gap: 10px;
  border: 1px solid var(--_colors---primary--black);
  color: var(--_colors---primary--white);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.call-to-action-button {
  font-family: var(--_typography---font-family--primary);
  color: var(--_colors---primary--black);
  font-size: var(--fixed--1-125rem);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.footer__links {
  padding: var(--fixed--1-75rem) 0px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.frame-1000004320 {
  grid-column-gap: 54px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer__link {
  color: var(--_colors---primary--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

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

.footer {
  z-index: -1;
  max-width: none;
  position: static;
  inset: auto 0 0;
}

.case-study-wrap {
  background-color: var(--_colors---primary--white);
  max-width: 100%;
}

.case-study-wrap.bg-gray {
  background-color: #f2eeec;
  max-width: 100%;
}

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

.section-3 {
  padding-top: var(--fixed--2rem);
  padding-bottom: var(--fixed--2rem);
  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;
}

.contact__footer {
  background-color: var(--_colors---primary--black);
  width: 100%;
  max-width: none;
}

.main {
  z-index: 100;
  position: static;
  inset: 0%;
}

.preloading {
  z-index: 100;
  background-color: var(--_colors---primary--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

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

.preloading__text {
  height: var(--fixed--3-5rem);
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .preloading {
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .home-header_img-wrap._1 {
    top: 10%;
  }

  .home-header_img-wrap._2 {
    top: 40%;
  }

  .home-header_img-wrap._3 {
    bottom: 10%;
    right: 10%;
  }

  .home-header_img-wrap._4 {
    top: 40%;
  }

  .home-header_img-wrap._5 {
    bottom: 10%;
    left: 10%;
  }
}

@media screen and (max-width: 991px) {
  body {
    --fixed--1rem: 1rem;
    --fixed--0rem: 0rem;
    --fixed--2-5rem: 2.5rem;
    --fixed--1-5rem: 1.5rem;
    --fixed--1-125rem: 1.125rem;
    --fixed--1-25rem: 1.25rem;
    --fixed--1-75rem: 1.75rem;
    --fixed--2rem: 2rem;
    --fixed--4rem: 4rem;
    --fixed--3rem: 3rem;
    --section--medium: var(--fixed--7rem);
    --fixed--6rem: 6rem;
    --spacer--medium: var(--fixed--2rem);
    --fixed--2-25rem: 2.25rem;
    --section--large: var(--fixed--8rem);
    --spacer--small: var(--fixed--1rem);
    --section--xxlarge: var(--fixed--10rem);
    --fixed--0-875rem: .875rem;
    --section--xsmall: var(--fixed--2-75rem);
    --section--small: var(--fixed--5rem);
    --spacer--large: var(--fixed--3rem);
    --fixed--4-5rem: 4.5rem;
    --fixed--3-5rem: 3.5rem;
    --fixed--0-5rem: .5rem;
    --fixed--8rem: 8rem;
    --fixed--12rem: 12rem;
    --border-radius--ultra: var(--fixed--1-5rem);
    --fixed--15rem: 15rem;
    --border-radius--small: var(--fixed--0-5rem);
    --border-radius--medium: var(--fixed--0-5rem);
    --fixed--0-75rem: .75rem;
    --fixed--2-75rem: 2.75rem;
    --border-radius--large: var(--fixed--0-75rem);
    --border-radius--xxlarge: var(--fixed--0-875rem);
    --fixed--5-5rem: 5.5rem;
    --fixed--6-5rem: 6.5rem;
    --fixed--5rem: 5rem;
    --base--beige: #f8f7f3;
    --fixed--0-125rem: .125rem;
    --fixed--0-25rem: .25rem;
    --fixed--7rem: 7rem;
    --fixed--9rem: 9rem;
    --fixed--10rem: 10rem;
    --fixed--11rem: 11rem;
    --fixed--13rem: 13rem;
    --fixed--14rem: 14rem;
    --fixed--16rem: 16rem;
    --spacer--tiny: var(--fixed--0-125rem);
    --spacer--xxsmall: var(--fixed--0-25rem);
    --spacer--xsmall: var(--fixed--0-5rem);
    --spacer--xlarge: var(--fixed--4rem);
    --spacer--xxlarge: var(--fixed--4rem);
    --spacer--huge: var(--fixed--6rem);
    --spacer--xhuge: var(--fixed--8rem);
    --spacer--xxhuge: var(--fixed--12rem);
    --spacer--custom-1: var(--fixed--1-25rem);
    --spacer--custom-2: var(--fixed--1-5rem);
    --spacer--custom-3: var(--fixed--2-5rem);
    --section--xlarge: var(--fixed--9rem);
    --border-radius--tiny: var(--fixed--0-125rem);
    --border-radius--xxsmall: var(--fixed--0-25rem);
    --border-radius--xsmall: var(--fixed--0-25rem);
    --border-radius--xlarge: var(--fixed--0-75rem);
    --border-radius--huge: var(--fixed--0-875rem);
    --border-radius--xhuge: var(--fixed--0-875rem);
    --border-radius--xxhuge: var(--fixed--1-25rem);
    --_typography---font-family--body: "Sole Serif Caption", Georgia, 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: 100%;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: 0em;
    --_typography---h2--font-family: var(--_typography---font-family--primary);
    --_typography---h2--font-size: var(--fixed--4rem);
    --_typography---h2--font-weight: var(--_typography---font-weight--medium);
    --_typography---h2--letter-spacing: 0em;
    --_typography---h3--font-family: var(--_typography---font-family--primary);
    --_typography---h3--font-size: var(--fixed--3rem);
    --_typography---h3--line-height: 105%;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---font-family--primary);
    --_typography---h4--font-size: var(--fixed--2-25rem);
    --_typography---h4--line-height: 110%;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---font-family--primary);
    --_typography---h5--font-size: var(--fixed--1-5rem);
    --_typography---h5--line-height: 110%;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---font-family--primary);
    --_typography---h6--font-size: var(--fixed--1-125rem);
    --_typography---h6--line-height: 120%;
    --_typography---h6--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: 0em;
    --_typography---font-family--detail: "Roboto mono", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--thin: 100;
    --_typography---font-family--primary: "F 37 Judge Condensed", Arial, sans-serif;
    --_typography---font-weight--light: 300;
    --_typography---h2--line-height: 100%;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
  }

  .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);
  }

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

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

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

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

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

  .home-header_heading {
    font-size: var(--fixed--3-5rem);
  }

  .home-header_imgs-wrap {
    width: 100vw;
    height: auto;
    min-height: auto;
  }

  .navbar_logo {
    width: var(--fixed--8rem);
  }

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

  .navbar_links-wrap {
    padding-top: var(--fixed--2rem);
    padding-right: var(--fixed--2rem);
    padding-bottom: var(--fixed--2rem);
    padding-left: var(--fixed--2rem);
    opacity: 0;
    background-color: #0009;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 5rem);
    display: none;
    position: absolute;
    top: calc(100% + 1rem);
  }

  .navbar_links {
    z-index: 101;
    flex-flow: column;
  }

  .navbar_logo-wrap {
    top: auto;
  }

  .brands_item-logo {
    height: 25%;
  }

  .brands_item-logo-wrap {
    width: var(--fixed--12rem);
  }

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

  .cta_graphic-wrap {
    aspect-ratio: 2.39;
  }

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

  .cta_head {
    max-width: none;
  }

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

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

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

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

  .faq_button-line {
    width: var(--fixed--1-125rem);
  }

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

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

  .padding-global-5 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

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

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

  .work-content_content {
    grid-column-gap: var(--fixed--1-5rem);
    grid-row-gap: var(--fixed--1-5rem);
    max-width: 100%;
    position: relative;
    top: auto;
  }

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

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

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

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

  .work-header_img {
    position: relative;
  }

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

  .project-title {
    margin-bottom: var(--fixed--2rem);
  }

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

  .info {
    border-right-style: none;
  }

  .frame-1000004313 {
    max-width: none;
  }

  .client__list {
    flex-flow: wrap;
    max-width: none;
  }

  .clients {
    background-size: cover;
  }

  .section-3 {
    grid-template-columns: 1fr;
  }

  .preloading {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    --fixed--1rem: 1rem;
    --fixed--0rem: 0rem;
    --fixed--2-5rem: 2.5rem;
    --fixed--1-5rem: 1.5rem;
    --fixed--1-125rem: 1.125rem;
    --fixed--1-25rem: 1.25rem;
    --fixed--1-75rem: 1.75rem;
    --fixed--2rem: 2rem;
    --fixed--4rem: 4rem;
    --fixed--3rem: 3rem;
    --section--medium: var(--fixed--5rem);
    --fixed--6rem: 6rem;
    --spacer--medium: var(--fixed--1-5rem);
    --fixed--2-25rem: 2.25rem;
    --section--large: var(--fixed--5rem);
    --spacer--small: var(--fixed--1rem);
    --section--xxlarge: var(--fixed--5rem);
    --fixed--0-875rem: .875rem;
    --section--xsmall: var(--fixed--2-25rem);
    --section--small: var(--fixed--3rem);
    --spacer--large: var(--fixed--2rem);
    --fixed--4-5rem: 4.5rem;
    --fixed--3-5rem: 3.5rem;
    --fixed--0-5rem: .5rem;
    --fixed--8rem: 8rem;
    --fixed--12rem: 12rem;
    --border-radius--ultra: var(--fixed--1-25rem);
    --fixed--15rem: 15rem;
    --border-radius--small: var(--fixed--0-5rem);
    --border-radius--medium: var(--fixed--0-5rem);
    --fixed--0-75rem: .75rem;
    --fixed--2-75rem: 2.75rem;
    --border-radius--large: var(--fixed--0-75rem);
    --border-radius--xxlarge: var(--fixed--0-875rem);
    --fixed--5-5rem: 5.5rem;
    --fixed--6-5rem: 6.5rem;
    --fixed--5rem: 5rem;
    --base--beige: #f8f7f3;
    --fixed--0-125rem: .125rem;
    --fixed--0-25rem: .25rem;
    --fixed--7rem: 7rem;
    --fixed--9rem: 9rem;
    --fixed--10rem: 10rem;
    --fixed--11rem: 11rem;
    --fixed--13rem: 13rem;
    --fixed--14rem: 14rem;
    --fixed--16rem: 16rem;
    --spacer--tiny: var(--fixed--0-125rem);
    --spacer--xxsmall: var(--fixed--0-25rem);
    --spacer--xsmall: var(--fixed--0-5rem);
    --spacer--xlarge: var(--fixed--3rem);
    --spacer--xxlarge: var(--fixed--3rem);
    --spacer--huge: var(--fixed--5rem);
    --spacer--xhuge: var(--fixed--6rem);
    --spacer--xxhuge: var(--fixed--6rem);
    --spacer--custom-1: var(--fixed--1-125rem);
    --spacer--custom-2: var(--fixed--1-125rem);
    --spacer--custom-3: var(--fixed--2rem);
    --section--xlarge: var(--fixed--5rem);
    --border-radius--tiny: var(--fixed--0-125rem);
    --border-radius--xxsmall: var(--fixed--0-25rem);
    --border-radius--xsmall: var(--fixed--0-25rem);
    --border-radius--xlarge: var(--fixed--0-75rem);
    --border-radius--huge: var(--fixed--0-875rem);
    --border-radius--xhuge: var(--fixed--0-875rem);
    --border-radius--xxhuge: var(--fixed--1rem);
    --_typography---font-family--body: "Sole Serif Caption", Georgia, sans-serif;
    --_typography---font-weight--regular: 400;
    --_typography---h1--font-family: var(--_typography---font-family--primary);
    --_typography---h1--font-size: var(--fixed--3rem);
    --_typography---h1--line-height: 100%;
    --_typography---h1--font-weight: var(--_typography---font-weight--medium);
    --_typography---h1--letter-spacing: 0em;
    --_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--medium);
    --_typography---h2--letter-spacing: 0em;
    --_typography---h3--font-family: var(--_typography---font-family--primary);
    --_typography---h3--font-size: var(--fixed--2rem);
    --_typography---h3--line-height: 105%;
    --_typography---h3--font-weight: var(--_typography---font-weight--medium);
    --_typography---h3--letter-spacing: 0em;
    --_typography---h4--font-family: var(--_typography---font-family--primary);
    --_typography---h4--font-size: var(--fixed--1-75rem);
    --_typography---h4--line-height: 110%;
    --_typography---h4--font-weight: var(--_typography---font-weight--medium);
    --_typography---h4--letter-spacing: 0em;
    --_typography---h5--font-family: var(--_typography---font-family--primary);
    --_typography---h5--font-size: var(--fixed--1-5rem);
    --_typography---h5--line-height: 110%;
    --_typography---h5--font-weight: var(--_typography---font-weight--medium);
    --_typography---h5--letter-spacing: 0em;
    --_typography---h6--font-family: var(--_typography---font-family--primary);
    --_typography---h6--font-size: var(--fixed--1rem);
    --_typography---h6--line-height: 120%;
    --_typography---h6--font-weight: var(--_typography---font-weight--medium);
    --_typography---h6--letter-spacing: 0em;
    --_typography---font-family--detail: "Roboto mono", Arial, sans-serif;
    --_typography---font-weight--medium: 500;
    --_typography---font-weight--thin: 100;
    --_typography---font-family--primary: "F 37 Judge Condensed", Arial, sans-serif;
    --_typography---font-weight--light: 300;
    --_typography---h2--line-height: 100%;
    --_typography---font-weight--extra-light: 200;
    --_typography---font-weight--semibold: 600;
    --_typography---font-weight--bold: 700;
    --_typography---font-weight--extra-bold: 800;
    --_typography---font-weight--black: 900;
  }

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

  .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);
  }

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

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

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

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

  .padding-section-xxlarge {
    display: none;
    overflow: visible;
  }

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

  .text-style-label {
    letter-spacing: .05em;
  }

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

  .heading-style-h3.is-mobile-h4 {
    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);
  }

  .home-header_img-wrap._1 {
    display: flex;
    position: static;
  }

  .home-header_img-wrap._2, .home-header_img-wrap._3, .home-header_img-wrap._4 {
    position: static;
  }

  .home-header_img-wrap._5 {
    width: 100%;
    position: static;
  }

  .section_home-header {
    padding-top: var(--fixed--3rem);
    padding-bottom: var(--fixed--3rem);
    height: auto;
    min-height: auto;
  }

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

  .home-header_heading {
    font-size: var(--fixed--2rem);
  }

  .home-header_heading.text-pink {
    font-size: var(--fixed--3rem);
  }

  .home-header_imgs-wrapper {
    padding-right: var(--fixed--1-25rem);
    padding-left: var(--fixed--1-25rem);
    height: auto;
    display: block;
    position: static;
  }

  .home-header_imgs-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: center;
    place-items: center stretch;
    width: 100%;
    display: grid;
    position: static;
  }

  .button {
    border-radius: var(--fixed--1-25rem);
  }

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

  .navbar {
    padding-top: var(--fixed--0-5rem);
    padding-bottom: var(--fixed--0-5rem);
    background-color: var(--_colors---white--transparent);
  }

  .navbar_links-wrap {
    width: calc(100% - 3rem);
    display: none;
    top: calc(100% + .5rem);
  }

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

  .about-team_text, .about-team_text-2 {
    font-size: .75rem;
  }

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

  .button-solid {
    padding-top: var(--fixed--1rem);
    padding-bottom: var(--fixed--1rem);
    border-radius: .75rem;
    font-size: .875rem;
  }

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

  .faq_button-line {
    width: var(--fixed--0-875rem);
    height: 1px;
  }

  .home-header_img {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    position: static;
  }

  .home-header_img._5 {
    object-fit: cover;
    width: 60%;
    height: 160px;
  }

  .navbar_hamburger {
    color: var(--_colors---primary--beige);
  }

  .navbar_hamburger-line._1, .navbar_hamburger-line._2 {
    background-color: var(--_colors---primary--white);
  }

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

  .padding-global-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

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

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

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

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

  .tagline.who__tagline {
    font-size: var(--fixed--1-5rem);
  }

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

  .home-hero__description {
    width: 80%;
  }

  .pink-heading.text-center.mb-8 {
    font-size: var(--fixed--3rem);
  }

  .paragraph.text-center._w-70 {
    width: 90%;
  }

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

  .who__kpi {
    text-align: center;
  }

  .client__list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  ._037.mobile {
    display: block;
  }

  ._037.desktop {
    display: none;
  }

  .footer__links {
    grid-column-gap: var(--fixed--3rem);
    grid-row-gap: var(--fixed--3rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .preloading {
    display: flex;
  }

  .preloading__text {
    height: var(--fixed--2rem);
  }

  .preloading__logo {
    height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .heading-style-h3.text-black.who__title {
    font-size: var(--fixed--3rem);
  }

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

  .home-header_component {
    padding-bottom: var(--fixed--2rem);
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .home-header_headings {
    max-width: 15rem;
  }

  .home-header_imgs-wrapper {
    padding-right: var(--fixed--1-25rem);
    padding-left: var(--fixed--1-25rem);
    display: flex;
  }

  .home-header_imgs-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: none;
  }

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

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

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

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

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

  .home-header_img {
    border-radius: 1.75vh;
    width: 100%;
    height: auto;
  }

  .home-header_img._5 {
    width: 80%;
    height: 120px;
  }

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

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

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

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

  .homer-hero {
    height: 450px;
  }

  .home-hero__title {
    font-size: var(--fixed--3-5rem);
  }

  .home-hero__description {
    font-size: var(--fixed--1rem);
    width: 100%;
  }

  .about-us {
    padding-top: var(--fixed--3rem);
    padding-bottom: var(--fixed--3rem);
  }

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

  .who.container {
    padding-top: var(--fixed--3rem);
    padding-bottom: var(--fixed--3rem);
  }

  .logo.who__logo {
    aspect-ratio: auto;
    object-fit: fill;
    max-width: none;
    height: 32px;
  }

  .frame-1000004318 {
    grid-row-gap: var(--fixed--2rem);
  }

  .client__list {
    grid-column-gap: var(--fixed--1rem);
    grid-row-gap: var(--fixed--1-125rem);
    grid-template-columns: 1fr 1fr 1fr;
  }

  ._037 {
    height: 24px;
  }

  .client__title {
    text-align: center;
  }

  .preloading {
    display: flex;
  }
}

#w-node-_157d8747-e40e-c9ad-5df2-0c7460c16ed3-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a23bd480-85f9-f783-0aee-dbacb6f501ca-3f01649c, #w-node-a0ed6eee-cf07-de95-37f0-59ba0608499a-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_929cb628-f330-1a10-83fd-8ed15f3fc6ac-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_929cb628-f330-1a10-83fd-8ed15f3fc6bd-3f01649c, #w-node-_929cb628-f330-1a10-83fd-8ed15f3fc6be-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6576a7a7-818a-ef92-e7cc-500863d5f737-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6576a7a7-818a-ef92-e7cc-500863d5f748-3f01649c, #w-node-_6576a7a7-818a-ef92-e7cc-500863d5f749-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_97a4e8b4-af04-8d77-586f-e2482fcc8e43-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_97a4e8b4-af04-8d77-586f-e2482fcc8e54-3f01649c, #w-node-_97a4e8b4-af04-8d77-586f-e2482fcc8e55-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_768522b6-0a86-74a4-4ca1-82d096e6110c-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_768522b6-0a86-74a4-4ca1-82d096e6111d-3f01649c, #w-node-_768522b6-0a86-74a4-4ca1-82d096e6111e-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6dcc79a2-cd0e-cf56-786e-911076a6be07-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6dcc79a2-cd0e-cf56-786e-911076a6be18-3f01649c, #w-node-_6dcc79a2-cd0e-cf56-786e-911076a6be19-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f9d68637-0d2e-c061-6594-6fa981b0467a-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f9d68637-0d2e-c061-6594-6fa981b04690-3f01649c, #w-node-f9d68637-0d2e-c061-6594-6fa981b04691-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f66c36a0-02bb-a317-ab88-72ebfba1d930-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f66c36a0-02bb-a317-ab88-72ebfba1d941-3f01649c, #w-node-f66c36a0-02bb-a317-ab88-72ebfba1d942-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_12f7db51-05e7-83bc-ff9f-ead67fda77cf-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_12f7db51-05e7-83bc-ff9f-ead67fda77db-3f01649c, #w-node-_12f7db51-05e7-83bc-ff9f-ead67fda77dc-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_4deb65d1-9354-41df-7236-c906402b21d8-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4deb65d1-9354-41df-7236-c906402b21e9-3f01649c, #w-node-_4deb65d1-9354-41df-7236-c906402b21ea-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_96117be9-1133-c56a-226e-7c45c3d34f82-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_96117be9-1133-c56a-226e-7c45c3d34f8e-3f01649c, #w-node-_96117be9-1133-c56a-226e-7c45c3d34f8f-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f150413c-57b1-9e4e-77d1-225de8426457-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f150413c-57b1-9e4e-77d1-225de8426463-3f01649c, #w-node-f150413c-57b1-9e4e-77d1-225de8426464-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_322ec2b0-cd69-4621-3961-2bbf1ed3f158-3f01649c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_322ec2b0-cd69-4621-3961-2bbf1ed3f169-3f01649c, #w-node-_322ec2b0-cd69-4621-3961-2bbf1ed3f16a-3f01649c {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-_157d8747-e40e-c9ad-5df2-0c7460c16ed3-3f01649c, #w-node-a23bd480-85f9-f783-0aee-dbacb6f501ca-3f01649c, #w-node-_929cb628-f330-1a10-83fd-8ed15f3fc6ac-3f01649c, #w-node-_929cb628-f330-1a10-83fd-8ed15f3fc6bd-3f01649c, #w-node-_6576a7a7-818a-ef92-e7cc-500863d5f737-3f01649c, #w-node-_6576a7a7-818a-ef92-e7cc-500863d5f748-3f01649c, #w-node-_97a4e8b4-af04-8d77-586f-e2482fcc8e43-3f01649c, #w-node-_97a4e8b4-af04-8d77-586f-e2482fcc8e54-3f01649c, #w-node-_768522b6-0a86-74a4-4ca1-82d096e6110c-3f01649c, #w-node-_768522b6-0a86-74a4-4ca1-82d096e6111d-3f01649c, #w-node-_6dcc79a2-cd0e-cf56-786e-911076a6be07-3f01649c, #w-node-_6dcc79a2-cd0e-cf56-786e-911076a6be18-3f01649c, #w-node-f9d68637-0d2e-c061-6594-6fa981b0467a-3f01649c, #w-node-f9d68637-0d2e-c061-6594-6fa981b04690-3f01649c, #w-node-f66c36a0-02bb-a317-ab88-72ebfba1d930-3f01649c, #w-node-f66c36a0-02bb-a317-ab88-72ebfba1d941-3f01649c, #w-node-_12f7db51-05e7-83bc-ff9f-ead67fda77cf-3f01649c, #w-node-_12f7db51-05e7-83bc-ff9f-ead67fda77db-3f01649c, #w-node-_4deb65d1-9354-41df-7236-c906402b21d8-3f01649c, #w-node-_4deb65d1-9354-41df-7236-c906402b21e9-3f01649c, #w-node-_96117be9-1133-c56a-226e-7c45c3d34f82-3f01649c, #w-node-_96117be9-1133-c56a-226e-7c45c3d34f8e-3f01649c, #w-node-f150413c-57b1-9e4e-77d1-225de8426457-3f01649c, #w-node-f150413c-57b1-9e4e-77d1-225de8426463-3f01649c, #w-node-_322ec2b0-cd69-4621-3961-2bbf1ed3f158-3f01649c, #w-node-_322ec2b0-cd69-4621-3961-2bbf1ed3f169-3f01649c {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cb7ab6af-5c1d-e101-2fb5-828534ab6305-3f01649c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }
}


@font-face {
  font-family: 'BDO Grotesk';
  src: url('../fonts/BDOGrotesk-VF.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto mono';
  src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto mono';
  src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-ThinCondensed.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-MediumCompressed.ttf') format('truetype'), url('../fonts/F37Judge-MediumExtended.ttf') format('truetype'), url('../fonts/F37Judge-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-MediumCompressedItalic.ttf') format('truetype'), url('../fonts/F37Judge-MediumExtendedItalic.ttf') format('truetype'), url('../fonts/F37Judge-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-RegularExtendedItalic.ttf') format('truetype'), url('../fonts/F37Judge-RegularItalic.ttf') format('truetype'), url('../fonts/F37Judge-RegularCompressedItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-RegularCondensed.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-BoldCondensedItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-BoldExtendedItalic.ttf') format('truetype'), url('../fonts/F37Judge-BoldCompresseditalic.ttf') format('truetype'), url('../fonts/F37Judge-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-ThinCompressed.ttf') format('truetype'), url('../fonts/F37Judge-ThinExtended.ttf') format('truetype'), url('../fonts/F37Judge-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-Bold.ttf') format('truetype'), url('../fonts/F37Judge-BoldExtended.ttf') format('truetype'), url('../fonts/F37Judge-BoldCompressed.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-RegularCondensedItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-ThinCondensedItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-MediumCondensed.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-ThinCompressedItalic.ttf') format('truetype'), url('../fonts/F37Judge-ThinItalic.ttf') format('truetype'), url('../fonts/F37Judge-ThinExtendedItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge';
  src: url('../fonts/F37Judge-RegularCompressed.ttf') format('truetype'), url('../fonts/F37Judge-Regular.ttf') format('truetype'), url('../fonts/F37Judge-RegularExtended.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-MediumCondensedItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'F 37 Judge Condensed';
  src: url('../fonts/F37Judge-BoldCondensed.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-black-italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sole Serif Caption';
  src: url('../fonts/sole-serif-caption-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}