:root {
  --color--black: #0b0b0d;
  --color--gray3: #ebebec;
  --tablet-text-large--font-size: 4.2vw;
  --tablet-text-large--line-height: 4.2vw;
  --tablet-text-large--letter-spacing: -.007px;
  --mobile-text-large--font-size: 8.6vw;
  --mobile-text-large--line-height: 8.9vw;
  --mobile-text-large--letter-spacing: -.003vw;
  --display--font-size: 6.571vw;
  --display--line-height: 5.9vw;
  --display--letter-spacing: -.25vw;
  --tablet-display--font-size: 12vw;
  --tablet-display--line-height: 9.5vw;
  --tablet-display--letter-spacing: -.01px;
  --mobile-display--font-size: 16vw;
  --mobile-display--line-height: 14.5vw;
  --mobile-display--letter-spacing: -.05vw;
  --text-large--font-size: 2.2vw;
  --color--gray1: #919ba1;
  --color--white: white;
  --text-large--line-height: 2.3vw;
  --text-large--letter-spacing: -.003vw;
  --color--gray2: #c7cccf;
  --tablet-text-main--font-size: 2.8vw;
  --tablet-text-main--line-height: 2.9vw;
  --tablet-text-main--letter-spacing: -.003vw;
  --mobile-text-main--font-size: 5.8vw;
  --mobile-text-main--line-height: 6.4vw;
  --mobile-text-main--letter-spacing: -.003vw;
  --spacing--3vw: .3vw;
  --spacing--6: .6vw;
  --tablet-text-small--font-size: 2vw;
  --tablet-text-small--line-height: 2.4vw;
  --tablet-text-small--letter-spacing: -.003vw;
  --spacing--2vw: 2vw;
  --mobile-text-small--font-size: 3.9vw;
  --mobile-text-small--line-height: 5vw;
  --mobile-text-small--letter-spacing: -.003vw;
  --text-main--font-size: 1.5vw;
  --text-main--line-height: 1.65vw;
  --text-main--letter-spacing: -.003vw;
  --text-small--font-size: 1vw;
  --text-small--line-height: 1.3vw;
  --text-small--letter-spacing: -.001vw;
}

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

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

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

.hero_container {
  max-width: 100%;
  height: 98.1vh;
  padding: .625rem;
}

.hero_layout {
  background-color: var(--color--black);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.intro_container {
  max-width: 100%;
  padding-bottom: 0;
  padding-left: .625rem;
  padding-right: .625rem;
}

.body {
  color: var(--color--black);
  letter-spacing: -.05em;
  font-family: TWK Lausanne, sans-serif;
  font-size: 1.9375rem;
  font-weight: 500;
  line-height: 2rem;
}

.body.u-dark-bg {
  background-color: var(--color--black);
}

.body.u-dark-body {
  background-color: var(--color--gray3);
}

.intro_paragraph {
  margin-bottom: 0;
}

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

.intro_heading.u-bold {
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
  text-transform: uppercase;
  font-weight: 400;
}

.intro_bold {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.intro_bold_special {
  background-color: #000;
  min-width: 14vw;
  min-height: 4.8vw;
  margin-right: -.2vw;
}

.intro_cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.intro_cta:hover {
  color: var(--color--gray1);
}

.intro_cta_arrow {
  margin-bottom: 0;
}

.intro_cta_arrow.u-bold {
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
}

.intro_cta_text {
  margin-bottom: 0;
}

.intro_cta_text.u-bold {
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
}

.u-bold {
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.nav_section {
  z-index: 99;
  letter-spacing: -.005em;
  width: 100%;
  height: 1.5rem;
  position: relative;
}

.nav_container {
  background-color: var(--color--white);
  text-transform: uppercase;
  min-width: 100%;
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
  font-size: 1.3125rem;
  line-height: 1.4375rem;
  position: fixed;
}

.nav_layout {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  object-fit: fill;
  grid-template-rows: 1fr;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: grid;
}

.name_section {
  z-index: 98;
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.name_container {
  background-color: var(--color--white);
  width: 100%;
  max-width: 100%;
  padding: 1.5rem .625rem .625rem;
}

.name_heading {
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  letter-spacing: var(--text-large--letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .625rem;
  font-weight: 500;
}

.nav_basics {
  color: var(--color--gray2);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.nav_link {
  grid-column-gap: 5.375rem;
  grid-row-gap: 5.375rem;
  color: #000;
  text-decoration: none;
  display: flex;
}

.nav_cta_1 {
  margin-bottom: 0;
}

.nav_home.nav_link {
  color: var(--color--gray2);
}

.nav_home.nav_link:hover {
  color: var(--color--gray1);
}

.nav_home.nav_link:focus, .nav_home.nav_link.w--current {
  color: var(--color--black);
}

.nav_home.nav_link.w--current:hover {
  color: var(--color--gray1);
}

.nav_cta_contact {
  margin-bottom: 0;
}

.nav_contact.nav_link {
  color: var(--color--gray2);
}

.nav_contact.nav_link:hover {
  color: var(--color--gray1);
}

.nav_contact.nav_link:focus {
  color: var(--color--black);
}

.nav_cta_home {
  margin-bottom: 0;
}

.nav_work.nav_link {
  color: var(--color--gray2);
}

.nav_work.nav_link:hover {
  color: var(--color--gray1);
}

.nav_work.nav_link:active, .nav_work.nav_link:focus, .nav_work.nav_link.w--current {
  color: var(--color--black);
}

.nav_work.nav_link.u-inactive {
  color: var(--color--gray2);
}

.nav_cta_2, .nav_cta_work {
  margin-bottom: 0;
}

.nav_about.nav_link {
  color: var(--color--gray2);
}

.nav_about.nav_link:hover {
  color: var(--color--gray1);
}

.nav_about.nav_link:active, .nav_about.nav_link:focus, .nav_about.nav_link.w--current {
  color: var(--color--black);
}

.nav_about.nav_link.u-inactive {
  color: var(--color--gray2);
}

.nav_cta_3, .nav_cta_about {
  margin-bottom: 0;
}

.playful_section {
  height: 60vw;
}

.playful_container {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  margin-top: -8rem;
  margin-bottom: -8rem;
  padding: .625px .625rem;
  overflow: hidden;
}

.playful_layout {
  perspective: 1000px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotateX(.001deg)rotateY(0)rotateZ(0);
}

.playful_image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(0);
}

.playful_image_ab {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  height: 100%;
}

.playful_text_1 {
  z-index: 2;
  color: var(--color--white);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1vw;
  line-height: 1.2vw;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 700px);
}

.playful_text_2 {
  z-index: 1;
  color: var(--color--white);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: .9685rem;
  line-height: 1rem;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 500px);
}

.playful_text_p1 {
  text-align: center;
  letter-spacing: -.005em;
  max-width: 6vw;
  margin-bottom: 0;
  font-size: 1vw;
  line-height: 1.2vw;
  transform: scale(.4);
}

.playful_text_p2 {
  text-align: center;
  letter-spacing: 0;
  max-width: 15.5vw;
  margin-bottom: 0;
  font-size: 2vw;
  line-height: 2vw;
  transform: scale(.55);
}

.areas_section {
  padding-bottom: 8vw;
}

.areas_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.code-embed {
  z-index: -999;
  position: absolute;
}

.areas_heading {
  line-height: var(--text-large--line-height);
  margin-top: 0;
  margin-bottom: 0;
}

.areas_heading.u-text-main {
  font-weight: 500;
}

.areas_heading.u-text-small {
  padding-bottom: var(--spacing--3vw);
  font-weight: 500;
}

.areas_line {
  padding-top: var(--spacing--3vw);
  padding-bottom: var(--spacing--3vw);
  border-top: 2px solid var(--color--black);
}

.areas_line.u-line {
  margin-top: 0;
  margin-bottom: var(--spacing--3vw);
}

.areas_paragraph {
  margin-bottom: 0;
}

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

.selection_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.selection_layout {
  position: relative;
}

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

.selection_heading.u-bold {
  padding-bottom: var(--spacing--3vw);
}

.selection_heading.u-text-main {
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  letter-spacing: var(--text-main--letter-spacing);
  font-weight: 500;
}

.selection_number {
  position: absolute;
  inset: -1vw 0% auto 53vw;
}

.selection_number.u-text-main {
  left: 51vw;
}

.selection_number.u-text-small {
  color: var(--color--gray1);
  top: -.8vw;
  left: 50.9vw;
}

.u-text-main {
  font-size: var(--text-main--font-size);
  line-height: var(--text-main--line-height);
  letter-spacing: var(--text-main--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

.u-text-small {
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  letter-spacing: var(--text-small--letter-spacing);
}

.u-text-large {
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  letter-spacing: var(--text-large--letter-spacing);
  margin-bottom: 0;
}

.selection_grid {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  margin-bottom: 12vw;
  display: grid;
}

.selection_image1_container {
  overflow: hidden;
}

.slection_image1 {
  width: 100%;
}

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

.selection_heading1.u-text-main {
  font-weight: 500;
}

.selection_description_top {
  margin-bottom: 0;
}

.selection_description_top.u-text-small {
  margin-bottom: .2rem;
  font-weight: 400;
}

.selection_description_bottom {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.selection_description_bottom.u-text-small {
  color: var(--color--gray1);
  max-width: 30vw;
  font-weight: 400;
}

.selection_grid2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  padding-bottom: 12vw;
  display: grid;
}

.selection_image2 {
  width: 100%;
}

.selection_description2_top {
  margin-bottom: 0;
}

.selection_description2_top.u-text-small {
  font-weight: 400;
}

.selection_description2_bottom {
  margin-bottom: 0;
}

.selection_description2_bottom.u-text-small {
  color: var(--color--gray1);
  font-weight: 400;
}

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

.selection_heading2.u-text-main {
  font-weight: 500;
}

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

.selection_image3_container {
  width: 100%;
}

.selection_grid3_grid1 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 3fr 4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.selection_heading3.u-text-main {
  font-weight: 500;
}

.selection_description3_top {
  margin-bottom: 0;
}

.selection_description3_top.u-text-small {
  font-weight: 400;
}

.selection_description3_bottom {
  color: var(--color--gray1);
}

.selection_description3_bottom.u-text-small {
  font-weight: 400;
}

.selection_grid3_grid2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 3fr 4fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.selection_grid4 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  padding-bottom: 12vw;
  display: grid;
}

.selection_image5 {
  width: 100%;
}

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

.selection_heading5.u-text-main {
  font-weight: 500;
}

.selection_description5_top {
  margin-bottom: 0;
}

.selection_description5_top.u-text-small {
  font-weight: 400;
}

.selection_description5_bottom {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.selection_description5_bottom.u-text-small {
  font-weight: 400;
}

.footer {
  background-color: var(--color--white);
  padding-top: 2vw;
}

.footer_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.footer_layout {
  padding-bottom: 1vw;
}

.footer_work_cta {
  color: var(--color--black);
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  position: relative;
}

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

.footer_work.u-text-main {
  font-weight: 500;
}

.footer_work.u-text-main:hover {
  color: var(--color--gray1);
}

.footer_work_number {
  color: var(--color--gray1);
  margin-bottom: 0;
  position: absolute;
  top: -.6vw;
  left: 8.3vw;
}

.footer_line {
  border-top: 2px solid var(--color--black);
}

.footer_line.u-line {
  margin-top: var(--spacing--6);
  margin-bottom: var(--spacing--6);
}

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

.footer_name {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.footer_name.u-text-small {
  font-weight: 400;
}

.footer_year {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.footer_year.u-text-small {
  font-weight: 400;
}

.footer_online {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.footer_online.u-text-small {
  font-weight: 400;
}

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

.footer_online_behance_link {
  color: var(--color--black);
  text-decoration: none;
}

.footer_online_behance {
  margin-bottom: 0;
}

.footer_online_behance.u-text-small {
  font-weight: 400;
}

.footer_online_behance.u-text-small:hover {
  color: var(--color--gray1);
}

.footer_online_dribbble_link {
  color: var(--color--black);
  text-decoration: none;
}

.footer_online_dribbble_link:hover {
  color: var(--color--gray1);
}

.footer_online_dribbble {
  margin-bottom: 0;
}

.footer_online_dribbble.u-text-small {
  font-weight: 400;
}

.footer_online_linkedin_link {
  color: var(--color--black);
  text-decoration: none;
}

.footer_online_linkedin_link:hover {
  color: var(--color--gray1);
}

.footer_online_linkedin {
  margin-bottom: 0;
}

.footer_online_linkedin.u-text-small {
  font-weight: 400;
}

.footer_reach {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.footer_reach.u-text-small {
  font-weight: 400;
}

.footer_reach_link {
  color: var(--color--black);
  text-decoration: none;
}

.footer_reach_link:hover {
  color: var(--color--gray1);
}

.footer_reach_inquiries {
  margin-bottom: 0;
}

.footer_reach_inquiries.u-text-small {
  font-weight: 400;
}

.about_intro_section {
  background-color: var(--color--white);
  padding-top: 3rem;
}

.about_intro_container {
  margin-bottom: var(--spacing--6);
  padding: .9vw .625rem var(--spacing--6);
  max-width: 100%;
}

.about_intro_paragraph {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.about_intro_line {
  border-top: 2px solid var(--color--black);
}

.about_intro_line.u-line {
  margin-top: 0;
  margin-bottom: 10px;
}

.about_intro_line.u-line2 {
  margin-top: var(--spacing--6);
  margin-bottom: var(--spacing--6);
}

.hook_section {
  padding-bottom: 1vw;
}

.hook_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

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

.hook_heading {
  max-width: 53vw;
  margin-top: -.7vw;
  margin-bottom: 0;
}

.hook_heading.u-bold {
  color: var(--color--black);
  margin-top: -.3vw;
}

.hook_awards {
  padding-bottom: 2vw;
}

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

.hook_awards_heading.u-text-main {
  font-weight: 500;
}

.hook_awards_heading.u-text-small {
  padding-bottom: var(--spacing--3vw);
  font-weight: 500;
}

.hook_awards_name {
  margin-bottom: 0;
  padding-top: 1vw;
}

.hook_awards_name.u-text-large {
  padding-top: 0;
}

.hook_features {
  padding-bottom: 2vw;
}

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

.hook_features_heading.u-text-main, .hook_features_heading.u-text-small {
  font-weight: 500;
}

.hook_features_name {
  margin-bottom: 0;
  padding-top: 1vw;
}

.hook_features_name.u-text-large {
  padding-top: var(--spacing--3vw);
}

.hook_sidenote {
  color: var(--color--gray1);
  max-width: 17vw;
  margin-bottom: 0;
}

.hook_sidenote.u-text-small {
  font-weight: 400;
}

.hook_image {
  width: 100%;
}

.hook_journey_layout {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.hook_journey_text {
  padding-top: var(--spacing--2vw);
  flex-flow: column;
  justify-content: space-between;
}

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

.hook_journey_hearding.u-text-main {
  font-weight: 500;
}

.hook_journey_hearding.u-text-small {
  padding-bottom: var(--spacing--2vw);
  color: var(--color--black);
  font-weight: 500;
}

.hook_journey_paragraph {
  color: var(--color--gray1);
  margin-bottom: 0;
  padding-top: 1vw;
}

.hook_journey_paragraph.u-text-main {
  color: var(--color--gray1);
  padding-top: 0;
  font-weight: 400;
}

.hook_image_container {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 4fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hook_journey_end {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.hook_journey_end.u-text-small {
  font-weight: 400;
}

.principles_section {
  padding-bottom: 8vw;
}

.principles_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.principles_grid {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.principles_heading {
  line-height: var(--text-large--line-height);
  margin-top: 0;
  margin-bottom: 0;
}

.principles_heading.u-text-main {
  font-weight: 500;
}

.principles_heading.u-text-small {
  padding-bottom: var(--spacing--3vw);
  line-height: var(--text-small--line-height);
  letter-spacing: var(--text-small--letter-spacing);
  font-weight: 500;
}

.principles_line {
  border-top: 2px solid var(--color--black);
}

.principles_line.u-line {
  height: .125rem;
}

.principles_name {
  margin-bottom: 0;
}

.principles_name.u-text-large {
  padding-top: var(--spacing--3vw);
  padding-bottom: var(--spacing--3vw);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  letter-spacing: var(--text-large--letter-spacing);
}

.principles_description {
  color: var(--color--gray1);
  max-width: 26vw;
  margin-bottom: .1vw;
  font-weight: 500;
}

.principles_description.u-text-main {
  max-width: 40vw;
  font-weight: 400;
}

.principles_description.u-text-small {
  font-weight: 400;
}

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

.principles_name2 {
  margin-bottom: 0;
}

.principles_description2 {
  color: var(--color--gray1);
  max-width: 40vw;
  margin-bottom: 0;
  padding-bottom: .1vw;
}

.principles_description3, .principles_description4 {
  color: var(--color--gray1);
  margin-bottom: 0;
  padding-bottom: .1vw;
  font-weight: 500;
}

.main-container {
  min-height: 300svh;
  position: relative;
}

.static-bg-color {
  z-index: -2;
  background-color: #0b0b0d;
  position: absolute;
  inset: 0%;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

.layout {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.work_section {
  padding-top: 3.3rem;
}

.work_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.work_grid1 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6vw;
  display: grid;
}

.link {
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.link.text-decoration-none {
  margin-top: -15px;
}

.cta_style1 {
  display: none;
}

.button-card-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  position: relative;
}

.button-number {
  color: #515f74;
  position: absolute;
  inset: 0% auto auto 0%;
}

.work_project {
  color: var(--color--black);
  text-decoration: none;
}

.work_project.u-full-width {
  min-width: 100%;
  display: block;
}

.work_project_image_container {
  overflow: hidden;
}

.work_project_image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  min-width: 100%;
}

.work_project_image.u-image7-crop {
  object-position: 50% 38%;
}

.work_project_infos {
  padding-top: .625rem;
  overflow: hidden;
}

.work_project_name {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -27px;
  font-weight: 400;
}

.work_project_name.u-text-main {
  margin-bottom: .2vw;
  margin-left: 0;
  font-weight: 400;
}

.work_project_details {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.work_project_details.u-text-small {
  font-weight: 400;
}

.work_project2 {
  color: var(--color--black);
  text-decoration: none;
}

.work_project2_image_container {
  overflow: hidden;
}

.work_project2_infos {
  padding-top: .625rem;
}

.work_project2_name {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -27px;
}

.work_project2_name.u-text-main {
  margin-left: -27px;
}

.work_project2_details_container {
  max-width: 40%;
  padding-top: .625rem;
  overflow: hidden;
}

.work_projet2_details {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.work_project1-copy {
  color: var(--color--black);
  text-decoration: none;
}

.work_grid1-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work_grid2 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6vw;
  display: grid;
}

.work_grid3 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6vw;
  display: grid;
}

.work_grid4 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6vw;
  display: grid;
}

.work_grid5 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6vw;
  display: grid;
}

.u-paragraph-width1 {
  max-width: 32vw;
  margin-bottom: 0;
}

.cover_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.cover_image {
  width: 100%;
}

.details_section {
  padding-top: .625rem;
}

.details_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.details_layout {
  flex-flow: column;
  justify-content: space-between;
}

.details_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  grid-auto-columns: 1fr;
  padding-bottom: 12vw;
  display: grid;
}

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

.details_heading.u-text-large {
  padding-bottom: var(--spacing--3vw);
  font-weight: 500;
}

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

.details_subheading {
  color: var(--color--gray1);
  margin-top: 0;
  margin-bottom: 0;
}

.details_subheading.u-text-main {
  font-weight: 400;
}

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

.details_part_heading.u-text-main {
  font-weight: 500;
}

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

.details_part_heading.u-text-small {
  padding-bottom: var(--spacing--3vw);
  font-weight: 500;
}

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

.details_part_line {
  margin-top: var(--spacing--3vw);
  margin-bottom: var(--spacing--3vw);
  border-top: 2px solid var(--color--black);
  width: 100%;
}

.details_part_line.u-white-line {
  background-color: var(--color--gray2);
}

.details_part_paragraph {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.details_part_paragraph.u-text-small {
  font-weight: 400;
}

.details_part {
  padding-top: 0;
  padding-bottom: 1.25rem;
}

.details_paragraph {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.project_container {
  max-width: 100%;
  padding-bottom: .625rem;
  padding-left: .625rem;
  padding-right: .625rem;
}

.project_grid {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .625rem;
  padding-bottom: 0;
  display: grid;
}

.project_grid.u-nttb {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.project_image_large {
  grid-column-end: span 2;
  width: 100%;
}

.background-video {
  object-fit: fill;
  width: 100%;
  position: relative;
}

.project_description {
  max-width: 50%;
}

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

.project_description_heading.u-text-small {
  padding-bottom: var(--spacing--3vw);
  font-weight: 500;
}

.project_description_paragraph {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.project_description_paragraph.u-text-small {
  font-weight: 400;
}

.cover_video {
  grid-column-end: span 2;
  overflow: hidden;
}

.cover_video.u-video-small {
  grid-column-end: span 1;
}

.project_image_small {
  width: 100%;
}

.container-2 {
  margin-left: 0;
}

.nav_cta_4 {
  margin-bottom: 0;
}

.nav_menu.nav_link {
  display: none;
}

.nav_menu_cta {
  margin-bottom: 0;
}

.nav_contact_hidden.nav_link {
  color: var(--color--gray2);
  display: none;
}

.nav_contact_hidden.nav_link:hover {
  color: var(--color--gray1);
}

.nav_contact_hidden.nav_link:focus {
  color: var(--color--black);
}

.nav_details {
  display: none;
}

.code-embed-2 {
  z-index: -99;
  position: absolute;
}

.selection_description3_top-copy {
  margin-bottom: 0;
}

.selection_description3_top-copy.u-text-small {
  font-weight: 400;
}

.principles_number {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.principles_number.u-text-small {
  font-weight: 500;
}

.project_name_interaction {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.left_parenthesis_container {
  width: 0;
  display: flex;
  overflow: hidden;
}

.left_parenthesis {
  margin-bottom: 0;
  font-weight: 400;
}

.left_parenthesis.u-text-main, .left_parenthesis.u-text-main.u-light-grey {
  color: var(--color--gray2);
}

.work_project_name2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.work_project_name2.u-text-main {
  margin-bottom: .2vw;
  font-weight: 400;
}

.right_parenthesis {
  margin-bottom: 0;
  font-weight: 400;
}

.right_parenthesis.u-text-main, .right_parenthesis.u-text-main.u-light-grey {
  color: var(--color--gray2);
}

.right_parenthesis_container {
  justify-content: flex-end;
  align-items: stretch;
  width: 0;
  display: flex;
  overflow: hidden;
}

.outro_container {
  max-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

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

.outro_heading {
  opacity: .4;
  color: var(--color--gray2);
  font-size: var(--display--font-size);
  line-height: var(--display--line-height);
  letter-spacing: var(--display--letter-spacing);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: -1vw;
  margin-left: -.5vw;
  font-weight: 400;
}

.seo_heading {
  color: var(--color--gray1);
  font-weight: 400;
}

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

.next_project_section {
  position: sticky;
  inset: auto 0% 0%;
}

.next_project_section.u-glass {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #919ba126;
  border-top: 1px solid #919ba133;
}

.next_project_container {
  min-width: 100%;
  padding-left: .625rem;
  padding-right: .625rem;
}

.next_project_layout {
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  letter-spacing: var(--text-small--letter-spacing);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.previous_project {
  color: var(--color--gray2);
  align-items: center;
  text-decoration: none;
}

.paragraph {
  margin-bottom: 0;
}

.previous_arrow {
  color: var(--color--gray1);
  font-size: var(--text-small--font-size);
  margin-bottom: 0;
}

.previous_arrow:hover {
  color: var(--color--gray3);
}

.next_project {
  color: var(--color--gray2);
  text-decoration: none;
}

.next_arrow {
  color: var(--color--gray1);
  margin-bottom: 0;
}

.next_arrow:hover {
  color: var(--color--gray3);
}

.next_project_name {
  color: var(--color--gray2);
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 400;
}

.hamburger_wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hamburger_embed {
  position: absolute;
}

.hamburger_clip {
  position: relative;
  overflow: hidden;
}

.hamburger_panel {
  transition: transform .2s;
  position: relative;
  overflow: hidden;
}

.hamburger_panel.is-2 {
  position: absolute;
}

.hamburger_text {
  text-align: center;
  min-width: 4.4em;
  font-size: 1.1rem;
  transition: transform .2s;
}

.hamburger_text.is-2 {
  position: absolute;
}

.hamburger_11_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_11_line {
  height: var(--thickness);
  width: var(--width);
  flex: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.hamburger_11_inner {
  background-color: currentColor;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.nav_wrap {
  background-color: #ddd0;
  display: none;
}

.hamburger_8_text {
  text-align: center;
  min-width: 4.4em;
  font-size: 1.1rem;
  transition: transform .2s;
}

.hamburger_8_text.is-2 {
  position: absolute;
}

.hamburger_8_wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_button {
  width: 3.1rem;
  height: 5rem;
  padding: 0;
}

.nav_button.w--open {
  color: currentColor;
  background-color: #c8c8c800;
}

.nav_button.is-auto {
  width: auto;
  height: auto;
}

.hamburger_8_clip {
  position: relative;
  overflow: hidden;
}

.hamburger_8_panel {
  transition: transform .2s;
  position: relative;
  overflow: hidden;
}

.hamburger_8_panel.is-2 {
  position: absolute;
}

.code-embed-4 {
  transform: scale(.4);
}

.showreel {
  display: none;
}

.background-video-3 {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero_showreel {
  z-index: 1;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .intro_paragraph.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .intro_heading.u-bold {
    font-size: var(--tablet-display--font-size);
    line-height: var(--tablet-display--line-height);
    letter-spacing: var(--tablet-display--letter-spacing);
  }

  .intro_bold {
    font-size: var(--text-large--font-size);
    line-height: var(--tablet-display--line-height);
    letter-spacing: var(--tablet-display--letter-spacing);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .intro_bold_special {
    display: none;
  }

  .intro_cta_arrow.u-bold, .intro_cta_text.u-bold {
    font-size: var(--tablet-display--font-size);
    line-height: var(--tablet-display--line-height);
    letter-spacing: var(--tablet-display--letter-spacing);
  }

  .name_section {
    z-index: 98;
  }

  .name_heading {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .nav_home.nav_link, .nav_home.nav_link.w--current, .nav_contact.nav_link, .nav_work.nav_link, .nav_about.nav_link {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .playful_section {
    margin-top: 15vw;
    display: block;
  }

  .playful_text_1, .playful_text_2 {
    display: none;
  }

  .areas_section {
    padding-top: 8vw;
  }

  .areas_heading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .areas_heading.u-text-small {
    padding-bottom: var(--spacing--6);
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .areas_paragraph.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .selection_heading.u-bold {
    font-size: var(--tablet-display--font-size);
    line-height: var(--tablet-display--line-height);
    letter-spacing: var(--tablet-display--letter-spacing);
    padding-bottom: 1rem;
  }

  .selection_heading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
    font-weight: 500;
  }

  .selection_number.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
    left: 58vw;
  }

  .selection_number.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    top: -1.8vw;
    left: 58.2vw;
  }

  .selection_grid {
    grid-template-columns: 5fr 7fr;
  }

  .selection_image1_container {
    overflow: hidden;
  }

  .selection_description_top.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .selection_description_bottom.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    max-width: 50vw;
  }

  .selection_grid2 {
    grid-template-columns: 5fr 7fr;
  }

  .selection_heading2.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .selection_grid3 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 7fr;
  }

  .selection_grid3_grid1, .selection_grid3_grid2, .selection_grid4 {
    grid-template-columns: 5fr 7fr;
  }

  .footer_work.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .footer_work_number.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    top: -1vw;
    left: 15.6vw;
  }

  .footer_grid {
    grid-template-rows: auto;
    grid-template-columns: 7fr 2fr 3fr;
  }

  .footer_name.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .footer_year.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    display: none;
  }

  .footer_online.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    padding-bottom: .8rem;
  }

  .footer_online_behance_link {
    padding-bottom: .2rem;
  }

  .footer_online_behance.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .footer_online_dribbble_link {
    padding-bottom: .2rem;
  }

  .footer_online_dribbble.u-text-small, .footer_online_linkedin.u-text-small, .footer_reach.u-text-small, .footer_reach_inquiries.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .about_intro_paragraph.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .about_intro_line.u-line2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .hook_grid {
    grid-template-columns: 7fr;
  }

  .hook_heading.u-bold {
    font-size: var(--tablet-display--font-size);
    line-height: var(--tablet-display--line-height);
    letter-spacing: var(--tablet-display--letter-spacing);
    max-width: 100vw;
    margin-top: 0;
  }

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

  .hook_awards_heading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .hook_awards_heading.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .hook_awards_name.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .hook_features_heading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .hook_features_heading.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .hook_features_name.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .hook_sidenote.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    max-width: 35vw;
  }

  .hook_journey_layout {
    height: 30vh;
  }

  .hook_journey_hearding.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .hook_journey_hearding.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .hook_journey_paragraph.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .hook_image_container {
    grid-template-columns: 4fr;
  }

  .hook_journey_end.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .principles_heading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .principles_heading.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .principles_name.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .principles_description.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-main--letter-spacing);
    max-width: 100vw;
  }

  .principles_description.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
    max-width: 36vw;
  }

  .work_project_infos {
    padding-top: 0;
  }

  .work_project_name.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-large--font-size);
    letter-spacing: var(--tablet-text-main--letter-spacing);
    margin-top: 0;
    margin-bottom: 0;
  }

  .work_project_details.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .work_project_details.u-paragraph-width1.u-text-small {
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .u-paragraph-width1 {
    max-width: 100%;
  }

  .details_heading.u-text-large.u-color-white {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .details_subheading.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-main--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .details_part_heading.u-text-small.u-color-white {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .details_part_line.u-white-line {
    border-top-color: var(--color--gray3);
    line-height: 0;
  }

  .details_part_paragraph.u-text-small {
    font-size: var(--tablet-text-small--font-size);
    line-height: var(--tablet-text-small--line-height);
    letter-spacing: var(--tablet-text-small--letter-spacing);
  }

  .details_paragraph.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

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

  .principles_number.u-text-large {
    font-size: var(--tablet-text-large--font-size);
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .work_project_name2.u-text-main {
    font-size: var(--tablet-text-main--font-size);
    line-height: var(--tablet-text-large--font-size);
    letter-spacing: var(--tablet-text-main--letter-spacing);
  }

  .outro_section {
    display: none;
  }

  .outro_layout {
    grid-template-columns: 5fr 7fr;
  }

  .outro_heading {
    margin-bottom: 6vw;
    font-size: 24vw;
    line-height: 20vw;
  }

  .previous_arrow, .next_arrow, .next_project_name {
    font-size: 1.312rem;
    line-height: 1.437rem;
  }
}

@media screen and (max-width: 767px) {
  .nav_cta_1 {
    display: none;
  }

  .nav_home.nav_link, .nav_contact.nav_link, .nav_work.nav_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav_cta_2 {
    display: none;
  }

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

  .nav_cta_3 {
    display: none;
  }

  .playful_section {
    margin-top: 20vw;
  }

  .areas_paragraph.u-text-large {
    line-height: var(--tablet-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .selection_grid3 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .hook_grid {
    grid-template-rows: auto auto auto auto;
  }

  .hook_achievements {
    grid-template-rows: auto auto;
  }

  .hook_journey_layout {
    height: 30rem;
  }

  .nav_cta_4, .nav_menu_cta__0 {
    margin-bottom: 0;
    display: none;
  }

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

@media screen and (max-width: 479px) {
  .body.u-overflow-hidden {
    height: 100vh;
    overflow: hidden;
  }

  .intro_paragraph.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .intro_heading.u-bold {
    font-size: var(--mobile-display--font-size);
    line-height: var(--mobile-display--line-height);
    letter-spacing: var(--mobile-display--letter-spacing);
  }

  .intro_cta {
    margin-top: -.45rem;
  }

  .intro_cta_arrow.u-bold, .intro_cta_text.u-bold {
    font-size: var(--mobile-display--font-size);
    line-height: var(--mobile-display--line-height);
    letter-spacing: var(--mobile-display--letter-spacing);
  }

  .nav_container {
    background-color: var(--color--black);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .nav_layout {
    color: var(--color--gray1);
    flex-flow: column;
    display: flex;
  }

  .menu_name_layout {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .name_heading {
    font-size: 1.65rem;
    line-height: var(--display--line-height);
  }

  .nav_basics {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-end;
    height: 70vh;
    overflow: hidden;
  }

  .nav_cta_1 {
    display: block;
  }

  .nav_home.nav_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color--gray1);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_home.nav_link.w--current {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color--white);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_contact.nav_link {
    display: none;
  }

  .nav_work.nav_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color--gray1);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_work.nav_link.w--current {
    color: var(--color--white);
  }

  .nav_cta_2 {
    display: block;
  }

  .nav_about.nav_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color--gray1);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_about.nav_link.w--current {
    color: var(--color--white);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_cta_3 {
    display: block;
  }

  .playful_section {
    margin-top: 26vw;
  }

  .playful_layout, .playful_image {
    z-index: -2;
  }

  .areas_container {
    padding-bottom: 2rem;
  }

  .areas_heading.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .areas_heading.u-text-small {
    padding-bottom: var(--spacing--2vw);
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .areas_line {
    padding-bottom: var(--spacing--2vw);
  }

  .areas_paragraph.u-text-large {
    color: var(--color--gray1);
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .selection_heading.u-bold {
    font-size: var(--mobile-display--font-size);
    line-height: var(--mobile-display--line-height);
    letter-spacing: var(--mobile-display--letter-spacing);
  }

  .selection_number.u-text-main {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    top: -2vw;
    left: auto;
    right: 11vw;
  }

  .selection_number.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    left: 77vw;
  }

  .selection_grid {
    grid-column-gap: var(--spacing--2vw);
    grid-row-gap: var(--spacing--2vw);
    grid-template-rows: auto auto auto;
    grid-template-columns: 5fr;
  }

  .selection_description_top.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .selection_description_bottom.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    max-width: 100vw;
  }

  .selection_grid3 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .footer_container {
    padding-bottom: 1rem;
  }

  .footer_work.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
    padding-bottom: 2vw;
  }

  .footer_work_number.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    top: -1.5vw;
    left: 33vw;
  }

  .footer_line.u-line {
    padding-bottom: 2vw;
  }

  .footer_grid {
    grid-template-rows: auto auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-flow: row;
  }

  .footer_name.u-text-small, .footer_online.u-text-small, .footer_online_behance.u-text-small, .footer_online_dribbble.u-text-small, .footer_online_linkedin.u-text-small, .footer_reach.u-text-small, .footer_reach_inquiries.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .about_intro_paragraph.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .about_intro_line.u-line2 {
    margin-bottom: .2rem;
  }

  .hook_heading.u-bold {
    font-size: var(--mobile-display--font-size);
    line-height: var(--mobile-display--line-height);
    letter-spacing: var(--mobile-display--letter-spacing);
    max-width: 86vw;
  }

  .hook_achievements {
    grid-template-rows: auto auto auto;
    grid-template-columns: 7fr;
  }

  .hook_awards_heading.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .hook_awards_heading.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .hook_awards_name.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .hook_features_heading.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .hook_features_heading.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .hook_features_name.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .hook_sidenote.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    max-width: 68vw;
  }

  .hook_journey_layout {
    height: 45rem;
  }

  .hook_journey_hearding.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .hook_journey_hearding.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .hook_journey_paragraph.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .hook_journey_end.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .principles_container {
    padding-bottom: 2rem;
  }

  .principles_grid {
    grid-template-rows: auto auto;
    grid-template-columns: 7fr;
  }

  .principles_heading.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .principles_heading.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    padding-bottom: 2vw;
  }

  .principles_line.u-line {
    padding-bottom: 2vw;
  }

  .principles_name.u-text-large {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .principles_description.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .principles_description.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    max-width: 100vw;
    margin-bottom: 2vw;
  }

  .principles_grid2 {
    grid-template-rows: auto auto;
    grid-template-columns: 7fr;
  }

  .work_grid1 {
    grid-column-gap: 12vw;
    grid-row-gap: 12vw;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    padding-bottom: 12vw;
  }

  .work_project_infos {
    padding-top: var(--spacing--2vw);
  }

  .work_project_name.u-text-main {
    padding-bottom: var(--spacing--6);
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .work_project_details.u-text-small, .work_project_details.u-paragraph-width1.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .work_grid2 {
    grid-column-gap: 12vw;
    grid-row-gap: 12vw;
    grid-template-columns: 1fr;
    padding-bottom: 12vw;
  }

  .work_grid3, .work_grid4 {
    grid-column-gap: 12vw;
    grid-row-gap: 12vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 12vw;
  }

  .work_grid5 {
    grid-column-gap: 12vw;
    grid-row-gap: 12vw;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    padding-bottom: 12vw;
  }

  .details_grid {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto auto;
    grid-template-columns: 7fr;
  }

  .details_heading.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .details_heading.u-text-large.u-color-white {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--tablet-text-large--letter-spacing);
  }

  .details_subheading.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
    padding-top: .2rem;
  }

  .details_part_heading.u-text-main, .details_part_heading.u-text-small, .details_part_heading.u-text-small.u-color-white {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    padding-bottom: 1.2vw;
  }

  .details_part_line, .details_part_line.u-white-line {
    margin-bottom: 2vw;
  }

  .details_part_paragraph.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .details_paragraph.u-text-large {
    font-size: var(--mobile-text-large--font-size);
    line-height: var(--mobile-text-large--line-height);
    letter-spacing: var(--mobile-text-large--letter-spacing);
  }

  .project_grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .project_description {
    max-width: 100%;
  }

  .project_description_heading.u-text-small, .project_description_paragraph.u-text-small {
    font-size: var(--mobile-text-small--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-small--letter-spacing);
  }

  .nav_cta_4 {
    display: block;
  }

  .nav_menu.nav_link {
    color: var(--color--gray1);
    display: none;
  }

  .nav_menu_cta__0 {
    display: block;
  }

  .menu_name {
    text-align: center;
    margin-bottom: 0;
    font-size: 8.5vw;
  }

  .nav_contact_hidden.nav_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color--gray1);
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav_details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: absolute;
    inset: auto 0% .625rem;
  }

  .nav_details_year {
    color: var(--color--gray1);
    margin-bottom: 0;
    font-size: 14px;
  }

  .nav_menu_container {
    z-index: 100;
    background-color: var(--color--white);
    text-transform: uppercase;
    justify-content: flex-end;
    width: 100%;
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: 1.3125rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .principles_number.u-text-large {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-small--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
  }

  .work_project_name2.u-text-main {
    font-size: var(--mobile-text-main--font-size);
    line-height: var(--mobile-text-main--line-height);
    letter-spacing: var(--mobile-text-main--letter-spacing);
    padding-top: .2rem;
  }

  .next_project_container {
    height: 1.5rem;
  }

  .previous_arrow, .next_arrow, .next_project_name {
    font-size: var(--mobile-text-small--font-size);
  }

  .nav_wrap {
    color: var(--color--gray1);
    font-size: var(--mobile-text-small--font-size);
    letter-spacing: var(--mobile-text-small--letter-spacing);
    display: block;
  }

  .nav_button.is-auto {
    margin-right: -3.5vw;
  }

  .showreel {
    display: none;
  }

  .background-video-3 {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }
}

#w-node-_126eeccd-7bce-2975-c479-ad6202d70895-0c1789cb, #w-node-ac2886cc-e51f-f9e3-10a1-1dc0d60334e9-0c1789cb, #w-node-_5b5898fe-7522-f73d-84cd-98b514bbaca9-0c1789cb, #w-node-_686fb01d-b1ea-8349-9134-9ac509027d89-0c1789cb, #w-node-_310dbb90-13c4-7d9b-8e2a-e933ca9f614b-0c1789cb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c5a639c1-d415-2004-0dbc-63567f9f5cbd-0c1789cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_24037e0e-597f-982d-cd5b-d306224def01-224deef7 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_24037e0e-597f-982d-cd5b-d306224def07-224deef7, #w-node-_24037e0e-597f-982d-cd5b-d306224def14-224deef7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_24037e0e-597f-982d-cd5b-d306224def16-224deef7 {
  justify-self: end;
}

#w-node-_3d06f8f6-90bd-704d-9074-83fc8851918b-88519178 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_3d06f8f6-90bd-704d-9074-83fc8851917b-88519178 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_53babdb8-2b9d-d6b2-6004-14a34f93e855-88519178 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-f40f863a-937a-8b1e-8d0e-1774380abc69-7513bce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f50685-4a44-7a6d-722e-3ee0e1d87069-d6fa8c01, #w-node-_7b5e8846-59ad-bd30-a22f-445d1536baf2-d6fa8c01, #w-node-_976e7274-f5e8-9b88-2858-55ec6b367dfe-d6fa8c01, #w-node-_343109d4-a7dc-0e18-e4f1-4d17b8c6ea20-d6fa8c01, #w-node-c73074ce-e9f8-15b3-1403-3e073f38b719-d6fa8c01 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_724d7ea4-ea00-ed58-5e4a-ab69e4736998-d6fa8c01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-e84de5f2-e411-c9bc-c19b-500877367517-766c5ffe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_892cbafe-f930-a841-c362-f53cbf8dc7e2-766c5ffe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_6087d4fd-7121-4496-0957-52b5c9b75073-5b2e3e30, #w-node-_3d8d0be1-3490-8a16-593d-69d2d47d22fe-5b2e3e30, #w-node-_6bc86175-fa73-217c-6c62-53213602d811-5b2e3e30, #w-node-_4463c4a3-6329-302f-8e75-b49c79350b0c-5b2e3e30, #w-node-_378ea9ed-1115-72e0-0077-0c761d929e42-5b2e3e30, #w-node-_1ca3d97f-f144-925b-9b47-f86a41926f99-5b2e3e30, #w-node-_0e02526e-8e70-a602-77b2-ca1ef894e66a-5b2e3e30, #w-node-_0bf481db-2531-c1dc-0006-cb66e18b236c-5b2e3e30, #w-node-_3478321d-3392-1b9f-a7b3-7b122831c3c6-5b2e3e30, #w-node-c01ecf20-bedc-55af-f150-3579f5abfb61-5b2e3e30, #w-node-a91c8f81-8668-32c6-fed0-e6a7686994aa-5b2e3e30, #w-node-_2f29d18a-ceff-bf70-29f8-191be230ab39-5b2e3e30, #w-node-_7dfcad8b-e025-1ae4-2489-531e5f873dac-5b2e3e30 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4405ad7b-2058-a85b-dd29-ca9f2bb04da9-5b2e3e30 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-c6d483ec-cc72-db47-bb07-a0cf3ffb92b5-71c54439, #w-node-_69ece8ed-e9d9-93a8-1f56-fa5417cf9e2c-71c54439, #w-node-_721cce38-1cb9-04aa-0cc7-4be80f26e37e-71c54439, #w-node-_7facf2c6-c11d-6aff-e153-277f9c6d2703-71c54439 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_91a7c533-cd32-d34f-a872-5584ca1070d9-71c54439 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-aae40222, #w-node-c507f8c3-975b-8298-a7ae-6368f61a343f-aae40222, #w-node-_447f3ea9-e50f-9282-6b18-617cfd701a33-aae40222, #w-node-_2b3c42b6-b1a7-a682-e2f8-234a7932cb61-aae40222, #w-node-a2205815-5223-2b0c-294b-0e2b354f6752-aae40222, #w-node-_6ab3fb55-8ddb-9492-73bf-07e23c563cbe-aae40222 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a5d5448c-ae87-edde-6877-2cabc22ef07a-aae40222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-a636ec90, #w-node-_41785444-7654-3ddd-b2ee-7834eb806e84-a636ec90, #w-node-f29e2d6f-84cc-4937-f429-aae4ab96b8cd-a636ec90, #w-node-_541472cc-6c23-d9b2-5bd7-209f63009fbe-a636ec90, #w-node-a36f516b-ea15-bd90-c6c0-e3f70b607140-a636ec90, #w-node-_0b81e6e0-81d6-5232-38a2-de17acae16c3-a636ec90, #w-node-_86e8681d-2f83-5d0b-4a57-b0cb5bf5a27f-a636ec90 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fb8c931d-0e3a-e38e-7b06-39aaf9b03576-a636ec90 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_41131632-61c4-24fb-54f7-718c712d5b73-782efbe1, #w-node-fe75abeb-1931-cee3-7c86-5e53d705308d-782efbe1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a5c30a05-a455-8952-51e3-24a4a256c0e4-782efbe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-4f23b3ee, #w-node-_7b950d1d-9952-7e01-3fcd-e2fa2ffbf3ab-4f23b3ee, #w-node-ceb2ecf6-86a5-e259-b050-2c9f5a9e7a0e-4f23b3ee, #w-node-_65395ecd-e193-37ab-7e33-25f1964edbd1-4f23b3ee, #w-node-_0456f754-0512-8386-72f8-6cf59365f4a3-4f23b3ee, #w-node-_15690acc-a1cb-42cf-e478-04180bd3deb8-4f23b3ee, #w-node-_5ba22d3d-228f-6612-6169-d90a757d7cff-4f23b3ee, #w-node-_25381a82-363b-5308-6798-a284f4aa8bbd-4f23b3ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0ea250dc-5678-d0b6-c27b-c4d6d0373bed-4f23b3ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-90eaf40d, #w-node-_3495c884-707e-e162-c041-34371132a15b-90eaf40d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec64ffee-7585-e967-961e-d335249c7507-90eaf40d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_2bf6f3cb-d6b6-4fa2-3ac9-3c6458a5795f-63d850d1, #w-node-_624659db-a95f-985a-d841-b5205e0ad9d0-63d850d1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0c57a84c-5434-9fb6-f5d0-8eff16941e19-63d850d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

@media screen and (max-width: 991px) {
  #w-node-_24037e0e-597f-982d-cd5b-d306224def01-224deef7, #w-node-_24037e0e-597f-982d-cd5b-d306224def07-224deef7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_24037e0e-597f-982d-cd5b-d306224def14-224deef7 {
    grid-column: span 1 / span 1;
    justify-self: end;
  }

  #w-node-_24037e0e-597f-982d-cd5b-d306224def16-224deef7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_126eeccd-7bce-2975-c479-ad6202d70895-0c1789cb, #w-node-ac2886cc-e51f-f9e3-10a1-1dc0d60334e9-0c1789cb, #w-node-_5b5898fe-7522-f73d-84cd-98b514bbaca9-0c1789cb, #w-node-_686fb01d-b1ea-8349-9134-9ac509027d89-0c1789cb, #w-node-_310dbb90-13c4-7d9b-8e2a-e933ca9f614b-0c1789cb {
    grid-column: span 1 / span 1;
  }

  #w-node-_24037e0e-597f-982d-cd5b-d306224def07-224deef7 {
    justify-self: end;
  }

  #w-node-_24037e0e-597f-982d-cd5b-d306224def14-224deef7 {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: end;
  }

  #w-node-_53babdb8-2b9d-d6b2-6004-14a34f93e855-88519178 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8a088e95-f5b1-2a0f-7e19-8546778c80fe-88519178 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0e0b6516-2a48-1f93-c7bc-6e409c3b3dad-d6fa8c01, #w-node-_8ca88e99-4a2b-fd07-3f89-40de80d185ec-d6fa8c01, #w-node-c8f50685-4a44-7a6d-722e-3ee0e1d87069-d6fa8c01, #w-node-_52b25f2f-c17f-b9b4-7050-2e9a79fa48c8-d6fa8c01, #w-node-_7b5e8846-59ad-bd30-a22f-445d1536baf2-d6fa8c01, #w-node-bb0c003b-b334-e21e-4b43-3f3be326303e-d6fa8c01 {
    grid-column: span 2 / span 2;
  }

  #w-node-_9ebbba8e-bb29-f82b-557b-e8d115c317c2-d6fa8c01, #w-node-cd45fed6-c079-3c46-da54-44ec0ef06cdd-d6fa8c01, #w-node-cf78802d-7eb6-997b-0fc1-c56980814908-d6fa8c01, #w-node-_33d361fd-e5a8-d2f7-f280-2390448646ef-d6fa8c01, #w-node-_57f3936b-599a-a1dd-7d4d-c37e0f25e761-d6fa8c01 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7481a64f-e1a3-4fca-85de-b4befbbc0653-d6fa8c01, #w-node-a9f25f4c-db20-03e0-e04d-c8b3cb8b1f49-d6fa8c01, #w-node-_976e7274-f5e8-9b88-2858-55ec6b367dfe-d6fa8c01, #w-node-_343109d4-a7dc-0e18-e4f1-4d17b8c6ea20-d6fa8c01 {
    grid-column: span 2 / span 2;
  }

  #w-node-ff81418a-7a95-6f0b-5093-ba910c3c36e6-d6fa8c01, #w-node-_2c05f34f-df4d-c284-a666-e6d4c20640f6-d6fa8c01, #w-node-_4cf5301e-2173-f1c2-16e7-a6c381182b1d-d6fa8c01, #w-node-d35f7e35-ad12-5f77-7396-e9b6aec4ad37-d6fa8c01, #w-node-_20cf1e8c-a11f-8c7d-3f39-95d225d70031-d6fa8c01, #w-node-c9f18d7c-83dc-1945-a60a-c88edf6a98f5-d6fa8c01 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c73074ce-e9f8-15b3-1403-3e073f38b719-d6fa8c01, #w-node-_724d7ea4-ea00-ed58-5e4a-ab69e4736998-d6fa8c01, #w-node-_892cbafe-f930-a841-c362-f53cbf8dc7e2-766c5ffe {
    grid-column: span 2 / span 2;
  }

  #w-node-_6087d4fd-7121-4496-0957-52b5c9b75078-5b2e3e30, #w-node-_6087d4fd-7121-4496-0957-52b5c9b75079-5b2e3e30 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4405ad7b-2058-a85b-dd29-ca9f2bb04da9-5b2e3e30, #w-node-_91a7c533-cd32-d34f-a872-5584ca1070d9-71c54439 {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-aae40222, #w-node-f3431823-15cf-fd48-5952-07a70715e24a-aae40222, #w-node-_108bd319-b9be-4a79-7157-7996ba1dd221-aae40222 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c507f8c3-975b-8298-a7ae-6368f61a343f-aae40222, #w-node-_447f3ea9-e50f-9282-6b18-617cfd701a33-aae40222 {
    grid-column: span 2 / span 2;
  }

  #w-node-_987f9a76-4a1f-bb83-99da-c10941cbf623-aae40222, #w-node-_539d41a5-8067-4422-6a5e-eb391789cb68-aae40222 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2b3c42b6-b1a7-a682-e2f8-234a7932cb61-aae40222, #w-node-a2205815-5223-2b0c-294b-0e2b354f6752-aae40222, #w-node-_6ab3fb55-8ddb-9492-73bf-07e23c563cbe-aae40222, #w-node-a5d5448c-ae87-edde-6877-2cabc22ef07a-aae40222 {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d7-a636ec90, #w-node-d3fc333c-bdde-abff-82dd-f17f92819de6-a636ec90, #w-node-be21c59d-6749-5a6d-80ff-50aa16c55f1f-a636ec90, #w-node-e8435f7c-7883-d82a-3645-24db90407505-a636ec90, #w-node-_021af764-5f94-8820-fc32-6b6302c6c77a-a636ec90, #w-node-_8cf953c8-2c64-3276-7811-20c80ded3bfd-a636ec90 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fb8c931d-0e3a-e38e-7b06-39aaf9b03576-a636ec90, #w-node-ebe4eedf-f4a1-a34f-4f7a-fffa3a836188-782efbe1, #w-node-e2f27b1a-48a8-e6b1-df19-5748836d548a-782efbe1, #w-node-_043085eb-8848-01df-9996-1bfd5976e0d6-782efbe1, #w-node-_4a0632de-f93a-2012-5f2b-3c39443eae7a-782efbe1, #w-node-b5d34dd1-27d9-9bed-3bed-2a40de7a89ba-782efbe1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d7-782efbe1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4215bac0-ed39-d96b-638f-786e25cb04c4-782efbe1, #w-node-ebb547af-66a9-6f23-fa36-5744d81a16ec-782efbe1, #w-node-a5c30a05-a455-8952-51e3-24a4a256c0e4-782efbe1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d7-4f23b3ee, #w-node-feb9ed67-d6cd-6732-18b8-55f5839b209c-4f23b3ee, #w-node-_53fc259f-a188-2408-3240-a6b7c2a82ed1-4f23b3ee, #w-node-f8e6733f-8d11-f8e1-3e0e-fbf6c275eade-4f23b3ee, #w-node-a699ce02-3cfb-a722-b479-195a34add235-4f23b3ee, #w-node-b0bfd866-1a61-18ed-1121-e2bb59eb2bd7-4f23b3ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c9f2ff20-33a8-97dc-09dd-0b2ac3e71afe-4f23b3ee {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d8-4f23b3ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7545953e-a078-299f-9fd3-988a33c5984b-4f23b3ee, #w-node-_665f9c47-5f04-da7a-c013-efe7e02b356d-4f23b3ee, #w-node-b9eb62e8-d605-028f-67c7-a4441319011d-4f23b3ee {
    grid-column: span 2 / span 2;
  }

  #w-node-a7132abf-56ad-3e10-a20d-8466172f1d2a-4f23b3ee, #w-node-_6cae5a13-7816-2222-4d51-bbb4b73cdee6-4f23b3ee, #w-node-_398e44b7-cdc8-dae4-662e-80d2f6fa1739-4f23b3ee, #w-node-_8d62a3a9-bd56-89cb-0cbc-d9f6215f7b71-4f23b3ee, #w-node-abfc015b-75c1-298f-aca4-42cfa45ea06f-4f23b3ee, #w-node-_17f2fa49-d8e5-c762-b820-2c473d818c1d-4f23b3ee, #w-node-c36cac7b-ffa4-7c0d-ab5a-6b600d6fcc23-4f23b3ee, #w-node-_91c2af3e-de81-d304-9bcd-6ff45919330e-4f23b3ee, #w-node-f0cc4934-a480-d59a-312d-948dfd095ce4-4f23b3ee, #w-node-_7ff8e0a2-0573-ce9c-5bfb-8f6023a08243-4f23b3ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cb33ec91-82f8-f573-66f9-da2a75c5136a-4f23b3ee {
    grid-column: span 2 / span 2;
  }

  #w-node-_658e56e2-75d5-a25e-e1bd-0d45096c7930-4f23b3ee, #w-node-e8b252fe-4f23-aefd-ae1b-75c666b1865d-4f23b3ee, #w-node-_612782fd-946b-e01b-4da4-7c5c2bac4cec-4f23b3ee, #w-node-_0a69e1dd-be36-6ce1-90b0-2f41bab33fb4-4f23b3ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_492883a6-f4d5-09a4-6ef0-1aa8e77a8788-4f23b3ee {
    grid-column: span 2 / span 2;
  }

  #w-node-_5f2a7156-5571-73c2-a1a9-e633d589fec9-4f23b3ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_771fc641-d082-87a0-8cd8-91d683c38e9f-4f23b3ee, #w-node-_9fe5a460-ecdf-a5a5-146a-bf73dee23150-4f23b3ee, #w-node-_0ea250dc-5678-d0b6-c27b-c4d6d0373bed-4f23b3ee, #w-node-ba253091-97e7-7a1b-2557-571b08afa0cc-90eaf40d, #w-node-_6fa261f3-00b2-e7bf-1037-4dc144e20984-90eaf40d {
    grid-column: span 2 / span 2;
  }

  #w-node-b88d69cc-84d6-daf9-4215-5863dcd334ff-90eaf40d, #w-node-_043085eb-8848-01df-9996-1bfd5976e0d8-90eaf40d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-da3b36dd-af9e-624e-1d38-5337a4f5b548-90eaf40d, #w-node-_1465ed16-a450-e357-1cd1-96050c696100-90eaf40d {
    grid-column: span 2 / span 2;
  }

  #w-node-_86a2cc72-a535-cbdc-7e92-6d2a4ddb7f42-90eaf40d, #w-node-_76ee1035-0eec-c555-93d5-e4720b25b86a-90eaf40d, #w-node-_476967e5-6945-74dc-4f69-2313331a460f-90eaf40d, #w-node-c5fe3b10-ff91-e076-d170-f83c2483f1a3-90eaf40d, #w-node-fbf1bd87-8f53-efeb-28f6-3788b80b83c8-90eaf40d, #w-node-_1e82a338-574d-6daf-6d22-753722bd7c95-90eaf40d, #w-node-_419942e2-e007-129b-8c86-09858f102fa9-90eaf40d, #w-node-a2942ec5-3aa5-c03d-56b9-63032af09272-90eaf40d, #w-node-_7aa4e6ac-6e41-5f95-9267-8f5773074897-90eaf40d, #w-node-_72f4074f-6dcf-9c5e-32a2-73f89c7598a7-90eaf40d, #w-node-de7c3d3c-e67d-149d-0a1d-79d8447f8889-90eaf40d, #w-node-a9e40494-a1f5-f562-5bda-a9a64a5e5892-90eaf40d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ea30af5f-2461-0047-85bd-b4f671382bec-90eaf40d, #w-node-de5fd604-6ec5-4963-3011-81bc78a40134-90eaf40d, #w-node-_2b0b5a34-d18c-411c-2939-783ea140a45f-90eaf40d, #w-node-ec64ffee-7585-e967-961e-d335249c7507-90eaf40d {
    grid-column: span 2 / span 2;
  }

  #w-node-_043085eb-8848-01df-9996-1bfd5976e0d7-63d850d1, #w-node-_45b91e43-ece8-a21d-f308-fe2ac634c979-63d850d1, #w-node-c511db62-23a9-93eb-8d03-462148b2f225-63d850d1, #w-node-_08de7f98-45bf-1120-cdf5-d7cdb339b84c-63d850d1, #w-node-c3cab749-2289-d4e6-0d7a-7dc5f39f6d47-63d850d1, #w-node-e8cbbf7c-4216-13c6-d736-6289f7f8abb3-63d850d1, #w-node-_608c3311-b4bc-aadb-6a76-f853cec19e15-63d850d1, #w-node-_97b7f00a-04e0-c635-d370-3f1ba2716e3f-63d850d1, #w-node-_0e7dae98-f212-109b-9fe2-b41911ec1154-63d850d1, #w-node-_1d267437-768a-3fde-b965-995d2f761543-63d850d1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0c57a84c-5434-9fb6-f5d0-8eff16941e19-63d850d1 {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'TWK Lausanne';
  src: url('../fonts/TWKLausanne-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TWK Lausanne';
  src: url('../fonts/TWKLausanne-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}