@font-face {
  font-family: Smoochsans;
  src: url('../fonts/SmoochSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Redhatdisplay;
  src: url('../fonts/RedHatDisplay-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhatdisplay;
  src: url('../fonts/RedHatDisplay-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #000;
  --grey-light: #f1f1f1;
  --gold: #c1ab8e;
  --white: #fff;
  --0-7-rem: .7rem;
  --grey: #8b8b8b;
  --0-7: .7rem;
}

body {
  color: #fff;
  font-family: Redhatdisplay, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Redhatdisplay, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

a {
  color: #fff;
  font-family: Redhatdisplay, Arial, sans-serif;
  text-decoration: none;
}

.body {
  background-color: #000;
  overflow: visible;
}

.navigation-wrapper {
  z-index: 999;
  opacity: 0;
  mix-blend-mode: normal;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.main-wrapper {
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-wrapper.dark {
  z-index: 10;
  pointer-events: auto;
  position: relative;
  overflow: visible;
}

.main-wrapper.dark.no-events {
  opacity: 100;
  pointer-events: none;
}

.main-wrapper.dark.load-opacity {
  opacity: 1;
}

.main-wrapper.dark.load-opacity.wwd-s {
  padding-bottom: 0;
}

.main-wrapper.light {
  opacity: 1;
  pointer-events: auto;
  background-color: #fff;
  padding-bottom: 8rem;
  position: relative;
  overflow: visible;
}

.main-wrapper.light.no-padding {
  padding-bottom: 0;
}

.main-wrapper.light.load-opacity {
  opacity: 0;
}

.main-wrapper.grey {
  background-color: var(--grey-light);
  overflow: visible;
}

.main-wrapper.gold {
  background-color: var(--gold);
}

.container {
  pointer-events: auto;
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90vw;
  height: 100%;
  display: flex;
  position: static;
  overflow: visible;
}

.container.no-events {
  pointer-events: none;
  position: relative;
}

.navigation {
  z-index: 10;
  mix-blend-mode: normal;
  isolation: isolate;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  mix-blend-mode: normal;
  display: flex;
  position: relative;
}

.nav-item {
  padding: 1.25rem;
}

.hero-wrapper {
  z-index: 10;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  margin-top: -4rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.hero-wrapper.large {
  width: 60vw;
  position: relative;
}

.hero-wrapper.is-projects {
  width: 60vw;
}

.hero-main {
  z-index: 9;
  pointer-events: none;
  height: 100%;
  max-height: 70vw;
  position: static;
}

.hero-headline-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  pointer-events: none;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-headline-wrapper.large {
  max-width: none;
}

.hero-headline {
  text-transform: lowercase;
  white-space: nowrap;
  overflow-wrap: normal;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Smoochsans, Times New Roman, sans-serif;
  font-size: 10vw;
  font-weight: 200;
  line-height: 6vw;
}

.hero-headline.small {
  color: var(--black);
  font-size: 9vw;
  font-weight: 300;
}

.hero-headline-caption {
  opacity: .9;
  margin-left: 0;
  margin-right: auto;
  font-size: .75rem;
  font-weight: 400;
  display: inline-flex;
}

.hero-headline-caption.last {
  text-align: left;
  margin-left: auto;
  margin-right: 0;
}

.hero-headline-caption.is-sub {
  color: var(--black);
  max-width: 325px;
}

.hero-headline-caption.black {
  color: var(--black);
  align-self: auto;
}

.hero-headline-caption.is-about {
  color: var(--black);
  max-width: 400px;
}

.logo-text {
  mix-blend-mode: normal;
  font-family: Redhatdisplay, Arial, sans-serif;
  font-weight: 500;
}

.projects-wrapper {
  z-index: 5;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin-top: -5rem;
  margin-bottom: 6rem;
  display: grid;
  position: relative;
  inset: 0 0% 0%;
}

.projects-wrapper.no-margin {
  margin-top: 0;
}

.projects-wrapper.gallery {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.menu-link {
  text-transform: lowercase;
  font-size: .8rem;
}

.menu-link.w--current {
  font-family: Redhatdisplay, Arial, sans-serif;
}

.image_wrap {
  z-index: 1;
  opacity: 1;
  position: relative;
  overflow: visible;
}

.content_img-wrap {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 275px;
  height: 275px;
  display: flex;
  overflow: hidden;
}

.content_img {
  object-fit: contain;
  flex: 0 auto;
  align-self: auto;
  width: 275px;
  height: 100%;
  display: block;
  overflow: clip;
}

.img-trail-section {
  z-index: 10;
  pointer-events: auto;
  flex-flow: column;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.spacer-8vw {
  z-index: 11;
  width: 100%;
  height: 10vw;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-section {
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.white {
  background-color: var(--white);
  opacity: 1;
  min-height: 75vh;
}

.hero-section.white.wwd {
  opacity: 1;
}

.hero-section.project {
  justify-content: flex-end;
  align-items: center;
  min-height: 90vh;
}

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

.hero-content.is-1.is-sub-r {
  justify-content: flex-end;
  align-items: center;
}

.hero-content.is-1.about, .hero-content.is-2 {
  justify-content: center;
  align-items: center;
}

.hero-content.is-3 {
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.hero-content.is-3.is-sub-l {
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  position: relative;
}

.hero-content.is-3.is-sub-l.mobile {
  display: none;
}

.hero-caption-wrapper {
  padding-left: 2.5rem;
  position: relative;
  overflow: hidden;
}

.hero-caption-wrapper.left {
  margin-top: 20px;
  padding-left: 0;
  padding-right: 2.5rem;
}

.hero-caption-wrapper.heading-r {
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.card-large {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: 41% 0% 0%;
}

.card-image {
  width: 100%;
  box-shadow: 0 2px 5px #0003;
}

.menu-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-line-1 {
  mix-blend-mode: normal;
  background-color: #fff;
  width: 0%;
  height: 1px;
}

.nav-line-2 {
  background-color: #fff;
  width: 0%;
  height: 1px;
}

.nav-menu-wrapper {
  mix-blend-mode: normal;
  position: relative;
}

.highlight-wrapper {
  transform-style: preserve-3d;
  width: 100%;
  height: 90vh;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
  transform: perspective(1000px)rotateY(-2deg);
}

.highlight-background {
  z-index: 4;
  opacity: 0;
  background-image: url('../images/makemeplay-background2x.6e7ab51.avif');
  background-position: 0%;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hl-headline-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hl-heading-s {
  color: #000;
  font-size: 90px;
  font-weight: 500;
}

.hl-bg-mask {
  text-align: left;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 0%;
  height: 15vh;
  margin-left: auto;
  display: block;
  position: static;
  inset: 0%;
}

.hl-bg-mask.white {
  z-index: 2;
  background-color: #fff0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 8rem;
  display: flex;
  position: static;
  overflow: hidden;
}

.hl-bg-mask.purple {
  z-index: 1;
  box-shadow: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 8rem;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.hl-bg-mask.white-large {
  z-index: 2;
  background-color: #fff0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-right: 8rem;
  display: flex;
  position: static;
  overflow: hidden;
}

.hl-line-wrapper {
  border-radius: 0;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.purple-1 {
  background-color: #826cf3;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 200px;
  height: 200px;
  padding-left: 0;
  box-shadow: 0 2px 50px 5px #826cf3;
}

.purple-2 {
  background-color: #826cf3;
  width: 100%;
  height: 200px;
  box-shadow: 0 2px 50px 5px #826cf3;
}

.white-1 {
  background-color: #fff;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 200px;
  height: 200px;
  box-shadow: 0 2px 50px 5px #fff;
}

.white-2 {
  background-color: #fff;
  width: 100%;
  height: 200px;
  box-shadow: 0 2px 50px 5px #fff;
}

.white-3 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 50px 5px #fff;
}

.hl-liine-wrapper-2 {
  z-index: 5;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.white-4 {
  background-color: #fff;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 50px 5px #fff;
}

.hl-headline-wrapper-2 {
  z-index: 8;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 2rem 4rem;
  display: grid;
  position: absolute;
  inset: 0%;
}

.hl-heading-l {
  opacity: 0;
  color: #fff;
  text-align: center;
  font-size: 8vw;
  font-weight: 600;
  line-height: 100%;
}

.hl-text {
  opacity: 0;
  color: #fff;
  text-transform: uppercase;
  padding-top: 0;
  font-size: 1rem;
  display: block;
}

.hl-btn-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding-top: 1rem;
  display: flex;
}

.hl-btn-text {
  opacity: 0;
  color: #fff;
  align-self: center;
  font-size: 1rem;
}

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

.card-title {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.card-extra {
  align-self: center;
  width: 150px;
}

.title {
  color: #000;
  font-family: Redhatdisplay, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 3rem;
}

.title.small {
  font-size: 1rem;
  line-height: 1.5rem;
}

.cards-small-wrapper {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 70vw;
  display: grid;
}

.card-text-s {
  color: #ccbe1e;
  font-size: .7rem;
  line-height: 1rem;
}

.card-text-s.green {
  color: #2fc524;
}

.card-text-s.orange {
  color: #cc411e;
}

.card-text-s.blue {
  color: #1e27cc;
}

.card-text-s.red {
  color: #c20f12;
}

.card-text-s.pink {
  color: #c7197e;
  font-family: Redhatdisplay, Arial, sans-serif;
}

.card-extra-text {
  color: #000;
  text-transform: uppercase;
  font-family: Redhatdisplay, Arial, sans-serif;
  font-size: .6rem;
  font-weight: 600;
  line-height: 1rem;
}

.card-extra-text.services {
  color: var(--white);
  text-transform: none;
  font-size: .7rem;
  font-weight: 500;
}

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

.large-link-wrapper {
  z-index: 2;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.large-link {
  color: #000;
  font-family: Smoochsans, Times New Roman, sans-serif;
  font-size: 4vw;
  font-weight: 300;
  line-height: 3.5vw;
}

.large-link.white {
  z-index: 1;
  color: var(--white);
  text-align: center;
  position: relative;
}

.large-link.link-xl {
  opacity: 1;
  color: #ebebeb;
  font-size: 7vw;
  line-height: 7rem;
}

.large-link.link-xl.first {
  opacity: 100;
  color: var(--black);
  line-height: 6vw;
}

._100vh-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

._100vh-wrapper.img-full {
  background-image: url('../images/4f2e892d-e90e-407a-9e25-e7abd38eefe3_makemepulse-case-ug-ruinart-2021-07.avif');
  background-position: 50%;
  background-size: cover;
}

._100vh-wrapper.img-full-2 {
  background-image: url('../images/24977f67-b00c-45b0-af30-ce3919e6a717_makemepulse-case-ug-ruinart-2021-09.avif');
  background-position: 50%;
  background-size: cover;
}

._100vh-wrapper.img-full-3 {
  background-image: url('../images/5daa2d4d-3af7-4e56-9566-b82b9e27d8f0_makemepulse-case-ug-ruinart-2021-16.avif');
  background-position: 50%;
  background-size: cover;
}

._100vh-wrapper.img-full-4 {
  background-image: url('../images/f34e6e0a-2ce7-44c6-b836-4a3f1798224b_makemepulse-case-ug-ruinart-2021-17.avif');
  background-position: 50%;
  background-size: cover;
}

.video-wrapper {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8rem 6rem;
  display: block;
  position: relative;
}

.video-wrapper.no-padding {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.video-wrapper.no-padding.gold {
  background-color: var(--gold);
}

.about-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 12rem;
  display: grid;
}

.about-wrapper.second {
  grid-template-rows: auto auto;
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-2 {
  color: #000;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 3rem;
}

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

.link-block-b {
  flex-flow: column;
  height: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

.line-black {
  background-color: #000;
  height: 2px;
  margin-top: -3px;
  display: block;
}

.line-black.link {
  height: 1px;
  margin-top: 0;
}

.line-black.thin {
  height: 1px;
}

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

.div-block-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.text-block-4 {
  color: var(--black);
  font-size: var(--0-7-rem);
  text-align: right;
  line-height: 1rem;
}

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

.div-block-7 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.image-2 {
  margin-top: -5rem;
  box-shadow: 0 2px 5px #0003;
}

.text-block-5 {
  color: var(--black);
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.div-block-9 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.image-3 {
  object-fit: cover;
  margin-top: 6rem;
  margin-bottom: -5rem;
  box-shadow: 0 2px 5px #0003;
}

.news-wrapper {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 0;
}

.heading {
  font-size: 2rem;
  font-weight: 400;
}

.heading.black {
  color: var(--black);
  text-align: right;
}

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

.articles-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 75vw;
  display: flex;
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.article-intro {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.line-white {
  background-color: #fff;
  height: 1px;
  margin-top: 0;
}

.article-date {
  z-index: 2;
  opacity: .9;
  font-size: var(--0-7-rem);
  position: relative;
}

.div-block-12 {
  justify-content: center;
  align-items: center;
  height: 10rem;
  margin-bottom: -5rem;
  display: flex;
}

.div-block-13 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 60vw;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.newsletter-wrapper {
  width: 100%;
  max-width: 70vw;
  padding-top: 14rem;
  padding-bottom: 0;
}

.newsletter-wrapper.no-top-padding {
  padding-top: 0;
}

.newsletter-box {
  z-index: 4444;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: -5rem;
  padding-top: 6rem;
  padding-bottom: 4rem;
  display: grid;
  position: static;
}

.image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.footer {
  grid-column-gap: 16px;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 8rem;
  display: grid;
}

.footer-col-name {
  margin-bottom: 5rem;
}

.f-name {
  color: var(--black);
  font-size: var(--0-7-rem);
  text-transform: uppercase;
}

.f-name.white {
  color: var(--white);
}

.f-name.white.lower-case {
  text-transform: none;
}

.f-name.bold {
  opacity: 0;
  font-weight: 600;
}

.footer-content-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.footer-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.f-heading {
  color: var(--black);
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.f-content {
  color: var(--black);
  font-size: var(--0-7-rem);
  line-height: 1rem;
  display: block;
}

.div-block-14 {
  flex-flow: column;
  display: block;
  position: static;
}

.underline-wrapper {
  height: 100%;
  display: inline-block;
  position: relative;
  inset: auto 0% 0%;
}

.footer-sm {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-bottom: 0;
  display: flex;
}

.footer-newsletter-box {
  background-color: var(--white);
  margin-bottom: -3rem;
  padding: 5rem 4rem 8rem;
}

.credits-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-18 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  padding-top: 2rem;
  padding-bottom: 0;
  display: flex;
}

.footer-contact-wrapper {
  flex-flow: column;
  display: flex;
}

.grey {
  color: var(--grey);
}

.div-block-20 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.nav-logo-text {
  align-self: center;
  width: 150px;
  height: 20px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1);
}

.nav-logo {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100px;
  max-width: 150px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.logo-shape {
  background-color: var(--white);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.logo-shape.square {
  background-color: var(--grey);
  border-radius: 0%;
  margin-left: 4px;
}

.logo-shape.black {
  background-color: var(--black);
}

.logo-shape.square-2 {
  background-color: var(--grey);
  border-radius: 0%;
  margin-left: 4px;
}

.logo-wrapper {
  display: block;
  overflow: hidden;
}

.circle {
  background-color: #fff;
  border-radius: 50%;
  align-self: flex-end;
  width: .75vw;
  height: .75vw;
  font-family: Redhatdisplay, Arial, sans-serif;
  position: absolute;
  inset: 0% -1% 0% auto;
}

.circle.black {
  background-color: var(--black);
  position: absolute;
  inset: 0% 0% 0% auto;
}

.circle.black.is-sub {
  width: .75vw;
  height: .75vw;
  position: absolute;
  bottom: 5%;
  right: -3%;
}

.circle.is-project {
  right: -2%;
}

.circle-small {
  background-color: #fff;
  border-radius: 50%;
  align-self: flex-end;
  width: 12px;
  height: 12px;
}

.circle-small.black {
  background-color: var(--black);
  width: .4vw;
  height: .4vw;
  margin-bottom: 6px;
  position: absolute;
  inset: 0% -3% 0% auto;
}

.circle-small.white {
  background-color: var(--white);
  width: .4vw;
  height: .4vw;
  margin-bottom: 6px;
  position: absolute;
  inset: 0% -5% 0% auto;
}

.showreel {
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
  overflow: visible;
}

.video-thumbnail {
  z-index: 1;
  background-image: url('../images/07747809-70b3-4235-8a20-0cad875ed4ca_mmp-home-showreel-cover.avif');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.video-thumbnail.project-1 {
  background-image: url('../images/c90e09ec-3adc-41ea-88be-deee2d9f4ebe_makemepulse-case-ug-ruinart-2021-thumbnail-video-case.avif');
}

.play-button {
  opacity: .87;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: static;
  inset: 0%;
  box-shadow: 0 2px 5px #0003;
}

.div-block-22 {
  position: absolute;
}

.showreel-wrapper {
  width: 100%;
  height: 100%;
  padding: 8rem 6rem;
  position: absolute;
  inset: 0%;
}

.showreel-wrapper.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.image-4 {
  width: 75px;
}

.purple {
  color: #945ace;
}

.double-heading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  display: block;
}

.cursor-bubble-wrapper {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transform-origin: center;
  background-color: #f1f1f1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

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

.arrow-bubble {
  opacity: .75;
  width: 60px;
  height: 45px;
  transform: rotate(-23deg);
}

.arrow-bubble.small {
  opacity: .75;
  width: 45px;
  height: 35px;
}

.div-block-24 {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60vw;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

.div-block-25 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-field {
  color: var(--black);
  border: 1px solid #fff;
  overflow: clip;
}

.text-field:active {
  border-color: #fff;
}

.text-field:focus {
  outline-offset: 0px;
  border-style: none;
  outline: 3px #000;
}

.text-field::placeholder {
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
}

.form-block {
  position: static;
}

.div-block-26 {
  position: relative;
}

.logo-dots {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100px;
  max-width: 150px;
  height: 20px;
  display: flex;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.logo-dots.credit {
  justify-content: flex-end;
  align-items: center;
}

.logo-dots.hero {
  position: absolute;
  inset: auto auto -50% 0%;
}

.div-block-27 {
  background-color: var(--grey);
  flex: 0 auto;
  align-self: center;
  width: 25px;
  height: 1px;
}

.text-field-small {
  color: var(--black);
  border: 1px solid #fff;
  padding-left: 10px;
  font-size: .75rem;
  overflow: clip;
}

.text-field-small:active {
  border-color: #fff;
}

.text-field-small:focus {
  outline-offset: 0px;
  border-style: none;
  outline: 3px #000;
}

.text-field-small::placeholder {
  color: var(--black);
  font-size: .75rem;
  font-weight: 400;
}

.article-img {
  opacity: 0;
  pointer-events: none;
  width: 18vw;
  position: absolute;
}

.link-block-d {
  flex-flow: column;
  display: block;
  position: relative;
  overflow: visible;
}

.hl-btn-game, .hl-btn-f {
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
}

.hl-btn-f.form {
  z-index: 1;
  opacity: 100;
  background-color: #0000000d;
  position: absolute;
  inset: auto -10% -35% auto;
}

.hl-btn-f.form-2 {
  z-index: 1;
  opacity: 100;
  background-color: #0000000d;
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto -4% -35% auto;
}

.arrow-bubble-s {
  opacity: .75;
  width: 60px;
  height: 45px;
  transform: rotate(-23deg);
}

.arrow-bubble-s.small {
  opacity: .75;
  width: 45px;
  height: 35px;
}

.large-circle {
  background-color: #f3f3f3;
  border-radius: 50%;
  width: 30vh;
  height: 30vh;
  position: absolute;
  inset: 0%;
}

.large-circle.is-1 {
  background-color: #d4d4d4;
  position: static;
  left: 15%;
}

.large-circle.is-2 {
  background-color: #d4d4d4;
  position: static;
  left: 54%;
}

.large-circle.dark {
  background-color: var(--black);
  margin-right: -15vh;
  inset: 32% 0% 0% auto;
  box-shadow: 0 1px 12px 6px #0003;
}

.div-block-28 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-29 {
  position: relative;
}

.col-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.col-18.with-padding {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.col-18._100 {
  width: 100%;
}

.col-18.padding-bottom {
  padding-bottom: 8rem;
}

.col-18.padding-bottom.row-1 {
  grid-template-rows: auto;
  width: 100%;
  padding-bottom: 12rem;
}

.services-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.div-block-30 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.image-6 {
  object-fit: cover;
  object-position: 50% 50%;
  margin-top: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-31 {
  margin-top: 2rem;
}

.service-image-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% -9% 0% 0%;
}

.div-block-33 {
  position: static;
}

.div-block-34 {
  position: relative;
}

.clients-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.heading-r {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.col-5 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  display: grid;
  position: absolute;
}

.col-5.is-top {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  width: 100%;
  position: static;
}

.col-5.is-bottom {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  width: 100%;
  position: static;
  transform: translate(6rem);
}

.client-card {
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  max-width: 250px;
  min-height: 325px;
  padding: 2rem;
  display: flex;
  box-shadow: 0 1px 7px #0000001a;
}

.cards-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.div-block-35 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: static;
}

.client-logo {
  max-height: 80px;
}

.div-block-36 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.client-text {
  color: var(--black);
  font-size: .75rem;
  line-height: .75rem;
}

.client-arrow {
  width: 30px;
  transform: rotate(-18deg);
}

.awards-wrapper {
  flex-flow: column;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 12rem;
  display: flex;
}

.heading-l {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 8rem;
  display: flex;
}

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

.very-large {
  color: #000;
  mix-blend-mode: normal;
  margin-top: 4rem;
  font-family: Smoochsans, Times New Roman, sans-serif;
  font-size: 12vw;
  font-weight: 400;
  line-height: 7vw;
}

.very-large.v2 {
  font-size: 10vw;
  line-height: 4vw;
}

.bubbles-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
}

.bubble {
  background-color: #f3f3f3;
  border-radius: 50%;
  width: 30vh;
  height: 30vh;
  position: relative;
  inset: 0%;
}

.bubble.medium {
  justify-content: center;
  align-items: center;
  width: 17vw;
  height: 17vw;
  display: flex;
  position: static;
}

.bubble.huge {
  width: 30vw;
  height: 30vw;
  position: static;
}

.bubble.very-small {
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  display: flex;
  position: static;
}

.bubble.xm {
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 14vw;
  display: flex;
  position: static;
}

.bubble.xsm {
  justify-content: center;
  align-items: center;
  width: 12vw;
  height: 12vw;
  display: flex;
  position: static;
}

.bubble.small {
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 8vw;
  display: flex;
  position: static;
}

.bubble.xxs {
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  position: static;
}

.bubble-1 {
  position: absolute;
  inset: auto 0% -60% auto;
}

.bubble-2 {
  position: absolute;
  inset: -16% 0% auto auto;
}

.bubble-4 {
  position: absolute;
  inset: auto auto 32% 12%;
}

.bubble-3 {
  position: absolute;
  inset: auto auto -7% 19%;
}

.bubble-5 {
  position: absolute;
  inset: auto auto 30% 41%;
}

.bubble-6 {
  position: absolute;
  inset: auto auto -15% 43%;
}

.text-regular {
  color: var(--black);
  font-size: .75rem;
}

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

.text-regular.white.centered, .text-regular.centered {
  text-align: center;
}

.div-block-39 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 6rem;
  display: flex;
}

.bubble-7 {
  position: absolute;
  inset: auto auto 55% 60%;
}

.bubble-8 {
  position: absolute;
  inset: auto auto 72% 33%;
}

.bubble-9 {
  position: absolute;
  inset: auto auto -41% 37%;
}

.bubble-10 {
  position: absolute;
  inset: auto auto -10% 38%;
}

.bubble-11 {
  position: absolute;
  inset: auto auto -33% 52%;
}

.bubble-12 {
  position: absolute;
  inset: auto auto 31% 60%;
}

.bubble-14 {
  position: absolute;
  inset: auto auto 81% 45%;
}

.bubble-15 {
  position: absolute;
  inset: auto auto 53% 32%;
}

.bubble-16 {
  position: absolute;
  inset: auto auto 68% 28%;
}

.bubble-17 {
  position: absolute;
  inset: auto auto 48% 75%;
}

.offices-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 12rem;
  display: flex;
  overflow: hidden;
}

.div-block-40 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  display: flex;
}

.div-block-41 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 30vw;
  display: flex;
}

.separator {
  background-color: var(--white);
  width: 10%;
  height: 1px;
  margin-top: 1rem;
}

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

.div-block-43 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.div-block-44 {
  padding-left: 2rem;
}

.div-block-45 {
  padding-right: 2rem;
}

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

.div-block-46 {
  flex: 0 auto;
  align-self: auto;
  width: 60%;
}

.image-8 {
  filter: contrast(200%) grayscale();
  text-align: center;
  vertical-align: baseline;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.number-bubble {
  background-color: var(--black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 0% 16% auto auto;
}

.number-bubble.is-3 {
  top: -7%;
}

.number-bubble.is-2 {
  top: -3%;
}

.div-block-47 {
  padding-top: 6px;
}

.team-left {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.team-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 200vh;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
  position: relative;
  top: 0;
  overflow: hidden;
}

.team-card {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  perspective: 600px;
  background-color: #0000;
  width: 100%;
  position: relative;
  overflow: visible;
}

.team-col-1 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -200% 0% 0%;
  transform: translate(0, -8%);
}

.team-col-2 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% -200%;
  transform: translate(0);
}

.team-col-3 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -200% 0% 0%;
  overflow: visible;
  transform: translate(0, -5%);
}

.team-col-wrapper {
  height: 100%;
  position: relative;
  overflow: visible;
}

.holo {
  mix-blend-mode: hue;
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-9 {
  object-fit: fill;
  width: 100%;
  height: auto;
  display: block;
}

.gradient-top {
  pointer-events: none;
  background-image: linear-gradient(#000 13%, #0000);
  height: 25vh;
  position: absolute;
  inset: 0% 0% auto;
}

.gradient-bottom {
  pointer-events: none;
  background-image: linear-gradient(0deg, #000, #0000);
  height: 25vh;
  position: absolute;
  inset: auto 0% 0%;
}

.team-card-wrapper {
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

.team-card-wrapper-reverse {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.team-card-tilt {
  transform-style: preserve-3d;
  will-change: transform;
  width: 100%;
  height: 100%;
}

.team-card-flip {
  transform-style: preserve-3d;
  will-change: transform;
  width: 100%;
  height: 100%;
  position: static;
}

.culture-wrapper {
  flex-flow: column;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 4rem;
  display: flex;
}

.div-block-48 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 6rem;
  display: flex;
}

.office-wrapper {
  flex-flow: column;
  width: 100%;
  padding-top: 0;
  padding-bottom: 4rem;
  display: flex;
}

.heading-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.office-gallery {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  display: grid;
}

.div-block-49 {
  margin-bottom: 8rem;
}

.div-block-50 {
  margin-top: 4rem;
}

.div-block-51 {
  margin-top: 0;
}

.div-block-52 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-wrapper {
  width: 100%;
  margin-top: 10rem;
  margin-bottom: 8rem;
}

.text-medium {
  opacity: 0;
  color: var(--black);
  font-family: Smoochsans, Times New Roman, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 3rem;
}

.form-links-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.link-contact {
  flex-flow: column;
  height: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

.link-contact.first {
  padding-left: 0;
  display: inline-block;
}

.contact-hero {
  background-color: var(--white);
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 65vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line-black-visible {
  opacity: 1;
  background-color: #000;
  width: 0%;
  height: 2px;
  margin-top: -3px;
  display: block;
  position: absolute;
  inset: auto 0% -3%;
}

.line-black-visible.hidden {
  width: 0%;
}

.div-block-54 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-55 {
  width: 100%;
  height: 50%;
  position: absolute;
}

.form-wrapper {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 65vw;
  height: 100%;
  padding: 2rem 10vw 6rem;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.div-block-57 {
  z-index: 5;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.contact-tab {
  opacity: .1;
  background-color: #0000;
  font-size: 1.5rem;
  transition: all 1s;
}

.contact-tab.w--current {
  background-color: var(--white);
  opacity: 100;
}

.form-3 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.input-field {
  border: 0 #000;
}

.input-field::placeholder {
  color: var(--black);
}

.input-field.text-area, .input-wrapper {
  height: 100%;
}

.div-block-58 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.div-block-59 {
  height: 100%;
}

.form-block-2 {
  margin-top: 2rem;
}

.tabs-content {
  width: 100%;
}

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

.tabs-menu {
  justify-content: center;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.hi-bg {
  background-image: url('../images/mmp-contact-work-with-us.webp');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.join-bg {
  background-image: url('../images/mmp-contact-say-hi.webp');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.work-bg {
  background-image: url('../images/mmp-contact-join-the-team.webp');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.form-button {
  z-index: 9999;
  opacity: 1;
  background-color: #e6e6e6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
  position: absolute;
  inset: auto 7% -9% auto;
  transform: scale(0);
}

.div-block-64 {
  width: 100%;
  height: 100vh;
}

.contact-link-wrapper {
  z-index: 2;
  opacity: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  flex-flow: row;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.contact-l-col {
  padding-top: 10px;
}

.arrow-bubble-xs {
  opacity: .75;
  width: 45px;
  height: 35px;
  transform: rotate(-23deg);
}

.div-block-65 {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-circle {
  background-color: var(--black);
  border-radius: 50%;
  align-self: flex-end;
  width: .4vw;
  height: .4vw;
  position: absolute;
  inset: auto -5% 14% auto;
}

.heading-circle.white {
  background-color: var(--white);
  width: .4vw;
  height: .4vw;
  margin-bottom: 6px;
  position: absolute;
  inset: 0% -3% 0% auto;
}

.heading-circle.space {
  right: -8%;
}

.xl-heading-wrapper {
  mix-blend-mode: normal;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-66 {
  width: 100%;
  position: relative;
}

.image-11 {
  box-shadow: 0 1px 5px #0000001a;
}

.gal-img-1, .gal-img-2, .gal-img-3 {
  filter: brightness(120%);
  box-shadow: 0 2px 5px #0003;
}

.div-block-67 {
  flex-flow: column;
  display: flex;
}

.div-block-68 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.triple-heading-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  display: flex;
}

.talent-img {
  box-shadow: 0 1px 5px #0000001a;
}

.image-12 {
  width: 100%;
  max-width: 70vw;
}

.overlay-white {
  z-index: 9998;
  background-color: var(--white);
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.overlay-black {
  z-index: 9999;
  background-color: var(--black);
  opacity: 1;
  pointer-events: none;
  width: 100%;
  height: 0%;
  position: fixed;
  inset: auto 0% 0%;
}

.loader-white {
  z-index: 9998;
  background-color: var(--white);
  opacity: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0%;
}

.loader-black {
  z-index: 9999;
  background-color: var(--black);
  opacity: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.background-video {
  height: 100%;
}

.video-overlay {
  z-index: 1;
  pointer-events: auto;
  flex-flow: column;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.contact-circle {
  background-color: var(--black);
  opacity: 0;
  border-radius: 50%;
  align-self: center;
  width: .75vw;
  height: .75vw;
  position: static;
  inset: auto -3% 6% auto;
}

.gold {
  color: var(--gold);
  background-color: #0000;
}

.project-banner {
  z-index: 10;
  pointer-events: auto;
  background-image: url('../images/30ada5b4-ad3d-4940-995e-5b30db902575_makemepulse-case-ug-ruinart-2021-01-2.avif');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.div-block-69 {
  z-index: 8;
  background-color: var(--grey-light);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -5rem;
  padding: 5rem 6rem;
  display: flex;
  position: relative;
  inset: 0 0% 0%;
  overflow: visible;
}

.project-heading {
  color: #000;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 3rem;
}

.div-block-70 {
  z-index: 22;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-71 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10rem;
  display: grid;
}

.project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: grid;
}

.text-large {
  color: #000;
  font-family: Smoochsans, Times New Roman, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

.div-block-72 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.image-full {
  height: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.image-full.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.image-13 {
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.div-block-73 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 0;
  padding-bottom: 8rem;
  display: grid;
}

.div-block-74 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  padding-top: 8rem;
  display: flex;
}

.gal-img {
  width: 100%;
}

.div-block-78 {
  z-index: 30;
  border-radius: 25px;
  width: 100%;
  height: 75vh;
  position: relative;
  overflow: hidden;
}

.div-block-79 {
  justify-content: center;
  align-items: center;
  padding-top: 6rem;
  display: flex;
}

.div-block-80 {
  z-index: 30;
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.div-block-79-copy {
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  display: flex;
}

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

.awards-logo {
  height: 18px;
}

.award-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.image-8-copy {
  filter: contrast(200%) grayscale();
  text-align: center;
  vertical-align: baseline;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.similar-projects-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 0;
  display: flex;
}

.similar-projects-cards {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.large-link-wrapper-2 {
  z-index: 2;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.image-14 {
  object-fit: cover;
  overflow: clip;
}

.div-block-81 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  display: flex;
}

.project-contact {
  z-index: 4444;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.75fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: -5rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: grid;
  position: static;
}

.div-block-82 {
  height: 100%;
}

.div-block-20-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.overlay-mobile, .mobile-menu-wrapper {
  z-index: 9;
  background-color: var(--white);
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-90 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

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

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

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

.text-block-8 {
  color: var(--black);
}

.disclaimer-wrapper {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 65vw;
  height: 100%;
  padding: 4rem 5vw 5rem;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.code-embed, .code-embed-2 {
  color: var(--black);
}

@media screen and (max-width: 991px) {
  .hero-wrapper {
    width: 70vw;
  }

  .hero-wrapper.large {
    width: 90vw;
    margin-top: 0;
  }

  .hero-wrapper.is-projects {
    width: 100vw;
  }

  .hero-headline-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hero-headline-wrapper.large {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hero-headline-wrapper.is-projects {
    max-width: 80vw;
  }

  .hero-headline {
    font-size: 14vw;
    line-height: 8vw;
  }

  .hero-headline.small {
    font-size: 13vw;
  }

  .hero-headline-caption.is-sub {
    font-size: .7rem;
  }

  .projects-wrapper {
    min-height: 100%;
    margin-bottom: 2rem;
  }

  .spacer-8vw {
    display: block;
  }

  .hero-section {
    min-height: 65vh;
    overflow: hidden;
  }

  .hero-section.white {
    min-height: 65vh;
  }

  .card-large {
    max-width: 100vw;
  }

  .highlight-wrapper {
    height: 70vh;
  }

  .title {
    font-size: 1.5rem;
  }

  .cards-small-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    max-width: 100vw;
    display: flex;
  }

  .card-small.mobile-hidden {
    display: none;
  }

  .large-link {
    font-size: 7vw;
    line-height: 5.5vw;
  }

  .large-link.link-xl, .large-link.link-xl.first {
    font-size: 8vw;
    line-height: 7vw;
  }

  ._100vh-wrapper {
    height: 60vh;
  }

  .video-wrapper {
    padding: 4rem 0 7rem;
  }

  .text-block-2 {
    font-size: 1.25rem;
    line-height: 1.8rem;
  }

  .text-block-5 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .heading.black {
    font-size: 1.5rem;
  }

  .newsletter-wrapper {
    max-width: 100vw;
  }

  .newsletter-box {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
  }

  .footer {
    grid-row-gap: 2rem;
    flex-flow: column;
    padding-top: 4rem;
    display: flex;
  }

  .footer-col-name {
    margin-bottom: 2rem;
  }

  .footer-newsletter-box {
    order: 9999;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-18 {
    padding-top: 6rem;
  }

  .circle-small.black {
    width: .75vw;
    height: .75vw;
    bottom: -4%;
    right: -2%;
  }

  .play-button {
    width: 100px;
    height: 100px;
  }

  .showreel-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-24 {
    padding-bottom: 0;
  }

  .hl-btn-f.form {
    width: 100px;
    height: 100px;
  }

  .large-circle.is-1, .large-circle.is-2 {
    width: 20vh;
    height: 20vh;
  }

  .large-circle.dark {
    width: 20vh;
    height: 20vh;
    top: 61%;
  }

  .services-box {
    flex-flow: column;
    display: flex;
  }

  .col-5.is-top, .col-5.is-bottom {
    width: 200%;
  }

  .client-card {
    min-height: 300px;
  }

  .awards-wrapper {
    padding-bottom: 8rem;
  }

  .heading-l {
    padding-left: 0;
  }

  .very-large {
    line-height: 4vw;
  }

  .div-block-41 {
    max-width: 50vw;
  }

  .team-left {
    height: 100%;
    padding-top: 6rem;
    position: static;
  }

  .team-right {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
    height: 200vh;
    display: flex;
  }

  .team-col-1, .team-col-2 {
    width: 100%;
  }

  .team-col-wrapper {
    width: 33%;
  }

  .contact-hero {
    min-height: 50vh;
  }

  .form-wrapper {
    max-width: 90vw;
    padding-bottom: 6rem;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .form-3 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: .75fr 1fr;
  }

  .input-field::placeholder {
    font-size: 12px;
  }

  .contact-link-wrapper {
    height: auto;
  }

  .image-12 {
    max-width: 100vw;
  }

  .div-block-69 {
    margin-top: -3rem;
    padding: 3rem 4rem;
  }

  .project-heading {
    font-size: 2.5vw;
  }

  .div-block-71 {
    grid-template-columns: .75fr .5fr 1fr;
  }

  .image-full {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-78 {
    height: 50vh;
  }

  .div-block-80 {
    flex-flow: column;
    display: flex;
  }

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

  .awards-logo {
    height: 14px;
  }

  .similar-projects-cards {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-20-copy {
    margin-top: 4rem;
  }

  .disclaimer-wrapper {
    max-width: 90vw;
    padding-bottom: 6rem;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .navigation-wrapper {
    background-color: var(--black);
  }

  .main-wrapper.dark.load-opacity {
    opacity: 0;
  }

  .navigation {
    height: 3rem;
  }

  .hero-wrapper.is-projects {
    padding-bottom: 5rem;
  }

  .hero-headline {
    font-size: 13vw;
  }

  .hero-headline-caption.is-sub {
    max-width: 350px;
    font-size: .65rem;
  }

  .hero-headline-caption.black {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    line-height: 2.5rem;
  }

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

  .hero-section.white.wwd {
    opacity: 0;
  }

  .hero-caption-wrapper {
    padding-left: 1rem;
  }

  .hero-caption-wrapper.left {
    padding-right: 1rem;
  }

  .hero-caption-wrapper.heading-r {
    justify-content: flex-end;
    align-items: flex-start;
    line-height: 2rem;
    overflow: visible;
  }

  .menu-button {
    height: 30px;
    position: static;
  }

  .nav-line-1 {
    background-color: var(--white);
    width: 100%;
  }

  .nav-line-2 {
    background-color: var(--white);
    width: 50%;
  }

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

  .hl-heading-s {
    font-size: 45px;
  }

  .hl-line-wrapper {
    opacity: 0;
  }

  .hl-liine-wrapper-2 {
    opacity: 1;
  }

  .title {
    font-size: 1.25rem;
  }

  .large-link.link-xl, .large-link.link-xl.first {
    font-size: 10vw;
    line-height: 9vw;
  }

  ._100vh-wrapper {
    height: 50vh;
  }

  .video-wrapper.no-padding {
    padding-bottom: 2rem;
  }

  .video-wrapper.no-padding.gold {
    padding-bottom: 4rem;
  }

  .about-wrapper {
    padding-bottom: 8rem;
  }

  .line-black.thin {
    margin-top: -11px;
  }

  .image-3 {
    margin-top: 4rem;
  }

  .heading {
    font-size: 1.5rem;
  }

  .article-intro {
    padding-bottom: 0;
  }

  .circle {
    width: 10px;
    height: 10px;
  }

  .circle.is-project {
    width: 6px;
    height: 6px;
  }

  .text-field, .text-field::placeholder {
    font-size: 10px;
  }

  .service-image-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .client-card {
    min-height: 250px;
  }

  .client-arrow {
    display: none;
  }

  .div-block-40 {
    flex-flow: column;
  }

  .team-right {
    height: 150vh;
  }

  .team-col-1 {
    position: static;
    top: -121%;
    overflow: hidden;
    transform: none;
  }

  .team-col-3 {
    position: static;
    top: -133%;
    transform: none;
  }

  .team-col-wrapper {
    width: 50%;
  }

  .team-col-wrapper.mobile-hidden {
    display: none;
  }

  .form-wrapper {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .contact-tab {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
  }

  .contact-tab.w--current {
    font-size: 1rem;
  }

  .form-3, .div-block-58 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .loader-white, .loader-black {
    display: block;
  }

  .div-block-69 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .project-info {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .text-large {
    font-size: 2rem;
    line-height: 2rem;
  }

  .div-block-73 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 4rem;
  }

  .div-block-74 {
    padding-top: 4rem;
  }

  .div-block-80 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .overlay-mobile {
    opacity: 0;
    display: block;
  }

  .mobile-menu-wrapper {
    background-color: var(--black);
    opacity: 0;
    display: block;
  }

  .disclaimer-wrapper {
    padding-top: 0;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .navigation-wrapper {
    background-color: var(--black);
    opacity: 0;
  }

  .main-wrapper.dark.load-opacity {
    z-index: 9;
  }

  .main-wrapper.light.load-opacity {
    opacity: 1;
    padding-bottom: 4rem;
  }

  .hero-wrapper.large {
    z-index: 8;
  }

  .hero-wrapper.is-projects {
    width: 100%;
    margin-top: 0;
  }

  .hero-headline-wrapper.large {
    justify-content: center;
    align-items: center;
  }

  .hero-headline-wrapper.is-projects {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .hero-headline, .hero-headline.small {
    font-size: 20vw;
    line-height: 15vw;
  }

  .hero-headline-caption, .hero-headline-caption.last {
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .hero-headline-caption.last.is-sub {
    margin-left: 0;
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .hero-headline-caption.is-sub {
    font-size: .85rem;
  }

  .logo-text {
    color: var(--white);
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .menu-link, .menu-link.w--current {
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .hero-section {
    opacity: 1;
  }

  .hero-section.white.wwd {
    opacity: 0;
    min-height: 80vh;
    padding-bottom: 4rem;
  }

  .hero-section.project {
    min-height: 75vh;
  }

  .hero-content.is-1.is-sub-r, .hero-content.is-1.about {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-content.is-3 {
    justify-content: flex-end;
    align-items: center;
  }

  .hero-content.is-3.is-sub-l.mobile {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2rem;
    display: flex;
  }

  .hero-content.is-3.mobile-left {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-caption-wrapper {
    display: none;
  }

  .hero-caption-wrapper.heading-r {
    padding-right: 0;
  }

  .menu-button {
    width: 25px;
  }

  .nav-line-1 {
    background-color: var(--white);
  }

  .nav-line-2 {
    background-color: var(--white);
    width: 50%;
  }

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

  .hl-heading-s {
    font-size: 35px;
  }

  .hl-headline-wrapper-2 {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .hl-heading-l {
    width: 100%;
    font-size: 3rem;
  }

  .hl-text, .hl-btn-text {
    font-size: .75rem;
  }

  .card-content-wrapper {
    flex-flow: column;
    padding-left: 0;
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .card-title {
    padding-top: 20px;
  }

  .card-extra {
    align-self: flex-start;
    width: 100%;
    padding-top: 0;
  }

  .title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .title.small {
    line-height: 3rem;
  }

  .card-text-s.green, .card-text-s.red {
    order: -9999;
    padding-bottom: 0;
  }

  .card-text-s.pink {
    order: -9999;
    font-family: Redhatdisplay, Arial, sans-serif;
    position: static;
  }

  .card-extra-text {
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .card-extra-text.centered {
    order: -9999;
    align-self: center;
  }

  .large-link-wrapper {
    order: -9999;
  }

  .large-link-wrapper.mobile-order {
    order: 0;
  }

  .large-link {
    font-size: 12vw;
    line-height: 10vw;
  }

  .large-link.white.mobile-smaller {
    font-size: 8vw;
  }

  .large-link.link-xl, .large-link.link-xl.first {
    font-size: 14vw;
    line-height: 12vw;
  }

  .large-link.smaller-mobile {
    font-size: 10vw;
  }

  ._100vh-wrapper {
    height: 45vh;
  }

  ._100vh-wrapper.img-full-2 {
    height: 30vh;
  }

  .text-block-2 {
    font-size: 1.25rem;
  }

  .text-block-5 {
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .image-3 {
    margin-top: 2rem;
  }

  .heading {
    font-size: 1rem;
  }

  .heading.black {
    font-size: 1.25rem;
  }

  .div-block-13 {
    width: 100vw;
  }

  .newsletter-wrapper {
    padding-top: 8rem;
  }

  .newsletter-box {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-col-name.mobile-no-padding {
    margin-bottom: 0;
  }

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

  .footer-newsletter-box {
    padding: 2rem 1rem;
  }

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

  .div-block-18 {
    flex-flow: column;
  }

  .nav-logo-text, .nav-logo, .logo-shape, .logo-shape.c {
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .circle {
    width: 6px;
    height: 6px;
    margin-left: 4px;
    padding-left: 0;
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .circle.black.is-sub {
    width: 1vw;
    height: 1vw;
  }

  .circle.is-project {
    bottom: 7%;
    right: -3%;
  }

  .circle-small.black, .circle-small.white {
    width: 1vw;
    height: 1vw;
  }

  .video-thumbnail {
    height: 100%;
  }

  .play-button {
    width: 75px;
    height: 75px;
  }

  .image-4 {
    width: 50px;
  }

  .div-block-24, .div-block-25 {
    max-width: 100vw;
  }

  .logo-dots.credit {
    align-self: flex-end;
  }

  .logo-dots.hero {
    font-family: Redhatdisplay, Arial, sans-serif;
  }

  .div-block-27 {
    align-self: flex-start;
  }

  .hl-btn-game {
    width: 75px;
    height: 75px;
  }

  .hl-btn-f.form {
    width: 75px;
    height: 75px;
    bottom: -15%;
    right: -1%;
  }

  .large-circle.is-1 {
    width: 18vh;
    height: 18vh;
  }

  .large-circle.is-2 {
    width: 18vh;
    height: 18vh;
    margin-top: 100px;
  }

  .large-circle.dark {
    top: 9%;
  }

  .div-block-28 {
    top: 174.984px;
  }

  .col-18.padding-bottom, .col-18.padding-bottom.row-1 {
    padding-bottom: 4rem;
  }

  .div-block-30 {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
  }

  .service-image-wrapper {
    top: 4%;
    bottom: -13%;
  }

  .div-block-33 {
    padding-bottom: 4rem;
  }

  .heading-r {
    justify-content: flex-end;
    align-items: center;
  }

  .col-5.is-top, .col-5.is-bottom {
    grid-template-columns: 1fr 1fr 1fr;
    width: 250%;
  }

  .client-card {
    max-width: 300px;
  }

  .client-card.mobile-hidden {
    display: none;
  }

  .cards-wrapper {
    display: flex;
  }

  .client-text {
    font-size: .65rem;
  }

  .bubbles-grid {
    width: 100%;
  }

  .very-large, .very-large.v2 {
    font-size: 18vw;
  }

  .bubble.huge {
    width: 50vw;
    height: 50vw;
  }

  .bubble.very-small {
    width: 10vw;
    height: 10vw;
  }

  .bubble.xm {
    width: 25vw;
    height: 25vw;
  }

  .bubble.xsm {
    width: 20vw;
    height: 20vw;
  }

  .bubble.small {
    width: 18vw;
    height: 18vw;
  }

  .bubble.xxs {
    width: 6vw;
    height: 6vw;
  }

  .bubble-1 {
    bottom: -96%;
    right: -21%;
  }

  .bubble-4 {
    bottom: 11%;
    left: 16%;
  }

  .bubble-3 {
    bottom: 18%;
    left: 82%;
  }

  .bubble-5 {
    bottom: 17%;
    left: 27%;
  }

  .bubble-6 {
    bottom: -5%;
    left: 59%;
  }

  .div-block-39 {
    margin-top: 4rem;
    position: relative;
  }

  .bubble-9 {
    bottom: -29%;
    left: 33%;
  }

  .bubble-10 {
    bottom: 6%;
    left: 49%;
  }

  .bubble-11 {
    bottom: -3%;
    left: 90%;
  }

  .bubble-12 {
    left: 67%;
  }

  .bubble-15 {
    bottom: 65%;
    left: 88%;
  }

  .bubble-16 {
    bottom: 92%;
    left: 63%;
  }

  .bubble-17 {
    left: 92%;
  }

  .div-block-41 {
    max-width: 75vw;
  }

  .team-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    height: 150vh;
  }

  .team-col-1 {
    top: 24%;
    bottom: 0%;
  }

  .team-col-2 {
    top: 20%;
    bottom: 0%;
    transform: none;
  }

  .team-col-3 {
    top: 23%;
    bottom: 0%;
  }

  .team-col-wrapper {
    overflow: hidden;
  }

  .office-gallery {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .office-gallery.mobile-hidden {
    display: none;
  }

  .div-block-49 {
    margin-bottom: 4rem;
  }

  .div-block-50 {
    margin-top: 2rem;
  }

  .text-medium {
    font-size: 2rem;
    line-height: 2rem;
  }

  .form-links-wrapper {
    margin-top: 2rem;
  }

  .form-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .div-block-57 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .contact-tab, .contact-tab.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .input-field.text-area {
    min-height: 300px;
  }

  .form-button {
    width: 100px;
    height: 100px;
    bottom: -4%;
  }

  .div-block-64 {
    height: 130vh;
  }

  .div-block-65 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-circle {
    width: 1vw;
    height: 1vw;
  }

  .heading-circle.white {
    width: 1vw;
    height: .75vw;
  }

  .overlay-white {
    display: block;
  }

  .contact-circle {
    width: 1vw;
    height: 1vw;
  }

  .div-block-69 {
    flex-flow: column;
    min-height: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .project-heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .div-block-71 {
    flex-flow: column;
    margin-top: 4rem;
    display: flex;
  }

  .project-info {
    padding-top: 6rem;
  }

  .div-block-72 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    width: 100%;
    overflow: visible;
  }

  .image-full {
    padding-bottom: 2rem;
  }

  .div-block-73 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-79 {
    padding-top: 2rem;
  }

  .div-block-79-copy, .similar-projects-wrapper {
    padding-top: 4rem;
  }

  .similar-projects-cards {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

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

  .div-block-83 {
    padding-top: 20px;
  }

  .div-block-84 {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .div-block-85 {
    order: -9999;
  }

  .div-block-86 {
    order: -9999;
    padding: 20px;
  }

  .div-block-87, .div-block-88 {
    margin-top: 20px;
  }

  .overlay-mobile {
    z-index: 9;
    background-color: var(--black);
    opacity: 0;
    display: block;
  }

  .mobile-menu-wrapper {
    z-index: 9;
    background-color: var(--black);
    opacity: 1;
    pointer-events: auto;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    transform: translate(100%);
  }

  .mobile-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .div-block-89 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 4rem;
    display: flex;
  }

  .div-block-90 {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: column;
  }

  .disclaimer-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}

#w-node-_04157986-dc33-44f2-45ae-18f596d7d9a4-f9cf63ca {
  grid-area: 3 / 1 / 4 / 9;
  place-self: auto center;
}

#w-node-_1cc73dec-17d3-0d57-b635-33f955227ee4-f9cf63ca {
  grid-area: 4 / 2 / 5 / 4;
  align-self: start;
}

#w-node-da9172f2-85bb-522a-73f8-c1235c370426-f9cf63ca {
  grid-area: 5 / 7 / 7 / 9;
  place-self: start end;
}

#w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de7a-f9cf63ca {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-f9cf63ca {
  grid-area: 1 / 8 / 2 / 10;
}

#w-node-_9ea68e4d-290d-9088-9cb4-48f9c09b26ef-c09b26ec {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_9ea68e4d-290d-9088-9cb4-48f9c09b26f5-c09b26ec {
  grid-area: 1 / 18 / 2 / 19;
  justify-self: end;
}

#w-node-_27a80905-b6c4-d9ab-cac3-a29a58ebfd68-c09b26ec {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab423c-59ab4239 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab424f-59ab4239 {
  grid-area: 1 / 4 / 2 / 7;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab427c-59ab4239 {
  grid-area: 1 / 7 / 2 / 10;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab4291-59ab4239 {
  grid-area: 1 / 12 / 2 / 18;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab42a2-59ab4239 {
  grid-area: 2 / 11 / 3 / 17;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab42b0-59ab4239 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-d308cb2b-9e04-f539-8831-c61f59ab42b4-59ab4239 {
  grid-area: 2 / 4 / 3 / 11;
}

#w-node-_0bc7786b-aca4-935b-a79e-bca92f143f7e-2f143f7a {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_0bc7786b-aca4-935b-a79e-bca92f143f82-2f143f7a {
  grid-area: 2 / 6 / 3 / 10;
}

#w-node-_0bc7786b-aca4-935b-a79e-bca92f143f8f-2f143f7a {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2a6-f2b4e2a3 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2b5-f2b4e2a3 {
  grid-area: 1 / 7 / 2 / 11;
  align-self: end;
}

#w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2bb-f2b4e2a3 {
  grid-area: 2 / 7 / 3 / 11;
}

#w-node-_0da096d8-abaa-1ba2-1301-99376110a4d9-6110a4d9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto center;
}

#w-node-bba96a50-a3ae-3e3f-412a-e4794a055e2a-4a055e2a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bf22f9a2-cce8-24f3-c915-6fc39d998a62-4f3396e0 {
  grid-area: 1 / 11 / 2 / 17;
}

#w-node-_7abd74e6-4c9d-0b5f-1182-77d33cd334f0-4f3396e0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0794a06d-dd0f-72f8-9ad2-d6149688e435-4f3396e0 {
  grid-area: 1 / 3 / 2 / 5;
}

#sbox-2.w-node-_9c43c2c3-62ad-8234-6347-e94c3a4e6291-4f3396e0 {
  grid-area: 2 / 11 / 3 / 17;
}

#w-node-_9c43c2c3-62ad-8234-6347-e94c3a4e6292-4f3396e0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9c43c2c3-62ad-8234-6347-e94c3a4e6295-4f3396e0 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-_2c8e1d88-99ef-b0e4-27f9-371327014779-4f3396e0 {
  grid-area: 2 / 2 / 3 / 7;
}

#w-node-e88098f7-e268-affe-7a05-bd474b802fa1-4f3396e0 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_58a37de3-bd97-331e-af3e-74e51c591fa0-4f3396e0 {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-c5f8ba5c-683b-f077-b7c7-d46e5f58af2b-4f3396e0 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-f9951d14-acbd-ca7a-bdb4-5fbc507bf13d-4f3396e0 {
  grid-area: 1 / 4 / 2 / 19;
}

#w-node-faabd0ab-f697-00d0-dda7-e464ab72fb61-4f3396e0 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_4ea0c3f1-0b33-b7c6-6a71-2b834efea497-4f3396e0 {
  grid-area: 1 / 5 / 2 / 6;
  justify-self: end;
}

#w-node-b3725d24-ab75-41c1-b4d6-03c500eb9aff-4f3396e0 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
}

#w-node-_1b2db73d-f134-5315-0058-6b1a71ed06f9-4f3396e0 {
  grid-area: 2 / 3 / 3 / 6;
}

#w-node-e1bdef1c-a27e-807d-68f3-0b1d15b2f293-4f3396e0 {
  grid-area: 1 / 1 / 2 / 10;
}

#w-node-d210437f-7ecb-2e45-064b-33a9e3fcd6f5-4f3396e0 {
  grid-area: 1 / 10 / 2 / 19;
}

#w-node-_6867712b-c79f-3dbb-dcba-94048023f893-4f3396e0 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_6867712b-c79f-3dbb-dcba-94048023f8a2-4f3396e0 {
  grid-area: 1 / 7 / 2 / 11;
  align-self: end;
}

#w-node-_6867712b-c79f-3dbb-dcba-94048023f8a8-4f3396e0 {
  grid-area: 2 / 7 / 3 / 11;
}

#w-node-a0e8764d-a393-162a-f161-d26be8a23c59-05690aa9 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-c24bb270-9a5b-1894-e84a-7922110be40e-05690aa9 {
  grid-area: 1 / 9 / 2 / 19;
}

#w-node-_0d4bae7b-ba69-aa68-032e-e87b343ae929-05690aa9 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_23fd7b6f-bde8-b99c-510b-88616616ea8b-05690aa9 {
  grid-area: 1 / 6 / 2 / 10;
}

#w-node-b35f9828-8010-46f3-7b00-ea120abb6a3f-05690aa9 {
  grid-area: 1 / 11 / 2 / 15;
}

#w-node-_42e14983-54ce-60e1-ff84-534d769cebc1-05690aa9, #w-node-_7acf2bbe-cf81-4c33-b474-55d7669b1ed2-05690aa9 {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-_9b9acd05-e23a-bcb9-fea4-1bfc5efc7769-05690aa9, #w-node-dab9b5c6-8017-b645-3a4b-4c6cf1242c09-05690aa9, #w-node-_36b9c81d-cee2-fe84-273f-1cdf4292b2ab-05690aa9 {
  align-self: center;
}

#w-node-db2a9920-5153-7959-a035-f69b340a8046-05690aa9 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-db2a9920-5153-7959-a035-f69b340a804f-05690aa9 {
  grid-area: 1 / 10 / 3 / 19;
}

#w-node-_34d4c676-bb94-6a02-e4f5-c8d9ef999a39-05690aa9 {
  grid-area: 2 / 3 / 3 / 7;
}

#w-node-_66d172d9-946b-37a6-012c-fe467dbd348a-05690aa9 {
  grid-area: 1 / 9 / 2 / 19;
}

#w-node-_66d172d9-946b-37a6-012c-fe467dbd348c-05690aa9 {
  grid-area: 1 / 3 / 2 / 7;
}

#w-node-e244644a-1c96-5de6-93ef-2bf5d9f3c09d-41188c05 {
  grid-area: 1 / 3 / 2 / 6;
}

#w-node-_45e71634-81c8-55f0-5760-89677406f41c-41188c05 {
  grid-area: 1 / 10 / 2 / 18;
}

#w-node-b342fa71-b617-a6eb-b42d-2bb26b9749db-41188c05, #w-node-c7c6b7ce-0694-cbc8-a648-c312fca37fdf-41188c05, #w-node-_3b88ac1a-cd89-4c24-ca5a-704de4495c6c-41188c05 {
  align-self: stretch;
}

#w-node-_705fc039-c7dc-dd99-6955-0ebcf4f9f761-56540065 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto center;
}

#w-node-_969fd455-0f63-a589-7f92-4437d6906dcc-56540065 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_82df22f6-2361-89ff-cedb-116d4f451229-56540065, #w-node-ba9a6820-8747-4864-5ea8-aab5f87d9a45-56540065 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: auto center;
}

#w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de7a-56540065 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-56540065 {
  grid-area: 1 / 8 / 2 / 10;
}

#w-node-_3279aba5-f529-c0d9-fd48-d050865e7165-6c20314b {
  grid-area: 1 / 3 / 2 / 17;
}

#w-node-_1e5f55de-fb6b-4e62-3d0f-5d00de686115-6c20314b {
  grid-area: 2 / 4 / 3 / 16;
}

#w-node-_1b11a097-6b57-8423-0972-21a919bca654-6c20314b {
  grid-area: 1 / 3 / 2 / 9;
}

#w-node-a001a4e1-0d38-84ae-04ff-5fa26e6cc265-6c20314b {
  grid-area: 1 / 12 / 2 / 16;
}

#video-thumbnail.w-node-_581d8850-e87b-de22-8bd6-df35aa141551-6c20314b {
  grid-area: 1 / 3 / 2 / 17;
}

#w-node-_7d0db2cb-e93e-34a6-91b7-44341cefa0a2-6c20314b {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-fb220008-71aa-c9f1-b3b3-718d466bcba8-6c20314b {
  grid-area: 1 / 3 / 2 / 9;
}

#w-node-fb220008-71aa-c9f1-b3b3-718d466bcbac-6c20314b {
  grid-area: 1 / 12 / 2 / 16;
}

#w-node-_1b5a1fe2-6cf6-6f00-e4be-8ac26bf6f5d2-6c20314b {
  grid-area: 1 / 7 / 2 / 16;
}

#w-node-_2a4aa467-5d74-f025-1031-c61554197ec7-6c20314b {
  grid-area: 1 / 3 / 2 / 4;
  align-self: start;
}

#w-node-_3f30814d-206a-e378-f926-6bef09e8bcd4-6c20314b {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-ff1878af-d978-930e-6df0-b40c0a6111bb-6c20314b, #video-thumbnail.w-node-_713ea2b2-53f5-84d6-1b73-893db3d1c2d2-6c20314b {
  grid-area: 1 / 3 / 2 / 17;
}

#video-thumbnail.w-node-_2dee8e1b-0d1e-b70d-a804-82d16ce562f1-6c20314b {
  grid-area: 2 / 3 / 3 / 17;
}

#w-node-e81bdaed-18f7-2b86-ccb0-dd96485a4fb7-6c20314b {
  grid-area: 3 / 6 / 4 / 14;
}

#w-node-f8141bd0-a201-f576-6201-252c20db2b91-6c20314b {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-d8fe9357-07fe-5fe9-a56a-968ef17d46dc-6c20314b {
  grid-area: 1 / 3 / 2 / 17;
}

#w-node-ca22fa1f-d0f5-f52f-6e45-f1a4dcfdde79-6c20314b {
  grid-area: 1 / 2 / 2 / 18;
}

#w-node-ca22fa1f-d0f5-f52f-6e45-f1a4dcfdde7a-6c20314b {
  grid-area: 1 / 3 / 2 / 17;
}

#w-node-_1199ed8c-3a44-0ca9-e7d9-9e82a40b470b-6c20314b {
  grid-area: 2 / 3 / 3 / 17;
}

#w-node-_3acb4e55-54d4-972d-5c3b-1dd56d829c0c-6c20314b {
  grid-area: 1 / 6 / 2 / 14;
}

#w-node-_47b43d42-0eee-3d1c-7236-740923c92a72-6c20314b {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-ccb9d831-0609-2430-1aed-bd38f4f44f56-6c20314b {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_9ea69ed8-e3dd-3d98-7b78-cad626f62123-6c20314b {
  grid-area: 1 / 11 / 2 / 15;
}

#w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9837-6c20314b {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9839-6c20314b {
  grid-area: 1 / 4 / 2 / 11;
}

#w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9844-6c20314b {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-f9cf63ca {
    grid-column-end: 11;
  }

  #w-node-_9ea68e4d-290d-9088-9cb4-48f9c09b26ef-c09b26ec {
    grid-column-end: 17;
  }

  #w-node-_27a80905-b6c4-d9ab-cac3-a29a58ebfd68-c09b26ec {
    grid-column-end: 19;
  }

  #w-node-_0bc7786b-aca4-935b-a79e-bca92f143f7e-2f143f7a {
    grid-column-end: 9;
  }

  #w-node-_0bc7786b-aca4-935b-a79e-bca92f143f82-2f143f7a {
    grid-column: 3 / 9;
  }

  #w-node-bf22f9a2-cce8-24f3-c915-6fc39d998a62-4f3396e0 {
    grid-column-end: 19;
  }

  #w-node-_2c8e1d88-99ef-b0e4-27f9-371327014779-4f3396e0 {
    grid-column-end: 11;
  }

  #w-node-_1b2db73d-f134-5315-0058-6b1a71ed06f9-4f3396e0 {
    grid-column: 2 / 11;
  }

  #w-node-a0e8764d-a393-162a-f161-d26be8a23c59-05690aa9 {
    grid-column-end: 19;
  }

  #w-node-c24bb270-9a5b-1894-e84a-7922110be40e-05690aa9 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_0d4bae7b-ba69-aa68-032e-e87b343ae929-05690aa9 {
    grid-column-end: 5;
  }

  #w-node-_23fd7b6f-bde8-b99c-510b-88616616ea8b-05690aa9 {
    grid-column: 4 / 9;
  }

  #w-node-b35f9828-8010-46f3-7b00-ea120abb6a3f-05690aa9 {
    grid-column: 7 / 11;
  }

  #w-node-_34d4c676-bb94-6a02-e4f5-c8d9ef999a39-05690aa9 {
    grid-column: 2 / 9;
  }

  #w-node-e244644a-1c96-5de6-93ef-2bf5d9f3c09d-41188c05 {
    grid-column-start: 1;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-56540065 {
    grid-column-start: 7;
  }

  #w-node-_3279aba5-f529-c0d9-fd48-d050865e7165-6c20314b, #w-node-_1e5f55de-fb6b-4e62-3d0f-5d00de686115-6c20314b {
    grid-column: 2 / 18;
  }

  #w-node-_1b11a097-6b57-8423-0972-21a919bca654-6c20314b {
    grid-column-start: 2;
  }

  #w-node-a001a4e1-0d38-84ae-04ff-5fa26e6cc265-6c20314b {
    grid-column-end: 18;
  }

  #video-thumbnail.w-node-_581d8850-e87b-de22-8bd6-df35aa141551-6c20314b {
    grid-column: 2 / 18;
  }

  #w-node-fb220008-71aa-c9f1-b3b3-718d466bcba8-6c20314b {
    grid-column-start: 2;
  }

  #w-node-fb220008-71aa-c9f1-b3b3-718d466bcbac-6c20314b, #w-node-_1b5a1fe2-6cf6-6f00-e4be-8ac26bf6f5d2-6c20314b {
    grid-column-end: 18;
  }

  #w-node-_2a4aa467-5d74-f025-1031-c61554197ec7-6c20314b {
    grid-column: 2 / 3;
  }

  #w-node-ff1878af-d978-930e-6df0-b40c0a6111bb-6c20314b, #video-thumbnail.w-node-_713ea2b2-53f5-84d6-1b73-893db3d1c2d2-6c20314b, #video-thumbnail.w-node-_2dee8e1b-0d1e-b70d-a804-82d16ce562f1-6c20314b {
    grid-column: 2 / 18;
  }

  #w-node-e81bdaed-18f7-2b86-ccb0-dd96485a4fb7-6c20314b {
    grid-column: 3 / 17;
  }

  #w-node-d8fe9357-07fe-5fe9-a56a-968ef17d46dc-6c20314b, #w-node-ca22fa1f-d0f5-f52f-6e45-f1a4dcfdde7a-6c20314b, #w-node-_1199ed8c-3a44-0ca9-e7d9-9e82a40b470b-6c20314b {
    grid-column: 2 / 18;
  }

  #w-node-_3acb4e55-54d4-972d-5c3b-1dd56d829c0c-6c20314b {
    grid-column: 3 / 17;
  }

  #w-node-_47b43d42-0eee-3d1c-7236-740923c92a72-6c20314b {
    grid-column: 1 / 7;
  }

  #w-node-ccb9d831-0609-2430-1aed-bd38f4f44f56-6c20314b {
    grid-column: 10 / 11;
  }

  #w-node-_9ea69ed8-e3dd-3d98-7b78-cad626f62123-6c20314b {
    grid-column: 12 / 19;
  }

  #w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9837-6c20314b {
    grid-column: 2 / 3;
  }

  #w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9839-6c20314b {
    grid-column: 3 / 11;
  }

  #w-node-_85d6f89b-c676-3b0c-8b5b-a45b208d9844-6c20314b {
    grid-column: 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1cc73dec-17d3-0d57-b635-33f955227ee4-f9cf63ca {
    grid-column-end: 8;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de7a-f9cf63ca {
    grid-column-end: 11;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-f9cf63ca {
    grid-area: 2 / 6 / 3 / 11;
  }

  #w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2b5-f2b4e2a3 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2bb-f2b4e2a3 {
    grid-row: 3 / 4;
  }

  #w-node-_6867712b-c79f-3dbb-dcba-94048023f8a2-4f3396e0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_6867712b-c79f-3dbb-dcba-94048023f8a8-4f3396e0 {
    grid-row: 3 / 4;
  }

  #w-node-e244644a-1c96-5de6-93ef-2bf5d9f3c09d-41188c05 {
    grid-column-end: 9;
  }

  #w-node-_45e71634-81c8-55f0-5760-89677406f41c-41188c05 {
    grid-column-end: 19;
  }

  #video-thumbnail.w-node-_581d8850-e87b-de22-8bd6-df35aa141551-6c20314b {
    grid-area: 1 / 1 / 2 / 19;
  }

  #w-node-ff1878af-d978-930e-6df0-b40c0a6111bb-6c20314b, #video-thumbnail.w-node-_713ea2b2-53f5-84d6-1b73-893db3d1c2d2-6c20314b, #video-thumbnail.w-node-_2dee8e1b-0d1e-b70d-a804-82d16ce562f1-6c20314b, #w-node-d8fe9357-07fe-5fe9-a56a-968ef17d46dc-6c20314b, #w-node-ca22fa1f-d0f5-f52f-6e45-f1a4dcfdde7a-6c20314b, #w-node-_1199ed8c-3a44-0ca9-e7d9-9e82a40b470b-6c20314b {
    grid-column: 1 / 19;
  }
}

@media screen and (max-width: 479px) {
  #w-node-da9172f2-85bb-522a-73f8-c1235c370426-f9cf63ca {
    grid-area: 5 / 1 / 7 / 8;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de7a-f9cf63ca {
    grid-column-start: 1;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-f9cf63ca {
    grid-column-start: 5;
  }

  #w-node-_22270660-a671-bed4-098d-ea7497a8a128-97a8a126 {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_22270660-a671-bed4-098d-ea7497a8a12b-97a8a126 {
    grid-area: 1 / 6 / 2 / 14;
  }

  #w-node-_9ea68e4d-290d-9088-9cb4-48f9c09b26ef-c09b26ec {
    grid-column-end: 19;
  }

  #w-node-_0bc7786b-aca4-935b-a79e-bca92f143f82-2f143f7a {
    grid-column: 2 / 10;
  }

  #w-node-_0bc7786b-aca4-935b-a79e-bca92f143f8f-2f143f7a {
    grid-row: 3 / 4;
  }

  #w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2a6-f2b4e2a3 {
    grid-column-end: 9;
  }

  #w-node-d784a5f4-f66a-a00a-65e3-2670f2b4e2bb-f2b4e2a3 {
    grid-column-start: 4;
  }

  #w-node-bf22f9a2-cce8-24f3-c915-6fc39d998a62-4f3396e0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2c8e1d88-99ef-b0e4-27f9-371327014779-4f3396e0 {
    grid-area: 3 / 1 / 4 / 19;
  }

  #w-node-e88098f7-e268-affe-7a05-bd474b802fa1-4f3396e0 {
    grid-column-end: 13;
  }

  #w-node-_1b2db73d-f134-5315-0058-6b1a71ed06f9-4f3396e0 {
    grid-column-end: 15;
  }

  #w-node-_6867712b-c79f-3dbb-dcba-94048023f893-4f3396e0 {
    grid-column-end: 9;
  }

  #w-node-_6867712b-c79f-3dbb-dcba-94048023f8a8-4f3396e0 {
    grid-column-start: 4;
  }

  #w-node-db2a9920-5153-7959-a035-f69b340a8046-05690aa9 {
    grid-column-end: 18;
  }

  #w-node-db2a9920-5153-7959-a035-f69b340a804f-05690aa9 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_34d4c676-bb94-6a02-e4f5-c8d9ef999a39-05690aa9 {
    grid-column-end: 15;
  }

  #w-node-_66d172d9-946b-37a6-012c-fe467dbd348a-05690aa9 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_66d172d9-946b-37a6-012c-fe467dbd348c-05690aa9 {
    grid-column: 1 / 19;
  }

  #w-node-e244644a-1c96-5de6-93ef-2bf5d9f3c09d-41188c05 {
    grid-column-end: 17;
  }

  #w-node-_45e71634-81c8-55f0-5760-89677406f41c-41188c05 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de7a-56540065 {
    grid-area: 2 / 1 / 3 / 10;
  }

  #w-node-_2a190ace-0a8f-aef5-09d4-7d385c39de88-56540065 {
    grid-area: 1 / 3 / 2 / 11;
  }

  #w-node-_3279aba5-f529-c0d9-fd48-d050865e7165-6c20314b, #w-node-_1b11a097-6b57-8423-0972-21a919bca654-6c20314b {
    grid-column: 1 / 19;
  }

  #w-node-a001a4e1-0d38-84ae-04ff-5fa26e6cc265-6c20314b {
    grid-area: 2 / 1 / 3 / 19;
  }

  #w-node-fb220008-71aa-c9f1-b3b3-718d466bcba8-6c20314b {
    grid-column: 1 / 19;
  }

  #w-node-fb220008-71aa-c9f1-b3b3-718d466bcbac-6c20314b {
    grid-area: 2 / 1 / 3 / 19;
  }

  #w-node-_1b5a1fe2-6cf6-6f00-e4be-8ac26bf6f5d2-6c20314b {
    grid-area: 2 / 1 / 3 / 14;
  }

  #w-node-e81bdaed-18f7-2b86-ccb0-dd96485a4fb7-6c20314b, #w-node-_3acb4e55-54d4-972d-5c3b-1dd56d829c0c-6c20314b {
    grid-column: 1 / 19;
  }

  #w-node-_47b43d42-0eee-3d1c-7236-740923c92a72-6c20314b {
    grid-column-end: 11;
  }

  #w-node-ccb9d831-0609-2430-1aed-bd38f4f44f56-6c20314b {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-_9ea69ed8-e3dd-3d98-7b78-cad626f62123-6c20314b {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }
}


@font-face {
  font-family: 'Smoochsans';
  src: url('../fonts/SmoochSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Smoochsans';
  src: url('../fonts/SmoochSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Smoochsans';
  src: url('../fonts/SmoochSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhatdisplay';
  src: url('../fonts/RedHatDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhatdisplay';
  src: url('../fonts/RedHatDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhatdisplay';
  src: url('../fonts/RedHatDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhatdisplay';
  src: url('../fonts/RedHatDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}