@font-face {
  font-family: DM Sans Display;
  src: url('../fonts/DMSans_36pt-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Sans Display;
  src: url('../fonts/DMSans_36pt-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: DM Sans;
  src: url('../fonts/DMSans_18pt-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  src: url('../fonts/DMSans_18pt-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Geist Mono;
  src: url('../fonts/GeistMono-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: Sf Pro Text;
  src: url('../fonts/SF-Pro-Text-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Text;
  src: url('../fonts/SF-Pro-Text-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --_theme---background--background-primary: var(--_colors---neutral-900);
  --_type-styles---main-text--main-font-family: "DM Sans", Arial, sans-serif;
  --_theme---text--text-primary: var(--_colors---neutral-200);
  --_type-styles---text-main--font-size: 1rem;
  --_type-styles---text-main--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---main-text--main-font-weight: 400;
  --_type-styles---text-main--letter-spacing: 0em;
  --_type-styles---h1--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h1--font-size: 3.125rem;
  --_type-styles---h1--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h1--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h1--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h2--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h2--font-size: 2rem;
  --_type-styles---h2--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h2--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h2--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h3--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h3--font-size: 1.625rem;
  --_type-styles---h3--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h3--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h3--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h4--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h4--font-size: 1.25rem;
  --_type-styles---h4--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h4--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h4--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h5--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h5--font-size: 1rem;
  --_type-styles---h5--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h5--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h5--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h6--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h6--font-size: .875rem;
  --_type-styles---h6--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h6--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h6--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_theme---link--link-primary: var(--_theme---text--text-primary);
  --container--container-large: 90rem;
  --container--container-medium: 64rem;
  --_type-styles---h6--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_colors---neutral-900: #0c0b0f;
  --_colors---neutral-100: #ebeaf1;
  --_theme---border--border-primary: var(--_colors---neutral-400);
  --border--border-small: 16px;
  --_theme---text--text-secondary: var(--_colors---neutral-400);
  --spacing--spacing-button: 1rem;
  --_theme---background--background-secondary: var(--_colors---neutral-800);
  --padding--padding-medium: 8rem;
  --padding--padding-page: 2rem;
  --_type-styles---text-tagline--font-family: var(--_type-styles---main-text--mono-font-family);
  --_type-styles---text-tagline--font-size: .75rem;
  --_type-styles---text-tagline--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-tagline--font-weight: 200;
  --_type-styles---text-tagline--letter-spacing: var(--_type-styles---main-text--main-letter-spacing);
  --_colors---neutral-700: #28262e;
  --_type-styles---main-text--mono-font-family: "Geist Mono", Arial, sans-serif;
  --_type-styles---text-small--font-size: .875rem;
  --_colors---transparent: transparent;
  --_theme---border--border-secondary: var(--_colors---neutral-500);
  --_type-styles---text-large--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-large--font-size: 1rem;
  --_type-styles---text-large--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-large--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-large--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---text-main--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-main--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-small--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-small--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-small--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-small--letter-spacing: var(--_type-styles---main-text--main-letter-spacing);
  --_type-styles---display--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---display--fonts-size: 6.875rem;
  --_type-styles---display--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---display--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---display--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --spacing--spacing-small: .5rem;
  --_colors---neutral-400: #a8a5b2;
  --_colors---neutral-300: #c9c7d5;
  --_type-styles---all-headings--heading-font-family: "DM Sans Display", Arial, sans-serif;
  --_type-styles---all-headings--heading-font-weight: 300;
  --_colors---neutral-500: #605d68;
  --_colors---brand-1: #c6fb50;
  --_colors---neutral-800: #201f26;
  --_colors---neutral-600: #3a3841;
  --_colors---neutral-200: #dbd8e9;
  --_theme---button--text: var(--_colors---neutral-100);
  --_theme---button--background: var(--_colors---neutral-700);
  --_theme---button--text-hover: var(--_colors---neutral-100);
  --_theme---button--background-hover: var(--_colors---neutral-600);
  --container--container-small: 48rem;
  --border--border-width: 1px;
  --border--border-big: 24px;
  --padding--padding-small: 3rem;
  --border--border-round: 9999px;
  --padding--padding-big: 12rem;
  --_type-styles---all-headings--heading-line-height: 1.3;
  --_type-styles---all-headings--heading-letter-spacing: 0em;
  --_type-styles---all-headings--heading-text-transform: 0px;
  --_type-styles---main-text--main-letter-spacing: 0em;
  --_type-styles---main-text--main-line-height: 1.4;
  --_type-styles---display--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h1--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h2--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h3--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h4--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h5--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---text-tagline--text-transform: 0px;
}

.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 {
  background-color: var(--_theme---background--background-primary);
  font-family: var(--_type-styles---main-text--main-font-family);
  color: var(--_theme---text--text-primary);
  font-size: var(--_type-styles---text-main--font-size);
  line-height: var(--_type-styles---text-main--line-height);
  font-weight: var(--_type-styles---main-text--main-font-weight);
  letter-spacing: var(--_type-styles---text-main--letter-spacing);
  --_type-styles---main-text--main-font-family: "DM Sans", Arial, sans-serif;
  --_type-styles---text-main--font-size: 1rem;
  --_type-styles---text-main--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---main-text--main-font-weight: 400;
  --_type-styles---text-main--letter-spacing: 0em;
  --_type-styles---h1--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h1--font-size: 3.125rem;
  --_type-styles---h1--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h1--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h1--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h2--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h2--font-size: 2rem;
  --_type-styles---h2--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h2--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h2--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h3--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h3--font-size: 1.625rem;
  --_type-styles---h3--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h3--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h3--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h4--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h4--font-size: 1.25rem;
  --_type-styles---h4--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h4--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h4--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h5--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h5--font-size: 1rem;
  --_type-styles---h5--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h5--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h5--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h6--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---h6--font-size: .875rem;
  --_type-styles---h6--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---h6--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---h6--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---h6--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---text-tagline--font-family: var(--_type-styles---main-text--mono-font-family);
  --_type-styles---text-tagline--font-size: .75rem;
  --_type-styles---text-tagline--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-tagline--font-weight: 200;
  --_type-styles---text-tagline--letter-spacing: var(--_type-styles---main-text--main-letter-spacing);
  --_type-styles---main-text--mono-font-family: "Geist Mono", Arial, sans-serif;
  --_type-styles---text-small--font-size: .875rem;
  --_type-styles---text-large--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-large--font-size: 1rem;
  --_type-styles---text-large--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-large--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-large--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---text-main--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-main--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-small--font-family: var(--_type-styles---main-text--main-font-family);
  --_type-styles---text-small--line-height: var(--_type-styles---main-text--main-line-height);
  --_type-styles---text-small--font-weight: var(--_type-styles---main-text--main-font-weight);
  --_type-styles---text-small--letter-spacing: var(--_type-styles---main-text--main-letter-spacing);
  --_type-styles---display--font-family: var(--_type-styles---all-headings--heading-font-family);
  --_type-styles---display--fonts-size: 6.875rem;
  --_type-styles---display--line-height: var(--_type-styles---all-headings--heading-line-height);
  --_type-styles---display--font-weight: var(--_type-styles---all-headings--heading-font-weight);
  --_type-styles---display--letter-spacing: var(--_type-styles---all-headings--heading-letter-spacing);
  --_type-styles---all-headings--heading-font-family: "DM Sans Display", Arial, sans-serif;
  --_type-styles---all-headings--heading-font-weight: 300;
  --_type-styles---all-headings--heading-line-height: 1.3;
  --_type-styles---all-headings--heading-letter-spacing: 0em;
  --_type-styles---all-headings--heading-text-transform: 0px;
  --_type-styles---main-text--main-letter-spacing: 0em;
  --_type-styles---main-text--main-line-height: 1.4;
  --_type-styles---display--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h1--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h2--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h3--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h4--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---h5--text-transform: var(--_type-styles---all-headings--heading-text-transform);
  --_type-styles---text-tagline--text-transform: 0px;
}

h1 {
  font-family: var(--_type-styles---h1--font-family);
  font-size: var(--_type-styles---h1--font-size);
  line-height: var(--_type-styles---h1--line-height);
  font-weight: var(--_type-styles---h1--font-weight);
  letter-spacing: var(--_type-styles---h1--letter-spacing);
  text-transform: var(--_type-styles---h1--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--_type-styles---h2--font-family);
  font-size: var(--_type-styles---h2--font-size);
  line-height: var(--_type-styles---h2--line-height);
  font-weight: var(--_type-styles---h2--font-weight);
  letter-spacing: var(--_type-styles---h2--letter-spacing);
  text-transform: var(--_type-styles---h2--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_type-styles---h3--font-family);
  font-size: var(--_type-styles---h3--font-size);
  line-height: var(--_type-styles---h3--line-height);
  font-weight: var(--_type-styles---h3--font-weight);
  letter-spacing: var(--_type-styles---h3--letter-spacing);
  text-transform: var(--_type-styles---h3--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_type-styles---h4--font-family);
  font-size: var(--_type-styles---h4--font-size);
  line-height: var(--_type-styles---h4--line-height);
  font-weight: var(--_type-styles---h4--font-weight);
  letter-spacing: var(--_type-styles---h4--letter-spacing);
  text-transform: var(--_type-styles---h4--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_type-styles---h5--font-family);
  font-size: var(--_type-styles---h5--font-size);
  line-height: var(--_type-styles---h5--line-height);
  font-weight: var(--_type-styles---h5--font-weight);
  letter-spacing: var(--_type-styles---h5--letter-spacing);
  text-transform: var(--_type-styles---h5--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_type-styles---h6--font-family);
  font-size: var(--_type-styles---h6--font-size);
  line-height: var(--_type-styles---h6--line-height);
  font-weight: var(--_type-styles---h6--font-weight);
  letter-spacing: var(--_type-styles---h6--letter-spacing);
  text-transform: var(--_type-styles---h6--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_theme---link--link-primary);
  text-underline-offset: 3px;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

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

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--_theme---text--text-primary);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

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

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.overflow-hidden {
  overflow: hidden;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

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

.hide {
  display: none;
}

.text-style-link {
  text-underline-offset: .3em;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.container-large {
  max-width: var(--container--container-large);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  container-type: inline-size;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  overflow: clip;
}

.container-medium {
  max-width: var(--container--container-medium);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  container-type: inline-size;
}

.padding-xxsmall {
  padding: .5rem;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.text-style-quote {
  margin-bottom: 0;
  font-size: .875rem;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.heading-style-h2 {
  font-family: var(--_type-styles---h2--font-family);
  font-size: var(--_type-styles---h2--font-size);
  line-height: var(--_type-styles---h2--line-height);
  font-weight: var(--_type-styles---h2--font-weight);
  letter-spacing: var(--_type-styles---h2--letter-spacing);
  text-transform: var(--_type-styles---h2--text-transform);
  text-wrap: balance;
}

.styleguide_heading {
  z-index: 4;
  color: var(--_theme---text--text-primary);
  margin-bottom: 1.5rem;
  padding: .25rem .5rem;
  font-size: 3.5rem;
  font-weight: 700;
}

.heading-style-h6 {
  font-family: var(--_type-styles---h6--font-family);
  font-size: var(--_type-styles---h6--font-size);
  line-height: var(--_type-styles---h6--line-height);
  font-weight: var(--_type-styles---h6--font-weight);
  letter-spacing: var(--_type-styles---h6--text-transform);
  text-transform: var(--_type-styles---h6--text-transform);
  text-wrap: pretty;
}

.styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  place-items: center stretch;
}

.styleguide_item-row.is-button-row {
  grid-template-columns: 19rem 1fr;
}

.styleguide_icons-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.heading-style-h5 {
  font-family: var(--_type-styles---h5--font-family);
  font-size: var(--_type-styles---h5--font-size);
  line-height: var(--_type-styles---h5--line-height);
  font-weight: var(--_type-styles---h5--font-weight);
  letter-spacing: var(--_type-styles---h5--letter-spacing);
  text-transform: var(--_type-styles---h5--text-transform);
  text-wrap: pretty;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.heading-style-h1 {
  font-family: var(--_type-styles---h1--font-family);
  font-size: var(--_type-styles---h1--font-size);
  line-height: var(--_type-styles---h1--line-height);
  font-weight: var(--_type-styles---h1--font-weight);
  letter-spacing: var(--_type-styles---h1--letter-spacing);
  text-transform: var(--_type-styles---h1--text-transform);
  text-wrap: balance;
}

.button {
  border: 1px solid var(--_colors---neutral-900);
  background-color: var(--_colors---neutral-900);
  color: var(--_colors---neutral-100);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.heading-style-h4 {
  font-family: var(--_type-styles---h4--font-family);
  font-size: var(--_type-styles---h4--font-size);
  line-height: var(--_type-styles---h4--line-height);
  font-weight: var(--_type-styles---h4--font-weight);
  letter-spacing: var(--_type-styles---h4--letter-spacing);
  text-transform: var(--_type-styles---h4--text-transform);
  text-wrap: balance;
}

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

.styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.styleguide_label {
  color: #1e51f7;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #ebeffa;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.styleguide_label.is-html-tag {
  color: #bb4198;
  background-color: #f9eff6;
}

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

.heading-style-h3 {
  font-family: var(--_type-styles---h3--font-family);
  font-size: var(--_type-styles---h3--font-size);
  line-height: var(--_type-styles---h3--line-height);
  font-weight: var(--_type-styles---h3--font-weight);
  letter-spacing: var(--_type-styles---h3--letter-spacing);
  text-transform: var(--_type-styles---h3--text-transform);
  text-wrap: balance;
}

.form_input {
  border-style: solid;
  border-color: var(--_theme---border--border-primary);
  border-radius: var(--border--border-small);
  background-color: var(--_theme---background--background-primary);
  color: var(--_theme---text--text-primary);
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: var(--_theme---border--border-primary);
}

.form_input::placeholder {
  color: var(--_theme---text--text-secondary);
}

.styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.button-group {
  grid-column-gap: var(--spacing--spacing-button);
  grid-row-gap: var(--spacing--spacing-button);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-style-muted {
  opacity: .6;
}

.text-style-nowrap {
  white-space: nowrap;
}

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

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.styleguide_subheading {
  z-index: 3;
  background-color: var(--_theme---background--background-secondary);
  color: var(--_theme---text--text-primary);
  border-radius: .75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.text-style-allcaps {
  text-transform: uppercase;
}

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

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text figcaption {
  border-left: 2px solid var(--_theme---text--text-primary);
  text-align: left;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: var(--_theme---background--background-secondary);
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.padding-global {
  padding: var(--padding--padding-medium) var(--padding--padding-page);
}

.styleguide_subheading-small {
  font-size: 1rem;
  font-weight: 400;
}

.styleguide_color-spacer {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.aspect-ratio-square {
  aspect-ratio: 1;
}

.styleguide_ratio-bg {
  z-index: -1;
  background-color: var(--_theme---background--background-secondary);
  min-width: 3rem;
  height: 100%;
  position: relative;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
}

.inherit-color {
  color: inherit;
}

.form_message-error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.text-style-tagline {
  font-family: var(--_type-styles---text-tagline--font-family);
  font-size: var(--_type-styles---text-tagline--font-size);
  line-height: var(--_type-styles---text-tagline--line-height);
  font-weight: var(--_type-styles---text-tagline--font-weight);
  letter-spacing: var(--_type-styles---text-tagline--letter-spacing);
  text-transform: var(--_type-styles---text-tagline--text-transform);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-block;
}

.tag {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  background-color: var(--_colors---neutral-700);
  font-family: var(--_type-styles---main-text--mono-font-family);
  font-size: var(--_type-styles---text-small--font-size);
  letter-spacing: -.04em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding-left: .375rem;
  padding-right: .375rem;
  font-weight: 300;
  line-height: 1;
  transition: background-color .2s;
  display: inline-flex;
}

.tag.w--current {
  background-color: var(--_colors---neutral-900);
  outline-color: var(--_theme---background--background-secondary);
  outline-offset: -1px;
  pointer-events: none;
  color: var(--_theme---text--text-secondary);
  outline-width: 1px;
  outline-style: solid;
}

.tag.is-text {
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  padding: 0;
  display: inline-block;
}

.tag.is-logo {
  background-color: var(--_colors---transparent);
}

.tag.is-cursor {
  z-index: 1;
  pointer-events: none;
  -webkit-clip-path: inset(0% 100% 0% 0%);
  clip-path: inset(0% 100% 0% 0%);
  width: 10.25rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.tag.is-footer-hi {
  background-color: var(--_colors---transparent);
}

.tag.is-reduce-motion {
  background-color: var(--_theme---text--text-primary);
  color: var(--_theme---background--background-primary);
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 2rem;
}

.tag.is-text {
  background-color: var(--_colors---neutral-900);
}

.tag.is-page-link {
  background-color: var(--_theme---text--text-primary);
  color: var(--_theme---background--background-primary);
}

.tag.is-page-link:hover {
  background-color: var(--_theme---text--text-secondary);
  color: var(--_theme---background--background-primary);
}

.tag.is-page-link.w--current {
  background-color: var(--_theme---background--background-primary);
  outline-color: var(--_theme---border--border-secondary);
  color: var(--_theme---text--text-secondary);
}

.tag.is-header {
  background-color: var(--_colors---transparent);
}

.text-wrap-balance {
  text-wrap: balance;
}

.text-wrap-pretty {
  text-wrap: pretty;
}

.text-style-large {
  font-family: var(--_type-styles---text-large--font-family);
  font-size: var(--_type-styles---text-large--font-size);
  line-height: var(--_type-styles---text-large--line-height);
  font-weight: var(--_type-styles---text-large--font-weight);
  letter-spacing: var(--_type-styles---text-large--letter-spacing);
  text-transform: var(--_type-styles---text-large--text-transform);
  text-wrap: pretty;
}

.text-style-main {
  font-family: var(--_type-styles---text-main--font-family);
  font-size: var(--_type-styles---text-main--font-size);
  line-height: var(--_type-styles---text-main--line-height);
  font-weight: var(--_type-styles---text-main--font-weight);
  letter-spacing: var(--_type-styles---text-main--letter-spacing);
  text-transform: var(--_type-styles---text-main--text-transform);
  text-wrap: pretty;
}

.text-style-small {
  font-family: var(--_type-styles---text-small--font-family);
  font-size: var(--_type-styles---text-small--font-size);
  line-height: var(--_type-styles---text-small--line-height);
  font-weight: var(--_type-styles---text-small--font-weight);
  letter-spacing: var(--_type-styles---text-small--letter-spacing);
  text-transform: var(--_type-styles---text-small--text-transform);
  text-wrap: pretty;
}

.screen-reader-only {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.prevent-delete {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

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

.cover-absolute {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-layer {
  z-index: -1;
  background-color: var(--_theme---background--background-primary);
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-style-display {
  font-family: var(--_type-styles---display--font-family);
  font-size: var(--_type-styles---display--fonts-size);
  line-height: var(--_type-styles---display--line-height);
  font-weight: var(--_type-styles---display--font-weight);
  letter-spacing: var(--_type-styles---display--letter-spacing);
  text-transform: var(--_type-styles---display--text-transform);
  text-wrap: balance;
}

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

.text-wrap-auto {
  text-wrap: auto;
}

.header_component {
  padding: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.text-style-display {
  background-image: linear-gradient(180deg, var(--_colors---neutral-100), var(--_colors---neutral-400) 70%, var(--_colors---neutral-300) 82%, var(--_colors---neutral-300));
  font-family: var(--_type-styles---all-headings--heading-font-family);
  font-size: min(6.5rem, 16vw);
  line-height: 1.2;
  font-weight: var(--_type-styles---all-headings--heading-font-weight);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #aeabb8;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -.13em;
  margin-bottom: -.23em;
}

.text-style-display.is-footer {
  font-size: min(6.5rem, 10vw);
  position: relative;
}

.decorative_wrapper {
  pointer-events: none;
  color: var(--_colors---neutral-500);
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0%;
}

.layout-global {
  grid-column-gap: var(--padding--padding-medium);
  grid-row-gap: var(--padding--padding-medium);
  flex-flow: wrap;
  grid-template: "Header Header Header Header Header Header Header Header Header Header Header Header"
                 ". . . . . . . . . . . ."
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                 ". . . . . . . . . . . ."
                 ". . . . . . . . . . . ."
                 ". . . . . . . . Video-3 Video-3 . ."
                 "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . Video-3 Video-3 . ."
                 "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . . . . ."
                 "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . . . Video-2 Video-2"
                 "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . . . Video-2 Video-2"
                 ". . . . . . . . . . . ."
                 ". Mail Mail Mail Mail Mail Mail Mail Mail Mail Mail ."
                 ". Mail Mail Mail Mail Mail Mail Mail Mail Mail Mail ."
                 ". Mail Mail Mail Mail Mail Mail Mail Mail Mail Mail ."
                 ". Mail Mail Mail Mail Mail Mail Mail Mail Mail Mail ."
                 ". . . . . . . . . . . ."
                 "Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer"
                 "Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer"
                 / 1fr 1fr;
  grid-auto-rows: 7rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
  display: flex;
}

.section {
  padding: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.section.is-bizzarro-video, .section.is-spychala-video {
  aspect-ratio: 1;
  width: 14rem;
  height: 14rem;
}

.text-style-subheading {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  font-size: var(--_type-styles---text-large--font-size);
  font-weight: var(--_type-styles---all-headings--heading-font-weight);
  flex-flow: column;
  max-width: 45ch;
  display: flex;
}

.tags-wrapper {
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tags-wrapper.is-quote {
  margin-top: var(--spacing--spacing-small);
}

.header_me {
  background-color: var(--_theme---background--background-secondary);
  width: 5rem;
  height: 5rem;
}

.show-tablet {
  display: none;
}

.mail_avatar {
  color: #fff;
  background-image: url('../images/fav.png'), linear-gradient(#aeb4c5, #858b94);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px 16px, auto;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-weight: 600;
  display: flex;
}

.mail_left-top {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: default;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3.25rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.mail_divider {
  background-color: #d3d4d3;
  height: 1px;
}

.mail_message-dot {
  mix-blend-mode: darken;
  background-color: #007aff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 16px auto auto 8px;
}

.mail_scroll-shadow {
  z-index: 1;
  background-image: linear-gradient(#0003, #0000);
  height: 5px;
  position: absolute;
  top: 3.25rem;
  left: 0;
  right: 0;
}

.mail_message-title-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mail_right-top {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  cursor: default;
  background-color: #ffffffbf;
  flex-direction: row;
  place-content: flex-start space-between;
  align-items: flex-start;
  height: 3.25rem;
  padding: .75rem .75rem .75rem 1.25rem;
  display: flex;
  overflow: hidden;
}

.mail_divider-list {
  mix-blend-mode: darken;
  background-color: #d3d4d3;
  height: 1px;
  margin-top: 8px;
}

.mail_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #262626;
  background-color: #e8e9e9f7;
  border: 1px solid #d3d4d3;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 4fr 20fr;
  grid-auto-columns: 1fr;
  font-family: Sf Pro Text, Arial, sans-serif;
  font-size: .75rem;
  display: grid;
  overflow: clip;
}

.mail_left-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #a3a3a3;
  cursor: default;
  flex-direction: column;
  margin-top: .25rem;
  margin-left: 1.25rem;
  margin-right: .625rem;
  font-weight: 600;
  display: flex;
}

.mail_interactive {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_colors---transparent);
  grid-template-rows: auto;
  grid-template-columns: minmax(19rem, 7fr) 13fr;
  grid-auto-columns: 1fr;
  height: calc(29rem - 2px);
  display: grid;
}

.mail_scroll-white {
  background-color: var(--_colors---transparent);
  pointer-events: none;
  background-image: linear-gradient(#fff 67%, #0000);
  height: 6px;
  padding: 0;
  position: absolute;
  top: 3.2rem;
  left: 0;
  right: 0;
}

.mail_scroll-white.is-right {
  top: -.5rem;
}

.mail_tab-link {
  background-color: #0000;
  border-radius: 4px;
  margin-left: .75rem;
  margin-right: .75rem;
  padding: .5rem .75rem 0 1.5rem;
}

.mail_tab-link.w--current {
  color: #fff;
  background-color: #007aff;
}

.mail_main {
  background-color: #fff;
  position: relative;
}

.mail_top-right-icons {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  overflow: hidden;
}

.mail_list-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #454545;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: .75rem;
  font-weight: 400;
  display: flex;
}

.mail_middle-top {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  cursor: default;
  background-color: #ffffffbf;
  border-right: 1px solid #d3d4d3;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3.25rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.link-style-muted {
  opacity: .5;
  color: inherit;
  text-decoration: none;
}

.mail_title {
  flex: 1;
  height: 1.5em;
  font-size: .875rem;
  font-weight: 600;
  overflow: hidden;
}

.mail_message-info {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 32px auto;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: .25rem 2rem 0;
  display: grid;
}

.mail_middle {
  background-color: var(--_colors---transparent);
  border-right: 1px solid #d3d4d3;
  flex-direction: column;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: block;
  position: relative;
  overflow: scroll;
}

.mail_middle-right-divider {
  z-index: 999;
  background-color: #d3d4d3;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: -100px;
  right: -1px;
}

.mail_right {
  background-color: var(--_colors---transparent);
  padding-top: 3.75rem;
  position: static;
  overflow: scroll;
}

.text-style-muted-2 {
  opacity: .5;
}

.mail_top {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(19rem, 7fr) 13fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mail_subtitle {
  height: 1.5em;
  font-weight: 600;
  overflow: hidden;
}

.mail_message-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  display: flex;
  overflow: clip;
}

.footer_component {
  margin-top: var(--padding--padding-medium);
  padding: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.tags-spacer {
  margin-left: auto;
}

.content-wrapper {
  background-color: var(--_theme---background--background-secondary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.content-wrapper.is-img-show-hide {
  position: relative;
}

.layout-row {
  grid-column-gap: var(--padding--padding-medium);
  grid-row-gap: var(--padding--padding-medium);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: calc(50% - 3.5rem);
  height: 100%;
  display: flex;
}

.layout-row.is-1 {
  grid-column-gap: calc(var(--padding--padding-medium) * 2);
  grid-row-gap: calc(var(--padding--padding-medium) * 2);
  width: calc(50% - 4rem);
}

.layout-row.is-2 {
  width: calc(50% - 4rem);
}

.layout-column {
  grid-column-gap: var(--padding--padding-medium);
  grid-row-gap: var(--padding--padding-medium);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.layout-column.is-align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.tag-icon {
  justify-content: center;
  align-items: center;
  width: .5rem;
  height: .75rem;
  display: flex;
}

.video-component {
  mix-blend-mode: lighten;
  object-fit: cover;
  image-rendering: pixelated;
  flex: none;
  width: 85%;
  height: 85%;
  padding: 0;
  -webkit-mask: linear-gradient(#000 80%, #0000 100%);
  mask: linear-gradient(#000 80%, #0000 100%);
}

.img-lighten {
  mix-blend-mode: lighten;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.img-lighten:hover {
  opacity: .25;
}

.tag-logo-svg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mail-code-block {
  width: 200%;
  font-family: Geist Mono, Arial, sans-serif;
  font-size: .7rem;
  overflow: hidden;
}

.section-subheading {
  padding: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
}

.section-mail {
  margin-left: var(--padding--padding-medium);
  padding: var(--spacing--spacing-small);
  grid-column-gap: var(--spacing--spacing-small);
  grid-row-gap: var(--spacing--spacing-small);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
}

.decorative_line {
  background-color: var(--_colors---neutral-500);
  width: 8px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-14px);
}

.decorative_line.is-1 {
  transform: translate(-14px);
}

.decorative_line.is-2 {
  transform-origin: 50% 0;
  width: 1px;
  height: 8px;
  transform: translate(0, -14px);
}

.decorative_line.is-4 {
  transform-origin: 100%;
  left: auto;
  right: -28px;
}

.decorative_line.is-3 {
  width: 1px;
  height: 8px;
  left: auto;
  right: 0;
  transform: translate(0, -14px);
}

.decorative_line.is-5 {
  inset: auto 0 0 auto;
  transform: translate(14px);
}

.decorative_line.is-6 {
  width: 1px;
  height: 8px;
  inset: auto 0 -28px auto;
  transform: translate(0, -14px);
}

.decorative_line.is-7 {
  width: 1px;
  height: 8px;
  top: auto;
  bottom: 0;
  transform: translate(0, 14px);
}

.decorative_line.is-8 {
  top: auto;
  bottom: 0;
}

.footer_link {
  margin-bottom: -2%;
  padding-bottom: 2%;
  overflow: clip;
}

.mail_code-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  display: flex;
  overflow: clip;
  -webkit-mask: linear-gradient(to right, #000 90%, #0000 99%);
  mask: linear-gradient(to right, #000 90%, #0000 99%);
}

.eye_main {
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0%;
  transform: translate(0, -1px);
}

.eye_bg {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, -1px);
}

.eye_relative {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.eye_sliders {
  margin-top: var(--spacing--spacing-small);
  font-family: var(--_type-styles---main-text--mono-font-family);
  font-size: var(--_type-styles---text-tagline--font-size);
  text-transform: uppercase;
  align-self: stretch;
  margin-bottom: -6px;
}

.eye_slider-wrapper {
  padding-top: var(--spacing--spacing-small);
  padding-right: var(--spacing--spacing-small);
  padding-left: var(--spacing--spacing-small);
}

.eye_radio-wrapper {
  padding-top: var(--spacing--spacing-small);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link_image.is-ratio-4-5 {
  aspect-ratio: 4 / 5;
  object-fit: fill;
}

.link_hover {
  background-color: var(--_theme---background--background-secondary);
  opacity: 0;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
}

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

.reduce-motion-link {
  width: 100%;
  display: none;
}

.header_me-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .main-wrapper {
    max-width: 100vw;
  }

  .header_component {
    width: calc(55% - 4rem);
  }

  .layout-global {
    grid-template-areas: "Header Header Header Header Header Header Header Header Header Header Header Header"
                         ". . . . . . . . . . . ."
                         "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Subheading Subheading Subheading Subheading Subheading . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         ". . . . . . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Project-2 Project-2 Project-2 Project-2 Project-2 . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Project-2 Project-2 Project-2 Project-2 Project-2 . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Project-2 Project-2 Project-2 Project-2 Project-2 . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Project-2 Project-2 Project-2 Project-2 Project-2 . Project-1 Project-1 Project-1 Project-1 Project-1 Project-1"
                         "Project-2 Project-2 Project-2 Project-2 Project-2 . . . . . . ."
                         ". . . . . . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         ". . . Video-1 Video-1 . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         ". . . Video-1 Video-1 . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         ". . . . . . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         "Project-4 Project-4 Project-4 Project-4 Project-4 . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         "Project-4 Project-4 Project-4 Project-4 Project-4 . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         "Project-4 Project-4 Project-4 Project-4 Project-4 . Project-3 Project-3 Project-3 Project-3 Project-3 Project-3"
                         "Project-4 Project-4 Project-4 Project-4 Project-4 . . . . . . ."
                         ". . . . . . . . . . . ."
                         "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . Video-2 Video-2 . ."
                         "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . Video-2 Video-2 . ."
                         "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . . . . ."
                         "Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 Project-5 . . . . ."
                         ". . . . . . . . . . . ."
                         ". . . . Mail Mail Mail Mail Mail Mail Mail Mail"
                         ". . . . Mail Mail Mail Mail Mail Mail Mail Mail"
                         ". Video-3 Video-3 . Mail Mail Mail Mail Mail Mail Mail Mail"
                         ". Video-3 Video-3 . Mail Mail Mail Mail Mail Mail Mail Mail"
                         ". . . . . . . . . . . ."
                         "Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer"
                         "Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer";
  }

  .section.is-bizzarro-video {
    width: 28rem;
    height: 28rem;
  }

  .section.is-spychala-video {
    width: 21rem;
    height: 21rem;
  }

  .layout-row.is-1 {
    width: calc(55% - 4rem);
  }

  .layout-row.is-2 {
    width: calc(45% - 4rem);
    margin-top: -15.5rem;
  }

  .section-mail {
    margin-right: var(--padding--padding-medium);
  }
}

@media screen and (max-width: 991px) {
  body {
    --container--container-large: 90rem;
    --container--container-medium: 64rem;
    --border--border-small: 16px;
    --spacing--spacing-button: 1rem;
    --padding--padding-medium: 6rem;
    --padding--padding-page: 2rem;
    --spacing--spacing-small: .5rem;
    --container--container-small: 48rem;
    --border--border-width: 1px;
    --border--border-big: 24px;
    --padding--padding-small: 3rem;
    --border--border-round: 9999px;
    --padding--padding-big: 12rem;
  }

  .hide-tablet {
    display: none;
  }

  .styleguide_item-row {
    grid-template-columns: auto 1fr;
  }

  .styleguide_icons-list {
    grid-auto-flow: row;
  }

  .text-style-display.is-footer {
    text-align: center;
    font-size: max(1.5rem, 9.6vw);
  }

  .layout-global {
    grid-column-gap: var(--padding--padding-medium);
    grid-row-gap: var(--padding--padding-medium);
    flex-flow: column;
    display: flex;
  }

  .section.is-bizzarro-video {
    order: -1;
    align-self: flex-start;
    width: 18rem;
    height: 18rem;
  }

  .section.is-spychala {
    margin-right: var(--padding--padding-medium);
  }

  .section.is-spychala-video {
    order: 1;
    align-self: flex-end;
    width: 12rem;
    height: 12rem;
    margin-bottom: -18rem;
  }

  .section.is-bizzarro {
    margin-left: var(--padding--padding-medium);
  }

  .show-tablet {
    display: block;
  }

  .flex-grow {
    width: 100%;
  }

  .mail_component {
    display: block;
  }

  .mail_sidebar {
    display: none;
  }

  .footer_component {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .layout-row.is-1 {
    grid-column-gap: var(--padding--padding-medium);
    grid-row-gap: var(--padding--padding-medium);
    width: auto;
  }

  .layout-row.is-2 {
    width: auto;
  }

  .layout-column {
    flex-flow: column;
  }

  .section-mail {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .tag.is-cursor {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    -webkit-clip-path: none;
    clip-path: none;
    background-color: #28262ed9;
    width: 14rem;
    height: 3.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tag.is-link, .tag.is-page-link {
    height: 2rem;
  }

  .text-style-large, .text-style-main, .text-style-small {
    font-size: 1.125rem;
  }

  .header_component {
    text-align: center;
    flex-flow: column;
  }

  .text-style-display {
    font-size: min(6.5rem, 15vw);
  }

  .text-style-display.is-footer {
    text-align: left;
    font-size: max(1.5rem, 9vw);
  }

  .section.is-spychala {
    margin-right: 0;
  }

  .section.is-spychala-video {
    margin-bottom: 0;
  }

  .section.is-bizzarro {
    margin-left: 0;
  }

  .text-style-subheading {
    font-size: var(--_type-styles---text-main--font-size);
  }

  .tags-wrapper.is-footer, .tags-wrapper.is-header {
    grid-row-gap: 1rem;
  }

  .flex-grow {
    flex: 1;
  }

  .mail_component {
    grid-template-columns: 5fr 7fr;
  }

  .mail_interactive {
    grid-template-columns: 14rem 1fr;
  }

  .mail_middle-top {
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
  }

  .text-style-muted-2.hide-mobile-landscape {
    display: none;
  }

  .mail_top {
    grid-template-columns: 14rem 1fr;
  }

  .footer_component {
    text-align: center;
    flex-flow: column;
  }

  .tags-spacer {
    margin-left: 0;
  }

  .eye_slider-wrapper, .eye_radio-wrapper {
    padding-bottom: var(--spacing--spacing-small);
  }

  .link_hover {
    opacity: 100;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  body {
    --container--container-large: 90rem;
    --container--container-medium: 64rem;
    --border--border-small: 16px;
    --spacing--spacing-button: 1rem;
    --padding--padding-medium: 5rem;
    --padding--padding-page: 1.25rem;
    --spacing--spacing-small: .375rem;
    --container--container-small: 48rem;
    --border--border-width: 1px;
    --border--border-big: 24px;
    --padding--padding-small: 3rem;
    --border--border-round: 9999px;
    --padding--padding-big: 12rem;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .tag.is-logo {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 0;
  }

  .tag.is-link {
    width: 100%;
  }

  .tag.is-footer-hi {
    order: 9999;
    width: 100%;
    margin-top: 1rem;
    padding-left: 0;
  }

  .tag.is-page-link {
    width: 100%;
  }

  .text-style-display.is-footer {
    text-align: center;
    font-size: max(1.5rem, 8.7vw);
  }

  .section.is-bizzarro-video {
    order: 1;
    width: 66%;
    height: 66%;
  }

  .section.is-spychala-video {
    width: 50%;
    height: 50%;
  }

  .mail_message-dot, .mail_scroll-shadow {
    display: none;
  }

  .mail_message-title-wrapper {
    justify-content: center;
  }

  .mail_divider-list {
    display: none;
  }

  .mail_component {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    mix-blend-mode: darken;
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    order: 2;
    grid-template-columns: 5fr;
    width: auto;
    min-width: auto;
    height: 5rem;
    min-height: auto;
    max-height: none;
    margin-bottom: 0;
    position: relative;
  }

  .mail_scroll-white {
    display: none;
  }

  .mail_middle-top {
    background-color: #0000;
    display: none;
  }

  .mail_middle {
    box-shadow: none;
    background-color: #0000;
    border-right-style: none;
    display: block;
    overflow: visible;
  }

  .mail_right {
    display: none;
  }

  .footer_component {
    flex-flow: column;
  }

  .tags-spacer {
    width: 100%;
  }

  .video-component {
    opacity: .9;
  }

  .section-mail {
    display: none;
  }
}

#w-node-b4bcb9f2-1edf-7704-aa3d-7b05a86e65d9-14bf9e40 {
  align-self: start;
}

#w-node-_818b2f3e-2da8-6dc7-367d-7fb318c1e76d-14bf9e40 {
  grid-area: Project-2;
}

#w-node-_09855848-9f17-2dd7-0951-6ab8ce8697ff-14bf9e40 {
  grid-area: Project-3;
}

#w-node-ee8ab60d-e454-8fec-39e7-614e1e8c62c9-14bf9e40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ee8ab60d-e454-8fec-39e7-614e1e8c62ff-14bf9e40 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ee8ab60d-e454-8fec-39e7-614e1e8c6346-14bf9e40 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ce85d892-0709-9b1c-66e6-9a65687dae7b-14bf9e40, #w-node-_961fef7d-eb18-2491-002a-1ac9feecd19e-14bf9e40, #w-node-_43213e4d-5c2a-3c77-e64e-4159a9cb8105-14bf9e40, #w-node-ee8ab60d-e454-8fec-39e7-614e1e8c6375-14bf9e40, #w-node-_876a12b1-a905-7dfa-8d8b-a1a480dc6255-14bf9e40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970c5-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970c6-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970ca-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970cb-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970cf-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970d0-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970d4-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970d5-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970d9-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970da-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970de-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970df-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970e9-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970ea-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970ee-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970ef-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970f3-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970f4-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970f8-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970f9-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970fd-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa970fe-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97102-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97103-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97107-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97108-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97112-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97113-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97117-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97118-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9711c-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9711d-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97121-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97122-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9712c-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9712d-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97131-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97132-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97136-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97137-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9713b-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9713c-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97145-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97146-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9714f-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97150-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971a6-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971a7-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ab-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ac-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971b0-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971b1-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971b5-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971b6-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ba-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971bb-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971bf-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971c0-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971c4-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971c5-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971c9-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ca-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ce-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971cf-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971d9-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971da-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971de-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971df-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971e3-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971e4-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971eb-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa971ec-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97395-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97396-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9739b-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9739c-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973cb-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973cf-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973d0-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973d2-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973d4-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973d5-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973d7-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973de-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973df-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973e1-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973e8-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973e9-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa973eb-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97405-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97406-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97408-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9740e-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97412-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97413-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97415-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97430-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97431-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97433-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97435-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97436-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97438-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9743a-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9743b-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9743d-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97683-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97687-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97688-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9768c-14bf9e77, #w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9768e-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9768f-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97693-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97694-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97698-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97699-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9769d-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9769e-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976a2-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976a3-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976a7-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976a8-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ac-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ad-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976b1-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976b2-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976b6-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976b7-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976bb-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976bc-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976bf-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976c0-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976c4-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976c5-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976c9-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ca-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ce-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976cf-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976d3-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976d4-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976d8-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976d9-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976dd-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976de-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976e2-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976e3-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976e7-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976e8-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ec-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976ed-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976f1-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976f2-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976f6-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976f7-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976fb-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa976fc-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97700-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97701-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97705-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97706-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9770a-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9770b-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa9770f-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97710-14bf9e77 {
  justify-self: start;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97714-14bf9e77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ae6104a-4067-8f80-7c92-9ece2fa97715-14bf9e77 {
  justify-self: start;
}


@font-face {
  font-family: 'DM Sans Display';
  src: url('../fonts/DMSans_36pt-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Display';
  src: url('../fonts/DMSans_36pt-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans_18pt-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans_18pt-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/GeistMono-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Sf Pro Text';
  src: url('../fonts/SF-Pro-Text-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Pro Text';
  src: url('../fonts/SF-Pro-Text-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}