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

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

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

:root {
  --_typography---font-family--ff-body: Baskervville, sans-serif;
  --_colour-palette---color-tokens--surface-fg-base: var(--surface-fg);
  --_typography---font-family--ff-heading: "Slopness Pxzd", Arial, sans-serif;
  --_typography---size-headings--fs-h1: 5rem;
  --_typography---line-height--lh-heading: .95;
  --_typography---font-weight--fw-medium: 500;
  --_typography---letter-spacing--ls-h0-h1: -.12rem;
  --_typography---size-headings--fs-h2: 3.5rem;
  --_typography---letter-spacing--ls-h2-h3: -.03rem;
  --_typography---size-headings--fs-h3: 2.4rem;
  --_typography---size-headings--fs-h4: 1.25rem;
  --_typography---font-weight--fw-bold: 700;
  --_typography---letter-spacing--ls-h4-h6: .005em;
  --_typography---size-headings--fs-h5: 1.1rem;
  --_typography---size-headings--fs-h6: .95rem;
  --_typography---size-body--fs-body-1: 1.2rem;
  --_typography---line-height--lh-body: 1.45;
  --_typography---font-weight--fw-regular: 400;
  --_typography---letter-spacing--ls-body: .005em;
  --_padding---base-pad: 24px;
  --ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>: 20px;
  --_glass---white-glass\<deleted\|variable-ce254287-acbd-69fa-9094-6d2386b887af\>: #ffffff52;
  --border-radius-buttons-forms\<deleted\|variable-cb84491c-2340-2f61-8d58-0ad1a3776d7b\>: 18px;
  --_glass---dark-glass\<deleted\|variable-b8b71e49-4ebb-8949-eaae-72e42b70cab6\>: #00000040;
  --_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>: 22px;
  --_colour-palette---accent: #00c1ff;
  --nav-fs-base\<deleted\|variable-90553861-85e6-87bb-71a8-b9c626026d84\>: .8rem;
  --_typography---global-lh-body\<deleted\|variable-8e5e4fcd-605f-7242-03d9-764b36910da8\>: 130%;
  --_typography---nav-ls-base\<deleted\|variable-6e222634-60ee-7ad3-8a32-76c3053b418c\>: .1rem;
  --_padding---0-5-pad: 12px;
  --_radius---rad-base: .8rem;
  --_z-index---z-content: 1;
  --_colour-palette---color-tokens--surface-bg-base: var(--surface-bg);
  --_typography---font-family--ff-ui: "Overusedgrotesk Book", Arial, sans-serif;
  --_typography---size-label-ui--fs-label-2: .7rem;
  --_typography---font-weight--fw-thin: 300;
  --_typography---letter-spacing--ls-ui-labels: .08em;
  --_colour-palette---ux-colors--pure-white: white;
  --_typography---size-label-ui--fs-button-2: .6rem;
  --_typography---line-height--lh-ui-label: 1.2;
  --_padding---2x-pad: 48px;
  --_padding---3x-pad: 72px;
  --_typography---size-label-ui--fs-nav: .8rem;
  --_typography---size-headings--fs-h0: 8rem;
  --_radius---rad-2x: 1.6rem;
  --_typography---size-label-ui--fs-label-1: .825rem;
  --_padding---0-25-pad: 6px;
  --global--max-w-wide: 1600px;
  --_stroke---stroke-base: 1px;
  --_colour-palette---olive-green: #223b77;
  --global--max-w-site-base: 1400px;
  --_z-index---z-bg: 0;
  --_colour-palette---olive-dark: color-mix(in srgb, var(--_colour-palette---olive-green) 70%, black);
  --_radius---rad-half: .4rem;
  --global--max-w-narrow: 720px;
  --_stroke---stroke-2x: 2px;
  --_colour-palette---linen: #e0d9d2;
  --global--page-gutter: var(--_padding---base-pad);
  --_colour-palette---linen-light: #e5dfd9;
  --global--grid-gap: var(--_padding---0-5-pad);
  --_radius---rad-3x: 2rem;
  --_padding---4x-pad: 96px;
  --_z-index---z-overlay: 5;
  --global--navbar-height: 64px;
  --_padding---l-section--left-and-right: var(--_padding---3x-pad);
  --_z-index---z-modal: 10;
  --_colour-palette---accent-dark: color-mix(in srgb, var(--_colour-palette---accent) 70%, black);
  --_z-index---z-nav: 100;
  --_colour-palette---nav-fg: var(--nav-fg);
  --_colour-palette---ux-colors--ux-red-error: #c94040;
  --_z-index---z-nav-sub: 50;
  --_colour-palette---color-tokens--nav-bg: var(--nav-bg);
  --_colour-palette---color-tokens--nav-fg: var(--nav-fg);
  --_colour-palette---color-tokens--nav-fg-dark: var(--nav-fg-dark);
  --_colour-palette---color-tokens--page-bg: var(--page-bg);
  --_glass---glass-blur-global: 22px;
  --_colour-palette---color-tokens--page-fg: var(--page-fg);
  --_glass---nav-menu-backdrop-blur: 48px;
  --_typography---font-family--ff-heading-h0: "Slopness Pxzd", Arial, sans-serif;
  --_glass---glass-blur-off-canvas: 100px;
  --_glass---glass-bg-dark: #00000026;
  --_glass---glass-bg-white: #ffffff40;
  --_glass---glass-opacity: 80%;
  --_typography---size-body--fs-body-2: .93rem;
  --_typography---size-body--fs-body-3: .87rem;
  --_typography---size-label-ui--fs-button-1: .7rem;
  --_typography---line-height--lh-tight: 1.05;
  --_typography---line-height--lh-body-2: 1.2;
}

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

body {
  font-family: var(--_typography---font-family--ff-body);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  background-color: #0000;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-family: var(--_typography---font-family--ff-heading);
  font-size: var(--_typography---size-headings--fs-h1);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-medium);
  letter-spacing: var(--_typography---letter-spacing--ls-h0-h1);
}

h2 {
  font-family: var(--_typography---font-family--ff-heading);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-headings--fs-h2);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-medium);
  letter-spacing: var(--_typography---letter-spacing--ls-h2-h3);
}

h3 {
  font-family: var(--_typography---font-family--ff-heading);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-headings--fs-h3);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-medium);
  letter-spacing: var(--_typography---letter-spacing--ls-h2-h3);
}

h4 {
  font-family: var(--_typography---font-family--ff-heading);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-headings--fs-h4);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-bold);
  letter-spacing: var(--_typography---letter-spacing--ls-h4-h6);
}

h5 {
  font-family: var(--_typography---font-family--ff-heading);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-headings--fs-h5);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-bold);
  letter-spacing: var(--_typography---letter-spacing--ls-h4-h6);
}

h6 {
  font-family: var(--_typography---font-family--ff-heading);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-headings--fs-h6);
  line-height: var(--_typography---line-height--lh-heading);
  font-weight: var(--_typography---font-weight--fw-medium);
  letter-spacing: var(--_typography---letter-spacing--ls-h4-h6);
  text-transform: uppercase;
}

p {
  font-family: var(--_typography---font-family--ff-body);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-body--fs-body-1);
  line-height: var(--_typography---line-height--lh-body);
  font-weight: var(--_typography---font-weight--fw-regular);
  letter-spacing: var(--_typography---letter-spacing--ls-body);
  margin-bottom: 10px;
}

a {
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  text-decoration: none;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 1px #000;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.bento__block-arch {
  padding: var(--_padding---base-pad);
  grid-column-gap: var(--_padding---base-pad);
  grid-row-gap: var(--_padding---base-pad);
  border-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  background-color: var(--_glass---white-glass\<deleted\|variable-ce254287-acbd-69fa-9094-6d2386b887af\>);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-divider {
  border-bottom: 1px dashed #15190d99;
  width: 100%;
  height: 0;
  margin-right: auto;
}

.cta__button_12 {
  width: 100%;
  min-width: 260px;
  max-height: 64px;
  padding: var(--_padding---base-pad);
  border-radius: var(--border-radius-buttons-forms\<deleted\|variable-cb84491c-2340-2f61-8d58-0ad1a3776d7b\>);
  background-color: var(--_glass---dark-glass\<deleted\|variable-b8b71e49-4ebb-8949-eaae-72e42b70cab6\>);
  -webkit-backdrop-filter: blur(var(--_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>));
  backdrop-filter: blur(var(--_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>));
  pointer-events: auto;
  color: var(--_colour-palette---accent);
  font-family: Sf Mono;
  font-size: var(--nav-fs-base\<deleted\|variable-90553861-85e6-87bb-71a8-b9c626026d84\>);
  line-height: var(--_typography---global-lh-body\<deleted\|variable-8e5e4fcd-605f-7242-03d9-764b36910da8\>);
  text-align: left;
  letter-spacing: var(--_typography---nav-ls-base\<deleted\|variable-6e222634-60ee-7ad3-8a32-76c3053b418c\>);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.image-block {
  border-top-left-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  border-top-right-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  border-bottom-left-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  border-bottom-right-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  object-fit: cover;
  aspect-ratio: 1;
  padding-top: 0;
  overflow: hidden;
}

.c-block-20 {
  z-index: 2;
  width: 100%;
  min-height: 200px;
  padding: var(--_padding---base-pad);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  background-color: var(--_glass---dark-glass\<deleted\|variable-b8b71e49-4ebb-8949-eaae-72e42b70cab6\>);
  -webkit-backdrop-filter: blur(var(--_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>));
  backdrop-filter: blur(var(--_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>));
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-large {
  letter-spacing: -.22rem;
  margin-left: -4px;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 100%;
}

.c-block__media-30 {
  z-index: 1;
  width: auto;
  height: 100%;
  min-height: 300px;
  padding: var(--_padding---base-pad);
  border-radius: var(--ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>);
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block__label {
  max-width: 120px;
  color: var(--_colour-palette---accent);
  font-family: Sf Mono;
  font-size: var(--nav-fs-base\<deleted\|variable-90553861-85e6-87bb-71a8-b9c626026d84\>);
  line-height: var(--_typography---global-lh-body\<deleted\|variable-8e5e4fcd-605f-7242-03d9-764b36910da8\>);
  letter-spacing: var(--_typography---nav-ls-base\<deleted\|variable-6e222634-60ee-7ad3-8a32-76c3053b418c\>);
  text-transform: uppercase;
  font-weight: 400;
}

.c-cta-button-wrapper {
  width: auto;
  max-width: 400px;
}

.nav__link-legacy {
  padding-right: var(--_padding---base-pad);
  padding-left: var(--_padding---base-pad);
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  text-decoration: none;
  display: inline-flex;
}

.c-block-2 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1vw;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 200px;
  padding: 1.11vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

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

.block__label-2 {
  color: #ff5948;
  letter-spacing: .042vw;
  text-transform: uppercase;
  max-width: 120px;
  font-size: .67vw;
  font-weight: 300;
  line-height: 130%;
}

.c-block-3 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1vw;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 200px;
  padding: 1.11vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.expandable-single {
  padding-top: var(--_padding---base-pad);
  padding-bottom: var(--_padding---base-pad);
  cursor: pointer;
}

.c-block-4 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1vw;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 200px;
  padding: 1.33vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.l-social-row__pill {
  padding-top: var(--_padding---0-5-pad);
  padding-right: var(--_padding---0-5-pad);
  padding-bottom: var(--_padding---0-5-pad);
  padding-left: var(--_padding---0-5-pad);
  border-top-left-radius: var(--_radius---rad-base);
  border-top-right-radius: var(--_radius---rad-base);
  border-bottom-left-radius: var(--_radius---rad-base);
  border-bottom-right-radius: var(--_radius---rad-base);
  background-color: var(--nav-bg);
  color: var(--nav-fg);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.c-block {
  z-index: var(--_z-index---z-content);
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 20vh;
  padding: var(--_padding---base-pad);
  grid-column-gap: var(--_padding---0-5-pad);
  grid-row-gap: var(--_padding---0-5-pad);
  border-radius: var(--_radius---rad-base);
  background-color: var(--_colour-palette---color-tokens--surface-bg-base);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-block__label {
  max-width: 120px;
  font-family: var(--_typography---font-family--ff-ui);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-label-ui--fs-label-2);
  line-height: 130%;
  font-weight: var(--_typography---font-weight--fw-thin);
  letter-spacing: var(--_typography---letter-spacing--ls-ui-labels);
  text-transform: uppercase;
}

.c-block-5 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1vw;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 200px;
  padding: 1.33vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-block__media {
  z-index: 1;
  width: auto;
  height: 100%;
  min-height: 20vh;
  padding: var(--_padding---base-pad);
  grid-column-gap: var(--_padding---0-5-pad);
  grid-row-gap: var(--_padding---0-5-pad);
  border-radius: var(--_radius---rad-base);
  color: var(--_colour-palette---ux-colors--pure-white);
  background-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block__label-3 {
  color: #ff5948;
  letter-spacing: .042vw;
  text-transform: uppercase;
  max-width: 120px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .67vw;
  font-weight: 300;
  line-height: 130%;
}

.cta-small {
  padding: var(--_padding---0-5-pad);
  border-radius: var(--_radius---rad-base);
  background-color: var(--_colour-palette---color-tokens--surface-bg-base);
  font-family: var(--_typography---font-family--ff-ui);
  color: var(--_colour-palette---color-tokens--surface-fg-base);
  font-size: var(--_typography---size-label-ui--fs-button-2);
  line-height: var(--_typography---line-height--lh-ui-label);
  font-weight: var(--_typography---font-weight--fw-regular);
  letter-spacing: .056vw;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-small:hover {
  color: #081e29;
}

.card_quick-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fdfcfb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.c-block__media-2 {
  z-index: 1;
  color: #ccc;
  background-color: #0000;
  border-radius: 1vw;
  flex-flow: column;
  width: auto;
  height: 100%;
  min-height: 300px;
  padding: 1.33vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.l-section__hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow: clip visible;
}

.c-scale__stage {
  height: 300svh;
  position: relative;
}

.c-scale__media {
  aspect-ratio: 16 / 9;
  border-top-left-radius: var(--_radius---rad-base);
  border-top-right-radius: var(--_radius---rad-base);
  border-bottom-left-radius: var(--_radius---rad-base);
  border-bottom-right-radius: var(--_radius---rad-base);
  transform-origin: center;
  will-change: transform;
  width: 25vw;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.c-scale {
  grid-column-gap: var(--_padding---base-pad);
  grid-row-gap: var(--_padding---base-pad);
  flex-flow: column;
  display: flex;
}

.c-scale__align {
  left: 0;
  top: var(--_padding---2x-pad);
  justify-content: center;
  display: flex;
  position: absolute;
  right: 0;
}

.c-block-6 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1vw;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 200px;
  padding: 1.33vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-surface {
  border-radius: 1vw;
  flex-flow: column;
  width: 100%;
  padding: 1.33vw;
  display: flex;
  overflow: hidden;
}

.c-block__link-block {
  width: 100%;
}

.c-scale__align-double {
  left: 0;
  top: var(--_padding---2x-pad);
  grid-column-gap: var(--_padding---0-5-pad);
  grid-row-gap: var(--_padding---0-5-pad);
  justify-content: center;
  display: flex;
  position: absolute;
  right: 0;
}

.c-scale__stage-double {
  height: 300svh;
  position: relative;
}

.cta-small-2 {
  background-color: var(--surface-bg);
  color: var(--surface-fg);
  letter-spacing: .056vw;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .57rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.cta-small-2:hover {
  color: #081e29;
}

.nav__link {
  align-items: flex-start;
  font-size: .95rem;
  text-decoration: none;
  display: inline-flex;
}

.nav__link.w--current {
  color: #ff2f00;
}

.l-social-row__pill-2 {
  background-color: var(--nav-bg);
  color: var(--nav-fg);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: inline-flex;
}

.c-block-7 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--surface-bg);
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 20vh;
  color: var(--surface-fg);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-block__media-3 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  background-color: #0000;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: auto;
  height: 100%;
  min-height: 20vh;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-scale__stage-double-2 {
  height: 200svh;
  position: relative;
}

.c-scale__align-double-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.c-surface__accordian-item-2 {
  isolation: isolate;
  background-color: var(--nav-bg);
  border-radius: 1rem;
  list-style: none;
  position: relative;
  overflow: hidden;
}

.nav__home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  min-width: 180px;
  height: 100%;
  font-size: .75rem;
  text-decoration: none;
  display: flex;
}

.twostep-nav__back-bg {
  background-color: var(--nav-bg);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-content {
  position: relative;
}

.progress-bar {
  background-color: var(--_colour-palette---accent);
  will-change: transform;
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: scale3d(1, 0, 1);
}

.l-social-row__pill-3 {
  background-color: var(--nav-bg);
  color: var(--nav-fg);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: inline-flex;
}

.twostep-nav__wrap {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.twostep-nav__bottom-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.nav__logo-expanding {
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  display: flex;
}

.c-block-8 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--surface-bg);
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 20vh;
  color: var(--surface-fg);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.twostep-nav__bottom-inner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.twostep-nav__back {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.c-block__media-4 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  background-color: #0000;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: auto;
  height: 100%;
  min-height: 20vh;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.twostep-nav__info {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.progress-bar-wrap {
  z-index: 1000;
  cursor: pointer;
  width: 6px;
  height: 100vh;
  transition: background-color .2s;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
}

.progress-bar-wrap:hover {
  background-color: #0000000d;
}

.twostep-nav__bar {
  z-index: 100;
  pointer-events: auto;
  width: 100%;
  max-width: 20em;
  color: var(--nav-fg);
  position: relative;
}

.twostep-nav__top {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  padding: 6px 24px;
  display: flex;
  position: relative;
}

.twostep-nav__toggle-bar {
  background-color: var(--surface-fg);
  width: 1.875em;
  height: 1px;
  position: absolute;
}

.twostep-nav {
  z-index: 100;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.twostep-nav__toggle {
  pointer-events: auto;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  display: flex;
  position: relative;
}

.twostep-nav__bottom-overflow {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.progressive-blur_panel {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.nav__logo-wrapper-expanding {
  justify-content: center;
  align-items: center;
  height: 35px;
  margin-top: 2px;
  display: flex;
}

.twostep-nav__bottom {
  z-index: 100;
  grid-template-rows: 0fr;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.progressive-blur_wrap {
  z-index: 5;
  pointer-events: none;
  height: 10vw;
  min-height: 10rem;
  position: fixed;
  inset: 0% 0% auto;
  overflow: clip;
}

.progressive-blur_wrap.nav-blur {
  z-index: 5;
  height: 10vw;
  min-height: auto;
}

.progressive-blur_wrap.card-base {
  z-index: 1;
  height: 80%;
  position: absolute;
  top: auto;
  bottom: 0;
  transform: rotate(180deg);
}

.progressive-blur_wrap.card-base.hero-panel {
  height: 55%;
}

.twostep-nav__bottom-col {
  flex: 1;
  min-height: 100%;
  display: flex;
}

.twostep-nav__width {
  width: 100%;
  max-width: calc(100vw - var(--base-pad));
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
}

.twostep-nav__bg {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.twostep-nav__top-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: auto;
  display: flex;
}

.page-bg {
  position: relative;
  inset: 0;
}

.c-block__media-5 {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  background-color: #0000;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: auto;
  height: 100%;
  min-height: 20vh;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta__button {
  width: 100%;
  min-width: 0;
  max-width: 400px;
  padding-top: var(--_padding---0-5-pad);
  padding-right: var(--_padding---base-pad);
  padding-bottom: var(--_padding---0-5-pad);
  padding-left: var(--_padding---base-pad);
  border-top-left-radius: var(--_radius---rad-base);
  border-top-right-radius: var(--_radius---rad-base);
  border-bottom-left-radius: var(--_radius---rad-base);
  border-bottom-right-radius: var(--_radius---rad-base);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  pointer-events: auto;
  text-align: left;
  letter-spacing: .1rem;
  text-transform: uppercase;
  isolation: isolate;
  cursor: pointer;
  background-color: var(--nav-bg);
  justify-content: space-between;
  align-items: center;
  font-size: .8rem;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.u-hover-layer__bg {
  z-index: 0;
  background-color: var(--_colour-palette---accent);
  opacity: 1;
  pointer-events: none;
  will-change: opacity;
  position: absolute;
  inset: 0;
}

.c-blur {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.l-section {
  width: 100%;
  min-height: 80svh;
  margin-top: var(--_padding---base-pad);
  margin-bottom: var(--_padding---base-pad);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip visible;
}

.l-block {
  width: 100%;
  min-width: 0;
  max-width: 90em;
  margin: var(--_padding---base-pad) auto;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-size-regular {
  color: var(--surface-fg);
  font-size: var(--_typography---size-body--fs-body-1);
  letter-spacing: .005em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.45;
  display: block;
  overflow: visible;
}

.c-header {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 75%;
  display: flex;
}

.c-header.centered {
  margin-left: auto;
  margin-right: auto;
}

.l-section__content {
  grid-column-gap: var(--_padding---3x-pad);
  grid-row-gap: var(--_padding---3x-pad);
  flex-flow: column;
  display: flex;
}

.cta__text-wrapper {
  z-index: 5;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.l-section__pad {
  width: 100%;
  padding: var(--_padding---base-pad);
}

.l-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.link-block {
  width: 100%;
  max-width: 400px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.cta__text {
  color: #081e29;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex: 1;
  align-self: center;
  height: auto;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .84rem;
  font-weight: 400;
  text-decoration: none;
}

.heading-style-h2 {
  color: var(--surface-fg);
  font-size: var(--_typography---size-headings--fs-h2);
  letter-spacing: -.05rem;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 500;
  line-height: .95;
}

.c-sectionhead {
  grid-column-gap: 1.33vw;
  grid-row-gap: 1.33vw;
  text-align: center;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
}

.heading-style-h1 {
  color: var(--surface-fg);
  font-size: var(--_typography---size-headings--fs-h1);
  letter-spacing: -.05rem;
  text-transform: uppercase;
  margin-top: 0;
  line-height: .95;
}

.menu__list {
  grid-column-gap: var(--_padding---0-5-pad);
  grid-row-gap: var(--_padding---0-5-pad);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.menu__link {
  width: 100%;
  display: flex;
}

.menu__link-text {
  font-family: var(--_typography---font-family--ff-ui);
  font-size: var(--_typography---size-label-ui--fs-nav);
  font-weight: 400;
}

.cta-small-3 {
  background-color: var(--surface-bg);
  color: var(--surface-fg);
  letter-spacing: .056vw;
  text-transform: uppercase;
  border-radius: .8rem;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .6rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-small-3:hover {
  color: #081e29;
}

.text-size-regular-3 {
  color: var(--surface-fg);
  letter-spacing: .005em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .96rem;
  font-weight: 400;
  line-height: 1.45;
  display: block;
  overflow: visible;
}

.c-block__inner-wrapper {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: 0;
}

.c-max-width__medium, .c-bento__grid-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.heading-style-h1-2 {
  z-index: 1;
  color: var(--surface-fg);
  letter-spacing: -.12rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.95rem;
  font-weight: 500;
  line-height: .95;
}

.label-small-3 {
  color: var(--surface-fg);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .67rem;
  font-weight: 400;
  line-height: 1.2;
}

.c-bento__2-col-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
}

.c-bento__2-col-grid.bento-grid-c {
  grid-template-columns: 1.5fr 1fr;
}

.heading-style-h2-2 {
  color: var(--surface-fg);
  letter-spacing: -.05rem;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: .95;
}

.c-block__section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-block__section.top {
  align-items: flex-start;
}

.heading-style-h0 {
  color: var(--surface-fg);
  font-size: var(--_typography---size-headings--fs-h0);
  line-height: var(--_typography---line-height--lh-heading);
  letter-spacing: -.05rem;
  text-transform: uppercase;
  margin-top: 0;
}

.l-hero__content-center {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.bunny-bg__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.l-hero__wrap {
  border-top-left-radius: var(--_radius---rad-2x);
  border-top-right-radius: var(--_radius---rad-2x);
  border-bottom-left-radius: var(--_radius---rad-2x);
  border-bottom-right-radius: var(--_radius---rad-2x);
  background-color: var(--surface-bg);
  justify-content: center;
  width: 100%;
  min-height: calc(100svh - 72px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.label-large {
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .78rem;
  font-weight: 400;
  line-height: 1.2;
}

.label-large.alt {
  font-family: var(--_typography---font-family--ff-ui);
  color: var(--_colour-palette---accent);
  font-size: var(--_typography---size-label-ui--fs-label-1);
  letter-spacing: var(--_typography---letter-spacing--ls-ui-labels);
}

.bunny-bg__playpause {
  z-index: 10;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 48px;
  right: 48px;
}

.bunny-bg__btn-2 {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  cursor: pointer;
  background-color: #6464644d;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  padding: .8125em;
  display: flex;
  position: relative;
}

.l-section__padding {
  width: 100%;
  padding: 24px 48px 48px;
}

.bunny-bg__loading-svg {
  width: 6em;
}

.l-hero__content {
  z-index: 1;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  padding: 48px;
  display: flex;
  position: relative;
}

.bunny-bg__placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bunny-bg__pause-svg {
  display: none;
}

.l-hero__bg {
  z-index: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.bunny-bg__loading {
  opacity: 0;
  visibility: hidden;
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.l-hero__bg-media {
  filter: brightness(90%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: clip;
}

.gradient-blur_wrapper {
  z-index: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: scale(1.02);
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-family--ff-body: Baskervville, sans-serif;
    --_typography---font-family--ff-heading: "Slopness Pxzd", Arial, sans-serif;
    --_typography---size-headings--fs-h1: 4rem;
    --_typography---line-height--lh-heading: .95;
    --_typography---font-weight--fw-medium: 500;
    --_typography---letter-spacing--ls-h0-h1: -.12rem;
    --_typography---size-headings--fs-h2: 2.8rem;
    --_typography---letter-spacing--ls-h2-h3: -.03rem;
    --_typography---size-headings--fs-h3: 2rem;
    --_typography---size-headings--fs-h4: 1.2rem;
    --_typography---font-weight--fw-bold: 700;
    --_typography---letter-spacing--ls-h4-h6: .005em;
    --_typography---size-headings--fs-h5: 1.05rem;
    --_typography---size-headings--fs-h6: .95rem;
    --_typography---size-body--fs-body-1: 1rem;
    --_typography---line-height--lh-body: 1.45;
    --_typography---font-weight--fw-regular: 400;
    --_typography---letter-spacing--ls-body: .005em;
    --_typography---global-lh-body\<deleted\|variable-8e5e4fcd-605f-7242-03d9-764b36910da8\>: 130%;
    --_typography---font-family--ff-ui: "Overusedgrotesk Book", Arial, sans-serif;
    --_typography---size-label-ui--fs-label-2: .48rem;
    --_typography---font-weight--fw-thin: 300;
    --_typography---letter-spacing--ls-ui-labels: .08em;
    --_typography---size-label-ui--fs-button-2: .5rem;
    --_typography---line-height--lh-ui-label: 1.2;
    --_typography---size-label-ui--fs-nav: .7rem;
    --_typography---size-headings--fs-h0: 5.2rem;
    --_typography---size-label-ui--fs-label-1: .6rem;
    --_typography---font-family--ff-heading-h0: "Slopness Pxzd", Arial, sans-serif;
    --_typography---size-body--fs-body-2: .9rem;
    --_typography---size-body--fs-body-3: .85rem;
    --_typography---size-label-ui--fs-button-1: .6rem;
    --_typography---line-height--lh-tight: 1.05;
    --_typography---line-height--lh-body-2: 1.2;
  }

  .bento__block-arch {
    min-height: 240px;
  }

  .c-scale__stage-double-2 {
    height: 150svh;
  }

  .c-scale__align-double-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

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

  .c-bento__2-col-grid, .c-bento__2-col-grid.bento-grid-c {
    grid-template-columns: 1fr;
  }

  .bunny-bg__playpause {
    display: none;
    bottom: 1em;
    right: 1em;
  }

  .l-hero__content {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .progressive-blur_wrap.nav-blur {
    height: 5rem;
  }

  .twostep-nav__bottom-col.is--visual {
    display: none;
  }

  .c-bento__2-col-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_padding---base-pad: 20px;
    --_padding---0-5-pad: 10px;
    --_padding---2x-pad: 36px;
    --_padding---3x-pad: 56px;
    --_padding---0-25-pad: 4px;
    --_padding---4x-pad: 72px;
    --_padding---l-section--left-and-right: var(--_padding---base-pad);
    --ui-border-radius-master\<deleted\|variable-c12ff096-0ace-8557-d1a0-2c02e18883dd\>: 20px;
    --border-radius-buttons-forms\<deleted\|variable-cb84491c-2340-2f61-8d58-0ad1a3776d7b\>: 18px;
    --nav-fs-base\<deleted\|variable-90553861-85e6-87bb-71a8-b9c626026d84\>: .8rem;
    --global--max-w-wide: 1600px;
    --global--max-w-site-base: 1400px;
    --global--max-w-narrow: 720px;
    --global--page-gutter: var(--_padding---base-pad);
    --global--grid-gap: var(--_padding---0-5-pad);
    --global--navbar-height: 48px;
    --_glass---white-glass\<deleted\|variable-ce254287-acbd-69fa-9094-6d2386b887af\>: #ffffff52;
    --_glass---dark-glass\<deleted\|variable-b8b71e49-4ebb-8949-eaae-72e42b70cab6\>: #00000040;
    --_glass---glass-blur\<deleted\|variable-60f6c49c-5d5f-76b7-fb26-2651e601c7ad\>: 22px;
    --_glass---glass-blur-global: 18px;
    --_glass---nav-menu-backdrop-blur: 28px;
    --_glass---glass-blur-off-canvas: 50px;
    --_glass---glass-bg-dark: #00000026;
    --_glass---glass-bg-white: #ffffff40;
    --_glass---glass-opacity: 80%;
    --_typography---font-family--ff-body: Baskervville, sans-serif;
    --_typography---font-family--ff-heading: "Slopness Pxzd", Arial, sans-serif;
    --_typography---size-headings--fs-h1: 3rem;
    --_typography---line-height--lh-heading: .95;
    --_typography---font-weight--fw-medium: 500;
    --_typography---letter-spacing--ls-h0-h1: -.12rem;
    --_typography---size-headings--fs-h2: 2.2rem;
    --_typography---letter-spacing--ls-h2-h3: -.03rem;
    --_typography---size-headings--fs-h3: 1.7rem;
    --_typography---size-headings--fs-h4: 1.15rem;
    --_typography---font-weight--fw-bold: 700;
    --_typography---letter-spacing--ls-h4-h6: .005em;
    --_typography---size-headings--fs-h5: 1rem;
    --_typography---size-headings--fs-h6: .9rem;
    --_typography---size-body--fs-body-1: .9rem;
    --_typography---line-height--lh-body: 1.45;
    --_typography---font-weight--fw-regular: 400;
    --_typography---letter-spacing--ls-body: .005em;
    --_typography---global-lh-body\<deleted\|variable-8e5e4fcd-605f-7242-03d9-764b36910da8\>: 130%;
    --_typography---font-family--ff-ui: "Overusedgrotesk Book", Arial, sans-serif;
    --_typography---size-label-ui--fs-label-2: .43rem;
    --_typography---font-weight--fw-thin: 300;
    --_typography---letter-spacing--ls-ui-labels: .08em;
    --_typography---size-label-ui--fs-button-2: .45rem;
    --_typography---line-height--lh-ui-label: 1.2;
    --_typography---size-label-ui--fs-nav: .9rem;
    --_typography---size-headings--fs-h0: 3.4rem;
    --_typography---size-label-ui--fs-label-1: .55rem;
    --_typography---font-family--ff-heading-h0: "Slopness Pxzd", Arial, sans-serif;
    --_typography---size-body--fs-body-2: .85rem;
    --_typography---size-body--fs-body-3: .8rem;
    --_typography---size-label-ui--fs-button-1: .5rem;
    --_typography---line-height--lh-tight: 1.05;
    --_typography---line-height--lh-body-2: 1.2;
    --_radius---rad-base: .6rem;
    --_radius---rad-2x: 1.4rem;
    --_radius---rad-half: .3rem;
    --_radius---rad-3x: 1.8rem;
  }

  .c-block-20 {
    padding: var(--_padding---0-5-pad);
  }

  .text-large {
    letter-spacing: -.08rem;
    font-size: 2.5rem;
  }

  .c-block__media-30 {
    padding: var(--_padding---0-5-pad);
  }

  .c-block-2, .c-block-3, .c-block-4, .c-block, .c-block-5, .c-block__media {
    padding: 12px;
  }

  .card_quick-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .c-block__media-2 {
    padding: 12px;
  }

  .l-section__hero {
    overflow: hidden;
  }

  .c-block-6, .c-block-7, .c-block__media-3 {
    padding: 12px;
  }

  .c-scale__stage-double-2 {
    height: 100svh;
  }

  .nav__home {
    min-width: auto;
  }

  .page-content {
    position: relative;
  }

  .c-block-8 {
    padding: 12px;
  }

  .twostep-nav__bottom-inner {
    padding-left: 12px;
    padding-right: 12px;
  }

  .c-block__media-4 {
    padding: 12px;
  }

  .progressive-blur_wrap.nav-blur {
    height: 10rem;
  }

  .c-block__media-5 {
    padding: 12px;
  }

  .l-section {
    overflow: hidden;
  }

  .c-header {
    max-width: 90%;
  }

  .l-section__pad {
    padding: 24px 12px;
  }

  .c-sectionhead {
    grid-column-gap: .67vw;
    grid-row-gap: .67vw;
  }

  .c-block__inner-wrapper {
    padding: 5px;
  }

  .c-max-width__medium {
    max-width: 90%;
  }

  .c-bento__2-col-grid {
    grid-template-columns: 2fr;
  }

  .c-bento__2-col-grid.bento-grid-c {
    grid-template-columns: 1fr;
  }

  .l-hero__wrap {
    min-height: calc(100svh - 48px);
  }

  .l-section__padding {
    padding: 24px 12px;
  }

  .gradient-blur_wrapper {
    border-radius: 1vw;
  }
}


@font-face {
  font-family: 'Overusedgrotesk Book';
  src: url('../fonts/OverusedGrotesk-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slopness Pxzd';
  src: url('../fonts/Slopness-pxzD.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}