:root {
  --black: black;
  --white-smoke: #faf9f6;
  --blue: #2e36cb;
  --old-lace: #f4f0e3;
  --pink: #fbbebb;
  --white: white;
  --medium-blue: #2a31b7;
  --antique-white: #e9e2cc;
  --gold: #ffcb30;
  --dark-grey: #a1a1a1;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  background-color: var(--black);
  color: #292929;
  font-family: "Helvetica neue lt 55 roman";
  font-size: 1vw;
  font-weight: 400;
  line-height: 1;
}

h1 {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 9.375em;
  font-weight: 500;
  line-height: 1;
}

h2 {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 8em;
  font-weight: 500;
  line-height: 1;
}

h3 {
  color: var(--white-smoke);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
}

p {
  color: var(--white-smoke);
  letter-spacing: .015em;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

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

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

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .25em .25em .25em 2em;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 2em;
}

figure {
  margin-bottom: 10px;
}

.style_guide_item_parent {
  border: 1px solid #000;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5em 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.style_guide_item_parent.bg-blue {
  background-color: #000dff;
}

.style_guide_item_parent.flex-left-center-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.h2-mid {
  font-size: 3.5em;
}

.h3---style {
  z-index: 1;
  font-family: Domaine display, sans-serif;
  font-size: 3em;
  position: relative;
}

.h4-low {
  line-height: 1em;
}

.supertext {
  color: var(--white-smoke);
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 9.375em;
  font-weight: 400;
}

.supertext.text-white {
  color: #fff;
  font-family: "Helvetica neue lt 55 roman";
  font-weight: 400;
}

.supertext.one {
  margin-left: 590px;
}

.h5---style {
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1em;
  line-height: 1;
}

.paragraph-bold {
  font-weight: 600;
}

.paragraph-large {
  font-size: 1.875rem;
  overflow: hidden;
}

.paragraph-large.align-center.margin-topp {
  margin-top: 1em;
}

.paragraph-large.justified {
  text-align: justify;
}

.text-blue {
  color: var(--blue);
}

.text-blue.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.text-cream {
  color: var(--old-lace);
}

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

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

.text-capslock {
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
}

.absolute-parent {
  position: absolute;
}

.bg-white {
  background-color: var(--white);
}

.bg-blue {
  background-color: var(--blue);
  cursor: none;
}

.bg-blue-shade {
  background-color: var(--medium-blue);
}

.bg-yellow {
  background-color: #ffcb30;
}

.bg-yellow-shade {
  background-color: #e9b92c;
}

.bg-cream {
  background-color: var(--old-lace);
}

.bg-cream-shade {
  background-color: var(--antique-white);
}

.bg-pink {
  background-color: var(--pink);
}

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

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

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

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

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

.flex-center-center-horizontal.menu {
  position: relative;
}

.flex-center-center-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-center-center-vertical.margin-medium {
  margin: 2rem;
}

.flex-center-top-vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.parent.margin-tiny {
  margin: .125rem;
}

.parent.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.parent.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.parent.margin-right-small {
  margin-right: 1.5em;
}

.parent.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.parent.margin-custom1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.parent.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.div-hide {
  position: relative;
  overflow: hidden;
}

.div-hide.pad-right {
  padding-right: 10px;
}

.div-hide.pad-left {
  padding-left: 10px;
}

.div-hide.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.utility-page-content {
  grid-row-gap: 5em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

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

.intro-parent {
  z-index: 99999;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.logo-parent {
  align-items: center;
  display: flex;
  position: absolute;
}

.logo-parent.rel {
  position: relative;
}

.border-line-h {
  background-color: var(--white);
  width: 1px;
  height: 1.5em;
}

.border-line-h.black {
  background-color: #292929;
}

.intro-logo {
  width: 14em;
}

.intro-logo.black {
  filter: invert();
}

.btn-parent {
  z-index: 1;
  border: 1px solid var(--white-smoke);
  cursor: pointer;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 12.5em;
  height: 12.5em;
  padding: 0;
  font-family: "Helvetica neue lt 55 roman";
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-parent.cta {
  border-style: none;
  border-radius: 0;
  width: auto;
  height: auto;
  padding-bottom: .5em;
  overflow: hidden;
}

.btn-parent.form {
  z-index: 0;
  color: #fff;
  text-transform: uppercase;
  background-color: #3898ec00;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1rem;
}

.nav {
  z-index: 9998;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.875em 2em 1.5625em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.nav.project-back-btn {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.container-large {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.nav-logo {
  width: 5rem;
}

.nav-link-parent {
  z-index: 999;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-parent.cta {
  z-index: 1;
}

.burger-menu-parent {
  z-index: 999;
  background-color: var(--old-lace);
  cursor: pointer;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-right: 10px;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.buerger-line-top, .buerger-line-mid {
  background-color: #292929;
  width: 100%;
  height: 2px;
  margin-bottom: 4px;
}

.buerger-line-bottom {
  background-color: #292929;
  width: 100%;
  height: 2px;
  margin-bottom: 0;
}

.hero-parent {
  width: 100%;
  padding-top: 14em;
}

.container-medium {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-medium.about {
  width: 90%;
  margin-left: 4.375em;
  margin-right: 0;
}

.image-parent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-parent.hero-img {
  height: 45em;
  margin-top: 14em;
}

.image-parent.about {
  height: 50em;
  right: -12.5%;
}

.image-parent.team {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-parent.project-image {
  height: 100vh;
  margin-top: 5em;
}

.image-parent.project-img-medium, .image-parent.project-img-small {
  height: 80vh;
}

.image-parent.project-img-large {
  height: 100vh;
}

.image-child {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-child.hero-image-2 {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-child.hero-image-3 {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.image-child.img-6 {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-child.img-menu-8 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-child.hero-image-1 {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-child.about-image {
  background-image: url('../images/About-image.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-child.project-image {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.play-button-parent {
  z-index: 10;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-ring {
  width: 15em;
}

.play-button {
  z-index: 12;
  background-color: var(--gold);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 70%;
  display: flex;
  position: absolute;
}

.play-icon {
  width: 2.5em;
  padding-right: .5em;
}

.circle-parent-1 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 16em;
  height: 16em;
  display: flex;
  position: absolute;
  top: 19em;
  left: -3em;
}

.circle-child {
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.arrow-1 {
  width: 2em;
  position: relative;
}

.circle-parent-2 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 16em;
  height: 16em;
  display: flex;
  position: absolute;
  top: 19em;
  right: 10em;
}

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

.italic {
  text-transform: none;
  font-size: .9em;
}

.circle-parent-3 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 16em;
  height: 16em;
  display: flex;
  position: absolute;
  inset: auto 3em -2em auto;
}

.content-section {
  padding-top: 10em;
  padding-bottom: 10em;
}

.grid-2-col-right {
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1.2fr;
}

.grid-2-col-right.margin-custom1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.tab-parent {
  width: 100%;
}

.tab-top {
  align-items: flex-end;
  width: 100%;
  height: 12em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.tab-btn-parent {
  width: 100%;
  padding-bottom: 1.5em;
  display: flex;
  position: relative;
}

.tab-btn-child {
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.border-line-bottom {
  z-index: 1;
  background-color: var(--white-smoke);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: auto 0% 0%;
}

.border-line-bottom.thin {
  opacity: .5;
  inset: auto auto 0% 0%;
}

.border-line-bottom.white {
  background-color: var(--old-lace);
}

.button-txt {
  z-index: 2;
  color: var(--white-smoke);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  position: relative;
}

.tab-active {
  background-color: #292929;
  width: 25%;
  height: 3px;
  position: absolute;
  bottom: 0;
}

.whipe {
  z-index: 1;
  background-color: var(--black);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.whipe.bg-white {
  background-color: var(--white-smoke);
}

.whipe.bg-black {
  background-color: var(--black);
}

.whipe.bg-cream-shade.top {
  z-index: 3;
}

.tab-bottom {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-slide-parent {
  z-index: 0;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 180em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.tab-slide-child {
  z-index: 1;
  background-color: #292929;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.tab-panel {
  z-index: 2;
  background-color: var(--blue);
  align-items: center;
  width: 50%;
  padding: 4em 4em 3em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tab-panel-button {
  background-color: var(--blue);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  display: flex;
  position: absolute;
  left: -4em;
}

.tab-panel-child {
  justify-content: center;
  align-items: center;
  margin-right: 2.4em;
  display: flex;
  position: relative;
}

.tab-l-ine-top {
  background-color: var(--white);
  width: 2px;
  height: 50px;
  margin-right: 8px;
}

.tab-content-parent {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-l-ine-bottom {
  background-color: var(--white);
  width: 2px;
  height: 50px;
  margin-right: 8px;
}

.tab-title-parent {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab-text-wrap {
  height: 40px;
}

.scroll-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  display: flex;
  position: relative;
  overflow: visible;
}

.list-parent {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
  position: relative;
}

.num-text {
  z-index: 2;
  color: var(--white-smoke);
  font-family: Domaine display, sans-serif;
  font-size: 1.65rem;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

.num-text-ap {
  z-index: 2;
  font-family: "Helvetica neue lt 75";
  font-size: 3em;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mar-left {
  margin-left: 2em;
}

.border-line-btn {
  z-index: 1;
  background-color: var(--white-smoke);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.list-img-parent {
  z-index: 10;
  width: 20vw;
  height: 45vh;
  padding: 2.5em;
  position: absolute;
  right: 25%;
  overflow: hidden;
}

.num-txt-lg {
  z-index: 1;
  font-family: "Helvetica neue lt 75";
  font-size: 10em;
  font-weight: 700;
  position: absolute;
  inset: auto .1em -6% auto;
}

.scroll-section-mouse {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  margin-top: 5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scroll-inner {
  width: 180vw;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
}

.scroll-parent {
  justify-content: center;
  align-items: center;
  width: 42vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-footer {
  justify-content: center;
  align-items: stretch;
  padding-top: 18em;
  padding-bottom: 18em;
  display: flex;
  position: relative;
}

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

.btn-parent-lg {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 1.2em 2em 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-parent-lg.bg-white {
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
}

.btn-parent-lg.bg-white:hover {
  box-shadow: 0 15px 30px -10px #00000052;
}

.button-txt-ap {
  color: #fff;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  position: absolute;
}

.flame-parent {
  position: absolute;
}

.flame {
  width: 1.5em;
}

.btn-txt-sm {
  z-index: 1;
  position: relative;
}

.btn-txt-sm-ap {
  z-index: 1;
  position: absolute;
}

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

.span-text.twelve.bg-text {
  background-image: none;
  background-position: 50% 100%;
  background-size: 960px;
  background-attachment: fixed;
}

.span-text.bg-text {
  -webkit-text-fill-color: transparent;
  background-image: none;
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-clip: text;
  background-clip: text;
}

.span-text.p-4.automargin {
  margin-left: auto;
  margin-right: auto;
}

.whipe-outro {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.whipe-outro.bg-yellow {
  display: flex;
}

.arrow-1-ap {
  width: 2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cover-div {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.img-parent-style-guide {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.name-mark-abs {
  color: var(--old-lace);
  font-size: 2.5em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab-title {
  color: var(--old-lace);
  font-size: 40px;
  line-height: 40px;
}

.outro-parent {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.panel-parent {
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.wrapper {
  background-color: #0000;
  overflow: visible;
}

.info-bar {
  z-index: 11;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.side-title-right {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.side-title-left {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.main {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main.no-hide {
  align-items: flex-start;
  overflow: visible;
}

.info {
  font-size: 1.5em;
}

.next-parent {
  width: 18em;
  height: 6em;
  position: absolute;
  bottom: 3em;
  right: 0;
}

.prev-child {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  position: absolute;
}

.text-parent {
  flex: 1;
}

.text-next {
  z-index: 2;
  text-align: center;
  display: block;
  position: relative;
}

.n-p-link.pad-left {
  padding-left: 10px;
}

._3d-img-child {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 40em;
  height: 40em;
  display: flex;
  position: absolute;
}

.circle-inner {
  background-color: var(--old-lace);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._3d-img {
  width: 100%;
  height: 100%;
  position: absolute;
}

._3d-img.img-1 {
  background-image: none;
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
}

._3d-img.img-2, ._3d-img.img-3 {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
}

.circle-inner-ap {
  z-index: 1;
  width: 80%;
  height: 70%;
  position: absolute;
}

.dot {
  background-color: #292929;
  border-radius: 100px;
  width: 2em;
  height: 2em;
}

._3d-parent {
  z-index: 5;
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

._3d-child {
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

._3d-grand-child {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 55em;
  height: 12em;
  padding-top: 9px;
  display: flex;
  overflow: hidden;
}

._3d-grand-child.top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, 6em, -6em);
}

._3d-grand-child.middle {
  z-index: 1;
  background-color: var(--pink);
  transform-style: preserve-3d;
  background-image: none;
  background-position: 50%;
  background-size: auto;
  position: relative;
  transform: translate3d(0, 0, 12em);
}

._3d-grand-child.bottom {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #2e36cb;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, -6em, -6em);
}

._3d-text {
  color: #2e36cb;
  white-space: nowrap;
  font-family: "Sharp grotesk book 25";
  font-size: 9vw;
}

._3d-text.white {
  color: #f4f0e3;
}

.section-wrapper {
  perspective: 1000px;
  transform: ;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.course-title-parent {
  width: 100%;
  padding-top: 7px;
  position: absolute;
  inset: auto auto -6em;
}

.course-title-child {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 1em;
  display: flex;
}

.course-title {
  color: var(--old-lace);
  font-family: "Sharp grotesk book 25";
  font-size: 3.5em;
}

.enter-page-parent {
  justify-content: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.cursor-parent {
  z-index: 999;
  mix-blend-mode: exclusion;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.cursor-child {
  position: relative;
}

.cursor-child.cursor-project {
  z-index: 5;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cursor-dot {
  background-color: #fff;
  border-radius: 100em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  position: relative;
}

.cursor-dot.cursor-project {
  background-color: var(--white-smoke);
  width: 10em;
  height: 10em;
}

.scroll-marker {
  width: 100%;
  height: 1px;
  position: absolute;
}

.enter-img-parent {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65vh;
  margin-top: 10%;
  margin-bottom: 10%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.course-img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.course-img.one {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.close-button-parent {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  display: flex;
  position: absolute;
}

.close-button-parent.ab-tr {
  top: 30px;
  right: 30px;
}

.close-button-child {
  z-index: 4;
  background-color: var(--blue);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.close-parent {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  display: flex;
  position: relative;
}

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

.spacer-2em {
  width: 100%;
  height: 2em;
}

.spacer-2em.test {
  height: 4em;
}

.spacer-2em.mobile {
  display: none;
}

.spacer-8em {
  width: 100%;
  height: 8em;
}

.sticky-container {
  width: 100%;
  position: sticky;
  top: 12em;
}

.sticky-parent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-hide-ab {
  z-index: 1;
  position: absolute;
  overflow: hidden;
}

.div-hide-ab.no-hide {
  overflow: visible;
}

.parent-ab {
  display: flex;
  position: absolute;
}

.ball {
  z-index: 2;
  background-color: var(--blue);
  border-radius: 100%;
  width: 3em;
  height: 3em;
  position: absolute;
}

.container-small {
  perspective: 1000px;
  flex-direction: column;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: perspective(40em);
}

.spacer-4em {
  width: 100%;
  height: 4em;
}

.menu-parent {
  z-index: 9998;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu-link-parent-yellow {
  z-index: 1;
  cursor: pointer;
  background-color: #ffcb30;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 16.6667%;
  display: flex;
  position: relative;
}

.social-link-parent {
  border-radius: 100000000000px;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  padding: 8px;
  display: flex;
  position: relative;
}

.social-link-parent.hide {
  display: none;
}

.menu-text-dark {
  z-index: 1;
  color: #292929;
  font-size: 2em;
  position: relative;
}

.menu-img-parent {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% -100% 0% auto;
  overflow: hidden;
}

.menu-link-wrap {
  background-color: #ffcb30;
  flex: none;
  height: 100vh;
  position: relative;
}

.menu-text-dark-ab {
  z-index: 1;
  color: #292929;
  font-size: 2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.menu-panel-left {
  z-index: 1;
  perspective: 1000px;
  background-color: #2e36cb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.menu-text {
  z-index: 1;
  color: #fff;
  font-size: 2em;
  position: relative;
}

.menu-link-parent {
  z-index: 1;
  border-bottom: 2px solid #2a31b7;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 16.6667%;
  padding-top: 5px;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  position: relative;
}

.social-link-icon {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
}

.menu-panel {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.container-full {
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-full.flex-split {
  justify-content: space-between;
  display: flex;
}

.container-full.flex-bottom-center-horizontal.sticky {
  top: 20em;
}

.container-full.flex-top-center-horizontal.mobile.relative {
  position: relative;
}

.container-full.service {
  justify-content: space-between;
  padding-top: 10em;
  padding-bottom: 5em;
  display: flex;
}

.container-full.flex-center-split-horizontal.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.container-full.team {
  padding-top: 15em;
  display: block;
}

.container-full.project-text {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-full.relative {
  position: relative;
}

.grid-parent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.video-parent {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 20vh;
  display: flex;
  position: absolute;
  inset: auto -2.5% 0% auto;
  overflow: hidden;
}

.embed {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  transform: scale(.8);
}

.number-toggle {
  z-index: 10;
  background-color: #292929;
  border-radius: 100px;
  padding: .8em 1em;
  position: fixed;
  inset: auto auto 3% 47%;
}

.grid-child {
  width: 260vh;
  height: 340vh;
  position: absolute;
  transform: rotate(-10deg);
}

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

.div-top {
  z-index: 10;
  position: absolute;
  top: 20px;
  left: 20px;
}

.num-text-xsm {
  z-index: 2;
  color: var(--old-lace);
  white-space: nowrap;
  font-family: "Helvetica neue lt 55 roman";
  font-size: 1.5em;
  font-weight: 400;
  position: relative;
}

.cursor-cicle-hof {
  width: 6vw;
}

.cursor-none {
  cursor: none;
}

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

.flex-box-index-container.margin-top-bottom-3rem {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.flex-index-text {
  color: #353535;
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.flex-index-description {
  color: #292929;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1rem;
  font-weight: 100;
}

.flex-center-space-horizontal {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .125rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-vertical {
  padding-top: 2em;
  padding-bottom: 2em;
}

.padding-horizontal {
  padding-left: 2em;
  padding-right: 2em;
}

.margin-0 {
  margin: 0;
}

.margin-tiny {
  margin: .125em;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-xsmall {
  margin: .5rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2em;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-top {
  margin-top: 2em;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2em;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2em;
}

.margin-vertical {
  margin-top: 2em;
  margin-bottom: 2em;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.section.hero-container {
  height: 450vh;
  padding-top: 12em;
  padding-left: 2em;
  padding-right: 2em;
}

.section.content-section {
  padding-top: 20em;
  padding-left: 2em;
  padding-right: 2em;
}

.section.project-section {
  padding-top: 15em;
  position: relative;
}

.section.partner-section {
  padding: 10em 2em;
}

.section.about-section {
  padding-top: 12.5em;
  padding-left: 2em;
  padding-right: 2em;
}

.section.service-section {
  padding-top: 15em;
  padding-left: 2em;
  padding-right: 2em;
}

.section.cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.cta.relative {
  position: relative;
}

.section.padding-custom1 {
  padding: 8em;
}

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

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

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

.flex-top-split-horizontal {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-top-space-horizontal {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

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

.flex-bottom-center-horizontal {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

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

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

.flex-bottom-space-horizontal {
  justify-content: space-around;
  align-items: flex-end;
  display: flex;
}

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

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

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

.flex-stretch-split-horizontal {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex-stretch-space-horizontal {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.flex-center-bottom-vertical {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flex-center-split-vertical {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-center-space-vertical {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.flex-left-top-vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-left-center-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.flex-left-bottom-vertical {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.flex-left-split-vertical {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-left-space-vertical {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.flex-right-top-vertical, .flex-right-center-vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.flex-right-bottom-vertical {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.flex-right-split-vertical {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.flex-right-space-vertical, .flex-right-space-vertical-copy {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  display: flex;
}

.container-extra-small {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.container-tiny {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}

.container-tiny.small-text {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
  position: absolute;
  inset: auto -8% 15% auto;
}

.container-tiny.margin-top-small {
  margin-top: 1em;
}

.container-tiny.small-text-404 {
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% -27%;
}

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

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

.h1---style {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Domaine display, sans-serif;
  font-size: 9.375em;
  font-weight: 400;
}

.h2---style {
  text-transform: uppercase;
  font-family: Domaine display, sans-serif;
  font-size: 9.375em;
  line-height: 1;
}

.h4---style {
  font-size: 2.5rem;
  line-height: 1;
}

.rich-text-project {
  margin-top: 10px;
}

.rich-text-project h2 {
  text-transform: none;
  margin-bottom: .5em;
  font-size: 6em;
}

.rich-text-project p {
  margin-top: .25em;
  margin-bottom: .25em;
}

.rich-text-project h3 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
}

.rich-text-project h4 {
  color: var(--white-smoke);
  margin-top: 1em;
  margin-bottom: .5em;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 2em;
  font-weight: 500;
}

.rich-text-project figure {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 2em auto;
  display: flex;
}

.rich-text-project ul {
  color: #9b9b9b;
  margin-bottom: 2em;
  padding-left: 0;
  font-size: 1rem;
  list-style-type: none;
}

.rich-text-project li {
  color: var(--dark-grey);
  margin-bottom: .25em;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.2em;
}

.rich-text-project img {
  object-fit: cover;
}

.heading {
  font-size: 2.5rem;
}

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

.margin-left-large {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10em;
}

.caption-text {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
}

.caption-text.team-role {
  color: #4e4e4e;
}

.caption-text.large {
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.caption-text.awards {
  width: 6.5em;
}

.asterix {
  color: var(--white-smoke);
  font-size: 1.875rem;
  line-height: .2;
}

.asterix.margin-right-small {
  margin-right: 1em;
}

.asterix.margin-right-xtrasmall {
  margin-right: .5em;
}

.nav-link {
  color: var(--white-smoke);
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.nav-link.proejctt {
  font-size: 1.5rem;
}

.intro-text-container {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.intro-text-container.abs {
  position: absolute;
}

.intro-text-container.one {
  display: flex;
}

.intro-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 9em;
  font-weight: 500;
  line-height: 1.1;
}

.domaine {
  font-family: Domaine display, sans-serif;
}

.whipe-intro {
  z-index: 2;
  background-color: var(--white-smoke);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.whipe-intro.bg-white {
  height: 0%;
}

.whipe-intro.bg-black {
  background-color: var(--black);
}

.whipe-intro.bg-cream-shade.top {
  z-index: 3;
}

.intro-text-ab {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 9em;
  font-weight: 500;
  line-height: 1.1;
}

.panel {
  width: 100%;
}

.intro-image {
  background-image: url('../images/Intro-Image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 11.4em;
  position: absolute;
  inset: auto 0% -15.2%;
}

.spacer-12em {
  width: 100%;
  height: 12em;
}

.border-line-top {
  z-index: 1;
  background-color: var(--white-smoke);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: 0% 0% auto;
}

.border-line-top.thin {
  height: 1px;
  inset: auto auto 0% 0%;
}

.border-line-top.white {
  background-color: var(--old-lace);
}

.half-circle {
  width: 45px;
  height: 45px;
}

.collection-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.collection-list.next-project-link {
  overflow: hidden;
}

.project-list-wrapper {
  z-index: 2;
  width: 100%;
  position: relative;
}

.project {
  flex-direction: column;
  justify-content: flex-end;
  width: 85%;
  display: flex;
  position: relative;
}

.project.next-link {
  bottom: -15vh;
}

.project-link {
  flex-direction: column;
  width: 100%;
  height: 100vh;
  margin-bottom: 10em;
  display: flex;
}

.project-link.reverse {
  flex-direction: column-reverse;
  height: 80vh;
  margin-bottom: 0;
}

.project-frame {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block {
  width: 100%;
}

.project-link-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-pad {
  height: 120vh;
}

.scroll-text-parent {
  z-index: -1;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 3em 0% 25%;
  overflow: hidden;
}

.scroll-text-parent.scroll-project {
  z-index: 1;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.scroll-text {
  display: flex;
  position: relative;
  overflow: hidden;
}

.supertext-xl {
  opacity: .05;
  color: var(--white-smoke);
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 29.2606em;
  font-weight: 400;
  position: relative;
}

.supertext-xl.text-white {
  color: #fff;
  font-family: "Helvetica neue lt 55 roman";
  font-weight: 400;
}

.supertext-xl.one {
  margin-left: 590px;
}

.partner {
  color: var(--white-smoke);
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: Domaine display, sans-serif;
  font-size: 4.45em;
}

.scroll-section-small {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4.1875em;
  padding-bottom: 4.1875em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.neue-haas {
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
}

.scroll-text-partner {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.scroll-text-partner._2 {
  justify-content: center;
}

.bg-video {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.reel {
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.service-parent {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.text-container {
  position: relative;
}

.text-container.team {
  padding-top: 5em;
  padding-bottom: 5em;
}

.service-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.lottie {
  width: 30em;
}

.lottie.lotie3 {
  width: 35em;
}

.border-line-nav {
  z-index: 1;
  background-color: var(--white-smoke);
  width: 100%;
  height: .5px;
  position: absolute;
  inset: auto 0% 0%;
}

.border-line-nav.thin {
  height: 1px;
  inset: auto auto 0% 0%;
}

.border-line-nav.white {
  background-color: var(--old-lace);
}

.spacer-16em {
  width: 100%;
  height: 16em;
}

.team-list-wrapper {
  width: 100%;
  display: flex;
}

.team-collection-list {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.team-info-wrapper {
  margin-top: 2em;
}

.team-name {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.team-name.team-role {
  color: #4e4e4e;
}

.team-role {
  color: #414141;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
}

.neue-haas-medium {
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
}

.cta-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  margin-top: 12em;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10em;
  display: flex;
}

.circle-cta {
  background-color: var(--white-smoke);
  border-radius: 100em;
  min-width: 2em;
  min-height: 2em;
  margin-left: 3em;
  margin-right: 3em;
  position: relative;
}

.cta-scroll-text-parent {
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer {
  padding: 5em 2em;
}

.footer-credit {
  color: var(--white-smoke);
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.small-text-container {
  width: 200px;
  margin-left: 0;
}

.contacto0 {
  color: var(--white-smoke);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: .85rem;
}

.supertext-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.whipe-button {
  z-index: 2;
  background-color: var(--white-smoke);
  border-radius: 1000000em;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.whipe-button.bg-white {
  background-color: var(--white-smoke);
}

.whipe-button.bg-black {
  background-color: var(--black);
}

.whipe-button.bg-cream-shade.top {
  z-index: 3;
}

.project-container {
  width: 100%;
  height: 60vh;
  margin-bottom: 3em;
  position: relative;
  overflow: hidden;
}

.project-container.np-link {
  margin-top: 3em;
  margin-bottom: 0;
}

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

.cursor-arrow {
  z-index: 10;
  opacity: 1;
  width: 50px;
  height: 50px;
  display: none;
}

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

.cursor-project-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cursor-dot-project {
  mix-blend-mode: difference;
  background-color: #fff;
  border-radius: 100em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 10em;
  display: flex;
}

.cursor-dot-project.cursor-project {
  background-color: var(--white-smoke);
  width: 10em;
  height: 10em;
}

.horizontal-scroll-section {
  z-index: 2;
  width: 100%;
  height: 850vh;
  position: relative;
}

.sticky-container-project {
  z-index: 2;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-scroll-parent {
  justify-content: flex-start;
  align-items: center;
  width: 600vw;
  height: 100%;
  display: flex;
}

.project-item {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 25vw;
  height: 100vh;
  display: flex;
  position: relative;
  top: 0;
}

.collection-list-project-page {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.project-list-wrapper-p-page {
  z-index: 2;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.project-frame---p-page {
  background-image: url('../images/MERCA-TR.png');
  background-position: 50%;
  background-size: 100%;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.project-frame---p-page.pro2 {
  background-image: url('../images/MR-JEFF-TR.png');
}

.project-frame---p-page.pro3 {
  background-image: url('../images/MITICA-TR.png');
  background-size: 100% 100%;
}

.project-frame---p-page.pro4 {
  background-image: url('../images/GDENT-TR.png');
}

.project-frame---p-page.pro5 {
  background-image: url('../images/SCOYSER-TR.png');
}

.project-frame---p-page.pro6 {
  background-image: url('../images/TECNILAB-TR.png');
}

.project-link-wrapper-p-page {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.project-link-p-page {
  z-index: 2;
  flex-direction: column;
  width: 80%;
  height: 85%;
  margin-top: 5em;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.scroll-arrow {
  width: 1.25em;
}

.scroll-text-project {
  color: var(--old-lace);
  text-transform: uppercase;
  margin-right: 1em;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.site-arrow-parent {
  margin-left: 1em;
  overflow: hidden;
}

.site-arrow {
  width: 1.5em;
}

.client-txt-name {
  color: var(--dark-grey);
  margin-top: 10px;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

.client-txt-name.large {
  color: var(--white-smoke);
  font-family: Neue Haas Grotesk Display Medium, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.margin-top-medium {
  margin-top: 5em;
}

.project-img-container-split {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-img-container-split.margin-top-medium {
  grid-column-gap: 5em;
}

.embedded-media-player {
  position: relative;
  overflow: hidden;
}

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

.awards-list-parent {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.padding-vertical-large {
  padding-top: 10em;
  padding-bottom: 10em;
}

.scroll-arrow-ab {
  width: 1.25em;
  position: absolute;
  inset: 0%;
}

.spacer-6em {
  height: 6em;
}

.name-field {
  background-color: #0000;
  border: 1px solid #000;
  border-bottom: .5px solid #fff;
}

.form-text-name {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.email-text-form {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.form-text-field {
  color: #ffffffba;
  letter-spacing: .65px;
  background-color: #fff0;
  border: 1px #000;
  padding-left: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.contact-form {
  flex-direction: column;
  align-items: flex-start;
}

.form-drop-down {
  color: var(--dark-grey);
  letter-spacing: .65px;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #000;
  padding-left: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.form-item-wrapper {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3.5em;
  display: flex;
  position: relative;
}

.form-item-wrapper.hide {
  display: none;
}

.form-text-area {
  color: #fff;
  letter-spacing: .5px;
  background-color: #0000;
  border: 0 solid #000;
  padding-left: 0;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: 1rem;
}

.ourtro-logo {
  width: 5rem;
}

.intro-parent-2 {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.intro-logo-t {
  width: 5rem;
}

.whipe-intro-t {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.whipe-intro-t.bg-yellow {
  display: flex;
}

.designer-link {
  color: var(--white-smoke);
  transition: all .3s;
}

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

.designer-small {
  color: var(--white-smoke);
  letter-spacing: 1px;
  text-transform: capitalize;
  width: 100%;
  font-family: Neue Haas Grotesk Display Roman, sans-serif;
  font-size: .8rem;
  font-weight: 400;
}

.footer-credit-wrap {
  flex-direction: column;
  align-items: center;
  width: 33.3333%;
  display: flex;
  overflow: hidden;
}

.small-footer-link {
  color: #979797;
}

.small-footer-link:hover {
  color: var(--white-smoke);
  border-bottom: .5px #fff;
}

.footer-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.live-site-link {
  cursor: pointer;
  display: flex;
}

.tachado {
  text-decoration: line-through;
}

.projects-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.project-full {
  width: 100%;
}

.particlesjs {
  z-index: -1;
  min-width: 100vw;
  min-height: 100vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.container_large {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

.lootie-hastag {
  position: absolute;
  inset: auto auto 0% 0%;
}

.hashtag {
  width: 20%;
}

.lottie-chart {
  width: 30%;
  position: absolute;
  inset: auto 10% -20% auto;
}

.lottiechart {
  width: 120%;
  height: 120%;
}

.hallo {
  font-family: Exo, sans-serif;
}

.bonjour {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.text-span {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.text-span-2 {
  font-family: Montserrat, sans-serif;
}

.text-span-3 {
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.text-span-4 {
  font-family: Verdana, Geneva, sans-serif;
}

.arrow-wrappers {
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.arrowlottie1 {
  transform-style: preserve-3d;
  width: 30%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 5%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(-40deg);
}

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

.arrowlottie2 {
  transform-style: preserve-3d;
  width: 30%;
  height: 100%;
  position: absolute;
  inset: 0% 5% 0% auto;
  transform: rotateX(-180deg)rotateY(0)rotateZ(-40deg);
}

.lottie-art {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.lottieart {
  width: 40em;
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 2rem;
  }

  p {
    font-size: 1rem;
  }

  .h2-mid {
    font-size: 6vw;
  }

  .supertext.one, .supertext.two {
    font-size: 12vw;
  }

  .paragraph-large {
    font-size: 1.5rem;
  }

  .text-blue.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .bg-blue {
    cursor: auto;
    font-size: 12px;
  }

  .bg-yellow, .bg-pink, .bg-black {
    font-size: 12px;
  }

  .flex-center-center-vertical.margin-medium {
    margin: 1.5rem;
  }

  .parent.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .parent.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .parent.margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .parent.padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .div-hide.bar-m {
    height: 6em;
  }

  .div-hide.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .nav {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-parent {
    padding-top: 140px;
  }

  .image-parent.hero-img {
    margin-top: 140px;
  }

  .image-parent.project-image, .image-parent.project-img-medium {
    height: 60vh;
  }

  .image-parent.project-img-small {
    height: 40vh;
  }

  .image-parent.project-img-large {
    height: 60vh;
  }

  .image-child.img-7, .image-child.img-8, .image-child.img-9 {
    background-position: 50%;
  }

  .circle-parent-1 {
    width: 14em;
    height: 14em;
  }

  .circle-parent-2 {
    width: 11em;
    height: 11em;
  }

  .circle-parent-3 {
    width: 8em;
    height: 8em;
  }

  .grid-2-col-right {
    grid-template-columns: 1fr 4fr;
    display: flex;
  }

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

  .whipe {
    display: block;
  }

  .tab-panel {
    padding: 40px;
  }

  .tab-info-p {
    font-size: 15px;
  }

  .list-img-parent {
    width: 32vw;
    height: 32vh;
    display: none;
  }

  .scroll-section-mouse {
    align-items: flex-start;
    height: 60vh;
    margin-top: 0;
    padding-left: 15px;
    overflow: auto;
  }

  .scroll-inner {
    padding-right: 10px;
  }

  .content-footer {
    padding-top: 140px;
    padding-bottom: 180px;
  }

  .span-text.one.no-span, .span-text.two.no-span, .span-text.three.no-span, .span-text.four.no-span {
    display: inline;
  }

  .body-change {
    font-size: 12px;
  }

  .info-bar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-title-right, .side-title-left {
    width: 80px;
    font-size: 16px;
  }

  .info, .link-parent {
    font-size: 16px;
  }

  .next-parent {
    display: none;
  }

  ._3d-grand-child {
    width: 50em;
    height: 10em;
  }

  ._3d-grand-child.top {
    transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, 7em, -5em);
  }

  ._3d-grand-child.bottom {
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, -7em, -5em);
  }

  ._3d-text {
    font-size: 90px;
  }

  .enter-page-parent, .cursor-parent {
    display: none;
  }

  .sticky-container.mobil {
    top: 65vh;
  }

  .spacer-4em {
    height: 4em;
  }

  .social-link-parent {
    flex-direction: column;
    display: flex;
  }

  .social-link-icon {
    width: 2em;
    height: 2em;
    margin-bottom: 10px;
  }

  .container-full.flex-center-split-horizontal.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-parent.main {
    align-items: flex-start;
    padding-top: 130px;
    overflow: visible;
  }

  .number-toggle {
    left: 45%;
  }

  .grid-child {
    width: 90%;
    height: 4000px;
    transform: rotate(0);
  }

  .grid-full {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cursor-none.cursor-on {
    cursor: auto;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.hero-container {
    padding-top: 65vh;
  }

  .h1---style {
    font-size: 9.2em;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-left-large.flex-center-center-horizontal {
    margin-left: 5em;
  }

  .caption-text {
    font-size: .8rem;
  }

  .nav-link {
    font-size: 1rem;
  }

  .project-link {
    height: 80vh;
  }

  .project-link.reverse.w--current {
    height: 60vh;
  }

  .supertext-xl.one, .supertext-xl.two {
    font-size: 12vw;
  }

  .team-name, .team-role {
    font-size: .8rem;
  }

  .footer-credit {
    font-size: 1rem;
  }

  .contacto0 {
    font-size: .7rem;
  }

  .sticky-container-project.mobil {
    top: 65vh;
  }

  .project-link-p-page {
    height: 80vh;
  }

  .scroll-arrow, .scroll-arrow-ab {
    width: 1.25rem;
  }

  .designer-small {
    font-size: .7rem;
  }
}

@media screen and (max-width: 767px) {
  .supertext.one, .supertext.two {
    font-size: 16vw;
  }

  .text-blue.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .flex-center-center-vertical.margin-medium {
    margin: 1.25rem;
  }

  .parent.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .parent.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .parent.flex-center-left-horizontal.mobile-margin {
    margin-top: 10px;
  }

  .parent.margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .parent.padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .div-hide.bar-m {
    height: 4.5em;
  }

  .div-hide.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .intro-logo {
    width: 11em;
  }

  .nav-logo {
    width: 6rem;
  }

  .image-parent.hero-img {
    height: 450px;
  }

  .circle-parent-1 {
    width: 12em;
    height: 12em;
    top: 12em;
    left: -2em;
  }

  .circle-parent-2 {
    width: 10em;
    height: 10em;
    top: 18em;
    right: 5em;
  }

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

  .grid-2-col-right {
    grid-template-columns: 1fr 4fr;
  }

  .tab-btn-parent {
    overflow: auto;
  }

  .tab-btn-child {
    min-width: 200px;
  }

  .border-line-bottom.thin {
    z-index: 1;
    width: 800px;
    inset: auto 0% 0%;
  }

  .tab-active {
    width: 200px;
  }

  .tab-panel {
    width: 90%;
  }

  .tab-l-ine-top, .tab-l-ine-bottom {
    height: 30px;
  }

  .scroll-section {
    padding-top: 80px;
  }

  .list-img-parent {
    display: none;
  }

  .scroll-section-mouse {
    margin-top: 0;
  }

  .scroll-inner {
    width: 250vw;
  }

  .scroll-parent {
    width: 60vw;
  }

  .span-text.one.no-span, .span-text.two.no-span, .span-text.three.no-span, .span-text.four.no-span {
    display: inline;
  }

  .tab-title {
    font-size: 6vw;
  }

  .info-bar {
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-title-right, .side-title-left {
    display: none;
  }

  ._3d-img-child {
    width: 35em;
    height: 35em;
  }

  .circle-inner-ap {
    height: 72%;
  }

  ._3d-grand-child {
    width: 44em;
    height: 9em;
  }

  ._3d-grand-child.top {
    transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, 8em, -4.5em);
  }

  ._3d-grand-child.bottom {
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, -8em, -4.5em);
  }

  ._3d-text {
    font-size: 80px;
  }

  .enter-img-parent {
    margin-top: 80px;
  }

  .container-small {
    width: 85%;
  }

  .logo-menu {
    width: 120px;
  }

  .menu-panel-left {
    width: 100%;
  }

  .menu-link-parent {
    padding-left: 2em;
    padding-right: 2em;
  }

  .menu-panel.bg-cream-shade {
    display: none;
  }

  .container-full.flex-center-split-horizontal.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .video-parent {
    width: 30%;
  }

  .number-toggle {
    left: 43%;
  }

  .grid-child {
    height: 6500px;
  }

  .grid-full {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.hero-container {
    padding-top: 74vh;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .caption-text {
    font-size: .6rem;
  }

  .nav-link {
    font-size: .8rem;
  }

  .border-line-top.thin {
    z-index: 1;
    width: 800px;
    inset: auto 0% 0%;
  }

  .supertext-xl.one, .supertext-xl.two {
    font-size: 16vw;
  }

  .scroll-section-small {
    padding-top: 80px;
  }

  .border-line-nav.thin {
    z-index: 1;
    width: 800px;
    inset: auto 0% 0%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 12.9em;
  }

  h2 {
    font-size: 11em;
  }

  h3 {
    font-size: 1.25rem;
  }

  .h2-mid {
    font-size: 12vw;
  }

  .paragraph-large {
    font-size: .745rem;
  }

  .text-blue.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .parent.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .parent.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .parent.flex-center-left-horizontal.mobile-margin {
    margin-top: 20px;
  }

  .parent.margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .parent.padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .div-hide.bar-m {
    height: 3em;
  }

  .div-hide.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .utility-page-wrap {
    width: 100vw;
    height: 100vh;
  }

  .border-line-h.black {
    height: 1.5em;
  }

  .btn-parent {
    width: 20em;
    height: 20em;
  }

  .btn-parent.form {
    width: 6em;
    height: 6em;
  }

  .nav {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .nav-logo {
    width: 5.4rem;
  }

  .nav-link-parent.xd1, .nav-link-parent.xd2 {
    display: none;
  }

  .container-medium.about {
    margin-left: 0;
  }

  .image-parent.hero-img {
    height: 520px;
    margin-top: 100px;
  }

  .image-parent.about {
    margin-top: 20px;
    right: 0%;
  }

  .image-parent.project-image, .image-parent.project-img-medium {
    height: 40vh;
  }

  .image-parent.project-img-small {
    height: 30vh;
  }

  .image-parent.project-img-large {
    height: 40vh;
  }

  .text-ring {
    width: 10em;
  }

  .circle-parent-1 {
    width: 10em;
    height: 10em;
    top: 8em;
    left: -1em;
  }

  .circle-parent-2 {
    width: 8em;
    height: 8em;
    top: 20em;
    right: 1em;
  }

  .circle-parent-3 {
    width: 6em;
    height: 6em;
    right: 2em;
  }

  .grid-2-col-right {
    flex-direction: column;
    grid-template-columns: 1fr 4.75fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .button-txt {
    font-size: .6rem;
  }

  .whipe {
    display: block;
  }

  .scroll-section {
    padding-top: 3.5em;
  }

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

  .mar-left {
    margin-left: 15px;
    font-size: 6.5vw;
  }

  .scroll-inner {
    width: 350vw;
  }

  .scroll-parent {
    width: 85vw;
  }

  .span-text.five.no-span {
    display: inline;
  }

  ._3d-img-child {
    width: 26em;
    height: 26em;
  }

  .circle-inner-ap {
    height: 75%;
  }

  ._3d-grand-child {
    width: 27em;
    height: 7em;
  }

  ._3d-grand-child.top {
    transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, 8.5em, -3.5em);
  }

  ._3d-grand-child.bottom {
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, -8.5em, -3.5em);
  }

  ._3d-text {
    font-size: 55px;
  }

  .enter-page-parent {
    display: none;
  }

  .enter-img-parent {
    margin-bottom: 60px;
  }

  .spacer-2em, .spacer-2em.mobile {
    display: block;
  }

  .sticky-container.mobil {
    position: relative;
    top: 0;
  }

  .social-link-parent {
    flex: none;
  }

  .social-link-icon {
    width: 5em;
    height: 5em;
  }

  .container-full.flex-top-center-horizontal.mobile, .container-full.service {
    flex-direction: column;
  }

  .container-full.flex-center-split-horizontal.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-full.flex-center-split-horizontal.mobile, .container-full.flex-top-split-horizontal {
    flex-direction: column;
  }

  .video-parent {
    width: 100%;
    margin-top: 20px;
    position: relative;
    right: 0%;
  }

  .number-toggle {
    left: 40%;
  }

  .grid-child {
    height: 4500px;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.hero-container {
    height: auto;
    padding-top: 50vh;
  }

  .section.project-section {
    padding-top: 30em;
  }

  .section.partner-section {
    padding-top: 15em;
    padding-bottom: 15em;
  }

  .section.padding-xhuge {
    padding: 2rem 1rem;
  }

  .section.padding-xxhuge {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-extra-small.mobile {
    width: 70%;
  }

  .container-tiny, .container-tiny.small-text, .container-tiny.small-text-404 {
    display: none;
  }

  .h1---style {
    font-size: 10.9em;
  }

  .h2---style {
    font-size: 2.5rem;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .caption-text {
    font-size: .8rem;
  }

  .asterix {
    font-size: 1rem;
  }

  .asterix.margin-horizontal {
    margin-left: 1em;
    margin-right: 1em;
  }

  .nav-link {
    padding-bottom: .25rem;
    font-size: 10px;
  }

  .nav-link.proejctt {
    font-size: 1rem;
  }

  .half-circle {
    width: 3em;
    height: 3em;
  }

  .project.next-link {
    bottom: -4.8vh;
  }

  .project-link {
    height: 50vh;
  }

  .project-link.reverse {
    height: 35vh;
  }

  .project-link.reverse.w--current {
    height: 40vh;
  }

  .scroll-section-small {
    padding-top: 3.5em;
  }

  .bg-video {
    height: 50vh;
  }

  .service-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 3em;
    width: 100%;
    margin-top: 10px;
  }

  .team-collection-list {
    flex-direction: column;
    display: flex;
  }

  .cta-container {
    width: 100%;
  }

  .footer {
    padding-bottom: 20em;
  }

  .footer-credit {
    font-size: .75rem;
  }

  .contacto0 {
    margin-bottom: 5px;
  }

  .sticky-container-project.mobil {
    position: relative;
    top: 0;
  }

  .project-link-p-page {
    height: 50vh;
  }

  .scroll-arrow {
    width: 3.5em;
  }

  .scroll-text-project {
    font-size: .85rem;
  }

  .site-arrow {
    width: 1rem;
  }

  .project-img-container-split.margin-top-medium {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    margin-top: 1rem;
  }

  .form-text-name {
    font-size: 1rem;
    line-height: 1.2;
  }

  .form-text-field, .form-drop-down {
    font-size: .8rem;
  }

  .form-item-wrapper {
    margin-bottom: 8em;
  }

  .form-text-area {
    padding-left: 0;
    font-size: .8rem;
  }

  .paragraph {
    font-size: 1.2rem;
  }

  .designer-small {
    line-height: 1.2;
  }

  .footer-credit-wrap {
    width: auto;
  }

  .footer-credit-wrap.flex-center-right-horizontal {
    margin-top: 20px;
  }

  .footer-credit-wrap.hidden, .hidden {
    display: none;
  }

  .footer-container, .projects-wrapper {
    flex-direction: column;
  }

  .project-show {
    width: 100%;
  }

  .lottie-art {
    display: none;
  }
}

#w-node-_8f7f43f8-a2c6-832b-9174-7239d80eed6a-e58be05b, #w-node-_5c021a87-bbf5-0fde-40c5-f8d31c610a18-e58be05b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f87f3e94-b4aa-4397-a1e4-d9e549f41148-038be066, #w-node-c96e507d-85d2-5fd0-36d0-3944543dca3e-038be066, #w-node-b6055822-f933-01c9-8f8c-53e9829a450f-038be066 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Domaine display';
  src: url('../fonts/domaine-display-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Medium';
  src: url('../fonts/NeueHaasDisplayMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Roman';
  src: url('../fonts/NeueHaasDisplayRoman.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Domaine display';
  src: url('../fonts/Domaine-display-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}