:root {
  --_theme---background--background-primary: var(--color--white);
  --_typography---text-size-regular-base--font-family: var(--font-family--primary-family);
  --_theme---text--text-primary: var(--color--black-70);
  --_typography---text-size-regular-base--font-size: 1rem;
  --_typography---text-size-regular-base--line-height: 1.5;
  --_typography---text-size-regular-base--font-weight: var(--font-weights--light);
  --_typography---text-size-regular-base--letter-spacing: 0em;
  --color--charcoal: #242424;
  --color--charcoal-55: #0c0c0c8c;
  --_typography---h1--font-family: var(--font-family--secondary-family);
  --_theme---text--text-secondary: var(--color--black);
  --_typography---h1--font-size: 2.875rem;
  --_typography---h1--line-height: 1.1;
  --_typography---h1--font-weight: var(--font-weights--bold);
  --_typography---h1--letter-spacing: -.03em;
  --_typography---h2--font-family: var(--font-family--secondary-family);
  --_typography---h2--font-size: 2.25rem;
  --_typography---h2--line-height: 1.1;
  --_typography---h2--font-weight: var(--font-weights--medium);
  --_typography---h2--letter-spacing: -.03em;
  --_typography---h3--font-family: var(--font-family--secondary-family);
  --_typography---h3--font-size: 2.75rem;
  --_typography---h3--line-height: 1;
  --_typography---h3--font-weight: var(--font-weights--bold);
  --_typography---h3--letter-spacing: -.02em;
  --_typography---h4--font-family: var(--font-family--secondary-family);
  --_typography---h4--font-size: 2.25rem;
  --_typography---h4--line-height: 1.1;
  --_typography---h4--font-weight: var(--font-weights--bold);
  --_typography---h4--letter-spacing: -.01em;
  --_typography---h5--font-family: var(--font-family--secondary-family);
  --_typography---h5--font-size: 2rem;
  --_typography---h5--line-height: 1.2;
  --_typography---h5--font-weight: var(--font-weights--bold);
  --_typography---h5--letter-spacing: -.01em;
  --_typography---h6--font-family: var(--font-family--secondary-family);
  --_typography---h6--font-size: 1.75rem;
  --_typography---h6--line-height: 1.2;
  --_typography---h6--font-weight: var(--font-weights--bold);
  --_typography---h6--letter-spacing: 0em;
  --color-scheme-1--text\<deleted\|relume-variable-color-scheme-1-text\>: var(--_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
  --sizes--container-size: 107.5rem;
  --_typography---text-size-medium--font-family: var(--font-family--primary-family);
  --_typography---text-size-medium--font-size: 1.25rem;
  --_typography---text-size-medium--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-medium--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-medium--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---font-styles--heading\<deleted\|relume-variable-font-style-heading\>: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_primitives---colors--white\<deleted\|relume-variable-neutral-white\>: #fff;
  --_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>: black;
  --_typography---text-size-tiny--font-family: var(--font-family--primary-family);
  --_typography---text-size-tiny--font-size: .75rem;
  --_typography---text-size-tiny--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-tiny--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-tiny--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --text-color--text-alternate\<deleted\|relume-variable-text-color-3\>: var(--base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>);
  --_theme---button--background: var(--color--charcoal);
  --_theme---button--text: var(--color--white);
  --_primitives---opacity--transparent\<deleted\|relume-variable-transparent\>: transparent;
  --_primitives---opacity--neutral-darkest-60\<deleted\|relume-variable-neutral-shade-7-60\>: #0009;
  --_primitives---opacity--white-60\<deleted\|relume-variable-neutral-white-60\>: #fff9;
  --_ui-styles---stroke--border-width\<deleted\|relume-variable-border-width\>: 1px;
  --color-scheme-1--border\<deleted\|relume-variable-color-scheme-1-border\>: var(--_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
  --_ui-styles---radius--medium\<deleted\|relume-variable-radius-medium\>: 0px;
  --color-scheme-1--foreground\<deleted\|relume-variable-color-scheme-1-foreground\>: var(--_primitives---colors--neutral-lightest\<deleted\|relume-variable-neutral-shade-1\>);
  --_typography---font-styles--body\<deleted\|relume-variable-font-style-body\>: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_typography---text-size-small--font-family: var(--font-family--primary-family);
  --_typography---text-size-small--font-size: .875rem;
  --_typography---text-size-small--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-small--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-small--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---text-size-large--font-family: var(--font-family--primary-family);
  --_typography---text-size-large--font-size: 1.5rem;
  --_typography---text-size-large--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-large--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-large--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --background-color--background-secondary\<deleted\|relume-variable-background-color-2\>: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
  --border-color--border-primary\<deleted\|relume-variable-border-color-1\>: var(--base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>);
  --_sizes-and-spacing---padding--padding-vertical: 7.5rem;
  --_sizes-and-spacing---padding--padding-horizontal: 2.5rem;
  --_ui-styles---radius--small\<deleted\|relume-variable-radius-small\>: 0px;
  --color-scheme-1--background\<deleted\|relume-variable-color-scheme-1-background\>: var(--_primitives---colors--white\<deleted\|relume-variable-neutral-white\>);
  --_theme---neutrals--neutral-background: var(--color--black);
  --_theme---neutrals--neutral-text: var(--color--white);
  --_primitives---colors--neutral-lightest\<deleted\|relume-variable-neutral-shade-1\>: #eee;
  --_ui-styles---radius--large\<deleted\|relume-variable-radius-large\>: 0px;
  --_sizes-and-spacing---others--nav-height: 6rem;
  --_sizes-and-spacing---gaps--grid-gap-regular: 1rem;
  --font-family--secondary-family: Lexend, Arial, sans-serif;
  --_theme---border--border-primary: var(--color--black-70);
  --_theme---background--background-secondary: var(--color--baidge);
  --color--white: white;
  --font-weights--bold: 700;
  --color--baidge: #f6f5f4;
  --font-weights--normal: 400;
  --color--black: #000;
  --color--black-70: #000000b3;
  --color--white-70: #ffffffb3;
  --font-family--primary-family: Lexend, Arial, sans-serif;
  --_typography---h1--text-transform: var(--text-transform--none);
  --_typography---h2--text-transform: var(--text-transform--none);
  --_typography---h3--text-transform: var(--text-transform--none);
  --_typography---h4--text-transform: var(--text-transform--none);
  --_typography---h5--text-transform: var(--text-transform--none);
  --_typography---h6--text-transform: var(--text-transform--none);
  --_typography---text-size-regular-base--text-transform: var(--text-transform--none);
  --_typography---text-size-large--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-medium--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-small--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-tiny--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --text-vertical-trim--primary-trim-top: .35em;
  --text-vertical-trim--primary-trim-bottom: .38em;
  --text-vertical-trim--secondary-trim-top: .35em;
  --text-vertical-trim--secondary-trim-bottom: .38em;
  --font-weights--thin: 100;
  --font-weights--extra-light: 200;
  --font-weights--light: 300;
  --font-weights--medium: 500;
  --font-weights--semi-bold: 600;
  --font-weights--extra-bold: 800;
  --font-weights--black: 900;
  --text-transform--none: 0px;
  --text-transform--uppercase: 0px;
  --text-transform--lowercase: 0px;
  --text-transform--capitalize: 0px;
  --base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>: white;
  --base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>: #eee;
  --base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>: black;
}

body {
  background-color: var(--_theme---background--background-primary);
  font-family: var(--_typography---text-size-regular-base--font-family);
  color: var(--_theme---text--text-primary);
  font-size: var(--_typography---text-size-regular-base--font-size);
  line-height: var(--_typography---text-size-regular-base--line-height);
  font-weight: var(--_typography---text-size-regular-base--font-weight);
  letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---text-size-regular-base--font-family: var(--font-family--primary-family);
  --_typography---text-size-regular-base--font-size: 1rem;
  --_typography---text-size-regular-base--line-height: 1.5;
  --_typography---text-size-regular-base--font-weight: var(--font-weights--light);
  --_typography---text-size-regular-base--letter-spacing: 0em;
  --_typography---h1--font-family: var(--font-family--secondary-family);
  --_typography---h1--font-size: 2.875rem;
  --_typography---h1--line-height: 1.1;
  --_typography---h1--font-weight: var(--font-weights--bold);
  --_typography---h1--letter-spacing: -.03em;
  --_typography---h2--font-family: var(--font-family--secondary-family);
  --_typography---h2--font-size: 2.25rem;
  --_typography---h2--line-height: 1.1;
  --_typography---h2--font-weight: var(--font-weights--medium);
  --_typography---h2--letter-spacing: -.03em;
  --_typography---h3--font-family: var(--font-family--secondary-family);
  --_typography---h3--font-size: 2.75rem;
  --_typography---h3--line-height: 1;
  --_typography---h3--font-weight: var(--font-weights--bold);
  --_typography---h3--letter-spacing: -.02em;
  --_typography---h4--font-family: var(--font-family--secondary-family);
  --_typography---h4--font-size: 2.25rem;
  --_typography---h4--line-height: 1.1;
  --_typography---h4--font-weight: var(--font-weights--bold);
  --_typography---h4--letter-spacing: -.01em;
  --_typography---h5--font-family: var(--font-family--secondary-family);
  --_typography---h5--font-size: 2rem;
  --_typography---h5--line-height: 1.2;
  --_typography---h5--font-weight: var(--font-weights--bold);
  --_typography---h5--letter-spacing: -.01em;
  --_typography---h6--font-family: var(--font-family--secondary-family);
  --_typography---h6--font-size: 1.75rem;
  --_typography---h6--line-height: 1.2;
  --_typography---h6--font-weight: var(--font-weights--bold);
  --_typography---h6--letter-spacing: 0em;
  --_typography---text-size-medium--font-family: var(--font-family--primary-family);
  --_typography---text-size-medium--font-size: 1.25rem;
  --_typography---text-size-medium--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-medium--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-medium--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---text-size-tiny--font-family: var(--font-family--primary-family);
  --_typography---text-size-tiny--font-size: .75rem;
  --_typography---text-size-tiny--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-tiny--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-tiny--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---text-size-small--font-family: var(--font-family--primary-family);
  --_typography---text-size-small--font-size: .875rem;
  --_typography---text-size-small--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-small--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-small--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---text-size-large--font-family: var(--font-family--primary-family);
  --_typography---text-size-large--font-size: 1.5rem;
  --_typography---text-size-large--line-height: var(--_typography---text-size-regular-base--line-height);
  --_typography---text-size-large--font-weight: var(--_typography---text-size-regular-base--font-weight);
  --_typography---text-size-large--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  --_typography---h1--text-transform: var(--text-transform--none);
  --_typography---h2--text-transform: var(--text-transform--none);
  --_typography---h3--text-transform: var(--text-transform--none);
  --_typography---h4--text-transform: var(--text-transform--none);
  --_typography---h5--text-transform: var(--text-transform--none);
  --_typography---h6--text-transform: var(--text-transform--none);
  --_typography---text-size-regular-base--text-transform: var(--text-transform--none);
  --_typography---text-size-large--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-medium--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-small--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_typography---text-size-tiny--text-transform: var(--_typography---text-size-regular-base--text-transform);
  --_theme---background--background-primary: var(--color--white);
  --_theme---text--text-primary: var(--color--black-70);
  --_theme---text--text-secondary: var(--color--black);
  --_theme---button--background: var(--color--charcoal);
  --_theme---button--text: var(--color--white);
  --_theme---neutrals--neutral-background: var(--color--black);
  --_theme---neutrals--neutral-text: var(--color--white);
  --_theme---border--border-primary: var(--color--black-70);
  --_theme---background--background-secondary: var(--color--baidge);
  text-transform: var(--_typography---text-size-regular-base--text-transform);
}

h1 {
  background-image: linear-gradient(90deg, var(--color--charcoal), var(--color--charcoal-55));
  font-family: var(--_typography---h1--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  text-transform: var(--_typography---h1--text-transform);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  background-image: linear-gradient(90deg, var(--color--charcoal), var(--color--charcoal-55));
  font-family: var(--_typography---h2--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
  text-transform: var(--_typography---h2--text-transform);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_typography---h3--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h3--font-size);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  letter-spacing: var(--_typography---h3--letter-spacing);
  text-transform: var(--_typography---h3--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_typography---h4--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h4--font-size);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
  letter-spacing: var(--_typography---h4--letter-spacing);
  text-transform: var(--_typography---h4--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_typography---h5--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h5--font-size);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  letter-spacing: var(--_typography---h5--letter-spacing);
  text-transform: var(--_typography---h5--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--_typography---h6--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h6--font-size);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  letter-spacing: var(--_typography---h6--letter-spacing);
  text-transform: var(--_typography---h6--text-transform);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: "";
}

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

li {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

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

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

blockquote {
  border-left: .1875rem solid var(--color-scheme-1--text\<deleted\|relume-variable-color-scheme-1-text\>);
  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;
}

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

.max-width-medium.size {
  max-width: 40rem;
}

.page-wrapper {
  position: relative;
  overflow: clip;
}

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

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

.heading-style-h2 {
  font-family: var(--_typography---h2--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h2--font-size);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  letter-spacing: var(--_typography---h2--letter-spacing);
  text-transform: var(--_typography---h2--text-transform);
}

.heading-style-h1 {
  font-family: var(--_typography---h1--font-family);
  color: var(--_theme---text--text-secondary);
  font-size: var(--_typography---h1--font-size);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  letter-spacing: var(--_typography---h1--letter-spacing);
  text-transform: var(--_typography---h1--text-transform);
}

.button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--_theme---button--background);
  color: var(--_theme---button--text);
  text-align: center;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 3.75rem;
  padding: .5rem 2.5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: transform .35s;
  display: flex;
}

.button:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d) {
  height: 3.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
}

.button:where(.w-variant-a97e40ea-c05b-189d-fdd5-5bdd14166420) {
  border: 1px solid var(--_theme---button--background);
  color: var(--_theme---button--background);
  background-color: #0000;
}

.button:where(.w-variant-8a758775-ec92-5931-5d7c-5b57add83a65) {
  border: 1px solid var(--_theme---button--background);
  color: var(--_theme---button--background);
  background-color: #0000;
  height: 3.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
}

.button.is-link {
  background-color: var(--_primitives---opacity--transparent\<deleted\|relume-variable-transparent\>);
  color: var(--_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-alternate {
  background-color: var(--_primitives---opacity--transparent\<deleted\|relume-variable-transparent\>);
  color: var(--_primitives---colors--white\<deleted\|relume-variable-neutral-white\>);
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-secondary {
  background-color: var(--_primitives---opacity--transparent\<deleted\|relume-variable-transparent\>);
  color: var(--_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
}

.button.is-secondary.is-alternate {
  background-color: var(--_primitives---opacity--transparent\<deleted\|relume-variable-transparent\>);
  color: var(--_primitives---colors--white\<deleted\|relume-variable-neutral-white\>);
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-alternate {
  border-color: var(--_primitives---colors--white\<deleted\|relume-variable-neutral-white\>);
  background-color: var(--_primitives---colors--white\<deleted\|relume-variable-neutral-white\>);
  color: var(--_primitives---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
}

.button.is-white {
  background-color: var(--_theme---background--background-primary);
  color: var(--_theme---button--background);
  background-color: var(--_theme---background--background-primary);
}

.text-size-regular {
  font-family: var(--_typography---text-size-regular-base--font-family);
  color: var(--_theme---text--text-primary);
  font-size: var(--_typography---text-size-regular-base--font-size);
  line-height: var(--_typography---text-size-regular-base--line-height);
  font-weight: var(--_typography---text-size-regular-base--font-weight);
  letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
  font-family: var(--_typography---text-size-regular-base--font-family);
  font-size: var(--_typography---text-size-regular-base--font-size);
  line-height: var(--_typography---text-size-regular-base--line-height);
  font-weight: var(--_typography---text-size-regular-base--font-weight);
  letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
  align-items: center;
}

.text-size-small {
  font-family: var(--_typography---text-size-small--font-family);
  color: var(--_theme---text--text-primary);
  font-size: var(--_typography---text-size-small--font-size);
  line-height: var(--_typography---text-size-small--line-height);
  font-weight: var(--_typography---text-size-small--font-weight);
  letter-spacing: var(--_typography---text-size-small--letter-spacing);
  text-transform: var(--_typography---text-size-small--text-transform);
  font-family: var(--_typography---text-size-small--font-family);
  font-size: var(--_typography---text-size-small--font-size);
  line-height: var(--_typography---text-size-small--line-height);
  font-weight: var(--_typography---text-size-small--font-weight);
  letter-spacing: var(--_typography---text-size-small--letter-spacing);
  text-transform: var(--_typography---text-size-small--text-transform);
}

.padding-global {
  padding: var(--_sizes-and-spacing---padding--padding-vertical) var(--_sizes-and-spacing---padding--padding-horizontal);
}

.padding-global.hero_padding {
  padding-top: 10.125rem;
  padding-bottom: 10.125rem;
}

.padding-global.footer_padding {
  padding-top: 6.38rem;
  padding-bottom: 9.06rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.button_arrow {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: .75rem;
  display: flex;
}

.button_arrow:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d), .button_arrow:where(.w-variant-8a758775-ec92-5931-5d7c-5b57add83a65) {
  width: 1.125rem;
}

.button_wrap {
  position: relative;
}

.button_link {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button_submit_link {
  z-index: 2;
  visibility: hidden;
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.nav_container {
  z-index: 2;
  max-width: var(--sizes--container-size);
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nav_layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

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

.button-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-content.email {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.spin {
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: none;
}

.section_home-hero {
  background-color: var(--_theme---background--background-secondary);
  border-bottom-right-radius: 7.5rem;
  border-bottom-left-radius: 7.5rem;
}

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

.navbar {
  padding-right: var(--_sizes-and-spacing---padding--padding-horizontal);
  padding-left: var(--_sizes-and-spacing---padding--padding-horizontal);
  height: 6.88rem;
  position: absolute;
  inset: 0% 0% auto;
}

.nav_left {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_email-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #f7f7f7;
  border-radius: 100vw;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.25rem;
  display: flex;
}

.nav_button {
  background-color: var(--_theme---background--background-primary);
  color: var(--_theme---text--text-secondary);
  border: .25px solid #ececec;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: .875rem;
  line-height: 1;
  text-decoration: underline;
  transition: transform .35s;
  display: flex;
  position: relative;
}

.nav_button:active {
  transform: scale(.9);
}

.nav_button.copy_email-button {
  text-decoration: none;
}

.nav_button.large {
  height: 4rem;
  padding: .5rem 2.5rem;
  text-decoration: none;
}

.nav_right {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_image-wrap {
  border: 1px solid #ececec;
  border-radius: 100vw;
  position: relative;
}

.hero_image-circle {
  aspect-ratio: 1;
  background-color: var(--_theme---background--background-primary);
  border-radius: 100vw;
  border-radius: inherit;
  width: 8.75rem;
  padding: .375rem;
}

.hero_image {
  filter: saturate(10%);
  border-radius: inherit;
  transition-property: filter;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.hero_image:hover {
  filter: saturate();
}

.hero_name-float {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_theme---background--background-primary);
  white-space: nowrap;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
  position: absolute;
  inset: auto auto 15% 60%;
  transform: rotate(-10deg);
}

.hand_wave {
  font-family: var(--_typography---text-size-small--font-family);
  color: var(--_theme---text--text-primary);
  font-size: var(--_typography---text-size-small--font-size);
  line-height: var(--_typography---text-size-small--line-height);
  font-weight: var(--_typography---text-size-small--font-weight);
  letter-spacing: var(--_typography---text-size-small--letter-spacing);
  text-transform: var(--_typography---text-size-small--text-transform);
  animation: 1s ease-in-out infinite wave;
}

.footer {
  background-color: var(--_theme---background--background-secondary);
  border-top-left-radius: 7.5rem;
  border-top-right-radius: 7.5rem;
}

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

.button_email-icon {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.button_email-icon:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d), .button_email-icon:where(.w-variant-8a758775-ec92-5931-5d7c-5b57add83a65) {
  width: 1.125rem;
}

.footer_visual-wrap {
  aspect-ratio: 1;
  background-image: linear-gradient(#fff, #fff0);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 10rem;
  display: flex;
}

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

.max-width-xmedium {
  width: 100%;
  max-width: 38rem;
}

.portfolio_list {
  grid-column-gap: 1.56rem;
  grid-row-gap: 1.56rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_bottom-bar {
  padding-right: var(--_sizes-and-spacing---padding--padding-horizontal);
  padding-left: var(--_sizes-and-spacing---padding--padding-horizontal);
}

.footer_bottom-bar-layout {
  border-top: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
  display: flex;
}

.footer_links-wrap {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.portfolio_card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--_theme---background--background-secondary);
  border: 1px solid #0000001a;
  border-radius: 1.25rem;
  flex-flow: column;
  height: 100%;
  padding: 2.375rem;
  display: flex;
}

.portfolio_image-wrap {
  aspect-ratio: 3.24 / 2.58;
  border-radius: .5rem;
  overflow: hidden;
}

.portfolio_image-wrap.website {
  background-color: var(--_theme---background--background-primary);
  background-color: var(--_theme---background--background-primary);
  border: 1px solid #0000001a;
}

.portfolio_website-thumbnail-wrap {
  padding: 2.5rem;
}

.portfolio_website-thumbnail {
  border: 1px solid #0000001a;
  transition: transform .35s;
}

.project_type-text {
  color: var(--_theme---text--text-secondary);
  font-size: .75rem;
  line-height: 1;
  font-weight: var(--font-weights--normal);
  border: 1px solid #000;
  border-radius: 100vw;
  padding: .5rem 1rem;
}

.project_type-text.thumbnail {
  border-color: #2ae873;
  padding: .375rem .625rem;
}

.portfolio_thumbnail-details-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_button-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
  position: absolute;
}

.nav_email-button {
  background-color: var(--_theme---background--background-primary);
  color: var(--_theme---text--text-secondary);
  border: .25px solid #ececec;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: .875rem;
  line-height: 1;
  text-decoration: underline;
  transition: transform .35s;
  display: flex;
  position: relative;
}

.nav_email-button:active {
  transform: scale(.9);
}

.nav_email-button.large {
  height: 4rem;
  padding: .5rem 2.5rem;
  text-decoration: none;
}

.nav_email-button.copy_email-button {
  text-decoration: none;
}

.nav_email-button.copy_email-button.hide-desktop {
  display: none;
}

.home_link {
  aspect-ratio: 1;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 3rem;
  transition: color .2s, background-color .2s;
  display: flex;
  box-shadow: inset 0 0 0 1px #00000080;
}

.home_link:hover {
  color: #fff;
  background-color: #000;
}

.home_link-arrow {
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
  transform: rotate(180deg);
}

.phone_link {
  z-index: 9999;
  background-color: var(--_theme---background--background-secondary);
  border: 1px solid #0000001a;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: none;
  position: fixed;
  inset: auto 1rem 1rem auto;
}

.phone_link._2 {
  right: 7rem;
}

.phone_icon {
  justify-content: center;
  align-items: center;
  height: 40%;
  margin-right: 2px;
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    --_typography---text-size-regular-base--font-family: var(--font-family--primary-family);
    --_typography---text-size-regular-base--font-size: 1rem;
    --_typography---text-size-regular-base--line-height: 1.5;
    --_typography---text-size-regular-base--font-weight: var(--font-weights--light);
    --_typography---text-size-regular-base--letter-spacing: 0em;
    --_typography---h1--font-family: var(--font-family--secondary-family);
    --_typography---h1--font-size: 2.5rem;
    --_typography---h1--line-height: 1.1;
    --_typography---h1--font-weight: var(--font-weights--bold);
    --_typography---h1--letter-spacing: -.03em;
    --_typography---h2--font-family: var(--font-family--secondary-family);
    --_typography---h2--font-size: 2rem;
    --_typography---h2--line-height: 1.1;
    --_typography---h2--font-weight: var(--font-weights--medium);
    --_typography---h2--letter-spacing: -.03em;
    --_typography---h3--font-family: var(--font-family--secondary-family);
    --_typography---h3--font-size: 2.5rem;
    --_typography---h3--line-height: 1;
    --_typography---h3--font-weight: var(--font-weights--bold);
    --_typography---h3--letter-spacing: -.02em;
    --_typography---h4--font-family: var(--font-family--secondary-family);
    --_typography---h4--font-size: 2rem;
    --_typography---h4--line-height: 1.1;
    --_typography---h4--font-weight: var(--font-weights--bold);
    --_typography---h4--letter-spacing: -.01em;
    --_typography---h5--font-family: var(--font-family--secondary-family);
    --_typography---h5--font-size: 1.75rem;
    --_typography---h5--line-height: 1.2;
    --_typography---h5--font-weight: var(--font-weights--bold);
    --_typography---h5--letter-spacing: -.01em;
    --_typography---h6--font-family: var(--font-family--secondary-family);
    --_typography---h6--font-size: 1.5rem;
    --_typography---h6--line-height: 1.2;
    --_typography---h6--font-weight: var(--font-weights--bold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-size-medium--font-family: var(--font-family--primary-family);
    --_typography---text-size-medium--font-size: 1.25rem;
    --_typography---text-size-medium--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-medium--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-medium--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-tiny--font-family: var(--font-family--primary-family);
    --_typography---text-size-tiny--font-size: .75rem;
    --_typography---text-size-tiny--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-tiny--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-tiny--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-small--font-family: var(--font-family--primary-family);
    --_typography---text-size-small--font-size: .875rem;
    --_typography---text-size-small--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-small--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-small--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-large--font-family: var(--font-family--primary-family);
    --_typography---text-size-large--font-size: 1.5rem;
    --_typography---text-size-large--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-large--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-large--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---h1--text-transform: var(--text-transform--none);
    --_typography---h2--text-transform: var(--text-transform--none);
    --_typography---h3--text-transform: var(--text-transform--none);
    --_typography---h4--text-transform: var(--text-transform--none);
    --_typography---h5--text-transform: var(--text-transform--none);
    --_typography---h6--text-transform: var(--text-transform--none);
    --_typography---text-size-regular-base--text-transform: var(--text-transform--none);
    --_typography---text-size-large--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-medium--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-small--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-tiny--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_sizes-and-spacing---padding--padding-vertical: 5rem;
    --_sizes-and-spacing---padding--padding-horizontal: 2rem;
    --_sizes-and-spacing---others--nav-height: 6rem;
    --_sizes-and-spacing---gaps--grid-gap-regular: 1rem;
  }

  .hide-tablet {
    display: none;
  }

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

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .padding-global.hero_padding {
    padding-top: 10rem;
    padding-bottom: 7rem;
  }

  .padding-global.footer_padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4.5rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 7.5rem;
  }

  .rl-styleguide_scheme-list {
    grid-template-columns: 1fr;
  }

  .nav_links-wrap {
    display: none;
  }

  .nav_menu-wrap {
    height: 0;
    display: block;
  }

  .only-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .only-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .only-top {
    padding-bottom: 0;
  }

  .only-bottom {
    padding-top: 0;
  }

  ._3-col-grid, ._4-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  .full-width-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    grid-template-columns: minmax(var(--_sizes-and-spacing---padding--padding-horizontal), 1fr) minmax(0px, calc(var(--sizes--container-size) / 2)) minmax(0px, calc(var(--sizes--container-size) / 2)) minmax(var(--_sizes-and-spacing---padding--padding-horizontal), 1fr);
    flex-flow: column;
    display: flex;
  }

  .grid-content {
    padding-right: var(--_sizes-and-spacing---padding--padding-horizontal);
    padding-left: var(--_sizes-and-spacing---padding--padding-horizontal);
  }

  .footer_visual-wrap {
    width: 8rem;
  }

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

  .mobile-apps_name-wrap {
    border-radius: .5rem;
    min-height: 3rem;
  }

  .sr-no, .mobile-apps_flow-title {
    font-size: 1.5rem;
  }

  .slider_button {
    border-radius: .5rem;
    width: 3rem;
    height: 3rem;
  }

  .mobile-apps_item.swiper-slide {
    width: 33.3333%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---text-size-regular-base--font-family: var(--font-family--primary-family);
    --_typography---text-size-regular-base--font-size: 1rem;
    --_typography---text-size-regular-base--line-height: 1.5;
    --_typography---text-size-regular-base--font-weight: var(--font-weights--light);
    --_typography---text-size-regular-base--letter-spacing: 0em;
    --_typography---h1--font-family: var(--font-family--secondary-family);
    --_typography---h1--font-size: 2.25rem;
    --_typography---h1--line-height: 1.1;
    --_typography---h1--font-weight: var(--font-weights--bold);
    --_typography---h1--letter-spacing: -.03em;
    --_typography---h2--font-family: var(--font-family--secondary-family);
    --_typography---h2--font-size: 1.875rem;
    --_typography---h2--line-height: 1.1;
    --_typography---h2--font-weight: var(--font-weights--medium);
    --_typography---h2--letter-spacing: -.03em;
    --_typography---h3--font-family: var(--font-family--secondary-family);
    --_typography---h3--font-size: 2rem;
    --_typography---h3--line-height: 1;
    --_typography---h3--font-weight: var(--font-weights--bold);
    --_typography---h3--letter-spacing: -.02em;
    --_typography---h4--font-family: var(--font-family--secondary-family);
    --_typography---h4--font-size: 1.75rem;
    --_typography---h4--line-height: 1.1;
    --_typography---h4--font-weight: var(--font-weights--bold);
    --_typography---h4--letter-spacing: -.01em;
    --_typography---h5--font-family: var(--font-family--secondary-family);
    --_typography---h5--font-size: 1.5rem;
    --_typography---h5--line-height: 1.2;
    --_typography---h5--font-weight: var(--font-weights--bold);
    --_typography---h5--letter-spacing: -.01em;
    --_typography---h6--font-family: var(--font-family--secondary-family);
    --_typography---h6--font-size: 1.375rem;
    --_typography---h6--line-height: 1.3;
    --_typography---h6--font-weight: var(--font-weights--bold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-size-medium--font-family: var(--font-family--primary-family);
    --_typography---text-size-medium--font-size: 1.125rem;
    --_typography---text-size-medium--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-medium--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-medium--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-tiny--font-family: var(--font-family--primary-family);
    --_typography---text-size-tiny--font-size: .75rem;
    --_typography---text-size-tiny--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-tiny--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-tiny--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-small--font-family: var(--font-family--primary-family);
    --_typography---text-size-small--font-size: .875rem;
    --_typography---text-size-small--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-small--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-small--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-large--font-family: var(--font-family--primary-family);
    --_typography---text-size-large--font-size: 1.375rem;
    --_typography---text-size-large--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-large--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-large--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---h1--text-transform: var(--text-transform--none);
    --_typography---h2--text-transform: var(--text-transform--none);
    --_typography---h3--text-transform: var(--text-transform--none);
    --_typography---h4--text-transform: var(--text-transform--none);
    --_typography---h5--text-transform: var(--text-transform--none);
    --_typography---h6--text-transform: var(--text-transform--none);
    --_typography---text-size-regular-base--text-transform: var(--text-transform--none);
    --_typography---text-size-large--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-medium--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-small--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-tiny--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_sizes-and-spacing---padding--padding-vertical: 4rem;
    --_sizes-and-spacing---padding--padding-horizontal: 1.5rem;
    --_sizes-and-spacing---others--nav-height: 5rem;
    --_sizes-and-spacing---gaps--grid-gap-regular: 1rem;
  }

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

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

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .button {
    height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-global.hero_padding {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .padding-global.footer_padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-large {
    padding-top: 2rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 5rem;
  }

  .category-filter-menu {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }

  .nav_btn_wrap:where(.w-variant-603e6330-6aa6-f27e-8fc1-575e2ab70281) {
    display: flex;
  }

  .nav_search-wrap:where(.w-variant-603e6330-6aa6-f27e-8fc1-575e2ab70281), .nav_primary-button-wrap:where(.w-variant-603e6330-6aa6-f27e-8fc1-575e2ab70281), .nav_secondary-button-wrap {
    display: none;
  }

  .nav_secondary-button-wrap:where(.w-variant-603e6330-6aa6-f27e-8fc1-575e2ab70281) {
    display: block;
  }

  .only-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .only-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .only-top {
    padding-bottom: 0;
  }

  .only-bottom {
    padding-top: 0;
  }

  ._3-col-grid, ._4-col-grid {
    grid-template-columns: 1fr;
  }

  .section_home-hero {
    border-bottom-right-radius: 4rem;
    border-bottom-left-radius: 4rem;
  }

  .navbar {
    height: 5rem;
  }

  .nav_email-wrap {
    padding-left: 0;
  }

  .footer {
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem;
  }

  .button_email-icon {
    width: 1.125rem;
  }

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

  .mobile-apps_layout {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .mobile-apps_flow-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .mobile-apps_header {
    display: contents;
  }

  .mobile-apps_item.swiper-slide {
    width: 50%;
  }

  .portfolio_hero-website-shot {
    transform: translate(-290px)skew(-21deg);
  }

  .nav_email-button.copy_email-button.hide-desktop {
    display: flex;
  }

  .phone_link {
    display: flex;
    bottom: 2.5rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---text-size-regular-base--font-family: var(--font-family--primary-family);
    --_typography---text-size-regular-base--font-size: .875rem;
    --_typography---text-size-regular-base--line-height: 1.5;
    --_typography---text-size-regular-base--font-weight: var(--font-weights--light);
    --_typography---text-size-regular-base--letter-spacing: 0em;
    --_typography---h1--font-family: var(--font-family--secondary-family);
    --_typography---h1--font-size: 2rem;
    --_typography---h1--line-height: 1.1;
    --_typography---h1--font-weight: var(--font-weights--bold);
    --_typography---h1--letter-spacing: -.03em;
    --_typography---h2--font-family: var(--font-family--secondary-family);
    --_typography---h2--font-size: 1.75rem;
    --_typography---h2--line-height: 1.1;
    --_typography---h2--font-weight: var(--font-weights--medium);
    --_typography---h2--letter-spacing: -.03em;
    --_typography---h3--font-family: var(--font-family--secondary-family);
    --_typography---h3--font-size: 1.875rem;
    --_typography---h3--line-height: 1;
    --_typography---h3--font-weight: var(--font-weights--bold);
    --_typography---h3--letter-spacing: -.02em;
    --_typography---h4--font-family: var(--font-family--secondary-family);
    --_typography---h4--font-size: 1.5rem;
    --_typography---h4--line-height: 1.2;
    --_typography---h4--font-weight: var(--font-weights--bold);
    --_typography---h4--letter-spacing: -.01em;
    --_typography---h5--font-family: var(--font-family--secondary-family);
    --_typography---h5--font-size: 1.375rem;
    --_typography---h5--line-height: 1.3;
    --_typography---h5--font-weight: var(--font-weights--bold);
    --_typography---h5--letter-spacing: -.01em;
    --_typography---h6--font-family: var(--font-family--secondary-family);
    --_typography---h6--font-size: 1.25rem;
    --_typography---h6--line-height: 1.4;
    --_typography---h6--font-weight: var(--font-weights--bold);
    --_typography---h6--letter-spacing: 0em;
    --_typography---text-size-medium--font-family: var(--font-family--primary-family);
    --_typography---text-size-medium--font-size: 1rem;
    --_typography---text-size-medium--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-medium--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-medium--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-tiny--font-family: var(--font-family--primary-family);
    --_typography---text-size-tiny--font-size: .75rem;
    --_typography---text-size-tiny--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-tiny--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-tiny--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-small--font-family: var(--font-family--primary-family);
    --_typography---text-size-small--font-size: .75rem;
    --_typography---text-size-small--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-small--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-small--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---text-size-large--font-family: var(--font-family--primary-family);
    --_typography---text-size-large--font-size: 1.25rem;
    --_typography---text-size-large--line-height: var(--_typography---text-size-regular-base--line-height);
    --_typography---text-size-large--font-weight: var(--_typography---text-size-regular-base--font-weight);
    --_typography---text-size-large--letter-spacing: var(--_typography---text-size-regular-base--letter-spacing);
    --_typography---h1--text-transform: var(--text-transform--none);
    --_typography---h2--text-transform: var(--text-transform--none);
    --_typography---h3--text-transform: var(--text-transform--none);
    --_typography---h4--text-transform: var(--text-transform--none);
    --_typography---h5--text-transform: var(--text-transform--none);
    --_typography---h6--text-transform: var(--text-transform--none);
    --_typography---text-size-regular-base--text-transform: var(--text-transform--none);
    --_typography---text-size-large--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-medium--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-small--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_typography---text-size-tiny--text-transform: var(--_typography---text-size-regular-base--text-transform);
    --_sizes-and-spacing---padding--padding-vertical: 3.5rem;
    --_sizes-and-spacing---padding--padding-horizontal: 1rem;
    --_sizes-and-spacing---others--nav-height: 4rem;
    --_sizes-and-spacing---gaps--grid-gap-regular: .5rem;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .button {
    height: 2.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .875rem;
  }

  .button:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d) {
    height: 2.25rem;
    padding: .125rem .75rem;
    font-size: .75rem;
  }

  .button-group.is-center {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .button_arrow:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d) {
    display: none;
  }

  .nav_logo-img {
    width: 6rem;
  }

  .nav_btn_wrap {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .nav_search-wrap {
    width: 2.25rem;
    height: 2.25rem;
  }

  .nav_menu-button-wrap {
    width: 2.5rem;
    height: 2.25rem;
  }

  .nav_menu-button-layout {
    width: 80%;
  }

  .nav_menu-line.first {
    translate: 0 .5rem;
  }

  .nav_menu-line.last {
    translate: 0 -.5rem;
  }

  .only-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .only-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .only-top {
    padding-bottom: 0;
  }

  .only-bottom {
    padding-top: 0;
  }

  .section_home-hero {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }

  .nav_left {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .nav_button {
    height: 2.75rem;
    min-height: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .75rem;
  }

  .nav_button.large {
    height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: .875rem;
  }

  .nav_button.social {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
  }

  .nav_right {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .hero_image-circle {
    width: 6rem;
    padding: .125rem;
  }

  .hero_name-float {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    padding: .75rem 1rem;
    bottom: 0%;
    left: 50%;
  }

  .footer {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }

  .button_email-icon {
    width: 1rem;
  }

  .button_email-icon:where(.w-variant-41ee7f75-a954-631e-114e-e6f1664c4d1d) {
    display: none;
  }

  .footer_bottom-bar-layout {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .portfolio_card {
    padding: 1.5rem;
  }

  .portfolio_hero-image-wrap.overflow-hidden.website {
    padding-top: 2rem;
    padding-right: 2rem;
  }

  .mobile-apps_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .mobile-apps_flow-sr-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sr-no {
    font-size: 1rem;
  }

  .mobile-apps_title-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mobile-apps_flow-title {
    font-size: 1rem;
  }

  .mobile-apps_item.swiper-slide {
    width: 100%;
  }

  .portfolio_website-thumbnail-wrap {
    padding: 1.5rem;
  }

  .portfolio_hero-website-shot {
    transform: translate(-80%)skew(-21deg);
  }

  .nav_button-text {
    font-size: .75rem;
  }

  .nav_email-button.copy_email-button.hide-desktop {
    height: 2.75rem;
    min-height: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .75rem;
  }

  .home_link {
    height: 2.75rem;
  }

  .home_link.w--current {
    height: 2.75rem;
    min-height: 2.75rem;
    max-height: 2.75rem;
    box-shadow: inset 0 0 0 1px #00000080;
  }

  .phone_link {
    width: 3.5rem;
    height: 3.5rem;
  }
}