@font-face {
  font-family: Almarena;
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Almarena;
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Almarena mono;
  src: url('../fonts/GeistMono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Almarena app;
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Almarena app;
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintl;
  src: url('../fonts/Geist-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintlmono;
  src: url('../fonts/GeistMono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisseintlmono;
  src: url('../fonts/GeistMono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --text-black: #181818;
  --grey: #8b8b8b;
  --white: #fff;
  --rounded-corner: 10px;
  --text-spacing_2: 10px;
  --area-spacing: 8vw;
  --grid-gap: 10px;
  --light-grey: #f7f7f7;
  --core-space: 64vw;
  --container-view: 84vw;
  --font-16: 16px;
  --line_grey: #dfdfdf;
  --text-spacing: 20px;
  --grid_gap: 1.5vw;
  --edge: 0px;
  --text-column: 60px;
  --video-padding: 0vw;
  --video-corner: 0px;
  --medium-space: 48px;
  --container-gap: 120px;
  --color: white;
  --container-gap-b: 180px;
  --big-spacing: 80px;
  --white-2: white;
  --black: black;
}

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

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

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

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

.section {
  height: 100vh;
}

.hero-video {
  object-fit: fill;
  height: 75vh;
}

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

.container-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  max-width: none;
  height: 25vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.paragraph14 {
  max-width: none;
  color: var(--text-black);
  text-transform: uppercase;
  object-fit: fill;
  margin-bottom: 0;
  font-family: Almarena mono, sans-serif;
  font-weight: 300;
  position: static;
}

.paragraph14.wrap {
  overflow-wrap: normal;
  max-width: none;
}

.paragraph14.limit {
  max-width: 320px;
  font-family: Almarena mono, sans-serif;
}

.paragraph14.grey {
  color: var(--grey);
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  overflow: visible;
}

.textbox {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.image-2 {
  width: 70px;
  height: 20px;
}

.navigation-old {
  mix-blend-mode: normal;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 20px;
  display: flex;
  position: fixed;
  bottom: 0;
  overflow: visible;
}

.div-block-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 0 auto;
  justify-content: flex-end;
  display: flex;
}

.big-card {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  max-width: none;
  max-height: none;
  display: flex;
}

.heading-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Almarena, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.textbox2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  font-style: normal;
  display: flex;
  position: static;
  overflow: visible;
}

.textbox2.sticky {
  z-index: auto;
  clear: none;
  justify-content: flex-start;
  align-items: flex-start;
  height: 30%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: sticky;
  top: 0;
}

.section_work {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: static;
}

.image-4 {
  object-fit: fill;
  width: auto;
  height: auto;
  display: inline-block;
}

.left-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 20vw;
  display: flex;
  position: fixed;
}

.case-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  order: 0;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.paragraph-24 {
  color: var(--text-black);
  margin-bottom: 0;
  font-family: Almarena app, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.paragraph-24.white {
  color: var(--white);
}

.link-block {
  color: #000;
  text-decoration: none;
}

.image-block {
  object-fit: fill;
  justify-content: space-between;
  width: auto;
  height: auto;
  display: block;
}

.efi-ft-01 {
  padding: 150px 40px 100px;
  position: static;
}

.efi-ft-01-image-wrapper {
  object-fit: fill;
  border-radius: 12px;
  align-self: auto;
  width: auto;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  position: relative;
  top: 0;
  overflow: hidden;
}

.efi-ft-01-cell {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.efi-ft-01-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr;
}

.image-6 {
  z-index: 1;
  width: 100%;
  max-width: none;
  height: auto;
  display: inline-block;
  position: static;
}

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

.body {
  background-color: #f1f1f1;
}

.image-reveal {
  z-index: auto;
  transform-origin: 50% 0;
  object-position: 50% 50%;
  background-color: #000;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.wb-video-styles-controller {
  z-index: auto;
  border-radius: var(--rounded-corner);
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  position: relative;
  inset: 0%;
}

.div-block-21 {
  display: none;
}

.text-area {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  background-color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.6fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 20px 100px;
  display: grid;
}

.grid1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.6fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding: 0;
  display: grid;
}

.image-p-b {
  justify-content: space-between;
  width: auto;
  height: auto;
  display: flex;
}

.case-image-b {
  object-fit: fill;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.case-image-b.spacing {
  grid-column-gap: var(--text-spacing_2);
  grid-row-gap: var(--text-spacing_2);
}

.case-image-b.topspacing {
  margin-top: var(--area-spacing);
}

.case-image-full-bleed {
  width: 100%;
  height: auto;
}

.project-video {
  object-fit: fill;
  background-color: #3330;
  position: static;
  top: 0;
}

.div-block-23 {
  padding-top: var(--grid-gap);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid2 {
  grid-column-gap: 21px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.6fr;
  grid-auto-columns: 1fr;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.text-area-black {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  background-color: var(--text-black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.6fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 20px 100px;
  display: grid;
}

.image-p-s {
  object-fit: fill;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-26 {
  padding-top: var(--grid-gap);
}

.html-video {
  width: auto;
  height: 100vh;
}

.html-video.majority {
  width: 100%;
  height: auto;
}

.image-23 {
  width: 100%;
  max-width: none;
  display: block;
}

.section-hero {
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: block;
}

.image-wrap {
  width: 100%;
  margin-top: 0;
}

.image-wrap.padding {
  margin-top: var(--area-spacing);
}

.videowrap {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.body-5 {
  background-color: var(--light-grey);
}

.number-warpper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding-top: 40vh;
  padding-right: 60px;
  display: flex;
  position: sticky;
  top: 20px;
  bottom: auto;
}

.grid-sticky {
  width: var(--core-space);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  align-items: start;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: grid;
  position: static;
  top: 0;
}

.grid-sticky.new {
  width: var(--container-view);
  padding-top: var(--area-spacing);
  grid-template-columns: 1fr 1.2fr;
}

.sticky-component-img {
  grid-column-gap: var(--area-spacing);
  grid-row-gap: var(--area-spacing);
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  position: static;
  top: 0;
  right: 0;
  overflow: visible;
}

.sticky-text-image {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  display: flex;
}

.sticky-case-wrap {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  position: static;
  top: 0;
  overflow: visible;
}

.sticky-case-wrap.padding {
  margin-top: var(--area-spacing);
}

.div-block-31 {
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-25 {
  margin-top: 100px;
  font-family: Almarena app, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.heading-32 {
  color: var(--text-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.paragraph-16 {
  color: var(--text-black);
  margin-bottom: 0;
  font-family: Suisseintl, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.paragraph-16.center {
  text-align: center;
  width: 30vw;
}

.paragraph-16.padding {
  width: 65%;
  font-style: normal;
}

.paragraph-16.pecent {
  width: 30%;
}

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

.paragraph-16.pencent2.right {
  width: 40%;
}

.paragraph-16.animation {
  text-align: right;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.paragraph-16.animation.work {
  top: 20px;
}

.paragraph-16.back {
  font-size: var(--font-16);
  object-position: 0% 100%;
  position: relative;
}

.paragraph-16.about {
  font-size: var(--font-16);
  object-position: 50% 100%;
}

.paragraph-16.next {
  font-size: var(--font-16);
  object-position: 100% 100%;
}

.paragraph-16.greyout {
  color: var(--line_grey);
}

.mono-12 {
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Suisseintlmono, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.mono-12.black {
  color: var(--text-black);
}

.mono-12.right {
  color: var(--grey);
  text-align: right;
}

.mono-12.right.greyout {
  color: var(--line_grey);
}

.section-stack {
  background-color: var(--light-grey);
}

.text-container {
  grid-column-gap: var(--text-spacing);
  grid-row-gap: var(--text-spacing);
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.text-container.bottom {
  grid-column-gap: var(--text-spacing_2);
  grid-row-gap: var(--text-spacing_2);
  justify-content: flex-start;
}

.container-8 {
  width: var(--container-view);
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  max-width: none;
  display: block;
}

.container_grid {
  margin-top: var(--area-spacing);
  grid-column-gap: var(--grid_gap);
  grid-row-gap: var(--grid_gap);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.image-27 {
  border-radius: var(--rounded-corner);
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-wrap-rounded {
  border-radius: var(--rounded-corner);
  width: auto;
  margin-top: 0;
}

.full-view {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.full-view.interact {
  align-items: center;
  height: 100vh;
}

.html-embed-4 {
  object-fit: fill;
  border-radius: 0;
  width: auto;
}

.wrap {
  border-radius: 0;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.embed_control {
  display: none;
}

.image_rounded {
  border-radius: var(--rounded-corner);
  width: 100%;
  max-width: none;
}

.midsize_block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  align-items: center;
  display: grid;
}

.wb-video-styles-controller-hero2 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-clip: border-box;
  border-radius: 0;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.mono-big {
  color: #000;
  word-break: break-all;
  align-self: auto;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  font-family: Suisseintlmono, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  display: block;
  position: static;
}

.section-home1 {
  background-color: var(--light-grey);
  height: 92vh;
  position: relative;
}

.container-home {
  max-width: none;
  height: 100%;
  padding: var(--grid_gap) var(--grid_gap) 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.home_right {
  grid-column-gap: var(--grid_gap);
  grid-row-gap: var(--grid_gap);
  flex-direction: column;
  grid-template-rows: 1fr 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch space-between;
  width: 50%;
  display: flex;
  position: relative;
}

.home_left {
  grid-column-gap: 16px;
  grid-row-gap: 38px;
  border-bottom: 1px none var(--line_grey);
  flex-direction: column;
  grid-template-rows: 1fr auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.list_wrap {
  z-index: 1;
  flex-direction: column;
  height: 50%;
  display: flex;
  position: static;
}

.list {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--line_grey);
  border-radius: var(--edge);
  mix-blend-mode: normal;
  justify-content: space-between;
  align-items: center;
  height: 20%;
  text-decoration: none;
  display: flex;
}

.wb-video-styles-controller-home {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  position: relative;
  inset: 0%;
}

.image-wrap-home {
  width: 100%;
  height: 50%;
  margin-top: 0;
  position: relative;
}

.html-video-home-1 {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.html-video-home-1._2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: auto;
}

.html-video-home-1._3 {
  z-index: 3;
  object-fit: cover;
  max-width: none;
}

.html-video-home-1._4 {
  z-index: 4;
}

.html-video-home-1._5 {
  z-index: 5;
}

.home-navigation {
  width: 100%;
  height: 8vh;
  padding-right: var(--grid_gap);
  padding-left: var(--grid_gap);
  background-color: var(--light-grey);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0 0% 0%;
}

.section-home2 {
  background-color: var(--light-grey);
  height: 92vh;
}

.paragraph24 {
  color: var(--text-black);
  margin-bottom: 0;
  font-family: Suisseintl, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.paragraph24.padding {
  width: 65%;
  margin-bottom: 0;
}

.container-home-2 {
  max-width: none;
  height: 100%;
  padding: 0px var(--grid_gap) var(--grid_gap);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.text-warp-home {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  flex-direction: column;
  display: flex;
}

.image-31 {
  width: 65%;
}

.text-coloumn {
  grid-column-gap: var(--text-column);
  grid-row-gap: var(--text-column);
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.div-block-33 {
  justify-content: space-between;
  display: flex;
}

.list-experience {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--line_grey);
  border-radius: var(--edge);
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: center;
  height: 15%;
  text-decoration: none;
  display: flex;
}

.info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow {
  max-width: none;
  height: 14px;
  display: block;
}

.body-6 {
  background-color: var(--light-grey);
}

.project_header {
  width: 100vw;
  height: 50vh;
  padding: 0px var(--grid_gap) 10px;
  grid-column-gap: 15vh;
  grid-row-gap: 15vh;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.videowrap-new {
  padding-right: var(--video-padding);
  padding-left: var(--video-padding);
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  inset: 0% 0% auto;
}

.wb-video-styles-controller-hero {
  border-radius: var(--video-corner);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 50%;
  background-clip: border-box;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.heading_header {
  color: var(--text-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 100px;
}

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

.body-7 {
  color: var(--text-black);
}

.header_wrap {
  justify-content: space-between;
  display: flex;
}

.project_info {
  width: 100%;
  height: 100%;
  padding-top: var(--grid_gap);
  padding-bottom: var(--area-spacing);
  grid-column-gap: var(--grid_gap);
  grid-row-gap: var(--grid_gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project_intro {
  height: 80vh;
  padding-top: var(--medium-space);
  grid-column-gap: var(--grid_gap);
  grid-row-gap: var(--grid_gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: grid;
}

.intro-wrap {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.mono_wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.div-block-34 {
  justify-content: space-between;
  display: flex;
}

.image-32 {
  border-radius: var(--video-corner);
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vh;
}

.html-embed-logo {
  object-fit: fill;
  border-radius: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navigation {
  height: 48px;
  padding-right: var(--grid_gap);
  padding-left: var(--grid_gap);
  object-position: 50% 50%;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.link-block-work {
  object-position: 50% 50%;
  align-items: flex-end;
  font-style: normal;
  text-decoration: none;
  display: block;
}

.link-block-about, .link-block-next {
  text-decoration: none;
}

.footer {
  height: 300px;
}

.link-block-3 {
  text-decoration: none;
}

._3d-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

._3d-h2._2 {
  position: absolute;
  inset: auto 0% 2% 40px;
}

._3d-para {
  width: auto;
  padding-bottom: 0;
  font-size: 10px;
  font-style: normal;
}

.section-2 {
  background-color: #dfdedd;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.div-block-6 {
  width: auto;
  padding-top: 41px;
}

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

.div-block-5 {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-5-2copy {
  border-top: 1px solid #000;
  width: auto;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-35 {
  flex-direction: column;
  width: 40%;
  padding-top: 40px;
  padding-left: 40px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-5-copy2 {
  border-bottom: 1px solid #000;
  width: auto;
  padding-top: 10px;
  padding-bottom: 20px;
}

._3d-h {
  color: #292628;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 63px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
  display: block;
  position: static;
  inset: auto 0% 5%;
}

@media screen and (max-width: 991px) {
  .efi-ft-01 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .efi-ft-01-grid {
    grid-template-columns: 1fr;
  }

  .paragraph-16.center {
    width: 50vw;
  }

  .paragraph24.padding {
    width: 90%;
  }

  .div-block-33 {
    display: block;
  }

  .project_intro {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .intro-wrap {
    grid-column-gap: var(--text-spacing);
    grid-row-gap: var(--text-spacing);
  }
}

@media screen and (max-width: 767px) {
  .efi-ft-01-grid {
    grid-template-columns: 1fr;
  }

  .full-view {
    height: 50vh;
  }

  .list_wrap {
    justify-content: space-between;
  }

  .list {
    height: auto;
  }

  .list-experience {
    justify-content: flex-start;
    height: auto;
  }

  .project_intro {
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  .hero-video {
    height: 30vh;
  }

  .container-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .textbox {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .navigation-old {
    padding-left: 20px;
    padding-right: 20px;
  }

  .efi-ft-01 {
    padding-left: 40px;
  }

  .html-video.ma, .section-hero {
    height: 50vh;
  }

  .number-warpper {
    padding-top: 0;
    position: static;
  }

  .grid-sticky.new {
    grid-template-columns: 1fr;
  }

  .paragraph-16.padding {
    width: auto;
  }

  .mono-12.black {
    display: block;
  }

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

  .full-view {
    height: 40vh;
  }

  .midsize_block {
    display: block;
  }

  .container-home {
    flex-direction: column;
    justify-content: space-between;
  }

  .home_right {
    justify-content: space-between;
    width: auto;
  }

  .home_left {
    width: auto;
  }

  .list_wrap {
    grid-column-gap: var(--text-spacing);
    grid-row-gap: var(--text-spacing);
    justify-content: space-between;
    height: auto;
  }

  .container-home-2 {
    flex-direction: column;
  }

  .div-block-33 {
    padding-top: var(--text-spacing);
    grid-column-gap: var(--text-spacing);
    grid-row-gap: var(--text-spacing);
    flex-direction: column;
    display: flex;
  }

  .wb-video-styles-controller-hero {
    height: 50vh;
  }

  .project_intro {
    height: auto;
  }

  .intro-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-34 {
    grid-column-gap: var(--text-spacing_2);
    grid-row-gap: var(--text-spacing_2);
    flex-direction: column;
  }

  .image-32 {
    height: 50vh;
  }
}

#w-node-_767313fb-e4dc-368f-5537-c998074fd0a7-b7ae2a4d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_72ac2926-d82d-384a-daae-f6ffdd78e2d9-dd78e2d9, #w-node-_3b9ddfce-09c0-22f8-1e25-ce50938f447e-938f447e, #w-node-_5211a167-e0e4-c37d-e2e2-3e469f4a659c-40737f16, #w-node-_5211a167-e0e4-c37d-e2e2-3e469f4a659e-40737f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-40737f16, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-40737f16, #w-node-_558fcaaf-3e00-2bfa-d493-fe8cf34e8908-40737f16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cc12e720-f518-8aab-2d28-c3b3250b68a4-40737f16, #w-node-ecb89fce-464f-fc55-8785-c85d36586a45-40737f16, #w-node-cc12e720-f518-8aab-2d28-c3b3250b68a7-40737f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdee4179-16f7-046e-20b1-bbb5e8cb791f-40737f16 {
  grid-area: 4 / 4 / 5 / 7;
}

#w-node-_5eb2f002-218b-b4bb-9e5a-350e37df43ab-40737f16 {
  grid-area: 5 / 4 / 6 / 7;
  align-self: auto;
}

#w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-40737f16 {
  grid-area: 4 / 1 / 5 / 4;
}

#w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-40737f16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

#w-node-_50c5e96a-3a0b-494b-5a80-3eb475e7616d-40737f16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: auto;
}

#w-node-cc501ba5-b4ef-1122-b1de-39e124e63046-40737f16, #w-node-_39b4f5df-5926-54ec-5ab2-76369a261f6d-40737f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7e00402-7c71-b360-014c-a705edb53d5e-40737f16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-aa46275f-71c4-1090-f652-5c2e1de900d8-40737f16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

#w-node-_0f97fa71-20eb-2f2c-1c8d-d582f82a9665-2b34d421, #w-node-_0449e9c3-56d9-f6ff-b632-894308d38496-2b34d421 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-2b34d421, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-2b34d421 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-2b34d421 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cdee4179-16f7-046e-20b1-bbb5e8cb791f-2b34d421 {
  grid-area: 3 / 4 / 4 / 7;
}

#w-node-_0c51fb46-5bad-f94d-b542-c020feca239c-2b34d421 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: auto;
}

#w-node-_5eb2f002-218b-b4bb-9e5a-350e37df43ab-2b34d421, #w-node-beede84b-b24e-20d1-11b9-96785cb053ca-2b34d421 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: auto;
}

#w-node-d362f24f-3bf5-07dc-3f28-b0bd22aba42c-2b34d421 {
  grid-area: 6 / 5 / 7 / 7;
  align-self: auto;
}

#w-node-_6573cc1e-f9a8-7007-02d4-a45cc8a5d554-2b34d421 {
  grid-area: 7 / 5 / 8 / 7;
  align-self: auto;
}

#w-node-c3b7d38f-2905-4e0e-eb57-2449ea18f96f-2b34d421 {
  grid-area: 6 / 1 / 7 / 4;
}

#w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-2b34d421 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

#w-node-_8177f7dc-2e9d-ded9-6b92-f47e67581303-2b34d421 {
  grid-area: 9 / 1 / 10 / 4;
}

#w-node-aa46275f-71c4-1090-f652-5c2e1de900d8-2b34d421 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

#w-node-_3b75829e-93ff-5e5d-8a8e-375c02c3cfa3-c6d3ec3d, #w-node-_3b75829e-93ff-5e5d-8a8e-375c02c3cfa5-c6d3ec3d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8daad91d-c6ab-188b-551c-5a6811991df2-c6d3ec3d {
  align-self: auto;
}

#w-node-_901935a8-7a41-ebd2-c7b1-8c278e1ff3cc-e8ea7576, #w-node-_901935a8-7a41-ebd2-c7b1-8c278e1ff3ce-e8ea7576 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-e8ea7576, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-e8ea7576 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-e8ea7576, #w-node-_11099cfd-283e-9154-eb5c-3e44e250a37e-e8ea7576 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-def4faa8-d322-b5a6-14ef-1cf0dc1b46ab-e8ea7576, #w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-e8ea7576 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

#w-node-c30bb2e9-e902-607d-b7ca-80fe13be0975-d392041f, #w-node-c30bb2e9-e902-607d-b7ca-80fe13be0977-d392041f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_73264146-df2a-f967-ebe1-0540f1f2bea7-d392041f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-d392041f, #w-node-_6197941a-4425-8bc3-f7c7-f312080d3aba-d392041f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_982af301-435f-6cce-369b-fc96ba917a22-d392041f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_42536e7e-689a-f19a-71ba-805bf7840c93-34259e49 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_44edaa1a-6adf-92f8-4849-8fd523d997e8-34259e49 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-34259e49, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-34259e49 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-34259e49 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0c51fb46-5bad-f94d-b542-c020feca239c-34259e49 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: auto;
}

#w-node-cdee4179-16f7-046e-20b1-bbb5e8cb791f-34259e49 {
  grid-area: 3 / 4 / 4 / 7;
}

#w-node-_5eb2f002-218b-b4bb-9e5a-350e37df43ab-34259e49, #w-node-beede84b-b24e-20d1-11b9-96785cb053ca-34259e49 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: auto;
}

#w-node-d362f24f-3bf5-07dc-3f28-b0bd22aba42c-34259e49 {
  grid-area: 6 / 5 / 7 / 7;
  align-self: auto;
}

#w-node-_6573cc1e-f9a8-7007-02d4-a45cc8a5d554-34259e49 {
  grid-area: 7 / 5 / 8 / 7;
  align-self: auto;
}

#w-node-c3b7d38f-2905-4e0e-eb57-2449ea18f96f-34259e49 {
  grid-area: 6 / 1 / 7 / 4;
}

#w-node-_8177f7dc-2e9d-ded9-6b92-f47e67581303-34259e49 {
  grid-area: 9 / 1 / 10 / 4;
}

#w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-34259e49, #w-node-aa46275f-71c4-1090-f652-5c2e1de900d8-34259e49 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-d362f24f-3bf5-07dc-3f28-b0bd22aba42c-2b34d421, #w-node-_6573cc1e-f9a8-7007-02d4-a45cc8a5d554-2b34d421 {
    grid-column-start: 4;
  }

  #w-node-c3b7d38f-2905-4e0e-eb57-2449ea18f96f-2b34d421 {
    grid-row-end: 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5211a167-e0e4-c37d-e2e2-3e469f4a659c-40737f16, #w-node-_5211a167-e0e4-c37d-e2e2-3e469f4a659e-40737f16, #w-node-_0f97fa71-20eb-2f2c-1c8d-d582f82a9665-2b34d421, #w-node-_0449e9c3-56d9-f6ff-b632-894308d38496-2b34d421 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-40737f16, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-40737f16, #w-node-_558fcaaf-3e00-2bfa-d493-fe8cf34e8908-40737f16 {
    grid-column: span 1 / span 1;
  }

  #w-node-cdee4179-16f7-046e-20b1-bbb5e8cb791f-40737f16, #w-node-_5eb2f002-218b-b4bb-9e5a-350e37df43ab-40737f16, #w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-40737f16 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-40737f16, #w-node-_50c5e96a-3a0b-494b-5a80-3eb475e7616d-40737f16, #w-node-b7e00402-7c71-b360-014c-a705edb53d5e-40737f16, #w-node-aa46275f-71c4-1090-f652-5c2e1de900d8-40737f16, #w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-2b34d421, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-2b34d421 {
    grid-column: span 1 / span 1;
  }

  #w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-2b34d421, #w-node-cdee4179-16f7-046e-20b1-bbb5e8cb791f-2b34d421 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0c51fb46-5bad-f94d-b542-c020feca239c-2b34d421, #w-node-_5eb2f002-218b-b4bb-9e5a-350e37df43ab-2b34d421, #w-node-beede84b-b24e-20d1-11b9-96785cb053ca-2b34d421 {
    grid-column: span 1 / span 1;
  }

  #w-node-d362f24f-3bf5-07dc-3f28-b0bd22aba42c-2b34d421, #w-node-_6573cc1e-f9a8-7007-02d4-a45cc8a5d554-2b34d421, #w-node-c3b7d38f-2905-4e0e-eb57-2449ea18f96f-2b34d421 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-2b34d421 {
    grid-column: span 1 / span 1;
  }

  #w-node-_8177f7dc-2e9d-ded9-6b92-f47e67581303-2b34d421 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aa46275f-71c4-1090-f652-5c2e1de900d8-2b34d421 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3b75829e-93ff-5e5d-8a8e-375c02c3cfa3-c6d3ec3d, #w-node-_3b75829e-93ff-5e5d-8a8e-375c02c3cfa5-c6d3ec3d {
    grid-column: span 2 / span 2;
  }

  #w-node-_0f51aecd-7cba-5b86-b3c2-f08ff2f6b77e-c6d3ec3d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8daad91d-c6ab-188b-551c-5a6811991df2-c6d3ec3d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_11ef2800-b5cc-64f6-7a81-9ed93edf83bd-e8ea7576, #w-node-_5190b37f-f57d-d4db-460f-0e74571f3a0d-e8ea7576, #w-node-c85b3030-0a62-3597-f52f-8c57a814ee0d-e8ea7576, #w-node-_11099cfd-283e-9154-eb5c-3e44e250a37e-e8ea7576, #w-node-def4faa8-d322-b5a6-14ef-1cf0dc1b46ab-e8ea7576, #w-node-c853be27-574c-ac89-7b8a-183cd8cbf5fa-e8ea7576 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Almarena';
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Almarena';
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Almarena mono';
  src: url('../fonts/GeistMono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Almarena app';
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Almarena app';
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/Geist-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/Geist-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl';
  src: url('../fonts/Geist-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintlmono';
  src: url('../fonts/GeistMono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintlmono';
  src: url('../fonts/GeistMono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}