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

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

@font-face {
  font-family: Genosgfg;
  src: url('../fonts/GenosGFG-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Genosgfg;
  src: url('../fonts/GenosGFG-RegularItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Nohemi;
  src: url('../fonts/Nohemi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nohemi;
  src: url('../fonts/Nohemi-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nohemi;
  src: url('../fonts/Nohemi-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-blue: #001734;
  --white: white;
  --orange: #ff6200;
  --grey: #74797e;
  --button-hover: #e55800;
  --bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>: #add714;
  --bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>: #099de0;
  --black: black;
}

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

body {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: var(--dark-blue);
  color: #333;
  flex-flow: column;
  font-family: Mulish, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

h1 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Genosgfg, Arial, sans-serif;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 110%;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Genosgfg, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Genosgfg, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

p {
  color: var(--white);
  font-family: Genosgfg, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
}

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

strong {
  font-weight: 800;
}

.stage {
  width: 100%;
  padding: 5% 5% 0%;
  position: relative;
}

.bg-vid-stage {
  width: 100vw;
  max-width: 100%;
  height: 62.5vw;
  position: absolute;
  inset: 0% 0% auto;
}

.content {
  background-image: linear-gradient(#04161e00 75%, #04161e);
}

.content.hidden {
  display: none;
}

.container {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 1728px;
  display: flex;
  position: relative;
}

.container.border-top {
  border-top: 2px solid var(--white);
  padding-top: 5%;
}

.container.border-top.position-static {
  position: static;
}

.logo-wrapper {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.logo-wrapper.xl-xs-hidden {
  display: none;
}

.logo-wrapper.xxl-hidden {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
}

.logo {
  width: 100%;
  max-width: 200px;
}

.subline-logo {
  color: var(--white);
  font-family: Nohemi, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.content-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.content-grid._3-col-xl {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-bottom: -45px;
  display: grid;
}

.flex {
  display: flex;
}

.flex.vertical {
  flex-flow: column;
  align-items: stretch;
}

.flex.vertical.gap-160 {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
}

.flex.vertical.gap-160.xxl-gap-150 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
}

.flex.vertical.gap-48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.flex.vertical.gap-48.align-center-xl.gap-80-xl.z-index-5 {
  z-index: 5;
  position: relative;
}

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

.flex.vertical.z-index-2.centered {
  align-items: center;
  padding-top: 180px;
  padding-bottom: 100px;
}

.flex.vertical.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.flex.vertical.gap-64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.flex.vertical.gap-64.max-w-2080 {
  max-width: 2080px;
}

.flex.vertical.width-55 {
  width: 55%;
}

.flex.vertical.width-55.neg-margin-10 {
  margin-left: -10%;
}

.flex.vertical.width-55.neg-margin-10.mt-64 {
  margin-top: 64px;
}

.flex.fullwidth {
  width: 100%;
}

.section {
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.section.min-h-80vh {
  min-height: 80vh;
}

.section.experience-it {
  background-image: url('../images/background_bottom.webp');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-top: -120px;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.section.relative {
  position: relative;
}

.section.relative.min-h-medium {
  min-height: 58vw;
}

.section.no-padding {
  padding-left: 0%;
  padding-right: 0%;
}

.section.pd-bottom-5 {
  padding-bottom: 5%;
}

.section.pd-bottom-5.z-index-2 {
  z-index: 2;
}

.max-w-900 {
  max-width: 1200px;
}

._4-col {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.thin {
  font-weight: 200;
}

.animated-aurora-video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 24px;
  height: 100%;
}

.h2-max {
  letter-spacing: 0;
  font-size: 6vw;
  font-weight: 300;
}

.h2-max.centered {
  text-align: center;
}

.h2-max.mb-32 {
  margin-bottom: 32px;
}

.centered {
  text-align: center;
}

.button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--orange);
  min-width: 220px;
  max-width: 220px;
  max-height: 45px;
  color: var(--grey);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-family: Mulish, sans-serif;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.button:hover {
  background-color: var(--button-hover);
}

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

.ic_24 {
  width: 24px;
  height: 24px;
  color: var(--white);
}

.teaser-aurora {
  z-index: 1;
  width: 58vw;
  position: absolute;
}

.tech-visual {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5%;
  display: flex;
}

.tech-visual.mt-5 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 5%;
  padding-left: 5%;
  display: flex;
  top: 0;
}

.igel-big {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  width: 35%;
  margin-bottom: 80px;
  margin-right: 15px;
  display: none;
}

.max-w-60 {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.igel-line {
  background-color: #fff;
  width: 50px;
  height: 1px;
}

.igel-line.vertical {
  width: 1px;
  height: auto;
  margin-bottom: 2px;
}

.igel-line.vertical.mt-4 {
  margin-top: 4px;
  margin-bottom: 0;
}

.igel-line.vertical-forced {
  width: 1px;
}

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

.align-right.max-w-150 {
  max-width: 150px;
}

.small {
  font-size: 12px;
}

.small.align-right.max-w-150.mb-0 {
  margin-bottom: 0;
}

.small.max-w-150 {
  max-width: 250px;
}

.small.max-w-150.mb-0 {
  margin-bottom: 0;
}

.small.max-w-150.mb-0.mt-20 {
  margin-top: 20px;
}

.small.max-w-150.mb-0.mt-20.bold {
  font-weight: 800;
}

.small.max-w-150.mb-0.mb-20 {
  margin-bottom: 20px;
}

.small.max-w-150.mb-32 {
  margin-bottom: 32px;
}

.igel-small {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 65%;
  margin-top: 15px;
  margin-bottom: 80px;
  padding-left: 9vw;
  display: flex;
}

.size-blocker {
  display: none;
}

.content-wrapper {
  z-index: 2;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.content-wrapper.mb-40 {
  margin-bottom: 40px;
}

.content-wrapper.grey-bg {
  background-color: var(--grey);
  padding-top: 5%;
}

.blur-background {
  z-index: 0;
  opacity: .2;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blur-background.z-index-2 {
  z-index: 2;
}

.blurred-circle {
  filter: blur(500px);
  background-color: #fff;
  border-radius: 500px;
  width: 500px;
  height: 500px;
}

.blurred-circle.left {
  background-color: #0066b3;
  margin-top: 30vw;
  margin-left: -25vw;
}

.blurred-circle.left.smaller-left {
  margin-top: 0;
}

.blurred-circle.left.smaller-left.green {
  background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
}

.blurred-circle.right {
  background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
  margin-top: 100vw;
  margin-right: -25vw;
}

.blurred-circle.right.top-30 {
  margin-top: 25vw;
}

.blurred-circle.right.top-30.blue {
  background-color: var(--bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>);
}

.blurred-circle.right.xxl-hidden {
  background-color: #000;
}

.blurred-circle.right.align-bottom {
  margin-top: auto;
  margin-bottom: 0;
}

.blurred-circle.right.align-bottom.blue {
  background-color: var(--bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>);
}

.blurred-circle.right-copy {
  background-color: var(--bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>);
  margin-top: 37.5vw;
  margin-right: -12.5vw;
}

.r {
  position: relative;
}

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

.relative.br-24 {
  border-radius: 24px;
}

.relative.fullwidth {
  width: 100%;
}

.relative.fullwidth.mt-20 {
  margin-top: -50px;
}

.igel-medium {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  padding-left: 40px;
  padding-right: 80px;
  display: flex;
}

._2col-img-1 {
  width: 55%;
}

._2col-img-2 {
  width: 50%;
  margin-left: -5%;
}

._2-col-img {
  border-radius: 24px;
  box-shadow: 0 0 40px #0009;
}

.collage-interface-elements {
  box-sizing: border-box;
  object-fit: contain;
  width: 100vw;
  max-width: none;
  height: auto;
  padding-bottom: 76.9%;
}

.code-embed-homepage {
  border-radius: 0;
  width: 100%;
  max-width: 2080px;
}

.heading {
  font-size: 4.5vw;
}

.heading.bold {
  font-size: 4.5vw;
  font-weight: 700;
}

.code-embed {
  opacity: 1;
}

.blurred-circle-small {
  filter: blur(50vw);
  background-color: #fff;
  border-radius: 400px;
  width: 50vw;
  height: 50vw;
}

.blurred-circle-small.left {
  background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
  margin-top: 12.5vw;
  margin-left: -12.5vw;
}

.blurred-circle-small.right, .blurred-circle-small.right-copy {
  background-color: var(--bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>);
  margin-top: 37.5vw;
  margin-right: -12.5vw;
}

.video-embed {
  z-index: 1;
  width: 100%;
  padding-bottom: 56%;
  position: relative;
  overflow: hidden;
}

.video-embed._75 {
  padding-bottom: 77%;
}

.video-embed._78 {
  padding-bottom: 78%;
}

.video-embed.layered {
  border-radius: 8px;
  width: 100vw;
  max-width: 60%;
  margin-right: -9vw;
  padding-bottom: 61.5%;
  box-shadow: 100px 50px 100px #0006;
}

.video-embed._80 {
  padding-bottom: 81%;
}

.video-embed.border-radius {
  border-radius: 20px;
}

.video-embed.xl-height {
  padding-bottom: 73%;
}

.container-wide {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
  position: relative;
}

.container-wide.border-top {
  border-top: 3px solid var(--white);
  padding-top: 3%;
}

.container-wide.border-top.position-static {
  position: static;
}

.container-wide.border-top.black-border {
  border-top-width: 3px;
  border-top-color: var(--white);
}

.bg-vid-footer {
  width: 100vw;
  max-width: 100%;
  height: 62.5vw;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._40 {
  width: 100vw;
  max-width: 50%;
  margin-top: 3vw;
}

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

.heading-2 {
  font-family: Genosgfg, Arial, sans-serif;
  font-weight: 400;
}

.heading-2.bold {
  font-weight: 700;
}

.mt-5vw {
  margin-top: 3vw;
  font-family: Genosgfg, Arial, sans-serif;
  font-weight: 400;
}

.video-embed-copy {
  z-index: 2;
  opacity: 1;
  width: 100%;
  padding-bottom: 77.5%;
  position: relative;
  overflow: hidden;
}

.video-embed-copy._75 {
  padding-bottom: 77%;
}

.video-embed-copy._78 {
  padding-bottom: 78%;
}

.video-embed-copy.layered {
  border-radius: 8px;
  width: 100vw;
  max-width: 60%;
  margin-right: -9vw;
  padding-bottom: 61.5%;
  box-shadow: 100px 50px 100px #0006;
}

.gradient-abwedler-bottom {
  background-image: linear-gradient(#04161e00 90%, #04161e);
  position: absolute;
  inset: 0%;
}

.gradient-abwedler-top-bottom {
  z-index: 2;
  background-image: linear-gradient(#04161e, #04161e00 10% 90%, #04161e);
  position: absolute;
  inset: 0%;
}

.gradient-abwedler-top-bottom._5 {
  background-image: linear-gradient(#04161e, #04161e00 5% 95%, #04161e);
}

.code-embed-2 {
  z-index: 1;
}

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

.s-mb-16px {
  font-family: Genosgfg, Arial, sans-serif;
  font-weight: 700;
}

.s-mb-16px.black, .text-block {
  color: var(--white);
}

.background-image {
  width: 100vw;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.content-image {
  border-radius: 20px;
  width: 100%;
}

.two-images {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

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

.rich-text-block {
  flex: 0 auto;
}

@media screen and (min-width: 1440px) {
  h2 {
    font-size: 45px;
  }

  p {
    font-size: 16px;
  }

  .container.border-top {
    padding-top: 3%;
  }

  .content-grid {
    z-index: 3;
  }

  .content-grid._3-col-xl {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .flex.vertical.gap-48.align-center-xl {
    align-items: center;
  }

  .flex.vertical.gap-48.align-center-xl.gap-80-xl {
    grid-row-gap: 80px;
  }

  .section.experience-it {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .section.relative.min-h-medium {
    min-height: 55vw;
  }

  .igel-big {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-end;
    align-items: center;
    width: 35%;
    display: none;
  }

  .content-wrapper.mb-40.mb-80-xl {
    margin-bottom: 80px;
  }

  .blurred-circle.left {
    width: 80vh;
    height: 80vh;
    margin-top: 30vw;
    margin-left: -40vh;
  }

  .blurred-circle.left.smaller-left {
    width: 50vh;
    height: 50vh;
    margin-left: -25vh;
  }

  .blurred-circle.right {
    width: 70vw;
    height: 70vw;
    margin-right: -40vw;
  }

  .blurred-circle.right.top-30, .blurred-circle.right.align-bottom {
    width: 50vw;
    height: 50vw;
    margin-right: -25vw;
  }

  .blurred-circle.right-copy {
    background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
    width: 70vw;
    height: 70vw;
    margin-top: 100vw;
    margin-right: -40vw;
  }

  .igel-medium {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-end;
    align-items: center;
    width: 35%;
    display: none;
  }

  .code-embed-homepage {
    z-index: 5;
  }

  .heading {
    font-family: Genosgfg, Arial, sans-serif;
  }

  .blurred-circle-small.left {
    background-color: var(--bright-blue\<deleted\|variable-f9a280da-43df-e09f-e0bd-311dea4b2063\>);
    width: 80vw;
    height: 80vw;
    margin-top: 20vw;
    margin-left: -40vw;
  }

  .blurred-circle-small.right {
    background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
    width: 70vw;
    height: 70vw;
    margin-top: 100vw;
    margin-right: -40vw;
  }

  .blurred-circle-small.right-copy {
    background-color: var(--bright-green\<deleted\|variable-77eebc7c-0096-7ea6-1816-a8c91e961d92\>);
    width: 50vw;
    height: 50vw;
    margin-top: 70vw;
    margin-right: -25vw;
  }

  .container-wide.border-top {
    padding-top: 1.8%;
  }

  .gradient-abwedler-bottom, .gradient-abwedler-top-bottom {
    z-index: 1;
  }
}

@media screen and (min-width: 1920px) {
  .stage {
    padding-top: 3%;
  }

  .logo-wrapper.xl-xs-hidden {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    max-height: 50px;
    margin-bottom: 5%;
    display: flex;
  }

  .logo-wrapper.xxl-hidden {
    display: none;
  }

  .logo {
    max-width: 200px;
  }

  .content-grid {
    width: 100%;
  }

  .content-grid._3-col-xl {
    margin-bottom: -100px;
  }

  .content-grid._9-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section.experience-it {
    margin-top: -240px;
    padding-top: 280px;
    padding-bottom: 280px;
  }

  .h2-max {
    font-size: 5vw;
  }

  .button {
    max-height: 50px;
  }

  .igel-big {
    display: flex;
  }

  .blurred-circle.right.xxl-hidden {
    display: none;
  }

  .blurred-circle.right.top150vw {
    margin-top: 150vw;
  }

  .container-wide.border-top {
    border-top-width: 5px;
  }

  .container-wide.border-top.z-index-5 {
    z-index: 5;
  }

  .container-wide.border-top.black-border {
    border-top-width: 5px;
  }

  .body {
    grid-column-gap: 240px;
    grid-row-gap: 240px;
  }

  .heading-2 {
    font-size: 150px;
  }

  .s-mb-16px, .s-mb-16px.black {
    font-size: 55px;
  }

  .xxl-query {
    padding-bottom: 1px;
  }

  .image, .image-2 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .logo-wrapper.xxl-hidden {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center stretch;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .logo {
    max-width: 130px;
  }

  .subline-logo {
    font-size: 10px;
  }

  .content-grid {
    width: 100%;
  }

  .content-grid._3-col-xl {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: -45px;
  }

  .flex.vertical.z-index-2.centered {
    padding-top: 100px;
  }

  .section.experience-it {
    background-image: url('../images/background_bottom.webp');
    background-position: 0 0;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.relative.min-h-medium.m-pd-right-0 {
    min-height: 0;
  }

  .centered.max-w-320 {
    max-width: 320px;
  }

  .button {
    min-width: 0;
    max-width: 220px;
    max-height: 45px;
  }

  .tech-visual {
    position: relative;
  }

  .max-w-60 {
    max-width: 97vw;
  }

  .size-blocker {
    z-index: 10000;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #04161ee6;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 15%;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .s-mb-16px.black {
    font-size: 26px;
  }

  .two-images {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
}

@media screen and (max-width: 767px) {
  .logo-wrapper.xxl-hidden {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .content-grid {
    grid-row-gap: 4px;
  }

  .content-grid._3-col-xl {
    margin-bottom: -15px;
  }

  .flex.vertical.gap-160.xxl-gap-150 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .section.experience-it {
    background-image: url('../images/background_bottom.webp');
    background-position: 0 0;
    background-size: cover;
    margin-top: -64px;
    padding-top: 0;
  }

  .button {
    min-width: 0;
    max-width: 240px;
    max-height: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading {
    font-size: 8.6vw;
  }

  .video-embed {
    border-radius: 0;
  }

  .video-embed.border-radius {
    border-radius: 12px;
  }

  .body {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .s-margin-bottom-0 {
    margin-bottom: 0;
  }

  .s-mb-16px {
    margin-bottom: 16px;
  }

  .background-image.experience-it {
    height: 110%;
  }

  .content-image {
    border-radius: 12px;
  }

  .s-mb-16px-2 {
    margin-bottom: 16px;
  }

  .two-images {
    line-height: 20px;
  }

  .rich-text-block, .rich-text-block-2 {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 479px) {
  .content-grid._3-col-xl {
    margin-bottom: -15px;
  }

  .flex.vertical.gap-48.align-center-xl {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section.experience-it {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: url('../images/background_bottom.webp');
    background-position: 0 0;
    background-size: cover;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -64px;
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
  }

  .button {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-wrapper.mb-40 {
    margin-bottom: 20px;
  }

  .rich-text-block, .rich-text-block-2 {
    margin-bottom: 16px;
  }
}

#w-node-_8c77e1d5-57eb-6451-1849-e3c3d3173395-020ca523, #w-node-aba886ad-c120-1f63-429d-a0bb4860670d-020ca523, #w-node-_08be3008-69ce-66ed-6c12-d73ca889f729-020ca523 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c7e45f00-8200-1692-8286-d19e34fa500d-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-c7e45f00-8200-1692-8286-d19e34fa5011-020ca523, #w-node-c7e45f00-8200-1692-8286-d19e34fa501b-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_136bfc58-e867-4fb2-7516-80e57a53debc-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_136bfc58-e867-4fb2-7516-80e57a53debe-020ca523, #w-node-_136bfc58-e867-4fb2-7516-80e57a53dec8-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5eed-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5ef2-020ca523, #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5efb-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e80fdf63-2317-f218-562f-fdff121888ec-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-e80fdf63-2317-f218-562f-fdff121888ee-020ca523, #w-node-e80fdf63-2317-f218-562f-fdff121888f8-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_1dbf7a01-54d9-af3a-561c-87f1040b23fa-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_521c41bf-cb2f-4d23-14d2-d888260914aa-020ca523, #w-node-_521c41bf-cb2f-4d23-14d2-d888260914a2-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf44-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf48-020ca523, #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf52-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c4152-020ca523 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c4154-020ca523, #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c415b-020ca523 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (min-width: 1440px) {
  #w-node-_8c77e1d5-57eb-6451-1849-e3c3d3173395-020ca523, #w-node-aba886ad-c120-1f63-429d-a0bb4860670d-020ca523, #w-node-_08be3008-69ce-66ed-6c12-d73ca889f729-020ca523 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7e45f00-8200-1692-8286-d19e34fa500d-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-c7e45f00-8200-1692-8286-d19e34fa5011-020ca523, #w-node-c7e45f00-8200-1692-8286-d19e34fa501b-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_136bfc58-e867-4fb2-7516-80e57a53debc-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-_136bfc58-e867-4fb2-7516-80e57a53debe-020ca523, #w-node-_136bfc58-e867-4fb2-7516-80e57a53dec8-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5eed-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5ef2-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5efb-020ca523 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e80fdf63-2317-f218-562f-fdff121888ec-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-e80fdf63-2317-f218-562f-fdff121888ee-020ca523, #w-node-e80fdf63-2317-f218-562f-fdff121888f8-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_1dbf7a01-54d9-af3a-561c-87f1040b23fa-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-_521c41bf-cb2f-4d23-14d2-d888260914aa-020ca523, #w-node-_521c41bf-cb2f-4d23-14d2-d888260914a2-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf44-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf48-020ca523, #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf52-020ca523 {
    grid-column: span 2 / span 2;
  }

  #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c4152-020ca523 {
    grid-column: span 4 / span 4;
  }

  #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c4154-020ca523, #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c415b-020ca523 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_8c77e1d5-57eb-6451-1849-e3c3d3173395-020ca523 {
    grid-area: 1 / 2 / 2 / 6;
  }

  #w-node-aba886ad-c120-1f63-429d-a0bb4860670d-020ca523 {
    grid-area: 2 / 2 / 3 / 6;
  }

  #w-node-_08be3008-69ce-66ed-6c12-d73ca889f729-020ca523 {
    grid-area: 3 / 2 / 3 / 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8c77e1d5-57eb-6451-1849-e3c3d3173395-020ca523, #w-node-aba886ad-c120-1f63-429d-a0bb4860670d-020ca523, #w-node-_08be3008-69ce-66ed-6c12-d73ca889f729-020ca523 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-c7e45f00-8200-1692-8286-d19e34fa5011-020ca523, #w-node-c7e45f00-8200-1692-8286-d19e34fa501b-020ca523, #w-node-_136bfc58-e867-4fb2-7516-80e57a53debe-020ca523, #w-node-_136bfc58-e867-4fb2-7516-80e57a53dec8-020ca523 {
    grid-column: span 8 / span 8;
  }

  #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5ef2-020ca523 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_47f51ce6-c6ce-f96d-5c96-1fa302da5efb-020ca523 {
    grid-column: span 8 / span 8;
  }

  #w-node-e80fdf63-2317-f218-562f-fdff121888ee-020ca523, #w-node-e80fdf63-2317-f218-562f-fdff121888f8-020ca523 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_521c41bf-cb2f-4d23-14d2-d888260914aa-020ca523, #w-node-_521c41bf-cb2f-4d23-14d2-d888260914a2-020ca523 {
    grid-column: span 8 / span 8;
  }

  #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf48-020ca523, #w-node-_8741b632-3b25-c92a-88f5-40dd4ab1bf52-020ca523, #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c4154-020ca523, #w-node-_21a4a1dc-61d1-2f0b-ae6e-f392d58c415b-020ca523 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}


@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Genosgfg';
  src: url('../fonts/GenosGFG-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Genosgfg';
  src: url('../fonts/GenosGFG-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Genosgfg Condensed';
  src: url('../fonts/GenosGFG-Condensed.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Genosgfg';
  src: url('../fonts/GenosGFG-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Genosgfg';
  src: url('../fonts/GenosGFG-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/Nohemi-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}