@font-face {
  font-family: PP Neue Corp;
  src: url('../fonts/PPNEUECORP-COMPACTMEDIUM-BF6732C5C5CBF6E.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jet Brains Mono;
  src: url('../fonts/JETBRAINSMONO-BOLD.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jet Brains Mono;
  src: url('../fonts/JETBRAINSMONO-MEDIUM.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font: calc(var(--container) / (var(--container-ideal) / var(--unit)));
  --dynamic-full-height: clamp(720px, var(--dynamic-viewport-height, 100vh), 1440px);
  --container-max: 2560px;
  --unit: 14;
  --container-ideal: 1440;
  --container-min: 992px;
  --container: clamp(var(--container-min), 100vw, var(--container-max));
  --full-height: clamp(720px, var(--viewport-height, 100vh), 1440px);
}

body {
  color: #edede6;
  font-family: Jet Brains Mono, Arial, sans-serif;
  font-size: var(--font);
  letter-spacing: .08em;
  background-color: #000;
  font-weight: 500;
  line-height: 120%;
}

h1 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PP Neue Corp, Arial, sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 95%;
}

a {
  text-decoration: none;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.u-contents {
  display: contents;
}

.c-overlay-grid.u-container {
  z-index: 9999;
  opacity: .5;
  pointer-events: none;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  inset: 0%;
}

.c-overlay-grid_cell {
  background-color: #ff00001f;
  border: 1px solid red;
}

.c_styles {
  display: none;
}

.u-text-18 {
  font-size: 1.125em;
  line-height: 100%;
}

.page-wrap {
  overflow: clip;
}

.s_hero-bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.s_hero {
  height: var(--dynamic-full-height);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.s_hero.u-container {
  padding-top: 0;
  padding-bottom: 0;
}

.c_scripts {
  display: none;
}

.u-svg {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.s_hero-content {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  flex-flow: column;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.u-container {
  max-width: var(--container-max);
  grid-gap: 1.25em;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25em 2.5em;
  display: grid;
}

.u-video-wrapper {
  z-index: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.u-video {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.s_hero-text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 43ch;
  display: flex;
}

.s_hero-overline {
  opacity: .48;
  color: #edede6;
  text-transform: uppercase;
}

.u-text-14 {
  font-size: .875em;
}

.u-button {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #000002;
  text-transform: uppercase;
  background-color: #edede6;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  transition: background-color .3s;
  display: flex;
}

.u-button:hover {
  background-color: #d3d3cb;
}

.u-button_ic {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1em;
  display: flex;
}

.c_hero-card {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: min(.0625em, 1px) #0000;
  border-radius: 1.5em;
  flex-flow: column;
  justify-content: space-between;
  padding: .25em;
  font-size: 1.1em;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -8px 12px #ffffff14, 0 8px 34px #57698d4d;
}

.c_hero-card_img {
  aspect-ratio: 1 / 1.22;
  border-radius: 1.25em;
  justify-content: center;
  align-items: center;
  width: 11.25em;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 24px #57698d4d;
}

.c_hero-card_text {
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .75em;
  display: flex;
}

.c_hero-card_wrap {
  z-index: 100;
  position: relative;
}

.c_hero-card_wrap.is-01 {
  position: absolute;
  bottom: 4.375em;
  left: 8.125em;
}

.c_hero-card_wrap.is-02 {
  position: absolute;
  top: 18.125em;
  left: -1em;
}

.c_hero-card_wrap.is-03 {
  position: absolute;
  top: -2em;
  left: 27.5em;
}

.c_hero-card_wrap.is-04 {
  position: absolute;
  top: -5.625em;
  right: 16.25em;
}

.c_hero-card_wrap.is-05 {
  position: absolute;
  top: 16.25em;
  right: -2em;
}

.c_hero-card_wrap.is-06 {
  position: absolute;
  bottom: 2.5em;
  right: 24.375em;
}

.svg-path {
  pointer-events: none;
  position: absolute;
  inset: 4% 8%;
}

.page-preload {
  z-index: 999;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-transform: uppercase;
  background-color: #000002;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.loader {
  aspect-ratio: 1;
  border: .125em solid #edede6;
  width: 1.5em;
}

.c_hero-card_glass {
  z-index: -1;
  pointer-events: none;
  mix-blend-mode: hard-light;
  border-radius: inherit;
  background-color: #0000001a;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  body {
    --font: calc(var(--container) / (var(--container-ideal) / var(--unit)));
    --dynamic-full-height: clamp(720px, var(--viewport-height, 100vh), 1000px);
    --container-max: 767px;
    --unit: 14;
    --container-ideal: 393;
    --container-min: 240px;
    --container: clamp(var(--container-min), 100vw, var(--container-max));
    --full-height: clamp(720px, var(--viewport-height, 100vh), 1000px);
  }

  .s_hero-bg {
    bottom: 7%;
  }

  .s_hero.u-container {
    padding-top: 1.25em;
    padding-bottom: var(--ios26-bar-gap, 0px);
  }

  .u-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 3.125em 1.25em;
  }

  .c_hero-card_wrap {
    display: none;
  }
}


@font-face {
  font-family: 'PP Neue Corp';
  src: url('../fonts/PPNEUECORP-COMPACTMEDIUM-BF6732C5C5CBF6E.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jet Brains Mono';
  src: url('../fonts/JETBRAINSMONO-BOLD.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jet Brains Mono';
  src: url('../fonts/JETBRAINSMONO-MEDIUM.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}