@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('../fonts/SuisseIntl-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SuisseIntl-Medium';
    src: url('../fonts/SuisseIntl-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SuisseIntl-SemiBold';
    src: url('../fonts/SuisseIntl-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GeistMono-SemiBold';
    src: url('../fonts/GeistMono-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}



*,
::backdrop,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
button,
input,
optgroup,
select,
textarea,
input:where([type="checkbox"]) {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}
progress {
  vertical-align: initial;
}
dialog {
  padding: 0;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.left-0 {
  left: 0;
}
.z-\[100\] {
  z-index: 100;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.w-8 {
  width: 2rem;
}
.w-full {
  width: 100%;
}
.max-w-none {
  max-width: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.text-wrap {
  text-wrap: wrap;
}
.rounded {
  border-radius: 0.25rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-\[--c-dark-green-20\] {
  border-color: var(--c-dark-green-20);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-1\.5 {
  padding: 0.375rem;
}
.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.text-left {
  text-align: left;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.leading-none {
  line-height: 1;
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
@keyframes color-transition {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
.animated-strong b,
.animated-strong strong {
  font-weight: inherit;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
picture,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden] {
  display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  box-shadow: inset 0 0 20px 20px #23232329;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  position: absolute;
  right: 0;
  visibility: hidden;
}
@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 400;
  src: url(../static/fonts/SuisseIntl-Regular.woff2) format("woff2");
}
@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 450;
  src: url(../static/fonts/SuisseIntl-Book.woff2) format("woff2");
}
@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 600;
  src: url(../static/fonts/SuisseIntl-Semibold.woff2) format("woff2");
}
@font-face {
  font-family: SuisseIntl;
  font-style: normal;
  font-weight: 500;
  src: url(../static/fonts/SuisseIntl-Medium.woff2) format("woff2");
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  src: url(../static/fonts/GeistMono-Regular.woff2) format("woff2");
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 600;
  src: url(../static/fonts/GeistMono-SemiBold.woff2) format("woff2");
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 700;
  src: url(../static/fonts/GeistMono-Bold.woff2) format("woff2");
}
:root {
  --spacing: 5.128vw;
      --hover-bg: #052424;
    --hover-color: #abff02;
    --base-color: rgba(5, 36, 36, 1);
}
.site-container {
  display: flex;
  padding: 0 5.128vw;
}
.site-container .site-grid {
  margin: 0 auto;
  width: 100%;
}
.site-grid {
  --cols: 2;
  --gap-x: toRem(10);
  --gap-y: toRem(10);
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-gap: var(--gap-y) var(--gap-x);
}
.crosses__wrapper {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.crosses__wrapper .cross__wrapper {
  position: absolute;
}
.crosses__wrapper .cross__wrapper.top-left {
  left: 0;
  top: 0;
}
.crosses__wrapper .cross__wrapper.top-right {
  right: -1px;
  top: 0;
}
.crosses__wrapper .cross__wrapper.bottom-left {
  bottom: -1px;
  left: 0;
}
.crosses__wrapper .cross__wrapper.bottom-right {
  bottom: -1px;
  right: -1px;
}
.title-sequence {
  font-size: 3.625rem;
  font-style: normal;
  width: 90%;
}
.title-h1,
.title-sequence {
  font-weight: 400;
  line-height: 0.95;
}
.title-h1 {
  font-size: 10.256vw;
  letter-spacing: -0.308vw;
}
.title-si {
  font-size: min(2.5rem, 10.256vw);
  font-weight: 400;
  letter-spacing: min(-0.075rem, -0.308vw);
  line-height: 1;
}
.title-h2 {
  font-size: min(2rem, 8.205vw);
  letter-spacing: min(-0.039375rem, -0.164vw);
  line-height: 1.2;
}
.title-h3 {
  font-size: min(1.5rem, 6.154vw);
  letter-spacing: min(-0.0225rem, -0.092vw);
  line-height: 146%;
}
.body-1 {
  font-size: min(1.4375rem, 5.897vw);
  letter-spacing: min(-0.014375rem, -0.059vw);
}
.body-1,
.body-2 {
  line-height: 1.26;
}
.body-2 {
  letter-spacing: -0.01em;
}
.body-2,
.body-3 {
  font-size: 1.25rem;
}
.body-3 {
  letter-spacing: -0.0125rem;
  line-height: 1.46;
}
.body-4 {
  letter-spacing: 0.0225rem;
  line-height: 1.4;
}
.body-4,
.body-5 {
  font-size: 1.125rem;
}
.body-5 {
  font-weight: 500;
}
.body-5,
.body-6 {
  line-height: 1.35;
}
.body-6 {
  font-size: 0.875rem;
  font-weight: 400;
}
.body-8 {
  font-size: 1.0625rem;
  line-height: 1.54;
}
.label-1 {
  letter-spacing: -0.02em;
  line-height: 0.81;
}
.label-1,
.label-2 {
  font-size: 0.9375rem;
}
.label-2 {
  letter-spacing: 0.05em;
  line-height: 1.1;
}
.label-3 {
  font-size: 0.8125rem;
}
.label-3,
.label-4 {
  letter-spacing: 0.18em;
  line-height: 0.81;
}
.label-4 {
  font-size: 0.6875rem;
}
.label-5 {
  font-size: 1.0625rem;
  letter-spacing: -0.0106rem;
  line-height: 0.95;
}
.label-6 {
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  line-height: 1;
}
.footer-title {
  font-size: 7.692vw;
  font-weight: 400;
  letter-spacing: -0.077vw;
  line-height: 0.95;
}
.mono-number {
  color: var(--c-light-gray);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.14625rem;
  line-height: 0.81;
}
.menu-typo {
  font-size: min(2.875rem, 11.795vw);
  font-weight: 450;
  letter-spacing: min(-0.02875rem, -0.118vw);
  line-height: 1.2;
}
.font-nav {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 450;
  letter-spacing: 0.02625rem;
  line-height: 100%;
}
@property --text-highlight-progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
.debug {
  outline: 2px dashed red;
}
.debug--blue {
  outline-color: #00f;
}
.debug--green {
  outline-color: green;
}
.debug--inset {
  outline-offset: -4px;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.link-active {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.link-active:after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
  width: 100%;
  will-change: transform;
}
.link-active-full {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.link-active-full:after,
.link-active-full:before {
  background-color: currentColor;
  bottom: 10%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.link-active-full:before {
  transform: scaleX(1);
  transform-origin: 100% 50%;
  transition-delay: 0.15s;
  will-change: transform;
}
.link-active-full:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  will-change: transform;
}
.link-active-full-dk-only {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.link-active-full-dk-only:after,
.link-active-full-dk-only:before {
  background-color: currentColor;
  bottom: 10%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.link-active-full-dk-only:before {
  transform: scaleX(1);
  transform-origin: 100% 50%;
  transition-delay: 0.15s;
  will-change: transform;
}
.link-active-full-dk-only:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  will-change: transform;
}
.link-active-full-dk-only:after,
.link-active-full-dk-only:before {
  display: none;
}
.link-active-full-small {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.link-active-full-small:after,
.link-active-full-small:before {
  background-color: currentColor;
  bottom: 10%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}
.link-active-full-small:before {
  transform: scaleX(1);
  transform-origin: 100% 50%;
  transition-delay: 0.15s;
  will-change: transform;
}
.link-active-full-small:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  will-change: transform;
}
.reveal-y-enter-active {
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1),
    transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.reveal-y-leave-active {
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),
    transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal-y-enter-from {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.reveal-y-leave-to {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-behavior: allow-discrete;
  transition-duration: 1ms;
  transition-property: overflow;
}
:root {
  --vw: 1vw;
  --vh: 1vh;
  --vh: calc(var(--vh, 1vh) * 1);
  --dvh: 1dvh;
  --dvh: calc(var(--dvh, 1dvh) * 1);
  --svh: 1svh;
  --svh: calc(var(--svh, 1svh) * 1);
  --lvh: 1lvh;
  --lvh: calc(var(--lvh, 1lvh) * 1);
  --nuxt-devtools-safe-area-top: env(safe-area-inset-top, 0px);
  --nuxt-devtools-safe-area-right: env(safe-area-inset-right, 0px);
  --nuxt-devtools-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --nuxt-devtools-safe-area-left: env(safe-area-inset-left, 0px);
  --svw: 1vw;
  --c-black: #000;
  --c-black-10: rgba(0, 0, 0, 0.1);
  --c-gray: #454742;
  --c-dark-gray: #7f7f7f;
  --c-light-gray: #c2c2c2;
  --c-dark-gray-008: rgba(39, 39, 39, 0.08);
  --c-light-light-gray: #ddd;
  --c-white: #fff;
  --c-white-40: hsla(0, 0%, 100%, 0.4);
  --c-white-30: hsla(0, 0%, 100%, 0.3);
  --c-white-20: hsla(0, 0%, 100%, 0.2);
  --c-white-15: hsla(0, 0%, 100%, 0.15);
  --c-white-0: hsla(0, 0%, 100%, 0);
  --c-dirty-white: #f0f0f0;
  --c-lime: #abff02;
  --c-dark-green: #052424;
  --c-dark-green-20: rgba(5, 36, 36, 0.2);
  --c-dark-green-15: rgba(5, 36, 36, 0.15);
  --c-dark-green-05: rgba(5, 36, 36, 0.05);
  --ease-out: cubic-bezier(0, 0, 0.58, 1);
  --font-primary: "SuisseIntl", sans-serif;
  --font-mono: "Geist Mono", monospace;
  --p-primary-color-navy: #0A1F44;
  --p-secondary-color-charcoal: #1a3a5c;
  --p-accent-color-e-orange: #FF6B35;
  --p-background-color-light: #FFFFFF;
  --p-darksections-color-navy: #0A1F44;
  

}
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
html {
  background-color: var(--c-white);
  color: #052424;
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-enter-active,
.page-leave-active {
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
}
@media (min-width: 768px) {
  .title-si {
    font-size: min(3.125rem, 12.821vw);
    letter-spacing: min(-0.075rem, -0.308vw);
  }
}
@media (min-width: 1024px) {
  :root {
    --spacing: min(3.646vw, 93.3333333333px);
  }
  .site-container {
    padding: 0 min(3.646vw, 93.3333333333px);
  }
  .site-grid {
    --cols: 12;
  }
  .title-sequence {
    width: 100%;
  }
  .title-h1,
  .title-sequence {
    font-size: min(5.729vw, 146.6666666667px);
    letter-spacing: min(-0.057vw, -1.4666666667px);
  }
  .title-si {
    font-size: max(4.375rem, min(4.688vw, 120px));
    letter-spacing: min(-0.141vw, -3.6px);
  }
  .title-h2 {
    font-size: min(2.396vw, 61.3333333333px);
    letter-spacing: min(-0.024vw, -0.6133333333px);
    line-height: 0.96;
  }
  .title-h3 {
    font-size: min(1.563vw, 40px);
    letter-spacing: min(-0.016vw, -0.4px);
  }
  .body-1 {
    font-size: min(1.198vw, 30.6666666667px);
    letter-spacing: min(-0.012vw, -0.3066666667px);
  }
  .body-5 {
    font-size: 1.4375rem;
  }
  .body-6 {
    font-size: 1.125rem;
    letter-spacing: 0.0225rem;
  }
  .body-8 {
    font-size: 1.4375rem;
    line-height: 1.35;
  }
  .label-2 {
    line-height: 0.81;
  }
  .label-5 {
    font-size: 1.25rem;
    letter-spacing: -0.0125rem;
  }
  .label-6 {
    font-size: 0.6875rem;
    letter-spacing: 0.11rem;
  }
  .footer-title {
    font-size: max(4.375rem, min(4.688vw, 120px));
    letter-spacing: min(-0.141vw, -3.6px);
  }
  .link-active-full-dk-only:after,
  .link-active-full-dk-only:before {
    display: block;
  }
}
@media (max-width: 1023px) {
  .link-active-full:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
  .link-active-full-dk-only:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full-dk-only:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
  .link-active-full-small:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full-small:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
}
@media (hover: hover) and (pointer: fine) {
  .link-active:hover:after {
    transform: scaleX(1);
    transform-origin: left;
  }
  .link-active:not(:hover):after {
    transform-origin: 100% 50%;
  }
  .link-active-full:hover:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
  .link-active-full-dk-only:hover:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full-dk-only:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
  .link-active-full-small:hover:before {
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-delay: 0s;
  }
  .link-active-full-small:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-delay: 0.15s;
  }
}
@keyframes color-transition-63352c2f {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
.site-header[data-v-63352c2f] {
  color: var(--c-white);
  inset: 1.5625rem 0 auto;
  pointer-events: none;
  position: fixed;
  z-index: 10;
}
.site-header[data-v-63352c2f] .site-grid {
  align-items: center;
  grid-template-rows: 8px auto 8px calc(100dvh - 10rem);
  grid-template-rows: 8px auto 8px calc(var(--dvh, 1dvh) * 100 - 10rem);
}
.site-header a[data-v-63352c2f],
.site-header button[data-v-63352c2f] {
  pointer-events: auto;
  transition: color 0.3s var(--ease-out);
}
header .inner[data-v-63352c2f] {
  background-color: #0000004d;
}
/* .inner[data-v-63352c2f] {
  align-items: center;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 8px;
  display: grid;
  grid-column: 1/-1;
  grid-row: 2;
  grid-template-areas: "a b";
  grid-template-columns: auto auto;
  justify-content: space-between;
  padding: 1.25rem 1.625rem;
  place-self: start stretch;
  position: relative;
  z-index: 1;
} */
.logo-link[data-v-63352c2f] {
  grid-area: a;
  justify-self: start;
}
.back-to-resources-button[data-v-63352c2f] {
  align-self: center;
  color: #6b7280;
  display: none;
  font-size: 20px;
  position: relative;
}
.back-to-resources-button span[data-v-63352c2f],
.back-to-resources-button svg[data-v-63352c2f] {
  flex-shrink: 0;
}
.logo[data-v-63352c2f] {
  color: var(--c-white);
  width: 6rem;
}
.nav[data-v-63352c2f] {
  grid-area: b;
  justify-self: end;
}
.nav ul[data-v-63352c2f] {
  align-items: center;
  display: flex;
  gap: 1.6875rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav a[data-v-63352c2f] {
  color: currentColor;
  padding: 1em 0;
  position: relative;
  text-decoration: none;
}
.nav a[data-v-63352c2f]:after {
  background-color: #abff02;
  bottom: 0.21875rem;
  content: "";
  height: 0.3125rem;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translate(-50%) scale(0);
  transform-origin: center;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1),
    opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 0.3125rem;
  will-change: transform;
}
.nav a[data-v-63352c2f]:is(:hover, :focus-visible, .router-link-active) {
  color: #abff02;
}
.toggle-mobile-menu-button[data-v-63352c2f] {
  box-sizing: content-box;
  height: 1.5rem;
  justify-self: end;
  overflow: hidden;
  padding: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1.5rem;
}
.toggle-mobile-menu-button .wrapper[data-v-63352c2f] {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.toggle-mobile-menu-button .t[data-v-63352c2f] {
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.toggle-mobile-menu-button .hl[data-v-63352c2f] {
  background: #fff;
  top: 0.4375rem;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s,
    opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
}
.toggle-mobile-menu-button .hl.--2[data-v-63352c2f] {
  top: 0.9375rem;
}
.toggle-mobile-menu-button .cl[data-v-63352c2f] {
  rotate: -45deg;
  top: calc(50% - 1px);
  transform-origin: center center;
  transition: rotate 1s cubic-bezier(0.19, 1, 0.22, 1) 0s,
    opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
}
.toggle-mobile-menu-button .cl.--2[data-v-63352c2f] {
  rotate: 45deg;
}
.toggle-mobile-menu-button .cl.--2 .cli[data-v-63352c2f] {
  transform-origin: right center;
}
.toggle-mobile-menu-button .cl .cli[data-v-63352c2f] {
  background: #fff;
  scale: 0 1;
  transform-origin: right center;
  transition: scale 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.toggle-mobile-menu-button.active .cl[data-v-63352c2f] {
  opacity: 1;
  transition: rotate 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s,
    opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
}
.toggle-mobile-menu-button.active .cl.--2 .cli[data-v-63352c2f] {
  transition: scale 1s cubic-bezier(0.19, 1, 0.22, 1) 0.35s;
}
.toggle-mobile-menu-button.active .cl.--2 .cli.--g[data-v-63352c2f] {
  background: #abff02;
  transition: scale 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.toggle-mobile-menu-button.active .cl .cli[data-v-63352c2f] {
  scale: 1 1;
  transition: scale 1s cubic-bezier(0.19, 1, 0.22, 1) 0.45s;
}
.toggle-mobile-menu-button.active .cl .cli.--g[data-v-63352c2f] {
  background: #abff02;
  transition: scale 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
}
.toggle-mobile-menu-button.active .hl[data-v-63352c2f] {
  opacity: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s;
}
.toggle-mobile-menu-button.active .hl.--2[data-v-63352c2f] {
  transform: translate3d(-105%, 0, 0);
}
.mobile-menu[data-v-63352c2f] {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: #0000004d;
  border-radius: 8px;
  display: grid;
  grid-column: 1/-1;
  grid-row: 1/5;
  grid-template-areas: ". " "a" "b";
  grid-template-columns: 1fr;
  grid-template-rows: 4rem 1fr auto;
  height: auto;
  height: 90svh;
  height: calc(var(--svh, 1svh) * 90);
  margin: 0 -8px;
  overflow: hidden;
  padding: 2.051vw;
  place-self: start stretch;
  visibility: hidden;
}
.mobile-menu .router-link-active[data-v-63352c2f] {
  opacity: 0.35;
}
.mobile-menu-items[data-v-63352c2f] {
  grid-area: a;
  padding: 1rem 0;
  place-self: center stretch;
  text-align: center;
}
.mobile-menu-items ul[data-v-63352c2f] {
  display: flex;
  flex-direction: column;
  gap: 3.846vw 0;
}
.mobile-menu-items ul li[data-v-63352c2f] {
  overflow: hidden;
}
.mobile-menu-items ul[data-v-63352c2f] .--char {
  opacity: 0;
  will-change: opacity, transform;
}
.mobile-menu-button[data-v-63352c2f] {
  background-color: #fff3;
  border-radius: 8px;
  color: var(--c-white);
  font-family: var(--font-mono);
  font-weight: 700;
  padding: 2.2em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 1024px) {
  .site-header[data-v-63352c2f] {
    inset: 2.875rem 0 auto;
  }
  .site-header[data-v-63352c2f] .site-grid {
    grid-template-rows: auto;
  }
  header .inner[data-v-63352c2f] {
    background-color: #0000004d;
  }
  .inner[data-v-63352c2f] {
    gap: min(2.604vw, 66.6666666667px);
    grid-column: 2/-2;
    grid-row: 1;
    grid-template-areas: "a b";
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 1.125rem 1.5rem;
    place-self: center;
  }
  .logo[data-v-63352c2f] {
    width: 7rem;
  }
  .mobile-menu[data-v-63352c2f],
  .toggle-mobile-menu-button[data-v-63352c2f] {
    display: none;
  }
}
@media (min-width: 1280px) {
  .back-to-resources-button[data-v-63352c2f] {
    align-items: center;
    display: block;
    display: flex;
    gap: 0.5rem;
    grid-column: 1/3;
    grid-row: 1;
  }
}
@media (max-width: 1023px) {
  .nav[data-v-63352c2f] {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .back-to-resources-button[data-v-63352c2f]:hover {
    color: #abff02;
  }
  .back-to-resources-button[data-v-63352c2f]:hover:after {
    opacity: 1;
    transform: translate(-50%) scale(1.01);
  }
  .logo[data-v-63352c2f] {
    transition: color 0.3s var(--ease-out);
  }
  .logo[data-v-63352c2f]:hover {
    color: #abff02;
  }
  .nav a[data-v-63352c2f]:hover:after {
    opacity: 1;
    transform: translate(-50%) scale(1.01);
  }
}
@keyframes color-transition-a9452b3a {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
.svg-mask[data-v-a9452b3a] {
  position: relative;
}
.svg[data-v-a9452b3a] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slot[data-v-a9452b3a] {
  overflow: clip;
}
.slot:not(.ssr).use-clip[data-v-a9452b3a] {
  clip-path: var(--55ec2c90);
}
.slot[data-v-a9452b3a]:not(.ssr):not(.use-clip) {
  -webkit-mask-image: var(--34f85358);
  mask-image: var(--34f85358);
  mask-mode: alpha;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
@keyframes color-transition-2a5cb2b0 {
  0% {
    color: #ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
.app-transition[data-v-2a5cb2b0] {
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: clip;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
.app-transition.active[data-v-2a5cb2b0] {
  pointer-events: none;
}
.bg-overlay[data-v-2a5cb2b0] {
  background: #000000b3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
}
.overlay[data-v-2a5cb2b0] {
  background: #ededed;
  opacity: 0;
  position: absolute;
}
.app-loader[data-v-2a5cb2b0],
.overlay[data-v-2a5cb2b0] {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.app-loader[data-v-2a5cb2b0] {
  pointer-events: auto;
  pointer-events: none;
  position: fixed;
  z-index: 999;
}
.loader[data-v-2a5cb2b0] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.bottom[data-v-2a5cb2b0],
.loader[data-v-2a5cb2b0],
.top[data-v-2a5cb2b0] {
  overflow: hidden;
}
.bottom-mask[data-v-2a5cb2b0],
.top-mask[data-v-2a5cb2b0] {
  background: #ededed;
  height: 50svh;
  height: calc(var(--svh, 1svh) * 50);
  overflow: hidden;
}
.top-mask .full-wrapper[data-v-2a5cb2b0] {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bottom-mask[data-v-2a5cb2b0] {
  position: relative;
}
.bottom-mask .full-wrapper[data-v-2a5cb2b0] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.full-wrapper[data-v-2a5cb2b0] {
  height: 100svh;
  height: calc(var(--svh, 1svh) * 100);
  position: relative;
  width: 100%;
}
.background-wrapper[data-v-2a5cb2b0] {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.background-wrapper[data-v-2a5cb2b0],
.background-wrapper svg[data-v-2a5cb2b0] {
  height: 100%;
  width: 100%;
}
@keyframes color-transition-b5fe9da5 {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
.animated-logo[data-v-b5fe9da5] {
  align-items: center;
  display: flex;
  font-size: 0.25rem;
  gap: 1.5em;
  visibility: hidden;
}
svg[data-v-b5fe9da5] {
  height: 10em;
  width: 10em;
}
.text[data-v-b5fe9da5],
svg[data-v-b5fe9da5] {
  flex: 0 0 auto;
}
.text[data-v-b5fe9da5] {
  display: block;
  font-family: var(--font-primary);
  font-size: 10em;
  font-weight: 600;
  line-height: 0.78;
  overflow: hidden;
}
.text .char-wrapper[data-v-b5fe9da5] {
  overflow: clip;
}
.text .char-wrapper + .char-wrapper[data-v-b5fe9da5] {
  margin-left: -0.05em;
}
.text .char[data-v-b5fe9da5],
.text .char-wrapper[data-v-b5fe9da5] {
  display: inline-block;
}
@keyframes color-transition-aaa1b985 {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
svg[data-v-aaa1b985] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@keyframes color-transition-068da249 {
  0% {
    color: var#ddd;
  }
  30% {
    color: #abff02;
  }
  to {
    color: #052424;
  }
}
.app-loader[data-v-068da249] {
  height: 100%;
  left: 0;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.overlay[data-v-068da249] {
  background: #000000b3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.loader[data-v-068da249] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.bottom[data-v-068da249],
.loader[data-v-068da249],
.top[data-v-068da249] {
  overflow: hidden;
}
.bottom-mask[data-v-068da249],
.top-mask[data-v-068da249] {
  background: #ededed;
  height: 50svh;
  height: calc(var(--svh, 1svh) * 50);
  height: round(up, 50svh, 1px);
  height: round(up, calc(var(--svh, 1svh) * 50), 1px);
  overflow: hidden;
}
.top-mask .full-wrapper[data-v-068da249] {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bottom-mask[data-v-068da249] {
  position: relative;
}
.bottom-mask .full-wrapper[data-v-068da249] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.full-wrapper[data-v-068da249] {
  height: 100svh;
  height: calc(var(--svh, 1svh) * 100);
  position: relative;
  width: 100%;
}
.background-wrapper[data-v-068da249] {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.background-wrapper[data-v-068da249],
.background-wrapper svg[data-v-068da249],
.logo-wrapper[data-v-068da249] {
  height: 100%;
  width: 100%;
}
.logo-wrapper[data-v-068da249] {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.logo-site{
    width: 130px;;
}