@property --space--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --space--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --space--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --space--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --space--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --radius--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --radius--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --radius--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.375rem;
}
@property --space--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --space--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6rem;
}
@property --color--black {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --font-size--h1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.8rem + 2.2vw);
}
@property --font-size--h2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.2rem + 1.6vw);
}
@property --font-size--h3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.8rem + 1.1vw);
}
@property --font-size--h4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.45rem + 0.6vw);
}
@property --font-size--h5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.15rem + 0.35vw);
}
@property --font-size--h6 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1rem + 0.2vw);
}
@property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.05rem + 0.35vw);
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.3rem + 0.6vw);
}
@property --button--radius {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --color--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --font-size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.8rem + 1vw);
}
@property --font-size--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.4rem + 1.6vw);
}
@property --color--red--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE2E2;
}
@property --color--red--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCA5A5;
}
@property --color--red--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF4444;
}
@property --color--red--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B91C1C;
}
@property --color--red--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7F1D1D;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(0.95rem + 0.25vw);
}
@property --line-height--h1 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.2;
}
@property --line-height--h2 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.22;
}
@property --line-height--h3 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.25;
}
@property --line-height--h4 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.3;
}
@property --line-height--h5 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.35;
}
@property --line-height--h6 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.4;
}
@property --color--blue--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBEAFE;
}
@property --color--blue--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93C5FD;
}
@property --color--blue--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --color--blue--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D4ED8;
}
@property --color--blue--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E3A8A;
}
@property --color--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --color--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D4D4D4;
}
@property --color--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --color--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #404040;
}
@property --color--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --color--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --color--green--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1FAE5;
}
@property --color--green--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6EE7B7;
}
@property --color--green--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --color--green--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #047857;
}
@property --color--green--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064E3B;
}
@property --font-family--text {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --line-height--body {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.6;
}
@property --color--brand--main {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--text--light {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.9);
}
@property --color--text--muted {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.55);
}
@property --color--yellow--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3C7;
}
@property --color--yellow--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCD34D;
}
@property --color--yellow--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F59E0B;
}
@property --color--yellow--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B45309;
}
@property --color--yellow--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78350F;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --button--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --button--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --button--ghost--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --button--primary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --size--container--lg {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 80rem;
}
@property --size--container--md {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 64rem;
}
@property --size--container--sm {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 42rem;
}
@property --button--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --color--overlay--dark {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0,0,0,0.45);
}
@property --color--section--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.18) a b);
}
@property --color--text--default {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.9);
}
@property --font-family--heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --section--padding--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6rem;
}
@property --section--padding--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --section--padding--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --section--padding--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8rem;
}
@property --section--padding--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --button--lg--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.1rem;
}
@property --button--lg--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.4rem;
}
@property --button--lg--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.8rem;
}
@property --button--md--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --button--md--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --button--md--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.6rem;
}
@property --button--primary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --button--secondary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --button--sm--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --button--sm--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --button--sm--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.4rem;
}
@property --color--heading--brand {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--heading--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--overlay--brand {
  syntax: "<color>";
  inherits: false;
  initial-value: oklab(from #4E87A0 l a b / 0.55);
}
@property --color--section--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l + 0.1) a b);
}
@property --color--border--default {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.12);
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --section--padding--none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0;
}
@property --button--ghost--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--secondary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --color--brand--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--card--background {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--heading--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --color--section--default {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-family--heading-h1 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-family--heading-h2 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-family--heading-h3 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-family--heading-h4 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-family--heading-h5 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --font-family--heading-h6 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: initial;
}
@property --color--brand--main--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.18) a b);
}
@property --button--primary--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--brand--main--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l + 0.12) a b);
}
@property --color--container--default {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--container--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--button--ghost--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--button--primary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--button--primary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--button--secondary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--brand--secondary--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l - 0.15) a b);
}
@property --color--card--background--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.22) a b);
}
@property --color--brand--secondary--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l + 0.1) a b);
}

  :host, :root {
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.5rem;
  --space--xl: 2.5rem;
  --space--xs: 0.25rem;
  --radius--lg: 1.25rem;
  --radius--md: 0.75rem;
  --radius--sm: 0.375rem;
  --space--2xl: 4rem;
  --space--3xl: 6rem;
  --color--black: #25282A;
  --font-size--h1: calc(2rem + 2.2vw);
  --font-size--h2: calc(1.5rem + 1.6vw);
  --font-size--h3: calc(1.1rem + 1.1vw);
  --font-size--h4: calc(1rem + 0.6vw);
  --font-size--h5: calc(0.9rem + 0.35vw);
  --font-size--h6: calc(0.8rem + 0.2vw);
  --font-size--lg: calc(1.05rem + 0.35vw);
  --font-size--sm: 0.875rem;
  --font-size--xl: calc(1.3rem + 0.6vw);
  --button--radius: var(--radius--md);
  --color--primary: var(--color--blue--500);
  --font-size--2xl: calc(1.8rem + 1vw);
  --font-size--3xl: calc(2.4rem + 1.6vw);
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: calc(0.95rem + 0.25vw);
  --line-height--h1: 1.1;
  --line-height--h2: 1.13;
  --line-height--h3: 1.16;
  --line-height--h4: 1.2;
  --line-height--h5: 1.22;
  --line-height--h6: 1.25;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: Neue Haas Grotesk Text Pro;
  --font-weight--bold: 700;
  --line-height--body: 1.3;
  --color--brand--main: #4E87A0;
  --color--text--light: rgba(255,255,255,0.9);
  --color--text--muted: oklab(from var(--color--black) l a b / 0.55);
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --button--font-family: var(--font-family--text);
  --button--font-weight: 600;
  --button--ghost--text: var(--color--button--ghost--text);
  --button--primary--bg: var(--color--button--primary--bg);
  --size--container--lg: min(80rem, calc(100vw - 3rem));
  --size--container--md: min(64rem, calc(100vw - 3rem));
  --size--container--sm: min(43rem, calc(100vw - 3rem));
  --button--border-width: 1px;
  --color--overlay--dark: rgba(0,0,0,0.45);
  --color--section--dark: var(--color--brand--main--dark);
  --color--text--default: oklab(from var(--color--black) l a b / 0.9);
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --section--padding--lg: 6rem;
  --section--padding--md: 4rem;
  --section--padding--sm: 2.5rem;
  --section--padding--xl: 8rem;
  --section--padding--xs: 1.5rem;
  --button--lg--font-size: 1.1rem;
  --button--lg--padding-x: 1.4rem;
  --button--lg--padding-y: 0.8rem;
  --button--md--font-size: 1rem;
  --button--md--padding-x: 1rem;
  --button--md--padding-y: 0.6rem;
  --button--primary--text: var(--color--button--primary--text);
  --button--secondary--bg: var(--color--button--secondary--bg);
  --button--sm--font-size: 0.875rem;
  --button--sm--padding-x: 0.75rem;
  --button--sm--padding-y: 0.4rem;
  --color--heading--brand: var(--color--brand--main);
  --color--heading--light: #ffffff;
  --color--overlay--brand: oklab(from var(--color--brand--main) l a b / 0.55);
  --color--section--light: var(--color--brand--secondary--light);
  --color--border--default: oklab(from var(--color--black) l a b / 0.12);
  --font-weight--semi-bold: 600;
  --section--padding--none: 0;
  --button--ghost--bg-hover: oklab(from var(--color--button--ghost--text) l a b / 0.08);
  --button--secondary--text: var(--color--black);
  --color--brand--secondary: #D7D2CB;
  --color--card--background: #ffffff;
  --color--heading--default: var(--color--black);
  --color--section--default: transparent;
  --font-family--heading-h1: Neue Haas Grotesk Text Pro;
  --font-family--heading-h2: Neue Haas Grotesk Text Pro;
  --font-family--heading-h3: Neue Haas Grotesk Text Pro;
  --font-family--heading-h4: Neue Haas Grotesk Text Pro;
  --font-family--heading-h5: Neue Haas Grotesk Text Pro;
  --font-family--heading-h6: Neue Haas Grotesk Text Pro;
  --color--brand--main--dark: oklab(from #4E87A0 calc(l - 0.18) a b);
  --button--primary--bg-hover: oklab(from var(--color--button--primary--bg) calc(l - 0.08) a b);
  --color--brand--main--light: oklab(from #4E87A0 calc(l + 0.12) a b);
  --color--container--default: transparent;
  --color--container--surface: var(--color--brand--secondary);
  --color--button--ghost--text: var(--color--brand--main);
  --color--button--primary--bg: var(--color--brand--main);
  --color--button--primary--text: #ffffff;
  --color--button--secondary--bg: var(--color--brand--secondary);
  --color--brand--secondary--dark: oklab(from #D7D2CB calc(l - 0.15) a b);
  --color--card--background--dark: oklab(from var(--color--brand--main) calc(l - 0.22) a b);
  --color--brand--secondary--light: oklab(from #D7D2CB calc(l + 0.1) a b);
}
  
  
  [data-nc-theme~="Default"] {
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.5rem;
  --space--xl: 2.5rem;
  --space--xs: 0.25rem;
  --radius--lg: 1.25rem;
  --radius--md: 0.75rem;
  --radius--sm: 0.375rem;
  --space--2xl: 4rem;
  --space--3xl: 6rem;
  --color--black: #25282A;
  --font-size--h1: calc(2rem + 2.2vw);
  --font-size--h2: calc(1.5rem + 1.6vw);
  --font-size--h3: calc(1.1rem + 1.1vw);
  --font-size--h4: calc(1rem + 0.6vw);
  --font-size--h5: calc(0.9rem + 0.35vw);
  --font-size--h6: calc(0.8rem + 0.2vw);
  --font-size--lg: calc(1.05rem + 0.35vw);
  --font-size--sm: 0.875rem;
  --font-size--xl: calc(1.3rem + 0.6vw);
  --button--radius: var(--radius--md);
  --color--primary: var(--color--blue--500);
  --font-size--2xl: calc(1.8rem + 1vw);
  --font-size--3xl: calc(2.4rem + 1.6vw);
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: calc(0.95rem + 0.25vw);
  --line-height--h1: 1.1;
  --line-height--h2: 1.13;
  --line-height--h3: 1.16;
  --line-height--h4: 1.2;
  --line-height--h5: 1.22;
  --line-height--h6: 1.25;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: Neue Haas Grotesk Text Pro;
  --font-weight--bold: 700;
  --line-height--body: 1.3;
  --color--brand--main: #4E87A0;
  --color--text--light: rgba(255,255,255,0.9);
  --color--text--muted: oklab(from var(--color--black) l a b / 0.55);
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --button--font-family: var(--font-family--text);
  --button--font-weight: 600;
  --button--ghost--text: var(--color--button--ghost--text);
  --button--primary--bg: var(--color--button--primary--bg);
  --size--container--lg: min(80rem, calc(100vw - 3rem));
  --size--container--md: min(64rem, calc(100vw - 3rem));
  --size--container--sm: min(43rem, calc(100vw - 3rem));
  --button--border-width: 1px;
  --color--overlay--dark: rgba(0,0,0,0.45);
  --color--section--dark: var(--color--brand--main--dark);
  --color--text--default: oklab(from var(--color--black) l a b / 0.9);
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --section--padding--lg: 6rem;
  --section--padding--md: 4rem;
  --section--padding--sm: 2.5rem;
  --section--padding--xl: 8rem;
  --section--padding--xs: 1.5rem;
  --button--lg--font-size: 1.1rem;
  --button--lg--padding-x: 1.4rem;
  --button--lg--padding-y: 0.8rem;
  --button--md--font-size: 1rem;
  --button--md--padding-x: 1rem;
  --button--md--padding-y: 0.6rem;
  --button--primary--text: var(--color--button--primary--text);
  --button--secondary--bg: var(--color--button--secondary--bg);
  --button--sm--font-size: 0.875rem;
  --button--sm--padding-x: 0.75rem;
  --button--sm--padding-y: 0.4rem;
  --color--heading--brand: var(--color--brand--main);
  --color--heading--light: #ffffff;
  --color--overlay--brand: oklab(from var(--color--brand--main) l a b / 0.55);
  --color--section--light: var(--color--brand--secondary--light);
  --color--border--default: oklab(from var(--color--black) l a b / 0.12);
  --font-weight--semi-bold: 600;
  --section--padding--none: 0;
  --button--ghost--bg-hover: oklab(from var(--color--button--ghost--text) l a b / 0.08);
  --button--secondary--text: var(--color--black);
  --color--brand--secondary: #D7D2CB;
  --color--card--background: #ffffff;
  --color--heading--default: var(--color--black);
  --color--section--default: transparent;
  --font-family--heading-h1: Neue Haas Grotesk Text Pro;
  --font-family--heading-h2: Neue Haas Grotesk Text Pro;
  --font-family--heading-h3: Neue Haas Grotesk Text Pro;
  --font-family--heading-h4: Neue Haas Grotesk Text Pro;
  --font-family--heading-h5: Neue Haas Grotesk Text Pro;
  --font-family--heading-h6: Neue Haas Grotesk Text Pro;
  --color--brand--main--dark: oklab(from #4E87A0 calc(l - 0.18) a b);
  --button--primary--bg-hover: oklab(from var(--color--button--primary--bg) calc(l - 0.08) a b);
  --color--brand--main--light: oklab(from #4E87A0 calc(l + 0.12) a b);
  --color--container--default: transparent;
  --color--container--surface: var(--color--brand--secondary);
  --color--button--ghost--text: var(--color--brand--main);
  --color--button--primary--bg: var(--color--brand--main);
  --color--button--primary--text: #ffffff;
  --color--button--secondary--bg: var(--color--brand--secondary);
  --color--brand--secondary--dark: oklab(from #D7D2CB calc(l - 0.15) a b);
  --color--card--background--dark: oklab(from var(--color--brand--main) calc(l - 0.22) a b);
  --color--brand--secondary--light: oklab(from #D7D2CB calc(l + 0.1) a b);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .wlaut {
      display:flex;
      align-items:center;
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      justify-content:flex-start;
    }

    .eLNaGI {
      color:#ffffff;
      border:1px solid rgba(255,255,255,0.3);
      padding:0.5rem 1rem;
      font-size:0.875rem;
      background:rgba(255,255,255,0.2);
      font-weight:600;
      border-radius:2rem;
      backdrop-filter:blur(10px);
    }

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

    .cITQNM {
      color:var(--color--black);
      border:none;
      cursor:pointer;
      align-self:flex-start;
      background:var(--color--brand--secondary);
      transition:all 0.3s ease;
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      border-radius:0.5rem;
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
    }

    .cITQNM:hover {
      transform:translateY(-2px);
      background:rgba(255,255,255,0.9);
      box-shadow:0 4px 12px rgba(0,0,0,0.2);
    }

    .wtMlz {
      font-size:var(--font-size--h3);
    }

    @media (max-width: 768px) {

    .wtMlz {
      font-size:1.75rem;
    }
    }

    .eOGtbV {
      cursor:pointer;
      display:flex;
      overflow:hidden;
      position:relative;
      background:linear-gradient(135deg, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
      transition:all 0.25s ease-out;
      flex-direction:column;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 768px) {
    }

    .eOGtbV.active {
      flex:1;
    }

    .UYGdH {
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .eVOWOk {
      flex:1;
      color:white;
      height:100%;
      display:flex;
      row-gap:var(--space--md);
      background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
      column-gap:var(--space--md);
      padding-top:var(--space--xl);
      padding-left:var(--space--xl);
      padding-right:var(--space--xl);
      flex-direction:column;
      padding-bottom:var(--space--xl);
      justify-content:flex-end;
    }

    .dbDJeC {
      color:#ffffff;
      transform:rotate(180deg);
      text-align:center;
      white-space:nowrap;
      writing-mode:vertical-rl;
    }

    @media (max-width: 768px) {

    .dbDJeC {
      transform:none;
      writing-mode:horizontal-tb;
    }
    }

    .enokyO {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:0;
      position:absolute;
      transition:opacity 0.4s ease-out;
    }

    .ZdGbf {
      max-width:600px;
    }

    @media (max-width: 768px) {

    .ZdGbf {
      font-size:1rem;
    }
    }

    .dBQyGt {
      height:100%;
      display:flex;
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      align-items:center;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      flex-direction:column;
      padding-bottom:var(--space--md);
      justify-content:center;
    }

    @media (max-width: 768px) {

    .dBQyGt {
      width:100%;
      height:auto;
      padding:1rem;
      flex-direction:row;
    }
    }

    .dUpKSr {
      width:100%;
      height:30rem;
      display:flex;
      row-gap:var(--space--md);
      overflow:hidden;
      column-gap:var(--space--md);
      flex-direction:row;
    }

    @media (max-width: 768px) {

    .dUpKSr {
      height:auto;
      flex-direction:column;
    }
    }

    .cIuUqI {
      height:100%;
      display:flex;
      z-index:1;
      position:relative;
      transition:all 0.4s ease-out;
      flex-direction:column;
    }

    .djezvf {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:#00000063;
    }

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

    .YjZrY {
      width:100%;
      max-width:var(--size);
      padding-top:var(--padding);
      padding-bottom:var(--padding);
    }

    .cRTuRi {
      gap:var(--space--md);
      flex:1;
      display:flex;
      justify-content:center;
    }

    @media (max-width: 35rem) {
    }

    .bVtloV {
      font-size:var(--font-size--h3);
    }

    .custom_explore_more\:4uEZ_MzwknHg5CNps3zrn {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      flex-direction:row;
    }

    @media (max-width: 35rem) {

    .custom_explore_more\:4uEZ_MzwknHg5CNps3zrn {
      flex-direction:column;
    }
    }

    .dSWJrG {
      color:var(--color--brand--main);
    }

    .cuWiXd {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:0;
      position:absolute;
      object-fit:cover;
    }

    .custom_explore_more\:Ea16CHdWOXGvCh-RE2uLF {
      display:flex;
      text-align:center;
      align-items:center;
      padding-bottom:0px;
      justify-content:flex-start;
    }

    .dwPbwt {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:linear-gradient(to bottom left, #ff000000 0%, #00000094 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
    }

    .cduyXY {
      color:white;
      font-size:var(--font-size--h3);
      margin-bottom:var(--space--xs);
    }

    .ckPvlT {
      color:white;
      height:fit-content;
      display:flex;
      min-height:20rem;
      overflow-x:clip;
      overflow-y:clip;
      align-items:flex-start;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .ckPvlT {
      min-height:0px;
    }
    }

    .BEFTq {
      box-sizing:border-box;
    }

    .eJcYFt {
      color:var(--color--brand--main);
      width:1rem;
      height:1rem;
      box-sizing:border-box;
    }

    .footer\:2Bq2aq7pRngviE8v64zDl {
      padding-bottom:0px;
    }

    .swaUo {
      row-gap:var(--space--lg);
      background:var(--color--brand--secondary);
      column-gap:var(--space--lg);
      overflow-x:clip;
      overflow-y:clip;
      padding-top:var(--space--xl);
      padding-left:var(--space--xl);
      padding-right:var(--space--xl);
      padding-bottom:var(--space--md);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
    }

    .eryldt {
      row-gap:var(--space--sm);
      column-gap:var(--space--sm);
      flex-direction:row;
    }

    .bxxyIk {
      font-size:var(--font-size--sm);
    }

    .vyfKk {
      font-weight:var(--font-weight--semi-bold);
    }

    .WLyFs {
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
    }

    .fvrSuR {
      width:100%;
      overflow-x:visible;
      overflow-y:visible;
    }

    .eFEFDc {
      color:inherit;
      box-sizing:border-box;
    }

    .fduAWe {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      opacity:0.1;
      position:absolute;
      align-items:center;
      pointer-events:none;
      justify-content:flex-end;
    }

    .fmUzhq {
      gap:var(--space--md);
      display:grid;
      grid-template:auto / 1fr 1fr 1fr 1fr;
      flex-direction:row;
    }

    @media (max-width: 35rem) {

    .fmUzhq {
      display:flex;
      flex-direction:column;
    }
    }

    .dlEMmS {
      color:inherit;
      height:2rem;
      display:flex;
      box-sizing:border-box;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bmKCsR {
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .fjRZtX {
      width:1.5rem;
      height:1.5rem;
      box-sizing:border-box;
    }

    .cLrLvW {
      right:0px;
      bottom:0px;
      display:flex;
      row-gap:var(--space--md);
      position:fixed;
      column-gap:var(--space--md);
      align-items:flex-end;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
    }

    @media (max-width: 35rem) {

    .cLrLvW {
      row-gap:0px;
      column-gap:0px;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }
    }

    .dQUyqG {
      row-gap:var(--space--md);
      background:var(--color--brand--secondary);
      column-gap:var(--space--md);
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .copnxO {
      color:white;
      cursor:pointer;
      background:var(--color--black);
      transition:all 250ms ease;
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .copnxO:hover {
      background:var(--color--brand--main);
    }

    .eoPujl {
      transition:height 150ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .eoPujl.closed {
      height:0px;
      overflow-y:clip;
    }

    @media (max-width: 35rem) {

    .eoPujl {
      display:none;
    }
    }

    .fiqrKZ {
      width:8rem;
      cursor:pointer;
      height:8rem;
      display:flex;
      background:var(--color--brand--secondary);
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:center;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .fiqrKZ:hover {
      color:white;
      background:var(--color--brand--main);
    }

    .fiqrKZ.hover {
      scale:1.05 1.05 1;
    }

    @media (max-width: 35rem) {

    .fiqrKZ {
      rotate:0 0 1 -16deg;
      translate:0.35rem 2rem 0;
    }
    }

    .qhkxi {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    @keyframes HomePage-fadeInUp {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(30px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .eVEzGU {
      font-size:var(--font-size--h3);
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .custom_text_block_1\:ef2q1nghkfj03m4zxku1H {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
    }

    .ccijfV.bold {
      font-weight:700;
    }

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

    .ccijfV.underline {
      text-decoration-line:underline;
      text-decoration-style:auto;
    }

    .ccijfV.strike {
      text-decoration-line:line-through;
    }

    .eKmDPJ {
      cursor:pointer;
      display:inline;
      font-size:inherit;
      font-weight:inherit;
    }

    .custom_gallery_big\:root {
      padding-top:var(--section--padding--xl);
      padding-bottom:var(--section--padding--xl);
    }

    .eaaXwe {
      object-fit:cover;
      aspect-ratio:var(--aspect-ratio);
    }

    .custom_gallery_big\:CWoRQK-0ahJ9El95Ck4In {
      height:20rem;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .custom_gallery_big\:qg_KJI4XZXTD2XVcNFgYV {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      overflow-y:scroll;
      flex-direction:row;
    }

    .cvdDFr {
      display:flex;
      row-gap:var(--space--lg);
      column-gap:var(--space--lg);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .custom_text_image_1\:gUBUy_XaQHJ5aCWE7nJ-i {
      gap:var(--space--lg);
      display:grid;
      grid-template:auto / 1fr 1fr;
    }

    @media (max-width: 38rem) {

    .custom_text_image_1\:gUBUy_XaQHJ5aCWE7nJ-i {
      display:flex;
    }
    }

    .eHQYnd {
      color:var(--color--brand--main);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cvvXdt {
      width:100%;
      height:100%;
      object-fit:cover;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .bkUSis {
      row-gap:var(--space--md);
      background:var(--color--brand--secondary);
      column-gap:var(--space--md);
      overflow-x:clip;
      overflow-y:clip;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      animation-name:HomePage-fadeInUp;
      padding-bottom:var(--space--md);
      animation-delay:0.6s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .InzwY {
      font-weight:var(--button--font-weight);
    }

    .bkfdru {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:1.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .cuLaoN {
      color:white;
      background:var(--color--black);
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--button--radius);
      border-top-right-radius:var(--button--radius);
      border-bottom-left-radius:var(--button--radius);
      border-bottom-right-radius:var(--button--radius);
    }

    .cuLaoN:hover {
      background:var(--color--brand--main);
      transition:color 200ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .dbasNZ {
      width:100%;
      height:100%;
      display:flex;
      z-index:1;
      position:absolute;
      object-fit:cover;
      align-items:flex-end;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
    }

    .cOtxcn {
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dPhJIA {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:1.5s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .dPhJIA {
      grid-area:1 / 2 / 3 / 1;
    }
    }

    .custom_contact_cards\:_aulsOphwYZWROGE9ion8 {
      gap:var(--space--lg);
      display:grid;
      grid-template:auto / 1fr 1fr 1fr 1fr 1fr;
      view-timeline-axis:block;
      view-timeline-name:--section-timeline;
    }

    @media (max-width: 35rem) {

    .custom_contact_cards\:_aulsOphwYZWROGE9ion8 {
      display:grid;
      grid-template:auto / 1fr 1fr;
    }
    }

    .dkGuSy {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.9s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 45rem) {

    .dkGuSy {
      display:none;
    }
    }

    .dTIptj {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.3s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .dTIptj {
      display:none;
    }
    }

    .custom_information_section_video\:D8ZDCQnpvf8fKZuRuRFmv {
      padding-bottom:var(--space--md);
    }

    .daRmEb {
      width:100%;
      overflow:hidden;
      position:relative;
      aspect-ratio:2 / 1;
    }

    .bpTtMX {
      top:50%;
      left:50%;
      color:#ffffff;
      width:4rem;
      border:none;
      cursor:pointer;
      height:4rem;
      position:absolute;
      transform:translate(-50%,-50%);
      background:rgba(0,0,0,0.6);
      align-items:center;
      border-radius:50%;
      justify-content:center;
    }

    .custom_information_section_video\:LOLjAWTYfijIvKkWny91n {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .custom_information_section_video\:M1eiDlGsr7jOGjJvC9p42 {
      gap:var(--space--xl);
      display:grid;
      grid-template:auto / 1fr 1fr 1fr;
      grid-column-gap:var(--space--xl));
    }

    @media (max-width: 35rem) {

    .custom_information_section_video\:M1eiDlGsr7jOGjJvC9p42 {
      display:grid;
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      grid-template:auto / 1fr 1fr;
    }
    }

    @media (max-width: 28rem) {

    .custom_information_section_video\:M1eiDlGsr7jOGjJvC9p42 {
      display:flex;
    }
    }

    .bbkigz {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.3s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .faJyvm {
      font-size:var(--font-size--h4);
    }

    .fcAwXK {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.4s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .dxuXVw {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .fphqdm {
      color:white;
      width:100%;
      display:flex;
      position:fixed;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:flex-start;
    }

    .fphqdm.scroll {
      color:var(--color--brand--main);
      background:white;
    }

    .dFOGex {
      display:inline;
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .dXHBrl {
      padding-top:var(--space--md);
      margin-right:calc(var(--space--md) * -1);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
    }

    @media (min-width: 30rem) {

    .dXHBrl {
      display:none;
    }
    }

    .dxccwm {
      color:inherit;
      height:1.75rem;
      box-sizing:border-box;
    }

    .ehNNQR {
      color:var(--color--brand--secondary--light);
      width:100%;
      height:100vh;
      position:fixed;
      animation:navbar-slideInFromTop 250ms ease-out;
      background:var(--color--black);
    }

    @keyframes navbar-slideInFromTop {
        0% {
          transform: translateY(-100%);
        }

        0% {
          opacity: 0;
        }

        100% {
          transform: translateY(0);
        }

        100% {
          opacity: 1;
        }
    }

    .bLLKTl {
      row-gap:var(--space--md);
      animation:navbar-childFadeSlide 300ms ease-out 400ms backwards;
      column-gap:var(--space--md);
      flex-direction:row;
    }

    @keyframes navbar-childFadeSlide {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(20px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .fsGALj {
      color:inherit;
      height:1.75rem;
      display:flex;
      box-sizing:border-box;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .eStusZ {
      width:100%;
      display:flex;
      row-gap:var(--button--md--font-size);
      max-width:var(--size--container--md);
      column-gap:var(--button--md--font-size);
      align-items:center;
      padding-top:var(--space--md);
      flex-direction:row;
      padding-bottom:var(--space--md);
      justify-content:space-between;
    }

    .bzIkRw {
      row-gap:var(--space--xs);
      animation:navbar-childFadeSlide 300ms ease-out 450ms backwards;
      font-size:var(--font-size--xl);
      column-gap:var(--space--xs);
      flex-direction:column;
    }

    .dWjqUH {
      row-gap:var(--button--md--font-size);
      column-gap:var(--button--md--font-size);
      flex-direction:row;
    }

    @media (max-width: 30rem) {

    .dWjqUH {
      display:none;
    }
    }

    .hOEVs {
      display:inline;
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .hOEVs:active {
      color:var(--color--brand--main--light);
      font-weight:var(--font-weight--bold);
    }

    .eERfU {
      display:inline;
      font-size:var(--font-size--base);
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .cDzeLh {
      display:flex;
      animation:navbar-childFadeSlide 300ms ease-out 300ms backwards;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .bXMDaN {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .cbEQRk {
      row-gap:var(--space--xs);
      animation:navbar-childFadeSlide 300ms ease-out 350ms backwards;
      font-size:var(--font-size--3xl);
      column-gap:var(--space--xs);
      flex-direction:column;
    }

    .fudFHr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      height:150%;
      position:absolute;
      background:linear-gradient(#00000069 0%, #0000ff00 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      transition:all 300ms ease;
    }

    .fudFHr.scroll {
      background:linear-gradient(#ffffff4f 0%, #0000ff00 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }

    .cnzSeM {
      width:100%;
      height:100%;
      row-gap:var(--space--xl);
      animation:navbar-childFadeSlide 300ms ease-out 250ms backwards;
      max-width:var(--size--container--md);
      column-gap:var(--space--xl);
      padding-top:var(--space--lg);
      padding-bottom:var(--space--lg);
    }

    .dynamic-page\:dv8pskq3V_lbM-8-1tQQv {
      z-index:99999999999999;
    }

    .custom_hero\:root {
      height:100svh;
      display:flex;
      max-height:65rem;
      overflow-x:clip;
      overflow-y:clip;
      align-items:center;
      justify-content:center;
    }

    .YzVWr {
      width:100%;
      height:100%;
      position:absolute;
      animation:6s cubic-bezier(0.42,0,0.58,1) 0ms 1 normal none running animation-dSvPoF;
      object-fit:cover;
      transition:all 250ms cubic-bezier(0.42,0,0.58,1);
    }

    .YzVWr.hidden {
      display:none;
      opacity:0;
    }

    @keyframes animation-dSvPoF {
        0% {
          scale: 1 1 1;
        }

        0% {
          opacity: 0;
        }

        3% {
          opacity: 01;
        }

        100% {
          scale: 1.1;
        }
    }

    .fxqPXA {
      font-size:var(--font-size--h2);
      text-align:left;
      font-weight:var(--button--font-weight);
    }

    .custom_hero\:JxezA4mpYJVxXMEp852Do {
      color:white;
      width:100%;
      height:100%;
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      justify-content:flex-end;
    }

    .eLHQTY {
      width:100%;
      height:100%;
      opacity:0.5;
      position:absolute;
      background:linear-gradient(#ff000000 0%,#000000 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
      margin-top:0px;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:0px;
    }

    .dBjULF {
      row-gap:var(--space--md);
      flex-wrap:wrap;
      column-gap:var(--space--md);
      margin-top:var(--space--sm);
      flex-direction:row;
    }

    .cKVqvO {
      color:var(--color--black);
      background:var(--color--brand--secondary);
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--button--radius);
      border-top-right-radius:var(--button--radius);
      border-bottom-left-radius:var(--button--radius);
      border-bottom-right-radius:var(--button--radius);
    }

    .eDEwJK {
      font-size:var(--font-size--h4);
      text-align:left;
    }

    .fcYQUa {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:1;
      z-index:0;
      position:absolute;
    }

    .cHeabC {
      background:var(--color--brand--main);
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--button--radius);
      border-top-right-radius:var(--button--radius);
      border-bottom-left-radius:var(--button--radius);
      border-bottom-right-radius:var(--button--radius);
    }

    .idmop {
      width:100%;
      display:flex;
      overflow:hidden;
      position:relative;
      flex-direction:row;
    }

    .cwticX {
      color:var(--item-color);
      padding:0px;
      font-size:var(--font-size--h3);
      white-space:nowrap;
    }

    .djQGKA {
      gap:var(--space--md);
      display:flex;
      flex-shrink:0;
      flex-direction:row;
    }

    .HcAXU {
      gap:var(--space--md);
      display:flex;
      animation-name:var(--animation-name);
      flex-direction:row;
      animation-duration:60s;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
    }

    @keyframes text_carousel_infinitive-slide-left {
        0% {
          transform: translateX(0%);
        }

        100% {
          transform: translateX(-50%);
        }
    }


    @keyframes text_carousel_infinitive-slide-right {
        0% {
          transform: translateX(-50%);
        }

        100% {
          transform: translateX(0%);
        }
    }

    .custom_feature_slider\:5S3BX8naBtuHtqb-i2bz2 {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .custom_feature_slider\:GhCgur6UzRTCyYwgt4drf {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      mask-image:linear-gradient(    to right,    transparent 0%,    black 8%,    black 92%,    transparent 100%  );
      -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
    }

    .custom_feature_slider\:o6wNwUw400M2wgS1dV8_g {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }