@font-face {
  font-family: GT Walsheim Pro;
  src: url('../fonts/GTWalsheimPro-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GT Walsheim Pro;
  src: url('../fonts/GTWalsheimPro-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: D-Din Exp;
  src: url('../fonts/D-DINExp.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_brand---colours--colour-1: var(--colors--primary-1);
  --_brand---typeface--paragraph: "GT Walsheim Pro", Arial, sans-serif;
  --_brand---typography--type-colour-1: var(--colors--primary-2);
  --_typography---p--font-size: 1rem;
  --_typography---p--line-height: 1.4;
  --_brand---typeface--heading: "D-Din Exp", Arial, sans-serif;
  --_typography---h1--font-size: clamp(1.8rem, 2.43vw + 1.31rem, 3.5rem);
  --_typography---h1--line-height: 1.2;
  --_typography---h2--font-size: clamp(2rem, 1.79vw + 1.64rem, 3.25rem);
  --_typography---h2--line-height: 1.2;
  --_typography---h3--font-size: 2.25rem;
  --_typography---h3--line-height: 1.2;
  --_typography---h4--font-size: 2rem;
  --_typography---h4--line-height: 1.2;
  --_typography---h5--font-size: 1.125rem;
  --_typography---h5--line-height: 1.2;
  --_typography---h6--font-size: 1rem;
  --_typography---h6--line-height: 1.2;
  --_typography---p-xs--font-size: .875rem;
  --_typography---p-xs--line-height: 1.4;
  --_typography---p-xl--font-size: 1.125rem;
  --_typography---p-xl--line-height: 1.4;
  --_brand---typography--type-colour-3: var(--colors--primary-1);
  --_brand---typography--type-colour-2: var(--colors--primary-3);
  --_brand---colours--colour-3: var(--colors--primary-3);
  --_brand---colours--colour-2: var(--colors--primary-2);
  --_padding---xl: 10rem;
  --_padding---l: 6rem;
  --_padding---m: 4rem;
  --_typography---global--page-padding: 1rem;
  --_padding---s: 2rem;
  --_gap---xs: .5rem;
  --_gap---xl: 1.5rem;
  --_gap---m: 1rem;
  --_gap---xxl: 2rem;
  --_gap---xxxl: 4rem;
  --_gap---xxxxl: 6rem;
  --_gap---xxxxxl: 10rem;
  --_padding---xs: 1rem;
  --_gap---xxs: .25rem;
  --_gap---s: .75rem;
  --_utility---max-width: 90rem;
  --_responsive---global--page-padding: 2rem;
  --colors--primary-1: #070a18;
  --colors--primary-2: white;
  --colors--primary-3: #eee;
  --_utility---page-padding: 4rem;
  --_gap---l: 1.25rem;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@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 {
  background-color: var(--_brand---colours--colour-1);
  font-family: var(--_brand---typeface--paragraph);
  color: var(--_brand---typography--type-colour-1);
  font-size: var(--_typography---p--font-size);
  line-height: var(--_typography---p--line-height);
}

h1 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h6 {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_brand---typography--type-colour-1);
  cursor: pointer;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
}

li {
  list-style-type: disc;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.heading-xxl {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: 400;
}

.heading-xl {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: 400;
}

.heading-m {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: 400;
}

.heading-s {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: 400;
}

.heading-xs {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: 400;
}

.heading-xxs {
  font-family: var(--_brand---typeface--heading);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: 400;
}

.paragraph {
  font-family: var(--_brand---typeface--paragraph);
  font-size: var(--_typography---p--font-size);
  line-height: var(--_typography---p--line-height);
  font-weight: 400;
}

.paragraph-small {
  font-family: var(--_brand---typeface--paragraph);
  font-size: var(--_typography---p-xs--font-size);
  line-height: var(--_typography---p-xs--line-height);
  font-weight: 400;
}

.paragraph-small.opacity-50 {
  white-space: nowrap;
}

.paragraph-large {
  font-family: var(--_brand---typeface--paragraph);
  font-size: var(--_typography---p-xl--font-size);
  line-height: var(--_typography---p-xl--line-height);
  font-weight: 400;
}

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

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

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

.text-style_bold {
  font-weight: 700;
}

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

.text-style_underline {
  text-decoration: underline;
}

.text-style_uppercase {
  text-transform: uppercase;
}

.text-style_none {
  text-decoration: none;
}

.text-color_xxx {
  color: var(--_brand---typography--type-colour-3);
}

.text-color_xx {
  color: var(--_brand---typography--type-colour-2);
}

.text-color_x {
  color: var(--_brand---typography--type-colour-1);
}

.color_xxx {
  background-color: var(--_brand---colours--colour-3);
}

.color_xx {
  background-color: var(--_brand---colours--colour-2);
}

.color_x {
  background-color: var(--_brand---colours--colour-1);
}

.button {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  background-color: var(--_brand---colours--colour-2);
  font-family: var(--_brand---typeface--heading);
  color: var(--_brand---typography--type-colour-3);
  font-size: var(--_typography---p-xs--font-size);
  text-transform: uppercase;
  -webkit-clip-path: polygon(100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 0);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.button:where(.w-variant-ea83f873-56e1-df3e-b3c7-1c4d977e7d78) {
  background-color: var(--_brand---colours--colour-1);
  color: var(--_brand---typography--type-colour-1);
}

.padding-xl {
  padding-top: var(--_padding---xl);
  padding-bottom: var(--_padding---xl);
}

.padding-l {
  padding-top: var(--_padding---l);
  padding-bottom: var(--_padding---l);
}

.padding-m {
  padding-top: var(--_padding---m);
  padding-bottom: var(--_padding---m);
}

.padding-m.is-home {
  padding-left: calc(var(--_typography---global--page-padding) * 3);
  padding-right: calc(var(--_typography---global--page-padding) * 3);
  padding-bottom: calc(var(--_typography---global--page-padding) * 3);
  padding-top: calc(var(--_typography---global--page-padding) * 3);
}

.padding-s {
  padding-top: var(--_padding---s);
  padding-bottom: var(--_padding---s);
}

.gap-05 {
  grid-column-gap: var(--_gap---xs);
  grid-row-gap: var(--_gap---xs);
}

.gap-1-5 {
  grid-column-gap: var(--_gap---xl);
  grid-row-gap: var(--_gap---xl);
}

.gap-1 {
  grid-column-gap: var(--_gap---m);
  grid-row-gap: var(--_gap---m);
}

.gap-2 {
  grid-column-gap: var(--_gap---xxl);
  grid-row-gap: var(--_gap---xxl);
}

.gap-4 {
  grid-column-gap: var(--_gap---xxxl);
  grid-row-gap: var(--_gap---xxxl);
}

.gap-6 {
  grid-column-gap: var(--_gap---xxxxl);
  grid-row-gap: var(--_gap---xxxxl);
}

.gap-10 {
  grid-column-gap: var(--_gap---xxxxxl);
  grid-row-gap: var(--_gap---xxxxxl);
}

.max-width_100 {
  text-wrap: pretty;
  max-width: 100ch;
}

.max-width_80 {
  text-wrap: pretty;
  max-width: 80ch;
}

.padding-xs {
  padding-top: var(--_padding---xs);
  padding-bottom: var(--_padding---xs);
}

.v-top_stretch {
  justify-content: flex-start;
  align-items: stretch;
}

.v-center_stretch {
  justify-content: center;
  align-items: stretch;
}

.v-bottom_stretch {
  justify-content: flex-end;
  align-items: stretch;
}

.v-left_center {
  justify-content: flex-start;
  align-items: center;
}

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

.h-top_stretch {
  justify-content: space-between;
  align-items: flex-start;
}

.h-center_stretch {
  justify-content: space-between;
  align-items: center;
}

.h-bottom_stretch {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.grid-col_2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-col_3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-col_4 {
  grid-column-gap: var(--_gap---xxl);
  grid-row-gap: var(--_gap---xxxl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.button-wrapper {
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation {
  z-index: 10;
  top: 0;
  position: fixed;
  width: 100%;
  padding-bottom: 1rem;
}

.navigation-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.swiper-slide.is-license {
  padding: var(--_padding---s);
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: left;
  background-image: linear-gradient(153deg, #ffffff1a, #ffffff0d);
  border: .5px solid #ffffff4d;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image_icon-tiny {
  height: 2rem;
}

.image_icon-small {
  height: 3rem;
}

.section_text {
  overflow: hidden;
}

.carousel-wrapper {
  grid-column-gap: var(--_gap---xxxl);
  grid-row-gap: var(--_gap---xxxl);
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 15% 85%, #0000), linear-gradient(to left, #0000, #000 15% 85%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 15% 85%, #0000), linear-gradient(to left, #0000, #000 15% 85%, #0000);
}

.carousel {
  grid-column-gap: var(--_gap---xxxl);
  grid-row-gap: var(--_gap---xxxl);
  flex: none;
  animation: 20s linear infinite carouselAnimation;
  display: flex;
}

.carousel-image {
  opacity: .5;
  object-fit: cover;
  height: 2rem;
}

.image_wrapper {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vmin), calc(100% - 10vmin) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vmin), calc(100% - 10vmin) 100%, 0 100%);
  height: 32rem;
  max-height: 85vh;
}

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

.featured-content {
  padding-top: var(--_padding---s);
  padding-right: var(--_padding---s);
  padding-bottom: var(--_padding---s);
  padding-left: var(--_padding---s);
  -webkit-clip-path: polygon(0 0, calc(100% - 10vmin) 0, 100% 10vmin, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 10vmin) 0, 100% 10vmin, 100% 100%, 0 100%);
  background-image: linear-gradient(90deg, #0000, #0006), url('../images/Unity-Images_HexBG_1.avif');
  background-position: 0 0, 100%;
  background-size: auto, cover;
  border-radius: 8px;
}

.list-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.full-width {
  width: 100%;
}

.list-item {
  grid-column-gap: .5px;
  grid-row-gap: .5px;
  flex-flow: column;
  list-style-type: none;
  display: flex;
}

.section_carousel {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000), linear-gradient(to left, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000), linear-gradient(to left, #0000, #000 10% 90%, #0000);
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  flex-flow: row;
  display: flex;
}

.swiper-button_wrapper {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
  position: relative;
}

.swiper-button {
  background-image: linear-gradient(126deg, #ffffff26, #ffffff0d);
  border: 1px solid #ffffff29;
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: transform .35s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.swiper-button:hover {
  transform: scale(1.1);
}

.swiper-button:active {
  transform: scale(.95);
}

.split-content {
  grid-column-gap: var(--_gap---xxxl);
  grid-row-gap: var(--_gap---xxxl);
  text-wrap: pretty;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.split-image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5vmin 100%, 0 calc(100% - 5vmin));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 5vmin 100%, 0 calc(100% - 5vmin));
  width: 100%;
}

.faq-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 100ch;
  display: flex;
}

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

.video-wrapper {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.section_faq {
  z-index: 3;
  position: relative;
}

.faq-content {
  grid-column-gap: var(--_gap---xxxl);
  grid-row-gap: var(--_gap---xxxl);
  grid-template-rows: auto;
  grid-template-columns: .3fr .7fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.faq-heading_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  position: sticky;
  top: 8rem;
}

.faq-list {
  grid-column-gap: var(--_gap---xxl);
  grid-row-gap: var(--_gap---xxl);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.faq-list_link {
  opacity: .6;
}

.section_cta {
  z-index: 0;
  position: relative;
}

.footer {
  border-radius: 16px;
}

.footer-content {
  padding: var(--_gap---xxl);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(147deg, #ffffff26, #ffffff0d);
  border: 1px solid #fff3;
  border-radius: 8px;
}

.opacity-50 {
  opacity: .5;
}

.footer-menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-link_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
}

.footer-link {
  font-size: var(--_typography---p-xs--font-size);
  text-transform: uppercase;
}

.faq {
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%);
  background-image: linear-gradient(130deg, #1c1e2b, #131522);
  border: 1px solid #fff3;
  border-radius: 8px;
  width: 100%;
  position: relative;
}

.faq-question {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5rem 1rem;
  display: flex;
}

.faq-question_icon {
  flex: none;
  width: 2.5rem;
  display: block;
}

.faq-answer_wrapper {
  text-align: left;
  grid-auto-columns: 1fr;
  height: 0;
  overflow: hidden;
}

.faq-answer {
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nav-menu_icon {
  pointer-events: none;
  background-color: currentColor;
  width: 24px;
  height: 2px;
}

.nav-menu_btn {
  color: inherit;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.nav-logo {
  max-width: 90%;
  max-height: 2rem;
}

.section-home_hero {
  z-index: 1;
  padding: var(--_typography---global--page-padding);
  position: relative;
}

.home-hero_video {
  min-height: calc(100dvh - calc(var(--_typography---global--page-padding) * 2));
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.nav-link_icon {
  color: inherit;
  display: block;
}

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

.nav-menu_wrapper {
  z-index: 60;
  padding: var(--_typography---global--page-padding);
  border-radius: 16px;
  max-width: 100%;
  height: 100dvh;
  position: fixed;
  inset: 0% 0% 0% auto;
  transform: translate(100%);
}

.nav-menu_container {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  background-color: var(--_brand---colours--colour-2);
  color: var(--_brand---typography--type-colour-3);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5vmin 100%, 0 calc(100% - 5vmin));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 5vmin 100%, 0 calc(100% - 5vmin));
  border-radius: 16px;
  flex-flow: column;
  height: 100%;
  padding: 8rem 1.5rem 1.5rem;
  display: flex;
}

.nav-menu_link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--_brand---typography--type-colour-3);
  justify-content: space-between;
  align-items: center;
  width: 24rem;
  max-width: 100%;
  font-size: 1.1rem;
  display: flex;
}

.nav-btn_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-right: auto;
  display: grid;
}

.nav-menu_icon-wrapper {
  z-index: 100;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.nav-container {
  padding-left: calc(var(--_typography---global--page-padding) * 3);
  padding-right: calc(var(--_typography---global--page-padding) * 3);
}

.webgl {
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.webgl-wrapper {
  z-index: -1;
  opacity: .6;
  pointer-events: none;
  height: 180%;
  position: absolute;
  inset: -20% 0% 0%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 80%, #0000 100%);
  mask-image: linear-gradient(#000 80%, #0000 100%);
}

.footer-logo {
  height: 2rem;
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---global--page-padding: 1rem;
    --_gap---xs: .5rem;
    --_gap---xl: 1.5rem;
    --_gap---m: 1rem;
    --_gap---xxl: 2rem;
    --_gap---xxxl: 3rem;
    --_gap---xxxxl: 5rem;
    --_gap---xxxxxl: 6rem;
    --_gap---xxs: .25rem;
    --_gap---s: .75rem;
    --_gap---l: 1.25rem;
    --_utility---max-width: 90rem;
    --_utility---page-padding: 2rem;
    --_padding---xl: 6rem;
    --_padding---l: 4rem;
    --_padding---m: 2rem;
    --_padding---s: 1rem;
    --_padding---xs: 1rem;
  }

  .padding-m.is-home {
    padding: 1rem;
  }

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

  .button-wrapper {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .tb-flex_column {
    flex-flow: column;
  }

  .tb-flex_right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navigation {
    z-index: 50;
    padding-right: var(--_typography---global--page-padding);
    padding-left: var(--_typography---global--page-padding);
  }

  .carousel.is-mobile {
    display: none;
  }

  .list-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .list-item {
    width: 25%;
  }

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

  .nav-container {
    padding-left: calc(var(--_typography---global--page-padding) * 1);
    padding-right: calc(var(--_typography---global--page-padding) * 1);
  }

  .header-gap {
      padding-top: 2.5em;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---global--page-padding: 1rem;
    --_utility---max-width: 90rem;
    --_utility---page-padding: 1rem;
  }

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

  .list-item {
    width: calc(50% - 1rem);
  }

  .faq-content {
    flex-flow: column;
    display: flex;
  }

  .faq-heading_wrapper {
    position: static;
  }

  .footer-logo {
    height: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .footer-content {
    padding: var(--_gap---m);
  }

  .faq-answer {
    padding-top: .2rem;
  }

  .nav-logo {
    max-width: 40%;
  }

  .nav-btn_wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
  }
}

#w-node-_816464a7-0907-b1e0-01f9-c0824b2845a8-322fb4f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('../fonts/GTWalsheimPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('../fonts/GTWalsheimPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D-Din Exp';
  src: url('../fonts/D-DINExp.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.unity-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .unity-video {
        aspect-ratio: 1.5;
    }
}

.unity-video div {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: #080a17;
    mix-blend-mode: screen;
}

.unity-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wm-color {
    color: #fff533;
}

@media screen and (max-width: 475px) and (max-height: 550px) {
    .section-home_hero {
        padding-top: 4em;
    }
    .navigation {
        top: 0;
    }
}