@property --_ {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --green {
  syntax: "<color>";
  inherits: true;
  initial-value: #4ade80;
}
@property --max-w {
  syntax: "*";
  inherits: true;
  initial-value: 1040px;
}
@property --Gray-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bg-exp {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f0f0f;
}
@property --bg-nav {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(12,12,12,0.96);
}
@property --border {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.07);
}
@property --cta-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0efe9;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --stroke {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.07);
}
@property --Bg-weak {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Gray-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bg-card {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.03);
}
@property --bg-cell {
  syntax: "<color>";
  inherits: true;
  initial-value: #161616;
}
@property --bg-main {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bg-page {
  syntax: "<color>";
  inherits: true;
  initial-value: #0c0c0c;
}
@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121212;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F1F1F;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282828;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #303030;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A3A3A;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #474747;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606060;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF;
}
@property --exp-bar {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.3);
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --Accent-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Bg-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Icon-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Text-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bg-clink {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.04);
}
@property --bg-modal {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --bg-stage {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a0a0a;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6F6F6;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3B3;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEE;
}
@property --cta-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #0c0c0c;
}
@property --grey-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --grey-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --grey-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --hint-dot {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.4);
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --text-dim {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.2);
}
@property --Accent-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Accent-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Icon-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Text-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --border-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --border-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121212;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F1F1F;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282828;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #303030;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A3A3A;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #474747;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606060;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6D6D6D;
}
@property --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --text-hint {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.3);
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --exp-dot-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.1);
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7A7A7A;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3B3;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEE;
}
@property --overlay-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --text-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.2);
}
@property --text-label {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.35);
}
@property --text-micro {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.4);
}
@property --text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.25);
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --Icon-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Text-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --border-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --current-bar {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.3);
}
@property --device-case {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-span {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.4);
}
@property --green-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(100,220,120,0.7);
}
@property --overlay-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --stroke-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.1);
}
@property --text-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0efe9;
}
@property --visa-border {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.08);
}
@property --border-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.14);
}
@property --border-inner {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.06);
}
@property --border-modal {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.1);
}
@property --connector-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.05);
}
@property --text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0efe9;
}
@property --Icon-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Text-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --badge-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --bg-card-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.06);
}
@property --bg-cell-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e1e1e;
}
@property --border-active {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.5);
}
@property --border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.15);
}
@property --header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --rounding-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --bg-clink-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.08);
}
@property --exp-dot-border {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.2);
}
@property --line-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(240,239,233,0.45);
}
@property --bg-career-strip {
  syntax: "<color>";
  inherits: true;
  initial-value: #161616;
}
@property --line-height-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --side-menu-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 240px;
}
@property --spinner-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --letter-spacing-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --overlay-inverted-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}

  :host, :root {
  --bold: 700;
  --semi: 600;
  --green: #4ade80;
  --max-w: 1040px;
  --bg-exp: #fafaf8;
  --bg-nav: rgba(240,239,233,0.96);
  --border: rgba(0,0,0,0.07);
  --cta-bg: #0c0c0c;
  --medium: 500;
  --normal: 400;
  --stroke: rgba(240,239,233,0.07);
  --bg-card: rgba(240,239,233,0.03);
  --bg-cell: #ffffff;
  --bg-main: #fafafa;
  --bg-page: #f0efe9;
  --brand-1: #000;
  --brand-2: #121212;
  --brand-3: #1F1F1F;
  --brand-4: #282828;
  --brand-5: #303030;
  --brand-6: #3A3A3A;
  --brand-7: #474747;
  --brand-8: #606060;
  --brand-9: #FFF;
  --exp-bar: rgba(0,0,0,0.2);
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --bg-clink: rgba(0,0,0,0.03);
  --bg-modal: #ffffff;
  --bg-stage: #f5f4f0;
  --brand-10: #F6F6F6;
  --brand-11: #B3B3B3;
  --brand-12: #EEE;
  --cta-text: #f0efe9;
  --grey-200: #E5E5E5;
  --grey-800: #262626;
  --grey-900: #171717;
  --hint-dot: rgba(0,0,0,0.3);
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-dim: rgba(240,239,233,0.2);
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #000;
  --neutral-1: #000;
  --neutral-2: #121212;
  --neutral-3: #1F1F1F;
  --neutral-4: #282828;
  --neutral-5: #303030;
  --neutral-6: #3A3A3A;
  --neutral-7: #474747;
  --neutral-8: #606060;
  --neutral-9: #6D6D6D;
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --text-hint: rgba(0,0,0,0.35);
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --exp-dot-bg: rgba(0,0,0,0.06);
  --neutral-10: #7A7A7A;
  --neutral-11: #B3B3B3;
  --neutral-12: #EEE;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --text-faint: rgba(0,0,0,0.25);
  --text-label: rgba(0,0,0,0.4);
  --text-micro: rgba(0,0,0,0.45);
  --text-muted: rgba(0,0,0,0.35);
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --current-bar: rgba(0,0,0,0.25);
  --footer-span: rgba(0,0,0,0.5);
  --green-muted: rgba(100,220,120,0.7);
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --stroke-soft: rgba(240,239,233,0.1);
  --text-strong: #f0efe9;
  --visa-border: rgba(0,0,0,0.1);
  --border-hover: rgba(0,0,0,0.13);
  --border-inner: rgba(0,0,0,0.06);
  --border-modal: rgba(0,0,0,0.1);
  --connector-bg: rgba(0,0,0,0.05);
  --text-primary: #0c0c0c;
  --badge-size-lg: 2rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --bg-card-hover: rgba(240,239,233,0.06);
  --bg-cell-hover: #f5f4f0;
  --border-active: rgba(0,0,0,0.6);
  --border-strong: rgba(0,0,0,0.12);
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --bg-clink-hover: rgba(0,0,0,0.06);
  --exp-dot-border: rgba(0,0,0,0.15);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --text-secondary: rgba(0,0,0,0.5);
  --bg-career-strip: #ffffff;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 240px;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --green: #4ade80;
  --max-w: 1040px;
  --bg-exp: #0f0f0f;
  --bg-nav: rgba(12,12,12,0.96);
  --border: rgba(240,239,233,0.07);
  --cta-bg: #f0efe9;
  --stroke: rgba(240,239,233,0.07);
  --bg-card: rgba(240,239,233,0.03);
  --bg-cell: #161616;
  --bg-page: #0c0c0c;
  --exp-bar: rgba(240,239,233,0.3);
  --bg-clink: rgba(240,239,233,0.04);
  --bg-modal: #111111;
  --bg-stage: #0a0a0a;
  --cta-text: #0c0c0c;
  --hint-dot: rgba(240,239,233,0.4);
  --text-dim: rgba(240,239,233,0.2);
  --text-hint: rgba(240,239,233,0.3);
  --exp-dot-bg: rgba(240,239,233,0.1);
  --text-faint: rgba(240,239,233,0.2);
  --text-label: rgba(240,239,233,0.35);
  --text-micro: rgba(240,239,233,0.4);
  --text-muted: rgba(240,239,233,0.25);
  --current-bar: rgba(240,239,233,0.3);
  --footer-span: rgba(240,239,233,0.4);
  --green-muted: rgba(100,220,120,0.7);
  --stroke-soft: rgba(240,239,233,0.1);
  --text-strong: #f0efe9;
  --visa-border: rgba(240,239,233,0.08);
  --border-hover: rgba(240,239,233,0.14);
  --border-inner: rgba(240,239,233,0.06);
  --border-modal: rgba(240,239,233,0.1);
  --connector-bg: rgba(240,239,233,0.05);
  --text-primary: #f0efe9;
  --bg-card-hover: rgba(240,239,233,0.06);
  --bg-cell-hover: #1e1e1e;
  --border-active: rgba(240,239,233,0.5);
  --border-strong: rgba(240,239,233,0.15);
  --bg-clink-hover: rgba(240,239,233,0.08);
  --exp-dot-border: rgba(240,239,233,0.2);
  --text-secondary: rgba(240,239,233,0.45);
  --bg-career-strip: #161616;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --bold: 700;
  --semi: 600;
  --green: #4ade80;
  --max-w: 1040px;
  --bg-exp: #fafaf8;
  --bg-nav: rgba(240,239,233,0.96);
  --border: rgba(0,0,0,0.07);
  --cta-bg: #0c0c0c;
  --medium: 500;
  --normal: 400;
  --stroke: rgba(240,239,233,0.07);
  --bg-card: rgba(240,239,233,0.03);
  --bg-cell: #ffffff;
  --bg-main: #fafafa;
  --bg-page: #f0efe9;
  --brand-1: #000;
  --brand-2: #121212;
  --brand-3: #1F1F1F;
  --brand-4: #282828;
  --brand-5: #303030;
  --brand-6: #3A3A3A;
  --brand-7: #474747;
  --brand-8: #606060;
  --brand-9: #FFF;
  --exp-bar: rgba(0,0,0,0.2);
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --bg-clink: rgba(0,0,0,0.03);
  --bg-modal: #ffffff;
  --bg-stage: #f5f4f0;
  --brand-10: #F6F6F6;
  --brand-11: #B3B3B3;
  --brand-12: #EEE;
  --cta-text: #f0efe9;
  --grey-200: #E5E5E5;
  --grey-800: #262626;
  --grey-900: #171717;
  --hint-dot: rgba(0,0,0,0.3);
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-dim: rgba(240,239,233,0.2);
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #000;
  --neutral-1: #000;
  --neutral-2: #121212;
  --neutral-3: #1F1F1F;
  --neutral-4: #282828;
  --neutral-5: #303030;
  --neutral-6: #3A3A3A;
  --neutral-7: #474747;
  --neutral-8: #606060;
  --neutral-9: #6D6D6D;
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --text-hint: rgba(0,0,0,0.35);
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --exp-dot-bg: rgba(0,0,0,0.06);
  --neutral-10: #7A7A7A;
  --neutral-11: #B3B3B3;
  --neutral-12: #EEE;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --text-faint: rgba(0,0,0,0.25);
  --text-label: rgba(0,0,0,0.4);
  --text-micro: rgba(0,0,0,0.45);
  --text-muted: rgba(0,0,0,0.35);
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --current-bar: rgba(0,0,0,0.25);
  --footer-span: rgba(0,0,0,0.5);
  --green-muted: rgba(100,220,120,0.7);
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --stroke-soft: rgba(240,239,233,0.1);
  --text-strong: #f0efe9;
  --visa-border: rgba(0,0,0,0.1);
  --border-hover: rgba(0,0,0,0.13);
  --border-inner: rgba(0,0,0,0.06);
  --border-modal: rgba(0,0,0,0.1);
  --connector-bg: rgba(0,0,0,0.05);
  --text-primary: #0c0c0c;
  --badge-size-lg: 2rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --bg-card-hover: rgba(240,239,233,0.06);
  --bg-cell-hover: #f5f4f0;
  --border-active: rgba(0,0,0,0.6);
  --border-strong: rgba(0,0,0,0.12);
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --bg-clink-hover: rgba(0,0,0,0.06);
  --exp-dot-border: rgba(0,0,0,0.15);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --text-secondary: rgba(0,0,0,0.5);
  --bg-career-strip: #ffffff;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 240px;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
    }
  [data-nc-theme~="dark"] {
  --green: #4ade80;
  --max-w: 1040px;
  --bg-exp: #0f0f0f;
  --bg-nav: rgba(12,12,12,0.96);
  --border: rgba(240,239,233,0.07);
  --cta-bg: #f0efe9;
  --stroke: rgba(240,239,233,0.07);
  --bg-card: rgba(240,239,233,0.03);
  --bg-cell: #161616;
  --bg-page: #0c0c0c;
  --exp-bar: rgba(240,239,233,0.3);
  --bg-clink: rgba(240,239,233,0.04);
  --bg-modal: #111111;
  --bg-stage: #0a0a0a;
  --cta-text: #0c0c0c;
  --hint-dot: rgba(240,239,233,0.4);
  --text-dim: rgba(240,239,233,0.2);
  --text-hint: rgba(240,239,233,0.3);
  --exp-dot-bg: rgba(240,239,233,0.1);
  --text-faint: rgba(240,239,233,0.2);
  --text-label: rgba(240,239,233,0.35);
  --text-micro: rgba(240,239,233,0.4);
  --text-muted: rgba(240,239,233,0.25);
  --current-bar: rgba(240,239,233,0.3);
  --footer-span: rgba(240,239,233,0.4);
  --green-muted: rgba(100,220,120,0.7);
  --stroke-soft: rgba(240,239,233,0.1);
  --text-strong: #f0efe9;
  --visa-border: rgba(240,239,233,0.08);
  --border-hover: rgba(240,239,233,0.14);
  --border-inner: rgba(240,239,233,0.06);
  --border-modal: rgba(240,239,233,0.1);
  --connector-bg: rgba(240,239,233,0.05);
  --text-primary: #f0efe9;
  --bg-card-hover: rgba(240,239,233,0.06);
  --bg-cell-hover: #1e1e1e;
  --border-active: rgba(240,239,233,0.5);
  --border-strong: rgba(240,239,233,0.15);
  --bg-clink-hover: rgba(240,239,233,0.08);
  --exp-dot-border: rgba(240,239,233,0.2);
  --text-secondary: rgba(240,239,233,0.45);
  --bg-career-strip: #161616;
}
[data-nc-theme~="light"] {
  --bold: 700;
  --semi: 600;
  --green: #4ade80;
  --max-w: 1040px;
  --bg-exp: #fafaf8;
  --bg-nav: rgba(240,239,233,0.96);
  --border: rgba(0,0,0,0.07);
  --cta-bg: #0c0c0c;
  --medium: 500;
  --normal: 400;
  --stroke: rgba(240,239,233,0.07);
  --bg-card: rgba(240,239,233,0.03);
  --bg-cell: #ffffff;
  --bg-main: #fafafa;
  --bg-page: #f0efe9;
  --brand-1: #000;
  --brand-2: #121212;
  --brand-3: #1F1F1F;
  --brand-4: #282828;
  --brand-5: #303030;
  --brand-6: #3A3A3A;
  --brand-7: #474747;
  --brand-8: #606060;
  --brand-9: #FFF;
  --exp-bar: rgba(0,0,0,0.2);
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --bg-clink: rgba(0,0,0,0.03);
  --bg-modal: #ffffff;
  --bg-stage: #f5f4f0;
  --brand-10: #F6F6F6;
  --brand-11: #B3B3B3;
  --brand-12: #EEE;
  --cta-text: #f0efe9;
  --grey-200: #E5E5E5;
  --grey-800: #262626;
  --grey-900: #171717;
  --hint-dot: rgba(0,0,0,0.3);
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-dim: rgba(240,239,233,0.2);
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #000;
  --neutral-1: #000;
  --neutral-2: #121212;
  --neutral-3: #1F1F1F;
  --neutral-4: #282828;
  --neutral-5: #303030;
  --neutral-6: #3A3A3A;
  --neutral-7: #474747;
  --neutral-8: #606060;
  --neutral-9: #6D6D6D;
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --text-hint: rgba(0,0,0,0.35);
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --exp-dot-bg: rgba(0,0,0,0.06);
  --neutral-10: #7A7A7A;
  --neutral-11: #B3B3B3;
  --neutral-12: #EEE;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --text-faint: rgba(0,0,0,0.25);
  --text-label: rgba(0,0,0,0.4);
  --text-micro: rgba(0,0,0,0.45);
  --text-muted: rgba(0,0,0,0.35);
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --current-bar: rgba(0,0,0,0.25);
  --footer-span: rgba(0,0,0,0.5);
  --green-muted: rgba(100,220,120,0.7);
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --stroke-soft: rgba(240,239,233,0.1);
  --text-strong: #f0efe9;
  --visa-border: rgba(0,0,0,0.1);
  --border-hover: rgba(0,0,0,0.13);
  --border-inner: rgba(0,0,0,0.06);
  --border-modal: rgba(0,0,0,0.1);
  --connector-bg: rgba(0,0,0,0.05);
  --text-primary: #0c0c0c;
  --badge-size-lg: 2rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --bg-card-hover: rgba(240,239,233,0.06);
  --bg-cell-hover: #f5f4f0;
  --border-active: rgba(0,0,0,0.6);
  --border-strong: rgba(0,0,0,0.12);
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --bg-clink-hover: rgba(0,0,0,0.06);
  --exp-dot-border: rgba(0,0,0,0.15);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --text-secondary: rgba(0,0,0,0.5);
  --bg-career-strip: #ffffff;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 240px;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-rethinksans: 'Rethink Sans',sans-serif;
--font-schibstedgrotesk: 'Schibsted Grotesk',sans-serif;
--font-bevietnampro: 'Be Vietnam Pro',sans-serif;
--font-onest: 'Onest',sans-serif;
--font-inclusivesans: 'Inclusive Sans',sans-serif;
--font-instrumentsans: 'Instrument Sans',sans-serif;
--font-publicsans: 'Public Sans',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;
    }
  }
}


    .ewsuEE {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:88px;
      padding-left:32px;
      padding-right:32px;
      flex-direction:column;
      padding-bottom:88px;
      border-bottom-color:rgba(240,239,233,0.06);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    .krIrs {
      color:var(--text-strong);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }

    .daFYV {
      color:var(--text-dim);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ejJCfT {
      color:var(--text-strong);
      display:block;
      font-size:clamp(20px, 3.2vw, 30px);
      max-width:660px;
      font-family:inherit;
      font-weight:500;
      line-height:1.4;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .buTxr {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:var(--max-w);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .WccXW {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:48px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:48px;
      background-color:rgba(240,239,233,0.015);
      border-bottom-color:rgba(240,239,233,0.06);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .WccXW {
      padding-top:72px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:72px;
    }
    }

    .fsIsEs {
      gap:4px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eEgPx {
      color:var(--text-strong);
      display:block;
      font-size:26px;
      font-family:inherit;
      font-weight:500;
      line-height:1;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .fbQVti {
      color:var(--text-faint);
      display:block;
      font-size:10px;
      margin-top:4px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.1em;
      text-transform:uppercase;
    }

    .bkSGIM {
      color:rgba(240,239,233,0.38);
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.7;
      flex-direction:row;
    }

    .eyMLVU {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .wvnYn {
      gap:40px;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 768px) {

    .wvnYn {
      gap:72px;
      grid-template-columns:1fr 1fr;
    }
    }

    .dlnhEQ {
      gap:12px;
      color:var(--text-faint);
      display:flex;
      font-size:11px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.2em;
      text-transform:uppercase;
    }

    .UEHWu {
      color:inherit;
      width:40px;
      height:0.5px;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:var(--stroke-soft);
    }

    .shift-section\:shLabel {
      margin-bottom:48px;
    }

    .cSYDLC {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dfChQI {
      gap:24px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:28px;
      font-family:inherit;
      font-weight:inherit;
      padding-top:24px;
      flex-direction:row;
      border-top-color:rgba(240,239,233,0.06);
      border-top-style:solid;
      border-top-width:0.5px;
    }

    @media (min-width: 768px) {

    .dfChQI {
      gap:32px;
    }
    }

    .QHmmc {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      transition:background-color 0.15s;
      align-items:center;
      border-left:var(--ep-border-left);
      font-family:inherit;
      font-weight:inherit;
      padding-top:13px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:13px;
      justify-content:space-between;
      background-color:var(--bg-card);
    }

    .dlctoc {
      color:var(--text-dim);
      display:block;
      font-size:10px;
      min-width:24px;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.1em;
    }

    .djBbAz {
      color:var(--ep-badge-color);
      display:block;
      font-size:9px;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .dPgjrh {
      flex:1;
      color:var(--text-strong);
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fETvxw {
      color:var(--text-strong);
      display:flex;
      font-size:32px;
      font-family:inherit;
      font-weight:500;
      line-height:1.0;
      margin-bottom:16px;
      flex-direction:row;
      letter-spacing:-0.03em;
    }

    @media (min-width: 768px) {

    .fETvxw {
      font-size:38px;
    }
    }

    .cWjbgF {
      flex-shrink:0;
    }

    .IhYsh {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:64px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:64px;
      background-color:rgba(240,239,233,0.01);
      border-bottom-color:rgba(240,239,233,0.06);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .IhYsh {
      padding-top:88px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:88px;
    }
    }

    .dJMITl {
      color:inherit;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      transition:opacity 0.2s;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:14px;
      flex-direction:row;
      padding-bottom:14px;
      justify-content:space-between;
      text-decoration:none;
      border-bottom-color:rgba(240,239,233,0.07);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    .dJMITl:hover {
      opacity:0.65;
    }

    .kdUhO {
      color:rgba(240,239,233,0.38);
      display:block;
      font-size:13px;
      max-width:460px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.75;
      flex-direction:row;
    }

    .eetNsV {
      gap:10px;
      color:rgba(240,239,233,0.45);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .Nvyjx {
      color:var(--text-strong);
      display:block;
      font-size:clamp(26px, 4.2vw, 42px);
      max-width:460px;
      font-family:inherit;
      font-weight:500;
      line-height:1.2;
      margin-bottom:24px;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .wySsA {
      color:rgba(240,239,233,0.25);
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eGhjdn {
      color:rgba(240,239,233,0.45);
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.1em;
      text-transform:uppercase;
    }

    .cvbFch {
      gap:8px;
      color:var(--text-strong);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fsNPoD {
      color:var(--text-strong);
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cPGBRE {
      gap:48px;
      color:inherit;
      width:100%;
      display:grid;
      font-size:inherit;
      max-width:var(--max-w);
      align-items:start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 768px) {

    .cPGBRE {
      gap:72px;
      grid-template-columns:1fr 1fr;
    }
    }

    .eQTqGH {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:48px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:48px;
      border-bottom-color:rgba(240,239,233,0.06);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .eQTqGH {
      padding-top:72px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:72px;
    }
    }

    .nBCIk {
      gap:2px;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 768px) {

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

    .dsElaF {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:24px;
      background-color:rgba(240,239,233,0.02);
    }

    @media (min-width: 768px) {

    .dsElaF {
      padding-top:32px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:32px;
    }
    }

    .stack-section\:stLabel {
      margin-bottom:48px;
    }

    .bmZKZi {
      color:var(--text-faint);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:22px;
      flex-direction:row;
      letter-spacing:0.18em;
      text-transform:uppercase;
    }

    .eoHqQf {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:13px;
      flex-direction:row;
      padding-bottom:13px;
      justify-content:space-between;
      border-bottom-color:rgba(240,239,233,0.05);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    .NdLmE {
      color:var(--text-strong);
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .drcOEb {
      color:var(--text-faint);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .fintVY {
      color:rgba(240,239,233,0.38);
      display:inline-flex;
      font-size:9px;
      align-self:flex-start;
      margin-top:20px;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      border-color:rgba(240,239,233,0.14);
      border-style:solid;
      border-width:0.5px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      letter-spacing:0.12em;
      padding-bottom:4px;
      text-transform:uppercase;
    }

    .bgQCqe {
      color:rgba(240,239,233,0.38);
      display:block;
      font-size:13px;
      max-width:340px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.7;
      flex-direction:row;
    }

    .cToOlY {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:28px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:28px;
      background-color:var(--bg-card);
    }

    @media (min-width: 768px) {

    .cToOlY {
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:40px;
    }
    }

    .QpfPK {
      color:var(--text-strong);
      display:block;
      font-size:26px;
      margin-top:12px;
      font-family:inherit;
      font-weight:500;
      line-height:1;
      margin-bottom:14px;
      flex-direction:row;
      letter-spacing:-0.03em;
    }

    @media (min-width: 768px) {

    .QpfPK {
      font-size:30px;
    }
    }

    .agency-section\:agLabel {
      margin-bottom:48px;
    }

    .dzSiAF {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:28px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:28px;
      background-color:rgba(240,239,233,0.015);
    }

    @media (min-width: 768px) {

    .dzSiAF {
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:40px;
    }
    }

    .cKVDPk {
      color:rgba(240,239,233,0.24);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:18px;
      flex-direction:row;
      letter-spacing:0.18em;
      text-transform:uppercase;
    }

    .crDaxB {
      color:rgba(240,239,233,0.24);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.18em;
      text-transform:uppercase;
    }

    .eHcPBm {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:90vh;
      font-family:inherit;
      font-weight:inherit;
      padding-top:48px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:48px;
      border-bottom-color:rgba(240,239,233,0.07);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .eHcPBm {
      padding-top:80px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:64px;
    }
    }

    .fnJaNl {
      color:rgba(240,239,233,0.32);
      display:block;
      font-size:9px;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:0.5px;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:4px;
      text-transform:uppercase;
    }

    .ekzoHQ {
      color:inherit;
      width:5px;
      height:5px;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--dot-clr, rgba(240,239,233,0.3));
    }

    .cqnUZA {
      gap:6px;
      color:var(--text-muted);
      display:flex;
      font-size:10px;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:5px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:0.5px;
      padding-left:14px;
      padding-right:14px;
      flex-direction:row;
      letter-spacing:0.12em;
      padding-bottom:5px;
      text-transform:uppercase;
      background-color:rgba(240,239,233,0.05);
    }

    .byJdZF {
      color:var(--text-muted);
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.75;
      flex-direction:row;
    }

    .cOLxiV {
      color:inherit;
      display:flex;
      font-size:inherit;
      max-width:400px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dhITtG {
      color:var(--text-strong);
      display:block;
      font-size:clamp(40px, 7.5vw, 84px);
      font-family:inherit;
      font-weight:500;
      line-height:0.95;
      flex-direction:row;
      letter-spacing:-0.03em;
    }

    .eoxKWN {
      flex:1;
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:var(--max-w);
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      margin-right:auto;
      flex-direction:column;
      justify-content:space-between;
    }

    .bZCNaR {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:24px;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .bZCNaR {
      margin-bottom:32px;
    }
    }

    .bNgDiW {
      gap:6px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      margin-top:20px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .jjtWv {
      color:var(--text-dim);
      display:block;
      font-size:clamp(40px, 7.5vw, 84px);
      font-family:inherit;
      font-weight:500;
      line-height:0.95;
      margin-bottom:0px;
      flex-direction:row;
      letter-spacing:-0.03em;
    }

    .UtKkP {
      gap:24px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:40px;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:space-between;
    }

    @media (min-width: 768px) {

    .UtKkP {
      gap:32px;
      margin-top:56px;
      align-items:flex-end;
      flex-direction:row;
    }
    }

    .ftPYUK {
      color:rgba(240,239,233,0.22);
      display:none;
      font-size:11px;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.15em;
      text-transform:uppercase;
    }

    @media (min-width: 768px) {

    .ftPYUK {
      display:block;
    }
    }

    .Portfolio\:Xcqzu0MOr6dLtkPgFrsXw {
      display:none;
    }

    .crBMUq {
      top:0px;
      color:inherit;
      display:flex;
      z-index:100;
      position:sticky;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      padding-bottom:20px;
      justify-content:center;
      background-color:rgba(10,10,10,0.97);
      border-bottom-color:rgba(240,239,233,0.1);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .crBMUq {
      padding-left:32px;
      padding-right:32px;
    }
    }

    .cbCydc {
      color:#0a0a0a;
      cursor:pointer;
      display:flex;
      font-size:11px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:8px;
      padding-left:14px;
      padding-right:14px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:8px;
      text-transform:uppercase;
      text-decoration:none;
      background-color:var(--text-strong);
    }

    @media (min-width: 768px) {

    .cbCydc {
      padding-left:18px;
      padding-right:18px;
    }
    }

    .fGkVkc {
      color:rgba(240,239,233,0.4);
      cursor:pointer;
      display:block;
      font-size:12px;
      transition:color 0.2s;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
      text-decoration:none;
    }

    .cGInDT {
      color:var(--text-strong);
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
      letter-spacing:0.15em;
      text-transform:uppercase;
    }

    .eEZyef {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:var(--max-w);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .NcHHD {
      gap:28px;
      color:inherit;
      display:none;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .NcHHD {
      display:flex;
    }
    }

    .fbSbXo {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:48px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:48px;
      background-color:rgba(240,239,233,0.01);
      border-bottom-color:rgba(240,239,233,0.06);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .fbSbXo {
      padding-left:32px;
      padding-right:32px;
    }
    }

    .fCAkZP {
      color:rgba(240,239,233,0.18);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.06em;
    }

    .VwhaS {
      color:var(--text-faint);
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.2em;
      text-transform:uppercase;
    }

    .cExZJe {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:22px;
      flex-direction:row;
      justify-content:space-between;
    }

    .epTPIW {
      gap:8px;
      color:inherit;
      cursor:grab;
      display:flex;
      font-size:inherit;
      overflow-x:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      padding-bottom:2px;
      scrollbar-width:none;
    }

    .epTPIW::-webkit-scrollbar {
    width: 0;
    }

    .HNuEs {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:var(--max-w);
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      margin-right:auto;
      flex-direction:column;
    }

    .ffRarf {
      color:inherit;
      width:230px;
      display:flex;
      position:relative;
      font-size:inherit;
      min-height:160px;
      transition:background-color 0.18s, border-color 0.18s;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:22px;
      border-color:var(--stroke);
      border-style:solid;
      border-width:0.5px;
      padding-left:22px;
      padding-right:22px;
      flex-direction:column;
      padding-bottom:22px;
      justify-content:space-between;
      background-color:#111111;
    }

    .bkTGWP {
      color:rgba(240,239,233,0.45);
      display:block;
      font-size:12px;
      margin-top:3px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.2;
      flex-direction:row;
    }

    .eTreOA {
      color:var(--text-dim);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:7px;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .bGrdhV {
      color:var(--text-strong);
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
      line-height:1.2;
      flex-direction:row;
    }

    .eqZZnI {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      height:1.5px;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:rgba(240,239,233,0.28);
    }

    .cIFCip {
      color:rgba(240,239,233,0.24);
      display:block;
      font-size:9px;
      font-family:inherit;
      font-weight:400;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .fwijfI {
      color:inherit;
      width:4px;
      height:4px;
      display:block;
      animation:ecPulse 2s infinite;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--green);
    }

    .eejoHg {
      gap:5px;
      color:rgba(240,239,233,0.48);
      display:flex;
      font-size:9px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:10px;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .fuqUCP {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:100vh;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:40px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:48px;
      border-bottom-color:rgba(240,239,233,0.07);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    @media (min-width: 768px) {

    .fuqUCP {
      padding-top:48px;
      padding-left:32px;
      padding-right:32px;
      padding-bottom:64px;
    }
    }

    .cyLznt {
      color:rgba(240,239,233,0.45);
      cursor:pointer;
      display:flex;
      font-size:11px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:11px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:10px;
      text-transform:uppercase;
      text-decoration:none;
      border-bottom-color:rgba(240,239,233,0.2);
      border-bottom-style:solid;
      border-bottom-width:0.5px;
    }

    .eSxOKH {
      gap:6px;
      color:#0a0a0a;
      cursor:pointer;
      display:flex;
      font-size:11px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:11px;
      padding-left:22px;
      padding-right:22px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:11px;
      text-transform:uppercase;
      text-decoration:none;
      background-color:var(--text-strong);
    }

    .dXGIBP {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:block;
      position:absolute;
      object-fit:cover;
      object-position:center top;
    }

    .LdDSW {
      color:inherit;
      width:5px;
      height:5px;
      display:block;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      background-color:var(--green);
    }

    .dYIjwK {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:40px;
      flex-direction:row;
      justify-content:space-between;
    }

    .fwqMoH {
      gap:20px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dFIFSM {
      color:var(--text-muted);
      display:block;
      font-size:14px;
      max-width:440px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.75;
      margin-bottom:20px;
      flex-direction:row;
    }

    .ltwNv {
      gap:32px;
      flex:1;
      color:inherit;
      display:grid;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:1fr;
    }

    @media (min-width: 960px) {

    .ltwNv {
      gap:56px;
      grid-template-columns:1fr 340px;
    }
    }

    .bBUwCm {
      color:rgba(240,239,233,0.22);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.2em;
      text-transform:uppercase;
    }

    .dNgPqs {
      color:var(--text-strong);
      display:block;
      font-size:clamp(40px, 6.5vw, 72px);
      font-family:"Onest";
      font-weight:500;
      line-height:0.95;
      flex-direction:row;
      letter-spacing:-0.03em;
    }

    .GfJAk {
      flex:1;
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      max-width:var(--max-w);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:space-between;
    }

    .YhDkQ {
      color:inherit;
      display:none;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (min-width: 960px) {

    .YhDkQ {
      display:flex;
    }
    }

    .QbCUB {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cNvXUN {
      gap:6px;
      color:inherit;
      display:none;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:28px;
      flex-direction:row;
    }

    .bENatd {
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:24px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-end;
    }

    .fcEhel {
      color:rgba(240,239,233,0.22);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .bvyEvf {
      color:inherit;
      width:100%;
      height:0.5px;
      display:block;
      font-size:inherit;
      background:var(--stroke-soft);
      margin-top:12px;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:12px;
      flex-direction:row;
    }

    .beQqrb {
      color:inherit;
      width:100%;
      display:flex;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dxAGdq {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      margin-top:10px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cWtobR {
      color:rgba(240,239,233,0.28);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .eJBIUi {
      color:inherit;
      width:100%;
      height:440px;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-color:rgba(240,239,233,0.08);
      border-style:solid;
      border-width:0.5px;
      flex-direction:row;
      background-color:rgba(240,239,233,0.03);
    }

    .bHpwJH {
      color:rgba(240,239,233,0.22);
      display:none;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.15em;
      text-transform:uppercase;
    }

    @media (min-width: 768px) {

    .bHpwJH {
      display:block;
    }
    }

    .Mgeph {
      color:#666666;
      display:flex;
      font-size:10px;
      margin-top:12px;
      font-family:"Geist Mono";
      font-weight:inherit;
      line-height:20px;
      letter-spacing:1px;
    }

    .brTbWR {
      color:var(--text-strong);
      display:flex;
      font-size:16px;
      min-height:100vh;
      font-family:"Inclusive Sans";
      font-weight:400;
      flex-direction:column;
      background-color:var(--bg-page);
    }

    .fccnjb {
      gap:24px;
      color:inherit;
      display:grid;
      font-size:inherit;
      transition:background-color 0.2s;
      font-family:inherit;
      font-weight:inherit;
      padding-top:28px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:28px;
      background-color:var(--bg-card);
      grid-template-columns:1fr;
    }

    @media (min-width: 768px) {

    .fccnjb {
      gap:32px;
      padding-top:40px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:40px;
      grid-template-columns:1fr 1fr;
    }
    }

    .eaIuLT {
      color:var(--tag-text);
      display:flex;
      font-size:9px;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      padding-top:3px;
      border-color:var(--tag-border);
      border-style:solid;
      border-width:0.5px;
      padding-left:9px;
      padding-right:9px;
      flex-direction:row;
      letter-spacing:0.1em;
      padding-bottom:3px;
      text-transform:uppercase;
    }

    .AZuXe {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:18px;
      flex-direction:row;
    }

    .FbDWu {
      color:rgba(240,239,233,0.38);
      display:block;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.65;
      margin-bottom:22px;
      flex-direction:row;
    }

    .cshBAK {
      gap:6px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cMGEqZ {
      color:var(--text-dim);
      display:none;
      font-size:12px;
      min-height:180px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-color:var(--stroke);
      border-style:solid;
      border-width:0.5px;
      flex-direction:row;
      justify-content:center;
      background-color:rgba(240,239,233,0.03);
    }

    @media (min-width: 768px) {

    .cMGEqZ {
      display:flex;
    }
    }

    .cTZUSb {
      color:var(--text-strong);
      display:block;
      font-size:22px;
      font-family:inherit;
      font-weight:500;
      line-height:1.1;
      margin-bottom:12px;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .ZkaoV {
      color:var(--green-muted);
      display:block;
      font-size:9px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.1em;
      text-transform:uppercase;
    }

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

    .Oeets {
      width:fit-content;
      height:40px;
      box-sizing:border-box;
    }

    .work-section\:wsFeatured {
      grid-column:1 / -1;
    }

    .ffqltb {
      color:inherit;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      min-height:220px;
      transition:background-color 0.2s;
      font-family:inherit;
      font-weight:inherit;
      padding-top:32px;
      padding-left:32px;
      padding-right:32px;
      flex-direction:column;
      padding-bottom:32px;
      justify-content:space-between;
      background-color:var(--bg-card);
    }

    .dSAeEB {
      color:var(--text-dim);
      display:block;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      margin-bottom:18px;
      flex-direction:row;
      letter-spacing:0.12em;
      text-transform:uppercase;
    }

    .MxCbi {
      color:rgba(240,239,233,0.16);
      display:block;
      font-size:16px;
      margin-top:16px;
      transition:color 0.15s, transform 0.15s;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dYVbza {
      color:var(--text-strong);
      display:block;
      font-size:18px;
      font-family:inherit;
      font-weight:500;
      line-height:1.1;
      margin-bottom:10px;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .work-section\:wsSectionLabel {
      margin-bottom:48px;
    }