@charset "UTF-8";

@font-face {
    font-family: plus jakarta sans;
    src: url(/wp-content/themes/bragg-blank/fonts-25/PlusJakartaSans-VariableFont_wght.ttf)format("truetype");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: plus jakarta sans;
    src: url(/wp-content/themes/bragg-blank/fonts-25/PlusJakartaSans-Italic-VariableFont_wght.ttf)format("truetype");
    font-weight: 200 800;
    font-style: italic;
    font-display: swap
}

:root {
    --color-red-100: #fdcfca;
    --color-red-200: #fc9798;
    --color-red-300: #f66273;
    --color-red-400: #ee3b61;
    --color-red-500: #e40046;
    --color-red-600: #c4004f;
    --color-red-700: #84004f;
    --color-red-800: #6d004c;
    --color-blue-50: #e3e6ff;
    --color-blue-100: #c7cdff;
    --color-blue-200: #8f9aff;
    --color-blue-300: #5c6cff;
    --color-blue-400: #2339ff;
    --color-blue-500: #0016eb;
    --color-blue-600: #0012bd;
    --color-blue-700: #000d8c;
    --color-blue-800: #00095c;
    --color-blue-900: #00042e;
    --color-gray-50: #fafafa;
    --color-gray-100: #f4f4f5;
    --color-gray-200: #e4e4e7;
    --color-gray-300: #d4d4d8;
    --color-gray-400: #a1a1aa;
    --color-gray-500: #71717a;
    --color-gray-600: #52525b;
    --color-gray-700: #3f3f46;
    --color-gray-800: #27272a;
    --color-gray-900: #0a0a0a;
    --color-gray-white: #ffffff;
    --color-gray-black: #000000;
    --color-green-100: #f0fde9;
    --color-green-200: #d9fbc8;
    --color-green-300: #b0f599;
    --color-green-400: #85ee68;
    --color-green-500: #5fe83d;
    --color-green-600: #4bd428;
    --color-green-700: #3ab01f;
    --color-green-800: #2d8818;
    --color-green-900: #1f5d10;
    --color-off-white-50: #fafbfc;
    --color-off-white-100: #f5f7f9;
    --color-off-white-200: #eff3f6;
    --color-off-white-300: #e8eef3;
    --color-off-white-400: #e0e8ef;
    --color-off-white-500: #d8e2eb;
    --color-off-white-600: #cfd9e5;
    --color-off-white-700: #c5d0df;
    --color-off-white-800: #b8c5d8;
    --color-off-white-900: #a8b7cc;
    --color-yellow-100: #fffbeb;
    --color-yellow-200: #fef3c7;
    --color-yellow-300: #fde68a;
    --color-yellow-400: #fcd34d;
    --color-yellow-500: #f7db17;
    --color-yellow-600: #d4b613;
    --color-yellow-700: #b08f0f;
    --color-yellow-800: #8c6d0c;
    --color-yellow-900: #6b5009;
    --color-transparent-white-09: rgba(255, 255, 255, 0.9);
    --color-transparent-white-08: rgba(255, 255, 255, 0.8);
    --color-transparent-white-07: rgba(255, 255, 255, 0.7);
    --color-transparent-white-06: rgba(255, 255, 255, 0.6);
    --color-transparent-white-05: rgba(255, 255, 255, 0.5);
    --color-transparent-white-04: rgba(255, 255, 255, 0.4);
    --color-transparent-white-03: rgba(255, 255, 255, 0.3);
    --color-transparent-white-02: rgba(255, 255, 255, 0.2);
    --color-transparent-white-01: rgba(255, 255, 255, 0.1);
    --color-transparent-black-70: rgba(0, 0, 0, 0.7);
    --color-transparent-black-09: rgba(0, 0, 0, 0.9);
    --color-transparent-black-08: rgba(0, 0, 0, 0.8);
    --color-transparent-black-06: rgba(0, 0, 0, 0.6);
    --color-transparent-black-05: rgba(0, 0, 0, 0.5);
    --color-transparent-black-04: rgba(0, 0, 0, 0.4);
    --color-transparent-black-03: rgba(0, 0, 0, 0.3);
    --color-transparent-black-02: rgba(0, 0, 0, 0.2);
    --color-transparent-black-01: rgba(0, 0, 0, 0.1);
    --brand-primary: #0016eb;
    --brand-accent: #5fe83d;
    --brand-white: #ffffff;
    --brand-black: #0a0a0a
}

:root,[data-theme=light] {
    --text-secondary: #71717a;
    --text-tertiary: #a1a1aa;
    --text-disabled: #d4d4d8;
    --text-placeholder: #a1a1aa;
    --text-strong: #0a0a0a;
    --text-link: #0016eb;
    --text-success: #5fe83d;
    --text-error: #e40046;
    --text-inverted-strong: #ffffff;
    --text-inverted-secondary: #a8b7cc;
    --text-inverted-tertiary: #3f3f46;
    --text-icon: #0a0a0a;
    --text-icon-secondary: #71717a;
    --text-highlight: #0016eb;
    --text-inverted-highlight: #5c6cff;
    --surface-background: #ffffff;
    --surface-foreground: #0a0a0a;
    --surface-blue: #0016eb;
    --surface-layer-1: #fafafa;
    --surface-accent: #0016eb;
    --surface-layer-weak: #fafafa;
    --surface-layer-strong: #f5f7f9;
    --border-subtle: #e0e8ef;
    --border-distinct: #c5d0df;
    --border-very-subtle: #e8eef3;
    --border-black: #0a0a0a;
    --border-highlight: #0016eb;
    --border-error: #e40046;
    --status-warning: #f7db17;
    --status-error: #e40046;
    --status-info: #0016eb;
    --status-success: #5fe83d;
    --status-warning-surface: #fffbeb;
    --status-error-surface: #fdcfca;
    --status-info-surface: #e3e6ff;
    --status-success-surface: #f0fde9
}

[data-theme=dark] {
    --text-secondary: #71717a;
    --text-tertiary: #3f3f46;
    --text-disabled: #d4d4d8;
    --text-placeholder: #a1a1aa;
    --text-strong: #ffffff;
    --text-link: #0016eb;
    --text-success: #5fe83d;
    --text-error: #e40046;
    --text-inverted-strong: #000000;
    --text-inverted-secondary: #71717a;
    --text-inverted-tertiary: #a1a1aa;
    --text-icon: #ffffff;
    --text-icon-secondary: #71717a;
    --text-highlight: #5fe83d;
    --text-inverted-highlight: #0016eb;
    --surface-background: #0a0a0a;
    --surface-foreground: #ffffff;
    --surface-blue: #0016eb;
    --surface-layer-1: #27272a;
    --surface-accent: #ffffff;
    --surface-layer-weak: #27272a;
    --surface-layer-strong: #3f3f46;
    --border-subtle: #e0e8ef;
    --border-distinct: #c5d0df;
    --border-very-subtle: #e8eef3;
    --border-black: #ffffff;
    --border-highlight: #0016eb;
    --border-error: #e40046;
    --status-warning: #f7db17;
    --status-error: #e40046;
    --status-info: #8f9aff;
    --status-success: #5fe83d;
    --status-warning-surface: #6b5009;
    --status-error-surface: #fdcfca;
    --status-info-surface: #00042e;
    --status-success-surface: #1f5d10
}

:root {
    --font-family-title: Plus Jakarta Sans;
    --font-family-body: Plus Jakarta Sans;
    --font-weight-regular: Regular;
    --font-weight-bold: Bold;
    --font-weight-medium: Medium;
    --font-weight-extra-bold: Bold;
    --font-weight-semi-bold: SemiBold;
    --font-weight-light: Light;
    --font-size-xs: 12px;
    --font-size-sm: 16px;
    --font-size-md: 16px;
    --font-size-lg: 16px;
    --font-size-xl: 24px;
    --font-size-2xl: 24px;
    --font-size-3xl: 24px;
    --font-size-4xl: 36px;
    --font-size-5xl: 36px;
    --font-size-2xs: 10px;
    --font-size-3xs: 10px;
    --font-size-hero: 40px;
    --font-line-height-2xs: 14px;
    --font-line-height-xs: 14px;
    --font-line-height-sm: 20px;
    --font-line-height-md: 24px;
    --font-line-height-lg: 26px;
    --font-line-height-xl: 28px;
    --font-line-height-2xl: 24px;
    --font-line-height-3xl: 28px;
    --font-line-height-4xl: 48px;
    --font-line-height-5xl: 32px;
    --units-radius-circle: 50%;
    --units-radius-none: 0px;
    --units-radius-sm: 4px;
    --units-radius-md: 8px;
    --units-radius-lg: 16px;
    --units-radius-pill: 9999px;
    --units-radius-xl: 24px;
    --units-size-full: 100%;
    --units-size-m: 24px;
    --units-size-l: 32px;
    --units-size-xl: 40px;
    --units-size-xxl: 64px;
    --units-size-s: 16px;
    --units-size-xs: 8px;
    --units-size-standalone-button: 240px;
    --units-spacing-0: 0px;
    --units-spacing-2xs: 4px;
    --units-spacing-x2: 8px;
    --units-spacing-sm: 12px;
    --units-spacing-md: 16px;
    --units-spacing-lg: 24px;
    --units-spacing-xl: 24px;
    --units-spacing-2xl: 32px;
    --units-spacing-3xl: 48px;
    --units-spacing-4xl: 48px;
    --units-spacing-grid-gap: 16px;
    --units-spacing-sm-xxx: 4px;
    --units-spacing-sm-x: 8px;
    --units-spacing-sm-xx: 6px;
    --units-border-sm: 1px;
    --units-border-md: 2px;
    --units-border-lg: 4px
}

@media(min-width: 769px) {
    :root {
        --font-family-title:Plus Jakarta Sans;
        --font-family-body: Plus Jakarta Sans;
        --font-weight-regular: Regular;
        --font-weight-bold: Bold;
        --font-weight-medium: Medium;
        --font-weight-extra-bold: ExtraBold;
        --font-weight-semi-bold: SemiBold;
        --font-weight-light: Light;
        --font-size-xs: 12px;
        --font-size-sm: 16px;
        --font-size-md: 18px;
        --font-size-lg: 20px;
        --font-size-xl: 24px;
        --font-size-2xl: 24px;
        --font-size-3xl: 32px;
        --font-size-4xl: 40px;
        --font-size-5xl: 48px;
        --font-size-2xs: 10px;
        --font-size-3xs: 10px;
        --font-size-hero: 48px;
        --font-line-height-2xs: 14px;
        --font-line-height-xs: 14px;
        --font-line-height-sm: 20px;
        --font-line-height-md: 24px;
        --font-line-height-lg: 26px;
        --font-line-height-xl: 28px;
        --font-line-height-2xl: 24px;
        --font-line-height-3xl: 40px;
        --font-line-height-4xl: 48px;
        --font-line-height-5xl: 56px;
        --units-radius-circle: 50%;
        --units-radius-none: 0px;
        --units-radius-sm: 4px;
        --units-radius-md: 8px;
        --units-radius-lg: 16px;
        --units-radius-pill: 9999px;
        --units-radius-xl: 24px;
        --units-size-full: 100%;
        --units-size-m: 24px;
        --units-size-l: 32px;
        --units-size-xl: 40px;
        --units-size-xxl: 64px;
        --units-size-s: 16px;
        --units-size-xs: 8px;
        --units-size-standalone-button: 240px;
        --units-spacing-0: 0px;
        --units-spacing-2xs: 4px;
        --units-spacing-x2: 8px;
        --units-spacing-sm: 12px;
        --units-spacing-md: 16px;
        --units-spacing-lg: 24px;
        --units-spacing-xl: 24px;
        --units-spacing-2xl: 32px;
        --units-spacing-3xl: 48px;
        --units-spacing-4xl: 48px;
        --units-spacing-grid-gap: 32px;
        --units-spacing-sm-xxx: 4px;
        --units-spacing-sm-x: 8px;
        --units-spacing-sm-xx: 6px;
        --units-border-sm: 1px;
        --units-border-md: 2px;
        --units-border-lg: 4px
    }
}

@media(min-width: 1025px) {
    :root {
        --font-family-title:Plus Jakarta Sans;
        --font-family-body: Plus Jakarta Sans;
        --font-weight-regular: Regular;
        --font-weight-bold: Bold;
        --font-weight-medium: Medium;
        --font-weight-extra-bold: ExtraBold;
        --font-weight-semi-bold: SemiBold;
        --font-weight-light: Light;
        --font-size-xs: 14px;
        --font-size-sm: 16px;
        --font-size-md: 18px;
        --font-size-lg: 20px;
        --font-size-xl: 24px;
        --font-size-2xl: 32px;
        --font-size-3xl: 36px;
        --font-size-4xl: 48px;
        --font-size-5xl: 60px;
        --font-size-2xs: 12px;
        --font-size-3xs: 10px;
        --font-size-hero: 90px;
        --font-line-height-2xs: 16px;
        --font-line-height-xs: 20px;
        --font-line-height-sm: 24px;
        --font-line-height-md: 28px;
        --font-line-height-lg: 28px;
        --font-line-height-xl: 32px;
        --font-line-height-2xl: 24px;
        --font-line-height-3xl: 44px;
        --font-line-height-4xl: 56px;
        --font-line-height-5xl: 64px;
        --units-radius-circle: 50%;
        --units-radius-none: 0px;
        --units-radius-sm: 4px;
        --units-radius-md: 8px;
        --units-radius-lg: 16px;
        --units-radius-pill: 9999px;
        --units-radius-xl: 24px;
        --units-size-full: 100%;
        --units-size-m: 24px;
        --units-size-l: 32px;
        --units-size-xl: 40px;
        --units-size-xxl: 64px;
        --units-size-s: 16px;
        --units-size-xs: 8px;
        --units-size-standalone-button: 240px;
        --units-spacing-0: 0px;
        --units-spacing-2xs: 4px;
        --units-spacing-x2: 8px;
        --units-spacing-sm: 12px;
        --units-spacing-md: 16px;
        --units-spacing-lg: 24px;
        --units-spacing-xl: 32px;
        --units-spacing-2xl: 48px;
        --units-spacing-3xl: 64px;
        --units-spacing-4xl: 128px;
        --units-spacing-grid-gap: 32px;
        --units-spacing-sm-xxx: 4px;
        --units-spacing-sm-x: 8px;
        --units-spacing-sm-xx: 6px;
        --units-border-sm: 1px;
        --units-border-md: 2px;
        --units-border-lg: 4px
    }
}

:root,[data-theme=light] {
    --game-card-blur: 8px;
    --tabs-tab-background: rgba(255, 255, 255, 0);
    --button-primary-radius: var(--units-radius-pill);
    --button-primary-brand-raduis: var(--units-radius-pill);
    --button-secondary-bg: var(--color-transparent-white-01);
    --button-secondary-radius: var(--units-radius-pill);
    --button-secondary-border-weight: var(--units-border-sm);
    --button-primary-accent-bg-hover: var(--color-green-600);
    --button-primary-accent-radius: var(--units-radius-pill);
    --card-container-border-width: var(--units-border-sm);
    --card-container-gap: var(--units-spacing-lg);
    --card-container-padding: var(--units-spacing-lg);
    --card-container-radius: var(--units-radius-xl);
    --input-border-radius: var(--units-radius-sm);
    --input-border-outline: var(--color-blue-100);
    --input-input-radius: var(--units-radius-md);
    --input-gap: var(--units-spacing-sm-xx);
    --input-border-error-outline: var(--color-red-100);
    --icon-large: var(--units-size-l);
    --icon-medium: var(--units-size-m);
    --icon-small: var(--units-size-s);
    --game-card-overlay: var(--color-transparent-black-06);
    --game-card-radius: var(--units-radius-lg);
    --game-card-padding: var(--units-spacing-sm-x);
    --tabs-tab-color-selected: var(--color-gray-white);
    --button-primary-label: var(--text-inverted-strong);
    --button-primary-brand-label: var(--text-inverted-strong);
    --button-primary-accent-bg: var(--brand-accent);
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-container-border: var(--border-very-subtle);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-subtle);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --input-check: var(--text-inverted-strong);
    --input-bg-disabled: var(--surface-layer-weak);
    --input-border-hover: var(--border-distinct);
    --input-border-disabled: var(--border-very-subtle);
    --input-text-weak: var(--text-secondary);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --game-card-color: var(--brand-white);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-weak);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-bg-hover: var(--surface-accent);
    --button-text-label: var(--text-strong);
    --button-text-label-hover: var(--text-highlight);
    --button-primary-brand-bg: var(--surface-accent);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --button-primary-accent-label: var(--text-strong);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-border-error: var(--border-error);
    --input-checkbox-selected-bg: var(--surface-accent);
    --input-fill-selected: var(--surface-accent);
    --input-border-focus: var(--border-highlight);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black)
}

[data-theme=dark] {
    --game-card-blur: 8px;
    --tabs-tab-background: rgba(255, 255, 255, 0);
    --button-primary-radius: var(--units-radius-pill);
    --button-primary-brand-raduis: var(--units-radius-pill);
    --button-secondary-bg: var(--color-transparent-white-01);
    --button-secondary-radius: var(--units-radius-pill);
    --button-secondary-border-weight: var(--units-border-sm);
    --button-primary-accent-bg-hover: var(--color-green-600);
    --button-primary-accent-radius: var(--units-radius-pill);
    --card-container-border-width: var(--units-border-sm);
    --card-container-gap: var(--units-spacing-lg);
    --card-container-padding: var(--units-spacing-lg);
    --card-container-radius: var(--units-radius-xl);
    --input-border-radius: var(--units-radius-sm);
    --input-border-outline: var(--color-blue-100);
    --input-input-radius: var(--units-radius-md);
    --input-gap: var(--units-spacing-sm-xx);
    --input-border-error-outline: var(--color-red-100);
    --icon-large: var(--units-size-l);
    --icon-medium: var(--units-size-m);
    --icon-small: var(--units-size-s);
    --game-card-overlay: var(--color-transparent-black-06);
    --game-card-radius: var(--units-radius-lg);
    --game-card-padding: var(--units-spacing-sm-x);
    --tabs-tab-color-selected: var(--color-gray-white);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-label: var(--text-inverted-strong);
    --button-primary-bg-hover: var(--surface-background);
    --button-text-label: var(--text-strong);
    --button-primary-brand-bg: var(--surface-accent);
    --button-primary-brand-label: var(--text-inverted-strong);
    --button-icon-label: var(--text-strong);
    --button-secondary-label: var(--text-strong);
    --button-primary-accent-bg: var(--brand-accent);
    --button-primary-accent-label: var(--text-strong);
    --breadcrumbs-current: var(--text-secondary);
    --card-container-border: var(--border-very-subtle);
    --card-copy-title: var(--text-strong);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-subtle);
    --input-text: var(--text-strong);
    --input-placeholder: var(--text-placeholder);
    --input-label: var(--text-strong);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --input-focus: var(--border-very-subtle);
    --input-fill-selected: var(--surface-accent);
    --input-check: var(--text-inverted-strong);
    --input-bg-disabled: var(--surface-layer-weak);
    --input-border-hover: var(--border-distinct);
    --input-border-disabled: var(--border-very-subtle);
    --input-text-weak: var(--text-secondary);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --game-card-color: var(--brand-white);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tab-background-selected: var(--surface-accent);
    --tabs-tabs-container: var(--surface-layer-weak);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-text-label-hover: var(--text-highlight);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-border-color: var(--border-black);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-container-background: var(--surface-background);
    --input-bg: var(--surface-background);
    --input-border-error: var(--border-error);
    --input-border-focus: var(--border-highlight);
    --icon-accent: var(--text-highlight)
}

[data-theme=brand] {
    --text-secondary: #c5d0df;
    --text-tertiary: #a1a1aa;
    --text-disabled: #71717a;
    --text-placeholder: #c5d0df;
    --text-strong: #ffffff;
    --text-link: #0a0a0a;
    --text-inverted-strong: #0a0a0a;
    --text-inverted-secondary: #52525b;
    --text-inverted-tertiary: #3f3f46;
    --text-icon: #ffffff;
    --text-icon-secondary: #c5d0df;
    --text-highlight: #010101;
    --surface-background: #0016eb;
    --surface-brand-gradient: linear-gradient(-51.31deg, var(--color-blue-600) 7.78%, var(--color-blue-500) 97.71%);
    --surface-foreground: #010101;
    --surface-blue: #0016eb;
    --surface-layer-1: #001bff;
    --surface-accent: #ffffff;
    --border-subtle: rgba(255, 255, 255, 0.16);
    --border-distinct: rgba(255, 255, 255, 0.32);
    --border-very-subtle: transparent;
    --border-black: #ffffff;
    --border-highlight: #f7db17;
    --status-warning: #f7db17;
    --status-error: #e40046;
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-container-border: var(--border-very-subtle);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-distinct);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-1);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-bg-hover: var(--surface-accent);
    --button-text-label: var(--text-inverted-strong);
    --button-text-label-hover: var(--text-highlight);
    --button-primary-brand-bg: var(--surface-accent);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black);
    --button-primary-label: var(--text-strong);
    --button-primary-brand-label: var(--text-strong)
}

[data-theme=asl] {
    --text-strong: #ffffff;
    --text-secondary: #cfd9e5;
    --text-tertiary: #a8b7cc;
    --text-placeholder: #a8b7cc;
    --text-disabled: #6b7a91;
    --text-link: #ffffff;
    --text-icon: #ffffff;
    --text-icon-secondary: #cfd9e5;
    --text-inverted-strong: #000949;
    --text-inverted-secondary: #52525b;
    --text-highlight: #b565f0;
    --surface-background: #000949;
    --surface-foreground: #ffffff;
    --surface-layer-1: #130032;
    --surface-layer-weak: #0a0033;
    --surface-layer-strong: #130032;
    --surface-accent: #941ed4;
    --border-subtle: rgba(255, 255, 255, 0.16);
    --border-distinct: rgba(255, 255, 255, 0.32);
    --border-very-subtle: #581e9f;
    --border-black: #ffffff;
    --border-highlight: #941ed4;
    --studio-hero-blob: rgba(148, 30, 212, 0.75);
    --studio-hero-figure-left-x: -80px;
    --studio-hero-figure-right-x: 250px;
    --studio-hero-layer-2-position: bottom center;
    --studio-hero-figure-max-w: fit-content;
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-distinct);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-1);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-bg-hover: var(--surface-accent);
    --button-text-label: var(--text-inverted-strong);
    --button-text-label-hover: var(--text-highlight);
    --button-primary-brand-bg: var(--surface-accent);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black);
    --button-primary-label: var(--text-strong);
    --button-primary-brand-label: var(--text-strong);
    --card-container-background: var(--surface-layer-1);
    --card-container-border: transparent;
    --button-primary-label: var(--text-inverted-strong);
    --button-text-label-hover: #ffffff;
    --icon-accent: #581e9f
}

@media(min-width: 1440px) {
    [data-theme=asl] {
        --studio-hero-figure-left-x:20px;
        --studio-hero-figure-right-x: 0
    }
}

[data-theme=im] {
    --text-strong: #ffffff;
    --text-secondary: #cfd9e5;
    --text-tertiary: #a8b7cc;
    --text-placeholder: #a8b7cc;
    --text-disabled: #6b7a91;
    --text-link: #ffffff;
    --text-icon: #ffffff;
    --text-icon-secondary: #cfd9e5;
    --text-inverted-strong: #160727;
    --text-inverted-secondary: #52525b;
    --text-highlight: #c47fdd;
    --surface-background: #160727;
    --surface-foreground: #ffffff;
    --surface-layer-1: #240637;
    --surface-layer-weak: #100420;
    --surface-layer-strong: #240637;
    --surface-accent: #8624a7;
    --border-subtle: rgba(255, 255, 255, 0.16);
    --border-distinct: rgba(255, 255, 255, 0.32);
    --border-very-subtle: #8624a7;
    --border-black: #ffffff;
    --border-highlight: #8624a7;
    --studio-hero-blob: #211d8666;
    --studio-hero-layer-1-size: contain;
    --studio-hero-layer-2-size: contain;
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-distinct);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-1);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-bg-hover: var(--surface-accent);
    --button-text-label: var(--text-inverted-strong);
    --button-text-label-hover: var(--text-highlight);
    --button-primary-brand-bg: var(--surface-accent);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black);
    --button-primary-label: var(--text-strong);
    --button-primary-brand-label: var(--text-strong);
    --card-container-background: var(--surface-layer-1);
    --card-container-border: transparent;
    --button-primary-label: var(--text-inverted-strong);
    --button-text-label-hover: #ffffff;
    --icon-accent: #8624a7
}

[data-theme=wsg] {
    --text-strong: #ffffff;
    --text-secondary: #cfd9e5;
    --text-tertiary: #a8b7cc;
    --text-placeholder: #a8b7cc;
    --text-disabled: #6b7a91;
    --text-link: #ffffff;
    --text-icon: #ffffff;
    --text-icon-secondary: #cfd9e5;
    --text-inverted-strong: #000000;
    --text-inverted-secondary: #52525b;
    --text-highlight: #ff6a4d;
    --surface-background: #000000;
    --surface-foreground: #ffffff;
    --surface-layer-1: #270506;
    --surface-layer-weak: #140203;
    --surface-layer-strong: #270506;
    --surface-accent: #ff2200;
    --border-subtle: rgba(255, 255, 255, 0.16);
    --border-distinct: rgba(255, 255, 255, 0.32);
    --border-very-subtle: #460102;
    --border-black: #ffffff;
    --border-highlight: #ff2200;
    --studio-hero-blob: #ff220030;
    --studio-hero-layer-1-z: 2;
    --studio-hero-layer-2-z: 1;
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-distinct);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-1);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-foreground);
    --button-primary-bg-hover: var(--surface-accent);
    --button-text-label: var(--text-inverted-strong);
    --button-text-label-hover: var(--text-highlight);
    --button-primary-brand-bg: var(--surface-accent);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black);
    --button-primary-label: var(--text-strong);
    --button-primary-brand-label: var(--text-strong);
    --card-container-background: var(--surface-layer-1);
    --card-container-border: transparent;
    --button-primary-label: var(--text-inverted-strong);
    --button-text-label-hover: #ffffff;
    --icon-accent: #ff0000
}

[data-theme=halloween] {
    --text-strong: #ffffff;
    --text-secondary: #e4e4e7;
    --text-tertiary: #a1a1a1;
    --text-placeholder: #a1a1a1;
    --text-disabled: #787878;
    --text-link: #ffffff;
    --text-icon: #ffffff;
    --text-icon-secondary: #e4e4e7;
    --text-inverted-strong: #0a0a0a;
    --text-inverted-secondary: #52525b;
    --text-highlight: #e14e10;
    --surface-background: #0a0a0a;
    --surface-foreground: #ffffff;
    --surface-layer-1: #180904;
    --surface-layer-weak: #080402;
    --surface-layer-strong: #180904;
    --surface-accent: #e14e10;
    --surface-accent-dark: #c43b0a;
    --border-subtle: rgba(255, 255, 255, 0.1);
    --border-distinct: rgba(255, 255, 255, 0.2);
    --border-very-subtle: rgba(255, 255, 255, 0.05);
    --border-black: #ffffff;
    --border-highlight: #e14e10;
    --breadcrumbs-current: var(--text-secondary);
    --card-container-background: var(--surface-background);
    --card-copy-text: var(--text-secondary);
    --card-copy-label: var(--text-tertiary);
    --input-border: var(--border-distinct);
    --input-bg: var(--surface-background);
    --input-placeholder: var(--text-placeholder);
    --input-hint: var(--text-secondary);
    --input-error: var(--text-error);
    --input-focus: var(--border-very-subtle);
    --icon-inverted: var(--text-inverted-strong);
    --icon-secondary: var(--text-secondary);
    --tabs-tab-color: var(--text-secondary);
    --tabs-tabs-container: var(--surface-layer-1);
    --tabs-tabs-container-border: var(--border-very-subtle);
    --button-primary-bg: var(--surface-accent);
    --button-primary-bg-hover: var(--surface-accent-dark);
    --button-text-label: var(--text-inverted-strong);
    --button-text-label-hover: var(--text-strong);
    --button-primary-brand-bg: var(--surface-accent);
    --icon-label: var(--text-strong);
    --icon-label-hover: var(--text-highlight);
    --button-icon-label: var(--text-strong);
    --button-icon-label-hover: var(--text-highlight);
    --button-secondary-label: var(--text-strong);
    --button-secondary-label-hover: var(--text-highlight);
    --button-secondary-border-color-hover: var(--border-highlight);
    --breadcrumbs-previous: var(--text-link);
    --card-copy-title: var(--text-strong);
    --input-text: var(--text-strong);
    --input-label: var(--text-strong);
    --input-icon: var(--text-icon-secondary);
    --input-checkbox-selected-bg: var(--surface-accent);
    --icon-accent: var(--text-highlight);
    --icon-strong: var(--text-strong);
    --icon-background: var(--surface-accent);
    --tabs-tab-background-selected: var(--surface-accent);
    --button-secondary-border-color: var(--border-black);
    --button-primary-label: var(--text-inverted-strong);
    --button-primary-brand-label: var(--text-inverted-strong);
    --card-container-background: var(--surface-layer-1);
    --card-container-border: transparent;
    --button-primary-bg: var(--surface-accent);
    --button-primary-label: var(--text-inverted-strong);
    --button-primary-bg-hover: var(--surface-accent-dark);
    --button-text-label-hover: #ffffff;
    --icon-accent: #e14e10
}

[data-theme=halloween] .c-modal-dialog {
    border: 1px solid var(--color-transparent-white-01)
}

[data-theme=halloween] video {
    mix-blend-mode: lighten
}

[data-theme=halloween] :has(>video) {
    background-color: var(--surface-background)
}

@media(hover: hover) and (pointer:fine) {
    [data-theme=halloween] {
        cursor:url(/img/cursors/halloween-cursor.png)2 2,auto
    }

    [data-theme=halloween] a,[data-theme=halloween] button,[data-theme=halloween] [role=tab],[data-theme=halloween] label,[data-theme=halloween] summary {
        cursor: url(/img/cursors/halloween-pointer.png)2 2,pointer
    }
}

*,*::before,*::after {
    margin: 0;
    padding: 0
}

ul[role=list],ol[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

img,picture,video,canvas,svg {
    display: block;
    max-width: 100%
}

input,button,textarea,select {
    font: inherit
}

@media(prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,*::before,*::after {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: .01ms!important;
        scroll-behavior: auto!important
    }
}

html {
    box-sizing: border-box
}

*,*::before,*::after {
    box-sizing: inherit
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: var(--font-family-body),sans-serif;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    color: var(--text-strong);
    background-color: var(--surface-background)
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    text-transform: lowercase
}

a {
    color: var(--text-link);
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.o-container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--units-spacing-grid-gap);
    padding-right: var(--units-spacing-grid-gap)
}

.o-container--narrow {
    max-width: 900px;
    padding-top: 128px
}

.o-grid {
    display: grid;
    gap: var(--units-spacing-grid-gap);
    list-style: none
}

.o-grid--auto-fit {
    --o-grid-min: 160px;
    --o-grid-max: 1fr;
    grid-template-columns: repeat(auto-fit,minmax(min(var(--o-grid-min),100%),var(--o-grid-max)))
}

.o-media {
    display: flex;
    align-items: flex-start;
    gap: var(--units-spacing-md)
}

.o-media__body {
    flex: 1
}

.o-split {
    display: grid;
    gap: var(--units-spacing-grid-gap);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--units-spacing-grid-gap);
    padding-right: var(--units-spacing-grid-gap)
}

@media(min-width: 1025px) {
    .o-split {
        grid-template-columns:1fr 2fr;
        align-items: start
    }
}

@media(min-width: 1025px) {
    .o-split--even {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 1025px) {
    .o-split--2-1 {
        grid-template-columns:2fr 1fr
    }
}

@media(min-width: 1025px) {
    .o-split--reverse {
        direction:rtl
    }

    .o-split--reverse>* {
        direction: ltr
    }
}

.c-hero {
    container-type: inline-size;
    container-name: hero;
    padding: var(--units-spacing-lg)var(--units-spacing-lg)var(--units-spacing-xl);
    box-sizing: border-box;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: auto
}

@media(min-width: 1025px) {
    .c-hero {
        min-height:100vh;
        align-items: center
    }
}

.c-hero__layout {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--units-spacing-lg);
    align-items: start
}

.c-hero__image {
    order: -1;
    margin-inline:clamp(2.5rem,10cqi,8rem);max-width: 30rem;
    margin-left: auto;
    margin-right: auto
}

.c-hero__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: inherit
}

.c-hero__copy {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    align-items: center;
    text-align: center
}

.c-hero__headline {
    font-size: clamp(2.5rem,1.5rem + 5cqi,5rem);
    line-height: 1.02;
    letter-spacing: -.025em;
    font-weight: 800;
    margin: 0;
    text-wrap: balance
}

.c-hero__headline .line {
    display: block
}

.c-hero__body {
    font-size: clamp(.95rem,.85rem + .4cqi,1.1875rem);
    line-height: 1.5;
    color: var(--text-secondary);
    max-width: 42ch;
    margin: 0
}

.c-hero__ctas {
    display: flex;
    gap: var(--units-spacing-sm);
    flex-wrap: wrap;
    padding-top: var(--units-spacing-lg)
}

.c-hero--visual-spade,.c-hero--visual-spade-bare {
    min-height: calc(100vh - 60px);
    max-width: 100vw;
    display: flex;
    align-items: flex-end;
    padding-top: 60px;
    overflow: hidden;
    position: relative;
    overflow-x: clip
}

@media(min-width: 1025px) {
    .c-hero--visual-spade,.c-hero--visual-spade-bare {
        min-height:calc(100vh - 60px);
        align-items: flex-end
    }
}

@media(min-width: 1200px) {
    .c-hero--visual-spade,.c-hero--visual-spade-bare {
        align-items:center
    }
}

.c-hero--visual-spade .c-hero__layout,.c-hero--visual-spade-bare .c-hero__layout {
    max-width: 1440px;
    margin: 0 auto;
    z-index: 2
}

.c-hero--visual-spade .c-hero__copy,.c-hero--visual-spade-bare .c-hero__copy {
    align-items: flex-start;
    text-align: left
}

.c-hero--align-center .c-hero__copy {
    align-items: center;
    text-align: center
}

.c-hero--align-left .c-hero__copy {
    align-items: flex-start;
    text-align: left
}

@container hero (min-width:720px) {
    .c-hero {
        padding: var(--units-spacing-lg) var(--units-spacing-xl) var(--units-spacing-xl);
    }

    .c-hero__body {
        font-size: clamp(1rem, 0.9rem + 0.4cqi, 1.25rem);
    }
}

@container hero (min-width:1024px) {
    .c-hero {
        padding: var(--units-spacing-xl) var(--units-spacing-2xl) var(--units-spacing-3xl);
    }

    .c-hero__nav {
        margin-bottom: var(--units-spacing-3xl);
    }

    .c-hero__menu-mobile {
        display: none;
    }

    .c-hero__menu-desktop {
        display: flex;
    }

    .c-hero__layout {
        grid-template-columns: 7fr 5fr;
        align-items: center;
        gap: var(--units-spacing-xl);
    }

    .c-hero--image-wide .c-hero__layout {
        grid-template-columns: 4fr 8fr;
    }

    .c-hero__image {
        order: 0;
        border-radius: var(--units-radius-xl);
        margin-inline: 0; max-width: none;
    }

    .c-hero__copy {
        gap: var(--units-spacing-lg);
        align-items: flex-start;
        text-align: left;
    }
}

.c-garnish {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block:var(--units-spacing-3xl)}

.c-garnish__media {
    max-width: 100%;
    height: auto
}

.c-garnish--left {
    justify-content: flex-start
}

.c-garnish--right {
    justify-content: flex-end
}

.c-hero-reel-ring {
    padding: var(--units-spacing-lg)var(--units-spacing-lg)var(--units-spacing-xl);
    box-sizing: border-box;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.c-hero-reel-ring__copy {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-hero-reel-ring__ctas {
    display: flex;
    justify-content: center;
    gap: var(--units-spacing-sm);
    flex-wrap: wrap;
    margin-top: var(--units-spacing-lg)
}

.c-hero-reel-ring__reel {
    --u: min(clamp(128px, 7.2vw + 100px, 135px), 40vh);
    --card-h: calc(var(--u) * 1.396);
    --arc: 3;
    --radius: calc(var(--u) * var(--arc));
    --persp: calc(var(--u) * 6.8);
    --step: 22;
    --span: 3.05;
    --speed: 0.30;
    --reflect-start: 81%;
    --cover-span: calc(var(--u) * 4.7);
    --edge-fade: 18%;
    --pool: rgba(255, 255, 255, .055);
    --shadow: 0 26px 48px rgba(0, 0, 0, .72);
    --halo: rgba(255, 255, 255, .13);
    --reflect: rgba(0, 0, 0, .30);
    --dim: -0.165;
    --veil: 0.02;
    --desat: 0.13;
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--card-h) * 1.52);
    padding-top: calc(var(--card-h) * .12);
    padding-bottom: calc(var(--card-h) * .1);
    margin: clamp(8px,2vh,28px)0 0;
    perspective: var(--persp);
    overflow: hidden
}

.c-hero-reel-ring__reel::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(var(--card-h) * .3);
    width: min(1100px,92vw);
    height: 120px;
    transform: translateX(-50%);
    background: radial-gradient(60% 50% at 50% 50%,var(--pool),transparent 70%);
    pointer-events: none
}

.c-hero-reel-ring__reel::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: min(100%,var(--cover-span));
    transform: translateX(-50%);
    z-index: 200;
    pointer-events: none;
    background: linear-gradient(to right,var(--surface-background),transparent var(--edge-fade)),linear-gradient(to left,var(--surface-background),transparent var(--edge-fade))
}

.c-hero-reel-ring__ring {
    position: relative;
    width: var(--u);
    height: var(--card-h);
    transform-style: preserve-3d;
    transform: translateZ(calc(var(--radius) * -1))
}

.c-hero-reel-ring__cover {
    --edge: clamp(0, calc(1 - (var(--a, 0) - var(--span)) / 0.45), 1);
    position: absolute;
    inset: 0;
    margin: 0;
    will-change: transform;
    transform: rotateY(calc(var(--d,0) * var(--step) * 1deg))translateZ(var(--radius))scale(max(.72,calc(1.1 - .105 * var(--a,0))));
    filter: brightness(clamp(.4,calc(1 + var(--dim) * var(--a,0)),1.6))saturate(max(.5,calc(1 - var(--desat) * var(--a,0))));
    opacity: calc(max(.35,calc(1 - var(--veil) * var(--a,0))) * var(--edge));
    z-index: calc(100 - var(--a,0) * 10);
    --focus: max(0, calc(1 - var(--a, 0) / 0.55))
}

.c-hero-reel-ring__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: var(--shadow);
    -webkit-box-reflect: below calc(var(--u) * .045)linear-gradient(transparent var(--reflect-start),var(--reflect))
}

.c-hero-reel-ring__cover::before {
    content: "";
    position: absolute;
    inset: -14px;
    border-radius: 20px;
    background: radial-gradient(70% 70% at 50% 50%,var(--halo),transparent 70%);
    opacity: var(--focus,0);
    z-index: -1
}

@media(max-width: 560px) {
    .c-hero-reel-ring__reel {
        --span:2.1
    }
}

.c-reveal-band {
    --reveal-veil: 0.97;
    --reveal-strength: 0.30;
    --reveal-blob: clamp(190px, 26vw, 440px);
    --reveal-mx: 50%;
    --reveal-my: 50%;
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--surface-background);
    color: var(--text-strong);
    padding: clamp(56px,10vh,110px)var(--units-spacing-md);
    text-align: center;
    overflow: hidden
}

.c-reveal-band__art,.c-reveal-band__reveal {
    position: absolute;
    inset: 0;
    background-image: var(--reveal-band-scene);
    background-size: cover;
    background-position: 50%;
    pointer-events: none
}

@media(min-width: 1025px) {
    .c-reveal-band__art,.c-reveal-band__reveal {
        background-image:var(--reveal-band-scene-lg,var(--reveal-band-scene))
    }
}

.c-reveal-band__art {
    filter: grayscale(1)
}

.c-reveal-band__veil {
    position: absolute;
    inset: 0;
    background: var(--surface-background);
    opacity: var(--reveal-veil);
    pointer-events: none
}

.c-reveal-band__reveal {
    opacity: 0;
    filter: saturate(1.55)contrast(1.06);
    transition: opacity .5s ease;
    -webkit-mask-image: radial-gradient(circle var(--reveal-blob) at var(--reveal-mx) var(--reveal-my),#000 0%,rgba(0,0,0,.45) 42%,transparent 70%);
    mask-image: radial-gradient(circle var(--reveal-blob) at var(--reveal-mx) var(--reveal-my),#000 0%,rgba(0,0,0,.45) 42%,transparent 70%)
}

.c-reveal-band__content {
    position: relative;
    z-index: 2
}

.c-reveal-band__ctas {
    display: flex;
    justify-content: center;
    gap: var(--units-spacing-sm);
    flex-wrap: wrap;
    margin-top: var(--units-spacing-lg)
}

@media(hover: hover) and (pointer:fine) {
    .c-reveal-band:hover .c-reveal-band__reveal,.c-reveal-band--autoplay .c-reveal-band__reveal {
        opacity:var(--reveal-strength)
    }
}

@media not all and (hover: hover) and (pointer:fine) {
    .c-reveal-band__reveal {
        opacity:var(--reveal-strength)
    }
}

.c-steps {
    padding-block:var(--units-spacing-3xl)}

.c-steps__list {
    margin: var(--units-spacing-xl)0 0;
    padding: 0;
    list-style: none
}

.c-steps__item {
    display: flex;
    gap: var(--units-spacing-md);
    padding-block:var(--units-spacing-md);border-top: 1px solid var(--border-very-subtle)
}

.c-steps__n {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    color: var(--text-highlight)
}

.c-steps__body {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xs)
}

.c-steps__title {
    margin: 0;
    font-weight: 800;
    color: var(--text-strong)
}

.c-steps__text {
    margin: 0;
    color: var(--text-secondary)
}

.c-steps__ctas {
    display: flex;
    gap: var(--units-spacing-sm);
    flex-wrap: wrap;
    margin-top: var(--units-spacing-xl)
}

.c-steps__image {
    max-width: 22rem;
    margin-inline:auto}

.c-steps__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--units-radius-xl)
}

@media(min-width: 1025px) {
    .c-steps__image {
        max-width:none;
        margin-inline:0;justify-self: end
    }
}

.c-countdown {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: var(--units-border-sm)solid var(--border-subtle);
    border-radius: var(--units-radius-xl);
    padding: var(--units-spacing-xl)var(--units-spacing-md)
}

@media(max-width: 768px) {
    .c-countdown {
        padding-bottom:124px
    }
}

@media(min-width: 1025px) {
    .c-countdown {
        padding-block:var(--units-spacing-4xl)
    }
}

.c-countdown__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-3xl);
    max-width: 48rem
}

.c-countdown__heading .c-section-heading__title {
    font-size: var(--font-size-2xl);
    line-height: var(--font-line-height-3xl);
    font-weight: 600
}

.c-countdown__timer {
    display: flex;
    gap: var(--units-spacing-md);
    flex-wrap: wrap;
    justify-content: center
}

.c-countdown__tile {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--units-spacing-2xs);
    width: 90px;
    min-height: 90px;
    padding: var(--units-spacing-sm-x);
    background: var(--surface-layer-1);
    border: var(--units-border-md)solid var(--border-highlight);
    border-radius: var(--units-radius-lg)
}

.c-countdown__n {
    font-size: var(--font-size-3xl);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--text-strong)
}

.c-countdown__label {
    font-size: var(--font-size-md);
    color: var(--text-tertiary)
}

.c-countdown__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-sm)
}

.c-countdown__note {
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--text-tertiary)
}

.c-countdown__image {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: clamp(140px,20vw,320px);
    pointer-events: none
}

.c-countdown__image img,.c-countdown__image video {
    display: block;
    width: 100%;
    height: auto
}

.c-countdown__image--left {
    left: 0
}

.c-countdown__image--right {
    right: 0
}

.c-coin-burst {
    position: fixed;
    inset: 0;
    z-index: 900;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    overflow: visible;
    pointer-events: none
}

.c-coin-burst::backdrop {
    display: none
}

.c-tooltip {
    --tooltip-gap: var(--units-spacing-sm-xxx);
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.c-tooltip__trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: 0 0;
    color: var(--icon-secondary);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.c-tooltip__trigger::before {
    content: "";
    position: absolute;
    inset: calc(var(--units-spacing-sm-xxx) * -1)
}

.c-tooltip__trigger:focus-visible {
    outline: var(--units-border-md)solid currentColor;
    outline-offset: var(--units-border-md);
    border-radius: var(--units-radius-sm)
}

.c-tooltip__icon {
    display: block;
    width: var(--icon-small);
    height: var(--icon-small)
}

.c-tooltip__icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.c-tooltip__bubble {
    position: absolute;
    bottom: calc(100% + var(--tooltip-gap));
    left: 50%;
    z-index: 10;
    width: max-content;
    max-width: min(20em,80vw);
    padding: var(--units-spacing-sm-xxx);
    border-radius: var(--units-radius-sm);
    background: var(--surface-foreground);
    color: var(--text-inverted-strong);
    font-family: var(--font-family-title),sans-serif;
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    text-align: center;
    text-transform: none;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease,visibility 0s linear .15s
}

.c-tooltip__bubble::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--tooltip-gap)
}

.c-tooltip__bubble.is-visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.c-tooltip__bubble--secondary {
    color: var(--text-inverted-secondary)
}

.c-tooltip.is-open .c-tooltip__bubble {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.c-tooltip--hover:not(.is-dismissed) .c-tooltip__trigger:focus-visible+.c-tooltip__bubble,.c-tooltip--hover:not(.is-dismissed):has(:focus-visible) .c-tooltip__bubble {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

@media(hover: hover) {
    .c-tooltip--hover:not(.is-dismissed):hover .c-tooltip__bubble {
        opacity:1;
        visibility: visible;
        transition-delay: 0s
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-tooltip__bubble {
        transition-duration: .01ms
    }
}

.c-date-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    box-sizing: border-box;
    padding: calc(var(--units-spacing-2xs) + 1px)calc(var(--units-spacing-x2) + 1px)calc(var(--units-spacing-2xs) + 1px)var(--units-spacing-x2);
    border: var(--units-border-sm)solid var(--color-transparent-white-03);
    border-radius: var(--units-radius-pill);
    background: var(--color-transparent-black-08);
    color: var(--text-inverted-strong);
    white-space: nowrap
}

.c-date-tag__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--units-size-s);
    height: var(--units-size-s);
    flex-shrink: 0
}

.c-date-tag__icon-svg {
    display: block;
    width: 100%;
    height: 100%
}

.c-date-tag__label {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    color: inherit;
    text-align: center
}

.c-date-tag--light {
    border-color: var(--border-very-subtle);
    background: var(--surface-layer-strong);
    color: var(--text-strong)
}

.c-button {
    display: flex;
    padding: var(--units-spacing-x2,8px)var(--units-spacing-xl,32px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: var(--button-primary-radius);
    cursor: pointer;
    text-decoration: none
}

.c-button:hover {
    text-decoration: none
}

.c-button--primary {
    background: var(--button-primary-bg);
    color: var(--button-primary-label);
    border: none
}

.c-button--primary:hover {
    background: var(--button-primary-bg-hover);
    color: var(--button-text-label-hover);
    color: #fff
}

.c-button--brand {
    background: var(--button-primary-brand-bg);
    color: var(--button-primary-brand-label);
    border: var(--button-secondary-border-weight)solid var(--button-primary-brand-bg);
    border-radius: var(--button-primary-brand-raduis)
}

.c-button--brand:hover {
    background: var(--button-primary-accent-bg-hover);
    color: var(--button-text-label-hover);
    color: #fff
}

.c-button--secondary {
    background: var(--button-secondary-bg);
    color: var(--button-secondary-label);
    border: var(--button-secondary-border-weight)solid var(--button-secondary-border-color);
    border-radius: var(--button-secondary-radius)
}

.c-button--secondary:hover {
    color: var(--button-secondary-label-hover);
    border-color: var(--button-secondary-border-color-hover)
}

.c-button--on-dark {
    background: 0 0;
    color: var(--text-inverted-strong);
    border-color: var(--text-inverted-strong)
}

.c-button--text {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    min-height: 36px;
    padding: var(--units-spacing-x2)0;
    background: 0 0;
    border: none;
    color: var(--text-link);
    text-transform: lowercase;
    text-decoration: none
}

.c-button--text:hover {
    text-decoration: underline
}

.c-button--icon {
    --button-icon-size: var(--icon-medium);
    --button-icon-bg: var(--surface-layer-strong);
    display: inline-flex;
    flex: none;
    width: calc(var(--button-icon-size) + var(--units-spacing-x2) * 2);
    height: calc(var(--button-icon-size) + var(--units-spacing-x2) * 2);
    min-height: 0;
    padding: 0;
    gap: 0;
    border: none;
    border-radius: var(--units-radius-circle);
    background: 0 0;
    color: var(--button-icon-label);
    transition: background-color .18s ease,color .18s ease
}

.c-button--icon svg {
    display: block;
    flex: none;
    width: var(--button-icon-size);
    height: var(--button-icon-size)
}

.c-button--icon:hover {
    background: var(--button-icon-bg);
    color: var(--button-icon-label-hover)
}

.c-button--icon:focus-visible {
    outline: var(--units-border-md)solid currentColor;
    outline-offset: var(--units-border-md)
}

.c-button--fill {
    background: var(--button-icon-bg,var(--surface-layer-strong))
}

.c-button--small {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    min-height: 36px;
    padding: var(--units-spacing-x2)var(--units-spacing-lg);
    text-transform: lowercase
}

.c-button--tiny {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    min-height: 36px;
    padding: var(--units-spacing-x2)var(--units-spacing-md)
}

.c-button--large {
    height: 55px;
    min-height: 45px
}

@media(min-width: 769px) {
    .c-button--large {
        width:var(--units-size-standalone-button,240px)
    }
}

.c-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--card-container-background);
    border: var(--card-container-border-width)solid var(--card-container-border);
    border-radius: var(--card-container-radius);
    box-shadow: 0 1px 2px rgba(0,0,0,5%)
}

.c-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 12/7;
    object-fit: cover
}

.c-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-xl);
    padding: var(--card-container-padding)
}

.c-card__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--card-container-gap);
    text-align: center
}

.c-card__eyebrow {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 0 0 var(--units-spacing-2xs)
}

.c-card__title {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    margin: 0;
    font-weight: 700;
    color: var(--card-copy-title)
}

.c-card__description {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    margin: 0;
    color: var(--card-copy-text)
}

.c-card__cta {
    margin-bottom: var(--units-spacing-sm-x)
}

.c-card-grid {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-card-grid__list {
    --card-grid-columns: 1;
    --card-grid-gap: var(--units-spacing-grid-gap);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--card-grid-gap);
    list-style: none;
    padding: 0;
    margin: var(--units-spacing-2xl)0 0
}

.c-card-grid__item {
    flex: 0 0 calc( (100% - (var(--card-grid-columns) - 1) * var(--card-grid-gap))/var(--card-grid-columns));
    min-width: 0;
    display: grid
}

@media(min-width: 769px) {
    .c-card-grid__list {
        --card-grid-columns:2
    }
}

@media(min-width: 1025px) {
    .c-card-grid__list {
        --card-grid-columns:3
    }
}

.c-card-news {
    border-radius: var(--units-radius-lg)
}

.c-card-news__link {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-x2);
    border-radius: inherit;
    color: inherit;
    text-decoration: none
}

.c-card-news__link:hover .c-card-news__title,.c-card-news__link:focus-visible .c-card-news__title {
    color: var(--text-inverted-highlight)
}

.c-card-news__meta {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x);
    margin: 0
}

.c-card-news__dot {
    color: var(--text-inverted-secondary)
}

.c-card-news__date {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    color: var(--text-inverted-secondary)
}

.c-card-news__title {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    margin: 0;
    color: var(--text-inverted-strong);
    transition: color .15s ease
}

.c-card-news__more {
    display: inline-flex;
    align-items: center;
    gap: var(--units-spacing-sm-xxx);
    align-self: flex-start;
    margin-top: var(--units-spacing-sm-x);
    color: var(--text-inverted-strong);
    text-decoration: none;
    text-transform: lowercase;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500
}

.c-card-news__more svg {
    width: 16px;
    height: 16px;
    transition: transform .15s ease
}

.c-card-news__more:hover,.c-card-news__more:focus-visible {
    color: var(--text-inverted-highlight)
}

.c-card-news__more:hover svg,.c-card-news__more:focus-visible svg {
    transform: translateX(2px)
}

.c-card-news--large .c-card-news__title {
    font-size: var(--font-size-3xl);
    line-height: var(--font-line-height-3xl);
    font-weight: 700;
    letter-spacing: -1.5px;
    font-weight: 600
}

.c-news-line {
    display: flex;
    flex: 1;
    height: 100%;
    background: var(--surface-background);
    border-radius: var(--units-radius-lg);
    box-shadow: 0 1px 1px rgba(0,0,0,5%)
}

.c-news-line__link {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--units-spacing-sm-x);
    padding: var(--units-spacing-lg);
    border-radius: inherit;
    color: var(--text-strong);
    text-decoration: none
}

.c-news-line__link:hover,.c-news-line__link:focus-visible {
    color: var(--text-highlight)
}

.c-news-line__meta {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x);
    margin: 0;
    font-family: var(--font-family-body);
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-sm);
    font-weight: 500
}

.c-news-line__category {
    color: var(--text-highlight);
    text-transform: lowercase
}

.c-news-line__dot {
    color: var(--text-secondary)
}

.c-news-line__date {
    color: var(--text-secondary);
    text-transform: lowercase
}

.c-news-line__title {
    margin: 0;
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 600;
    color: currentColor
}

.c-filter-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--units-spacing-sm)var(--units-spacing-md);
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    color: var(--text-strong);
    text-decoration: none;
    text-transform: lowercase;
    white-space: nowrap;
    background: var(--surface-layer-strong);
    border: 1px solid var(--border-subtle);
    border-radius: var(--units-radius-pill);
    transition: background-color .15s ease,color .15s ease
}

.c-filter-pill:hover,.c-filter-pill:focus-visible {
    border-color: var(--border-distinct)
}

.c-filter-pill--active {
    color: var(--text-inverted-strong);
    background: var(--surface-foreground);
    border-color: transparent
}

.c-filter-pill--active:hover,.c-filter-pill--active:focus-visible {
    border-color: transparent
}

.c-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--units-spacing-sm-x)
}

.c-pagination__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    padding: var(--units-spacing-sm-xxx);
    color: var(--text-strong);
    border-radius: var(--units-radius-pill);
    transition: background-color .15s ease
}

.c-pagination__control svg {
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.c-pagination__control:hover,.c-pagination__control:focus-visible {
    background: var(--surface-layer-strong)
}

.c-pagination__control--disabled {
    color: var(--text-disabled);
    pointer-events: none
}

.c-pagination__list {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x);
    margin: 0;
    padding: 0;
    list-style: none
}

.c-pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    color: var(--text-secondary);
    font-family: var(--font-family-body);
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-xs)
}

.c-pagination__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: var(--units-radius-sm);
    transition: background-color .15s ease,color .15s ease
}

.c-pagination__page:hover,.c-pagination__page:focus-visible {
    background: var(--surface-layer-weak)
}

.c-pagination__page--current {
    color: var(--text-strong);
    background: var(--surface-layer-weak)
}

.c-news-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--units-spacing-xl);
    flex-wrap: wrap;
    margin-top: var(--nav-height);
    padding: var(--units-spacing-3xl)0
}

.c-news-header__intro {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-xl);
    max-width: 765px
}

.c-news-header__title {
    --font-size-hero: clamp(2.4rem, 7.4vw, 5.2rem);
    font-size: var(--font-size-hero);
    line-height: calc(var(--font-size-hero) * 1.1);
    font-weight: 800;
    letter-spacing: -4px;
    margin: 0;
    text-transform: lowercase;
    color: var(--text-strong)
}

.c-news-header__description {
    margin: 0;
    max-width: 590px;
    font-family: var(--font-family-body);
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    color: var(--text-secondary)
}

.c-news-header__contacts {
    flex-shrink: 0;
    margin: 0
}

.c-news-header__contact-row {
    display: flex;
    align-items: baseline;
    gap: var(--units-spacing-sm-x);
    padding-bottom: var(--units-spacing-sm)
}

.c-news-header__contact-label {
    flex-shrink: 0;
    width: 146px;
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-xs);
    font-weight: 700;
    color: var(--text-strong);
    white-space: nowrap
}

.c-news-header__contact-value {
    margin: 0;
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    color: var(--text-link)
}

@media(min-width: 1025px) {
    .c-news-header {
        padding:var(--units-spacing-4xl)0
    }
}

.c-news-archive {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-xl)
}

.c-news-archive__pills {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x);
    flex-wrap: wrap
}

.c-news-archive__list {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    margin: 0;
    list-style: none;
    padding: var(--units-spacing-2xl);
    background-color: var(--surface-layer-strong);
    border-radius: var(--units-radius-xl)
}

.c-news-archive__pagination {
    display: flex;
    justify-content: center
}

:root {
    --nav-height: 64px
}

.c-nav {
    --nav-bg: var(--color-transparent-white-09);
    --nav-bg-solid: var(--color-gray-white);
    --nav-text: var(--color-gray-700);
    --nav-text-strong: var(--text-strong);
    --nav-text-muted: var(--text-secondary);
    --nav-cta-bg: var(--surface-foreground);
    --nav-cta-text: var(--text-inverted-strong);
    --nav-border: var(--border-subtle);
    --nav-shadow: 0 0 16px 0 rgba(0, 40, 71, 0.04), 0 16px 25px 0 rgba(0, 40, 71, 0.06);
    --nav-hamburger: var(--text-strong);
    --nav-overlay-bg: rgba(71, 71, 71, 0.05);
    --nav-strip-bg: var(--color-gray-white);
    --nav-strip-border: var(--border-subtle);
    --nav-accent: var(--surface-accent);
    --nav-kicker: var(--nav-accent);
    --nav-logo: var(--text-strong)
}

.dark-theme .c-nav,.c-nav.dark-theme {
    --nav-bg: rgba(15, 15, 15, 0.85);
    --nav-bg-solid: var(--color-gray-900);
    --nav-text: var(--color-gray-400);
    --nav-text-strong: var(--color-gray-white);
    --nav-text-muted: var(--color-gray-500);
    --nav-cta-bg: var(--color-gray-white);
    --nav-cta-text: var(--color-gray-900);
    --nav-border: var(--color-transparent-white-01);
    --nav-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2), 0 16px 25px 0 rgba(0, 0, 0, 0.3);
    --nav-hamburger: var(--color-gray-white);
    --nav-overlay-bg: rgba(0, 0, 0, 0.4);
    --nav-strip-bg: var(--color-gray-black);
    --nav-strip-border: var(--color-transparent-white-01);
    --nav-accent: var(--color-blue-300);
    --nav-kicker: var(--nav-accent);
    --nav-logo: var(--color-gray-white)
}

.c-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--nav-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;
    overflow: visible;
    text-transform: lowercase
}

.c-nav.c-nav--hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none
}

.c-nav.c-nav--scrolled {
    box-shadow: var(--nav-shadow)
}

.c-nav.c-nav--menu-open {
    backdrop-filter: blur(50px);
    box-shadow: var(--nav-shadow)
}

.c-nav.c-nav--menu-open .nav-links a {
    opacity: .3;
    transition: color .2s,background .2s,opacity .2s
}

.c-nav.c-nav--menu-open .nav-links a:hover {
    opacity: 1
}

.c-nav.c-nav--menu-open .nav-links a[aria-expanded=true] {
    opacity: 1
}

.c-nav.c-nav--menu-open .mega-menu__utility-strip {
    display: block
}

.c-nav.c-nav--mobile-open {
    background: var(--nav-bg-solid);
    backdrop-filter: none
}

.c-nav.c-nav--mobile-open .nav-mobile {
    display: flex
}

.c-nav.c-nav--mobile-open .nav-hamburger span:nth-child(1) {
    transform: translateY(7px)rotate(45deg)
}

.c-nav.c-nav--mobile-open .nav-hamburger span:nth-child(2) {
    opacity: 0
}

.c-nav.c-nav--mobile-open .nav-hamburger span:nth-child(3) {
    transform: translateY(-7px)rotate(-45deg)
}

.nav-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: var(--nav-height);
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 32px
}

.nav-logo-img {
    display: block;
    width: auto;
    color: var(--nav-logo)
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none
}

.nav-links a {
    font-weight: 450;
    color: var(--nav-text);
    text-decoration: none;
    transition: color .2s,background .2s,opacity .2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border-radius: 100px;
    font-size: 16px
}

.nav-links a:hover {
    color: var(--nav-text-strong)
}

.nav-links a:hover .nav-chevron {
    opacity: 1;
    color: var(--nav-accent);
    animation: chevron-bounce .35s ease
}

.nav-links a[aria-expanded=true]:hover .nav-chevron {
    animation: none
}

.nav-links a[aria-expanded=true] {
    color: var(--nav-text-strong)
}

.nav-links a[aria-expanded=true] .nav-chevron {
    transform: rotate(180deg);
    opacity: .7
}

@keyframes chevron-bounce {
    0% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(3px)
    }

    100% {
        transform: translateY(0)
    }
}

.nav-chevron {
    width: 12px;
    height: 12px;
    opacity: .5;
    flex-shrink: 0;
    transition: transform .2s ease,opacity .2s ease,color .2s ease
}

.nav-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.nav-cta {
    background: var(--nav-cta-bg)!important;
    color: var(--nav-cta-text)!important;
    padding: 10px 24px!important;
    border-radius: 24px;
    font-weight: 600!important;
    font-size: .85rem!important;
    text-decoration: none;
    transition: box-shadow .2s;
    white-space: nowrap
}

.nav-cta:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.18);
    background: var(--nav-cta-bg)!important
}

.nav-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    cursor: default;
    appearance: none;
    background: 0 0;
    border: none
}

.nav-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--nav-hamburger);
    border-radius: 2px;
    transition: transform .25s ease,opacity .2s ease
}

.nav-mobile {
    display: none
}

.mega-menu {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 32px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transform-origin: top center;
    position: relative;
    overflow: visible
}

.mega-menu__panel {
    display: none;
    grid-template-columns: repeat(2,1fr);
    gap: 24px 32px;
    padding: 32px 0;
    max-width: 436px;
    margin: 0 auto;
    background: inherit;
    backdrop-filter: inherit;
    -webkit-backdrop-filter: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-transform: lowercase
}

.mega-menu__col {
    display: flex;
    flex-direction: column
}

.mega-menu__col a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    text-decoration: none;
    color: var(--nav-text-strong);
    font-weight: 500;
    font-size: 16px;
    transition: color .2s ease
}

.mega-menu__col a .mega-menu__arrow {
    margin-left: 8px;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .2s ease,transform .2s ease;
    flex-shrink: 0
}

.mega-menu__col a:hover {
    color: var(--nav-accent)
}

.mega-menu__col a:hover .mega-menu__arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--nav-accent)
}

.mega-menu__kicker {
    font-size: 10px;
    font-weight: 700;
    color: var(--nav-kicker);
    padding-bottom: 14px;
    letter-spacing: .04em;
    text-transform: uppercase
}

.mega-menu__utility-strip {
    display: none;
    background: var(--nav-strip-bg);
    border-top: 1px solid var(--nav-strip-border)
}

.mega-menu__utility-strip-inner {
    max-width: 436px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.mega-menu__utility-strip-inner a {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--nav-text);
    text-decoration: none;
    transition: color .2s ease;
    padding: 13px 0
}

.mega-menu__utility-strip-inner a:hover {
    color: var(--nav-text-strong)
}

.mega-menu__utility-strip-inner a>span:last-child {
    display: flex;
    flex-direction: column
}

.mega-menu__utility-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--nav-accent);
    color: var(--color-gray-white);
    flex-shrink: 0
}

.mega-menu__utility-desc {
    font-size: 12px;
    color: var(--nav-text-muted);
    font-weight: 400;
    display: block
}

.nav-overlay {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: var(--nav-overlay-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.nav-overlay.nav-overlay--active {
    opacity: 1;
    pointer-events: auto
}

@media(max-width: 1024px) {
    .c-nav {
        padding:0
    }

    .mega-menu {
        padding: 0 24px
    }

    .mega-menu__panel {
        padding: 34px 30px;
        grid-template-columns: 1fr;
        gap: 20px
    }

    .mega-menu__utility-strip {
        flex-wrap: wrap;
        gap: 12px 24px
    }
}

@media(max-width: 1000px) {
    .nav-inner {
        grid-template-columns:1fr auto;
        padding: 0 16px
    }

    .nav-links,.nav-actions {
        display: none
    }

    .nav-hamburger {
        display: flex;
        justify-self: end
    }

    .mega-menu {
        display: none
    }

    .nav-mobile {
        display: none;
        flex-direction: column;
        height: calc(100dvh - 64px);
        overflow-y: auto
    }

    .nav-mobile__tabs {
        display: flex;
        flex-shrink: 0;
        gap: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        border-bottom: 1px solid var(--nav-border);
        padding: 0 16px
    }

    .nav-mobile__tabs::-webkit-scrollbar {
        display: none
    }

    .nav-mobile__tab {
        flex-shrink: 0;
        padding: 14px 0;
        margin-right: 24px;
        font-size: 15px;
        font-weight: 550;
        color: var(--nav-text-muted);
        text-decoration: none;
        border-bottom: 2px solid transparent;
        transition: color .2s,border-color .2s;
        white-space: nowrap;
        cursor: pointer;
        background: 0 0;
        border-top: none;
        border-left: none;
        border-right: none;
        appearance: none
    }

    .nav-mobile__tab--active {
        color: var(--nav-text-strong);
        border-bottom-color: var(--nav-accent)
    }

    .nav-mobile__tab:last-child {
        margin-right: 0
    }

    .nav-mobile__content {
        padding: 0 16px
    }

    .nav-mobile__panel {
        display: none
    }

    .nav-mobile__panel--active {
        display: block
    }

    .nav-mobile__section {
        border-bottom: 1px solid var(--nav-border)
    }

    .nav-mobile__section-title {
        display: block;
        width: 100%;
        padding: 18px 0;
        font-size: 13px;
        font-weight: 700;
        color: var(--nav-kicker);
        letter-spacing: .04em;
        background: 0 0;
        border: none;
        appearance: none;
        text-align: left
    }

    .nav-mobile__section-links {
        display: flex;
        flex-direction: column;
        padding-bottom: 12px
    }

    .nav-mobile__section-links a {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 500;
        color: var(--nav-text-strong);
        text-decoration: none
    }

    .nav-mobile__section-links a:hover {
        color: var(--nav-text-strong)
    }

    .nav-mobile__utilities {
        display: flex;
        gap: 12px;
        padding: 24px 0
    }

    .nav-mobile__utilities a {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 500;
        color: var(--nav-text-strong);
        text-decoration: none
    }

    .nav-mobile__utility-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: var(--nav-accent);
        color: var(--color-gray-white);
        flex-shrink: 0
    }
}

.nav .capitalize {
    text-transform: capitalize
}

.c-footer {
    --footer-links-gap: var(--units-spacing-md);
    --footer-column-gap: var(--units-spacing-md);
    --footer-column-heading: var(--text-secondary);
    --footer-column-heading-gap: var(--units-spacing-md);
    --footer-column-link: var(--text-secondary);
    --footer-column-link-hover: var(--text-strong);
    --footer-column-link-padding: var(--units-spacing-sm-xxx);
    --footer-disclaimer: var(--text-secondary);
    --footer-disclaimer-paragraph-gap: var(--font-line-height-xs);
    --footer-meta-bg: var(--surface-foreground);
    --footer-meta-text: var(--text-inverted-strong);
    --footer-meta-logo: var(--text-inverted-strong);
    --footer-meta-icon: var(--icon-inverted);
    --footer-meta-padding: var(--units-spacing-xl);
    --footer-meta-gap: var(--units-spacing-xl);
    --footer-meta-social-gap: var(--units-spacing-xl);
    --footer-meta-icon-size: var(--units-size-m);
    --footer-meta-logo-height: var(--units-size-m);
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--units-spacing-xl);
    font-size: var(--font-size-xs);
    color: var(--text-secondary)
}

.c-footer__links {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: var(--footer-links-gap);
    align-items: start;
    margin-bottom: var(--units-spacing-xl)
}

.c-footer__columns {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--footer-column-gap)
}

.c-footer__column-heading {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    font-weight: 700;
    text-transform: none;
    color: var(--footer-column-heading);
    margin-bottom: var(--footer-column-heading-gap)
}

.c-footer__column-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-0)
}

.c-footer__column-link {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    display: inline-block;
    padding: var(--footer-column-link-padding)0;
    color: var(--footer-column-link);
    text-decoration: none
}

.c-footer__column-link:hover {
    color: var(--footer-column-link-hover)
}

.c-footer__disclaimer {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    color: var(--footer-disclaimer);
    overflow-wrap: break-word
}

.c-footer__disclaimer p+p {
    margin-top: var(--footer-disclaimer-paragraph-gap)
}

.c-footer__disclaimer a {
    color: inherit;
    text-decoration: underline
}

.c-footer__legal {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-sm);
    margin-bottom: var(--units-spacing-xl)
}

.c-footer__legal a {
    color: var(--text-secondary);
    text-decoration: none
}

.c-footer__legal a:hover {
    color: var(--text-strong)
}

.c-footer__bottom {
    background: var(--footer-meta-bg);
    color: var(--footer-meta-text);
    padding: var(--footer-meta-padding)0
}

.c-footer__meta {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
    gap: var(--footer-meta-gap)
}

.c-footer__copy {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    font-family: var(--font-family-title);
    color: var(--footer-meta-text)
}

.c-footer__logo {
    display: inline-flex;
    justify-content: center;
    color: var(--footer-meta-logo)
}

.c-footer__logo-img {
    display: block;
    height: var(--footer-meta-logo-height);
    width: auto
}

.c-footer__social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--footer-meta-social-gap)
}

.c-footer__social-link {
    display: inline-flex;
    color: var(--footer-meta-icon);
    text-decoration: none
}

.c-footer__social-link svg {
    display: block;
    width: var(--footer-meta-icon-size);
    height: var(--footer-meta-icon-size)
}

@media(min-width: 769px) {
    .c-footer__columns {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .c-footer__meta {
        grid-template-columns: 1fr auto 1fr;
        justify-items: stretch;
        text-align: left
    }

    .c-footer__social {
        justify-content: flex-end
    }
}

@media(min-width: 1025px) {
    .c-footer__links {
        grid-template-columns:2fr 1fr
    }

    .c-footer__columns {
        grid-template-columns: repeat(5,minmax(0,1fr));
        gap: var(--units-spacing-0)
    }
}

[data-theme=dark] .c-footer {
    border-top: none
}

[data-theme=dark] .c-footer__bottom {
    background: var(--footer-meta-text);
    color: var(--footer-meta-text)
}

[data-theme=dark] .c-footer__copy {
    color: var(--footer-meta-bg)
}

[data-theme=dark] .c-footer__logo {
    color: var(--footer-meta-bg)
}

[data-theme=dark] .c-footer__social-link {
    color: var(--footer-meta-bg)
}

.c-logo-grid {
    --logo-grid-logo-height: 50px;
    --logo-grid-logo-width: 160px;
    --logo-grid-gap: var(--units-spacing-4xl);
    --logo-grid-speed: 40s;
    padding: var(--units-spacing-3xl)0
}

.c-logo-grid__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-grid-gap);
    padding: var(--units-spacing-2xl)var(--units-spacing-3xl);
    border-radius: var(--units-radius-xl);
    overflow: hidden
}

.c-logo-grid__caption {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 400;
    margin: 0;
    color: var(--text-tertiary);
    text-align: center;
    text-wrap: balance
}

.c-logo-grid__viewport {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}

.c-logo-grid__track {
    display: flex;
    align-items: center;
    gap: var(--logo-grid-gap);
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    mix-blend-mode: multiply;
    animation: logo-grid-scroll var(--logo-grid-speed)linear infinite
}

.c-logo-grid__track:hover,.c-logo-grid__track:focus-within {
    animation-play-state: paused
}

.c-logo-grid__item {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-logo-grid__link {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-logo-grid__logo {
    display: block;
    max-width: var(--logo-grid-logo-width);
    max-height: var(--logo-grid-logo-height);
    object-fit: contain
}

.c-logo-grid__name {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    color: var(--text-secondary);
    text-align: center
}

.c-logo-grid--grid .c-logo-grid__panel {
    align-items: stretch;
    overflow: visible
}

.c-logo-grid--grid .c-logo-grid__heading {
    margin-bottom: var(--units-spacing-lg)
}

.c-logo-grid--grid .c-logo-grid__list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    gap: var(--units-spacing-xl);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    mix-blend-mode: multiply
}

.c-logo-grid--grid .c-logo-grid__toggle {
    align-self: center;
    margin-top: var(--units-spacing-lg)
}

@keyframes logo-grid-scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-50% - (var(--logo-grid-gap)/2)))
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-logo-grid__viewport {
        -webkit-mask-image: none;
        mask-image: none
    }

    .c-logo-grid__track {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        row-gap: var(--units-spacing-2xl);
        animation: none;
        transform: none
    }

    .c-logo-grid__item[aria-hidden=true] {
        display: none
    }
}

.c-licensing-grid {
    padding: var(--units-spacing-3xl)var(--units-spacing-md);
    text-align: center
}

.c-licensing-grid__list {
    --licensing-grid-columns: 2;
    --licensing-grid-gap: var(--units-spacing-grid-gap);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--licensing-grid-gap);
    margin-top: var(--units-spacing-2xl)
}

.c-licensing-grid__item {
    flex: 0 0 calc( (100% - (var(--licensing-grid-columns) - 1) * var(--licensing-grid-gap))/var(--licensing-grid-columns));
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: var(--units-spacing-sm);
    padding: var(--units-spacing-md)
}

.c-licensing-grid__logo {
    width: auto;
    max-width: 100%;
    max-height: 64px;
    object-fit: contain
}

.c-licensing-grid__jurisdiction {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    color: var(--text-tertiary)
}

@media(min-width: 769px) {
    .c-licensing-grid__list {
        --licensing-grid-columns:3
    }
}

@media(min-width: 1025px) {
    .c-licensing-grid {
        padding:var(--units-spacing-4xl)var(--units-spacing-2xl)
    }

    .c-licensing-grid__list {
        --licensing-grid-columns: 6
    }
}

.c-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-2xs);
    padding: var(--units-spacing-2xs);
    border-radius: var(--units-radius-pill);
    background: var(--tabs-tabs-container);
    border: var(--units-border-sm)solid var(--tabs-tabs-container-border)
}

.c-tabs__tab {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    appearance: none;
    border: 0;
    cursor: pointer;
    padding: var(--units-spacing-sm)var(--units-spacing-lg);
    border-radius: var(--units-radius-pill);
    background: var(--tabs-tab-background);
    color: var(--tabs-tab-color);
    white-space: nowrap;
    transition: background-color .15s ease,color .15s ease
}

.c-tabs__tab:hover {
    color: var(--text-strong)
}

.c-tabs__tab.is-active {
    background: var(--tabs-tab-background-selected);
    color: var(--tabs-tab-color-selected)
}

.c-tabs--equal {
    display: flex;
    flex-wrap: nowrap
}

.c-tabs--equal .c-tabs__tab {
    flex: 1;
    text-align: center
}

.c-tabs--cards {
    display: flex;
    flex-wrap: nowrap;
    width: min(100%,46rem);
    gap: var(--units-spacing-lg);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0 0
}

@media(max-width: 768px) {
    .c-tabs--cards {
        flex-direction:column;
        width: 100%;
        gap: var(--units-spacing-sm)
    }
}

.c-tabs--cards .c-tabs__tab {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: var(--units-spacing-lg);
    row-gap: var(--units-spacing-2xs);
    min-width: 0;
    padding: var(--units-spacing-lg)var(--units-spacing-xl);
    border-radius: var(--units-radius-lg);
    border: var(--units-border-sm)solid var(--border-distinct);
    background: var(--surface-layer-1);
    color: var(--text-secondary);
    text-align: left;
    white-space: normal;
    transition: border-color .15s ease,box-shadow .15s ease,color .15s ease
}

@media(max-width: 768px) {
    .c-tabs--cards .c-tabs__tab {
        flex:none
    }
}

.c-tabs--cards .c-tabs__tab:hover {
    border-color: var(--border-highlight)
}

.c-tabs--cards .c-tabs__tab.is-active {
    background: var(--surface-layer-1);
    color: var(--text-strong);
    border-color: var(--border-highlight);
    box-shadow: 0 0 24px -4px color-mix(in srgb,var(--surface-accent) 55%,transparent)
}

.c-tabs--cards .c-tabs__tab:focus-visible {
    outline: 2px solid var(--border-highlight);
    outline-offset: 2px
}

.c-tabs__tab-label {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    grid-column: 1
}

.c-tabs__tab-desc {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 400;
    grid-column: 1/-1;
    color: var(--text-tertiary)
}

.c-tabs__tab-badge {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    grid-column: 2;
    grid-row: 1;
    padding: var(--units-spacing-2xs)var(--units-spacing-sm);
    border-radius: var(--units-radius-pill);
    background: var(--text-secondary);
    color: var(--text-inverted-strong);
    white-space: nowrap
}

.c-tabs__tab.is-active .c-tabs__tab-badge {
    background: var(--surface-accent);
    color: var(--text-strong)
}

[hidden] {
    display: none!important
}

.c-global-presence {
    padding-block:var(--units-spacing-3xl)}

.c-global-presence .c-section-heading {
    text-align: center;
    margin-bottom: var(--units-spacing-2xl)
}

.c-global-presence .c-section-heading__description {
    color: var(--text-secondary);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.c-global-presence__tabs {
    display: flex;
    justify-content: center;
    margin-bottom: var(--units-spacing-2xl)
}

.c-global-presence__group+.c-global-presence__group {
    margin-top: var(--units-spacing-2xl)
}

.c-global-presence__region {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: var(--units-spacing-lg)
}

.c-global-presence__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--units-spacing-lg)var(--units-spacing-grid-gap)
}

.c-global-presence__item {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm);
    min-width: 0
}

.c-global-presence__flag {
    flex: none;
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    background: var(--surface-layer-1);
    border: 1px solid var(--border-subtle)
}

.c-global-presence__flag img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-global-presence__name {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-strong);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 769px) {
    .c-global-presence__list {
        grid-template-columns:repeat(3,1fr)
    }
}

@media(min-width: 1025px) {
    .c-global-presence {
        padding-block:var(--units-spacing-4xl)
    }

    .c-global-presence__list {
        grid-template-columns: repeat(4,1fr)
    }
}

.c-client-list {
    padding: var(--units-spacing-3xl)var(--units-spacing-md);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

.c-client-list__track {
    list-style: none;
    margin: 0;
    padding: 0 0 var(--units-spacing-sm);
    display: flex;
    gap: var(--units-spacing-2xl);
    justify-content: space-between;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin
}

.c-client-list__item {
    flex: none;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-client-list__link {
    display: inline-flex;
    align-items: center
}

.c-client-list img {
    display: block;
    width: auto;
    height: auto
}

@media(min-width: 1025px) {
    .c-client-list {
        padding:var(--units-spacing-4xl)var(--units-spacing-2xl)
    }
}

.c-stats-strip {
    padding: var(--units-spacing-3xl)var(--units-spacing-md)
}

.c-stats-strip__heading {
    margin-bottom: var(--units-spacing-2xl)
}

.c-stats-strip__list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--units-spacing-md)
}

.c-stats-strip__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--units-spacing-lg);
    border-radius: var(--units-radius-lg);
    position: relative
}

.c-stats-strip__item::after {
    position: absolute;
    content: "";
    top: var(--units-spacing-grid-gap);
    bottom: var(--units-spacing-grid-gap);
    right: 0;
    width: 1px;
    background-color: var(--border-subtle)
}

.c-stats-strip__item:last-child::after {
    display: none
}

.c-stats-strip__value {
    font-size: var(--font-size-5xl);
    line-height: var(--font-line-height-5xl);
    font-weight: 700;
    letter-spacing: -2px;
    color: var(--text-highlight)
}

.c-stats-strip__label {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary)
}

@media(min-width: 1025px) {
    .c-stats-strip {
        padding:var(--units-spacing-4xl)var(--units-spacing-2xl)
    }

    .c-stats-strip__list {
        grid-template-columns: repeat(4,1fr);
        gap: var(--units-spacing-xl)
    }
}

.c-game-card {
    --game-card-grow: 3%;
    --game-card-speed: 0.28s;
    --game-card-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
    --game-card-action-size: 46px;
    --game-card-action-border: 1.5px;
    --game-card-min-width: 160px;
    position: relative;
    aspect-ratio: 3/4;
    min-width: var(--game-card-min-width)
}

.c-game-card__inner {
    position: absolute;
    inset: 0;
    border-radius: var(--game-card-radius);
    overflow: hidden;
    background: var(--brand-black);
    transition: inset var(--game-card-speed)var(--game-card-ease)
}

.c-game-card__art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter var(--game-card-speed)var(--game-card-ease)
}

.c-game-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-rows: auto 1fr auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--game-card-speed)var(--game-card-ease)
}

.c-game-card__meta {
    padding: 15% var(--units-spacing-sm)0;
    text-align: center;
    color: var(--brand-white)
}

.c-game-card__name {
    margin: 0;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    text-transform: unset
}

.c-game-card__studio {
    margin: var(--units-spacing-sm-xxx)0 0;
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--color-transparent-white-06)
}

.c-game-card__actions {
    align-self: center;
    display: flex;
    justify-content: center;
    gap: var(--units-spacing-sm-x);
    padding: 0 var(--units-spacing-sm-x)
}

.c-game-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--game-card-action-size);
    height: var(--game-card-action-size);
    padding: 0;
    border: none;
    border-radius: var(--units-radius-circle);
    background: 0 0;
    color: var(--brand-white);
    text-decoration: none;
    cursor: pointer;
    transition: background-color .18s var(--game-card-ease),border-color .18s var(--game-card-ease)
}

.c-game-card__action svg {
    width: 20px;
    height: 20px
}

.c-game-card__action:focus-visible {
    outline: var(--units-border-md)solid var(--brand-white);
    outline-offset: 3px
}

.c-game-card__action--play {
    background: var(--color-blue-500)
}

.c-game-card__action--play:hover {
    background: var(--color-blue-400)
}

.c-game-card__action--info {
    background: var(--color-transparent-white-02)
}

.c-game-card__action--info:hover {
    border-color: var(--color-transparent-white-07);
    background: var(--color-transparent-white-01)
}

.c-game-card__action--assets {
    background: var(--color-transparent-white-02)
}

.c-game-card__action--assets:hover {
    border-color: var(--brand-white);
    background: var(--color-transparent-white-01)
}

.c-game-card__specs {
    margin: 0;
    display: grid;
    gap: var(--units-spacing-sm-xxx);
    padding: var(--units-spacing-sm)var(--units-spacing-md);
    background: var(--color-transparent-white-01);
    color: var(--brand-white)
}

.c-game-card__spec {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--units-spacing-sm-x)
}

.c-game-card__spec dt {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    letter-spacing: .09em;
    color: var(--color-transparent-white-08)
}

.c-game-card__spec dd {
    margin: 0;
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    font-variant-numeric: tabular-nums
}

.c-game-card__reveal {
    display: none
}

@media(hover: hover) {
    .c-game-card:hover .c-game-card__inner,.c-game-card:focus-within .c-game-card__inner {
        inset:0 calc(var(--game-card-grow) * -1)calc(var(--game-card-grow) * -2);
        z-index: 2
    }

    .c-game-card:hover .c-game-card__art,.c-game-card:focus-within .c-game-card__art {
        filter: blur(7px)brightness(.4)
    }

    .c-game-card:hover .c-game-card__overlay,.c-game-card:focus-within .c-game-card__overlay {
        opacity: 1;
        pointer-events: auto
    }
}

@media(hover: none) {
    .c-game-card__overlay {
        display:none
    }

    .c-game-card__reveal {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2;
        padding: 0;
        border: 0;
        background: 0 0;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent
    }

    .c-game-card--no-dialog .c-game-card__overlay {
        display: grid;
        visibility: hidden;
        transition: opacity var(--game-card-speed)var(--game-card-ease),visibility 0s linear var(--game-card-speed)
    }

    .c-game-card--no-dialog.is-revealed .c-game-card__inner {
        inset: 0 calc(var(--game-card-grow) * -1)calc(var(--game-card-grow) * -2);
        z-index: 2
    }

    .c-game-card--no-dialog.is-revealed .c-game-card__art {
        filter: blur(7px)brightness(.4)
    }

    .c-game-card--no-dialog.is-revealed .c-game-card__overlay {
        opacity: 1;
        pointer-events: auto
    }

    .c-game-card--no-dialog.is-revealed .c-game-card__overlay {
        visibility: visible;
        transition-delay: 0s
    }

    .c-game-card--no-dialog.is-revealed .c-game-card__reveal {
        pointer-events: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-game-card__inner,.c-game-card__art,.c-game-card__overlay {
        transition-duration: .01ms
    }

    .c-game-card:hover .c-game-card__inner,.c-game-card:focus-within .c-game-card__inner {
        inset: 0
    }
}

.c-game-grid {
    --game-grid-columns: 2;
    --game-card-min-width: 0;
    display: grid;
    grid-template-columns: repeat(var(--game-grid-columns),minmax(0,1fr));
    gap: var(--units-spacing-grid-gap);
    list-style: none;
    padding: var(--units-spacing-grid-gap)0 0;
    margin: 0
}

.c-game-grid__item {
    display: grid;
    min-width: 0
}

@media(min-width: 769px) {
    .c-game-grid {
        --game-grid-columns:3
    }
}

@media(min-width: 1025px) {
    .c-game-grid {
        --game-grid-columns:7
    }

    .c-game-grid--compact {
        --game-grid-columns: 7
    }
}

.c-game-grid__more {
    display: flex;
    justify-content: center;
    margin-top: var(--units-spacing-xl)
}

.c-game-showcase {
    min-height: 80dvh;
    padding-block:var(--units-spacing-3xl);display: flex;
    flex-direction: column;
    justify-content: center
}

.c-game-showcase--center {
    align-items: center;
    text-align: center;
    gap: 48px
}

.c-game-popup {
    --game-popup-overlap: 60px;
    width: 100%;
    max-width: none;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: var(--surface-background);
    color: var(--text-strong);
    overflow-y: auto
}

.c-game-popup::backdrop {
    background: var(--color-transparent-black-06);
    backdrop-filter: blur(6px)
}

.c-game-popup__thumb {
    position: sticky;
    top: 0;
    z-index: 0
}

.c-game-popup__image {
    width: 100%;
    display: block;
    aspect-ratio: 4/5;
    object-fit: cover
}

.c-game-popup__logo {
    display: none
}

.c-game-popup__close {
    position: absolute;
    top: var(--units-spacing-md);
    right: var(--units-spacing-md);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: var(--units-spacing-sm-x);
    border: none;
    border-radius: var(--units-radius-pill);
    background: var(--color-transparent-white-08);
    color: var(--icon-strong);
    cursor: pointer
}

.c-game-popup__close svg {
    width: 100%;
    height: 100%;
    display: block
}

.c-game-popup__panel {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--game-popup-overlap) * -1);
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    padding: var(--units-spacing-md);
    background: var(--surface-background);
    border-radius: var(--units-radius-xl)var(--units-radius-xl)0 0
}

.c-game-popup__header {
    display: grid;
    grid-template-columns: minmax(0,1fr)auto;
    align-items: center;
    gap: var(--units-spacing-sm-x)var(--units-spacing-sm);
    padding-bottom: var(--units-spacing-sm-x)
}

.c-game-popup__tags {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-sm-x)
}

.c-game-popup__title {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    font-family: var(--font-family-title);
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-xl);
    font-weight: 800;
    color: var(--text-strong)
}

.c-game-popup__studio {
    margin: 0;
    font-size: var(--font-size-xs);
    font-weight: 500;
    color: var(--text-tertiary);
    grid-column: 1/-1;
    grid-row: 2
}

.c-game-popup__content {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md)
}

.c-game-popup__actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    gap: var(--units-spacing-md);
    padding: var(--units-spacing-md);
    background: var(--card-container-background);
    border-top: var(--units-border-md)solid var(--border-subtle);
    box-shadow: 0 -3px 20px -11px var(--color-transparent-black-02)
}

.c-game-popup__actions>.c-button {
    flex: 1;
    min-width: 0;
    min-height: 45px
}

@media(min-width: 1025px) {
    .c-game-popup {
        --game-popup-aside:296px;
        position: fixed;
        inset: 0;
        max-width: 935px;
        height: fit-content;
        max-height: 85vh;
        margin: auto;
        border-radius: var(--units-radius-xl);
        background: var(--card-container-background);
        overflow: hidden;
        grid-template-columns: var(--game-popup-aside)minmax(0,1fr);
        grid-template-rows: minmax(0,1fr)auto
    }

    .c-game-popup[open] {
        display: grid
    }

    .c-game-popup__thumb {
        position: static;
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        background: var(--surface-background);
        border-right: var(--units-border-sm)solid var(--border-subtle);
        overflow: hidden
    }

    .c-game-popup__image {
        flex: initial;
        min-height: 0
    }

    .c-game-popup__logo {
        display: block;
        flex: none;
        width: 146px;
        max-width: calc(100% - var(--units-spacing-lg) * 2);
        height: auto;
        margin: var(--units-spacing-md)auto;
        object-fit: contain
    }

    .c-game-popup__close {
        position: absolute;
        top: var(--units-spacing-2xl);
        right: var(--units-spacing-2xl);
        z-index: 3;
        width: 32px;
        height: 36px;
        padding: 0;
        background: 0 0;
        color: var(--icon-secondary)
    }

    .c-game-popup__panel {
        grid-column: 2;
        grid-row: 1/-1;
        margin-top: 0;
        padding: var(--units-spacing-xl);
        gap: var(--units-spacing-lg);
        border-radius: 0;
        overflow-y: auto
    }

    .c-game-popup__header {
        gap: var(--units-spacing-md);
        padding-bottom: 0
    }

    .c-game-popup__title {
        grid-column: 1/-1;
        font-size: var(--font-size-xl)
    }

    .c-game-popup__tags {
        grid-column: 1/-1;
        grid-row: 2
    }

    .c-game-popup__studio {
        display: none
    }

    .c-game-popup__actions {
        position: static;
        grid-column: 1;
        grid-row: 2;
        flex-direction: column;
        gap: var(--units-spacing-md);
        padding: var(--units-spacing-2xl);
        background: var(--surface-background);
        border-top: none;
        border-right: var(--units-border-sm)solid var(--border-subtle);
        box-shadow: none
    }
}

.c-game-dialog-body__description {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary);
    margin: 0;
    max-width: 70ch
}

.c-game-dialog-body__meta {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--units-spacing-sm-x);
    margin: 0
}

.c-game-dialog-body__meta>.c-spec-tile:only-child {
    grid-column: 1/-1
}

.c-game-dialog-body__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-sm-x)
}

.c-game-dialog-body__group {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm)
}

.c-game-dialog-body__group-label {
    margin: 0;
    font-size: var(--font-size-2xs);
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: lowercase
}

.c-game-dialog-body__chips {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--units-spacing-sm-x);
    overflow-x: auto
}

.c-game-dialog-body__chips>.c-chip {
    flex: none
}

.c-game-dialog-body__variants {
    width: 100%;
    border-collapse: collapse
}

.c-game-dialog-body__variants th,.c-game-dialog-body__variants td {
    text-align: left;
    padding: var(--units-spacing-md)var(--units-spacing-md)var(--units-spacing-sm-x)var(--units-spacing-sm-x);
    border-bottom: var(--units-border-sm)solid var(--border-very-subtle)
}

.c-game-dialog-body__variants th {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase
}

.c-game-dialog-body__variants td {
    font-size: var(--font-size-xs);
    font-weight: 400;
    color: var(--text-strong)
}

.c-spec-tile {
    padding: var(--units-spacing-md);
    background: var(--surface-layer-strong);
    border-radius: var(--units-radius-md)
}

.c-spec-tile__label {
    font-size: var(--font-size-2xs);
    font-weight: 700;
    color: var(--text-secondary);
    margin: 0
}

.c-spec-tile__value {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 700;
    color: var(--text-strong);
    margin: 0
}

.c-modal-dialog {
    width: calc(100% - (var(--units-spacing-lg) * 2));
    max-width: 650px;
    max-height: calc(100vh - (var(--units-spacing-lg) * 2));
    margin: auto;
    padding: 0;
    border: none;
    background: var(--card-container-background);
    border-radius: var(--card-container-radius);
    color: var(--text-strong);
    overflow: hidden
}

.c-modal-dialog::backdrop {
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(6px)
}

.c-modal-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--units-spacing-md);
    padding: var(--units-spacing-lg);
    width: 100%
}

.c-modal-dialog__title {
    flex: auto;
    margin: 0;
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-lg);
    font-weight: 700;
    text-align: center;
    color: var(--text-strong);
    text-transform: lowercase
}

.c-modal-dialog__linkedinurl {
    text-align: center;
    padding: 0 var(--units-spacing-lg)var(--units-spacing-lg)
}

.c-modal-dialog__linkedinurl svg {
    display: inline
}

.c-modal-dialog__icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--units-size-m);
    height: var(--units-size-m);
    padding: 0;
    background: 0 0;
    border: none;
    color: var(--icon-strong);
    cursor: pointer
}

.c-modal-dialog__icon-button svg {
    width: 100%;
    height: 100%;
    display: block
}

.c-modal-dialog__icon-button:hover,.c-modal-dialog__icon-button:focus-visible {
    color: var(--text-strong)
}

.c-modal-dialog__icon-button--placeholder {
    cursor: default;
    pointer-events: none
}

.c-modal-dialog__body {
    flex: auto;
    min-height: 0;
    width: 100%;
    padding: 0 var(--units-spacing-lg)var(--units-spacing-lg);
    overflow-y: auto;
    color: var(--text-strong);
    background-repeat: no-repeat;
    background-size: 100% var(--units-spacing-2xl),100% var(--units-spacing-2xl),100% var(--units-spacing-2xl),100% var(--units-spacing-2xl);
    background-position: top,bottom,top,bottom;
    background-attachment: local,local,scroll,scroll;
    background-image: linear-gradient(var(--card-container-background),var(--card-container-background)),linear-gradient(var(--card-container-background),var(--card-container-background)),linear-gradient(to bottom,rgba(0,0,0,8%),transparent),linear-gradient(to top,rgba(0,0,0,8%),transparent)
}

.c-modal-dialog__body p:not([class]),.c-modal-dialog__body ul:not([class]),.c-modal-dialog__body ol:not([class]),.c-modal-dialog__body blockquote:not([class]),.c-modal-dialog__body table:not([class]) {
    margin: 0 0 var(--units-spacing-md)
}

.c-modal-dialog__body p:not([class]):last-child,.c-modal-dialog__body ul:not([class]):last-child,.c-modal-dialog__body ol:not([class]):last-child,.c-modal-dialog__body blockquote:not([class]):last-child,.c-modal-dialog__body table:not([class]):last-child {
    margin-bottom: 0
}

.c-modal-dialog__body h1:not([class]),.c-modal-dialog__body h2:not([class]),.c-modal-dialog__body h3:not([class]),.c-modal-dialog__body h4:not([class]),.c-modal-dialog__body h5:not([class]),.c-modal-dialog__body h6:not([class]) {
    margin: var(--units-spacing-lg)0 var(--units-spacing-x2);
    font-weight: 700;
    color: var(--text-strong)
}

.c-modal-dialog__body h1:not([class]):first-child,.c-modal-dialog__body h2:not([class]):first-child,.c-modal-dialog__body h3:not([class]):first-child,.c-modal-dialog__body h4:not([class]):first-child,.c-modal-dialog__body h5:not([class]):first-child,.c-modal-dialog__body h6:not([class]):first-child {
    margin-top: 0
}

.c-modal-dialog__body ul:not([class]),.c-modal-dialog__body ol:not([class]) {
    padding-left: calc(var(--units-spacing-lg) + var(--units-spacing-sm))
}

.c-modal-dialog__body li:not([class]) {
    margin-bottom: var(--units-spacing-x2);
    line-height: var(--font-line-height-sm)
}

.c-modal-dialog__body li:not([class]):last-child {
    margin-bottom: 0
}

.c-modal-dialog__body li:not([class])>ul:not([class]),.c-modal-dialog__body li:not([class])>ol:not([class]) {
    margin-top: var(--units-spacing-x2);
    margin-bottom: 0
}

.c-modal-dialog__body blockquote:not([class]) {
    padding-left: var(--units-spacing-md);
    border-left: var(--units-border-lg)solid var(--border-subtle);
    color: var(--text-secondary)
}

.c-modal-dialog__body table:not([class]) {
    width: 100%;
    border-collapse: collapse
}

.c-modal-dialog__body th:not([class]),.c-modal-dialog__body td:not([class]) {
    padding: var(--units-spacing-x2)var(--units-spacing-md);
    border-bottom: var(--units-border-sm)solid var(--border-subtle);
    text-align: left;
    vertical-align: top
}

.c-modal-dialog[open] {
    display: flex;
    flex-direction: column
}

.c-modal-dialog--wide {
    max-width: 800px
}

.c-section-heading__title {
    margin: 0
}

.c-section-heading__title>.line {
    display: block
}

.c-section-heading__title--hero {
    --font-size-hero: clamp(2.4rem, 7.4vw, 5.2rem);
    font-size: var(--font-size-hero);
    line-height: calc(var(--font-size-hero) * 1.1);
    font-weight: 800;
    letter-spacing: -4px
}

@media(max-width: 1024px) {
    .c-section-heading__title--hero {
        letter-spacing:-2px
    }
}

.c-section-heading__description {
    color: var(--text-secondary);
    margin-top: var(--units-spacing-sm);
    margin-bottom: var(--units-spacing-lg);
    max-width: 60ch
}

.c-section-heading--center .c-section-heading__description {
    margin-left: auto;
    margin-right: auto
}

.c-section-heading--left {
    text-align: left
}

.c-section-heading--center {
    text-align: center
}

.c-icon-blob {
    --c-icon-blob-size: var(--icon-large);
    --c-icon-blob-bg: var(--icon-background);
    --c-icon-blob-color: var(--icon-inverted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 67px;
    padding-top: var(--units-spacing-2xs);
    background-color: var(--c-icon-blob-bg);
    color: var(--c-icon-blob-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 67' fill='none'%3E%3Cpath d='M0 16.0117C0 5.15604 10.5806 -2.54836 20.912 0.784355L50.912 10.4618C57.5208 12.5936 62 18.745 62 25.6891V50.0385C62 58.8751 54.8366 66.0385 46 66.0385H16C7.16344 66.0385 0 58.8751 0 50.0385V16.0117Z' fill='%23000'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 67' fill='none'%3E%3Cpath d='M0 16.0117C0 5.15604 10.5806 -2.54836 20.912 0.784355L50.912 10.4618C57.5208 12.5936 62 18.745 62 25.6891V50.0385C62 58.8751 54.8366 66.0385 46 66.0385H16C7.16344 66.0385 0 58.8751 0 50.0385V16.0117Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%
}

.c-icon-blob svg {
    display: block;
    width: var(--c-icon-blob-size);
    height: var(--c-icon-blob-size);
    stroke: currentColor;
    fill: none
}

.c-feature-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--card-container-gap);
    padding: calc(var(--card-container-padding) * 2)var(--card-container-padding);
    background-color: var(--card-container-background);
    border: var(--card-container-border-width)solid var(--card-container-border);
    border-radius: var(--card-container-radius)
}

.c-feature-card__icon {
    margin-bottom: var(--units-spacing-2xs)
}

.c-feature-card__title {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    color: var(--card-copy-title);
    margin: 0
}

.c-feature-card__body {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--card-copy-text);
    margin: 0
}

.c-feature-card__body p {
    margin: 0
}

.c-feature-card__body p+p {
    margin-top: var(--units-spacing-sm)
}

.c-feature-card__cta {
    margin-top: 0
}

.c-product-card {
    display: flex;
    flex-direction: column;
    min-height: 420px;
    padding: var(--units-spacing-2xl);
    background-color: var(--surface-layer-1);
    border-radius: var(--units-radius-lg);
    transition: transform .2s ease,box-shadow .2s ease
}

.c-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 48px -30px rgba(10,10,10,.45)
}

.c-product-card__icon {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.c-product-card__text {
    margin-top: auto
}

.c-product-card__title {
    margin: 0 0 var(--units-spacing-sm);
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700
}

.c-product-card__body {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    max-width: 30ch;
    margin: 0;
    color: var(--text-secondary)
}

.c-product-card__link {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500;
    display: inline-block;
    margin-top: var(--units-spacing-md);
    color: var(--text-highlight);
    text-decoration: none
}

.c-product-card__link:hover {
    text-decoration: underline
}

@media(max-width: 1024px) {
    .c-product-card {
        min-height:340px
    }
}

@media(max-width: 600px) {
    .c-product-card {
        min-height:0
    }
}

.c-product-grid {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-product-grid__list {
    list-style: none;
    padding: 0;
    margin: var(--units-spacing-2xl)0 0;
    display: grid;
    gap: var(--units-spacing-md);
    grid-template-columns: 1fr
}

@media(min-width: 769px) {
    .c-product-grid__list {
        grid-template-columns:repeat(2,1fr);
        margin-top: var(--units-spacing-4xl)
    }
}

@media(min-width: 1025px) {
    .c-product-grid {
        padding-top:104px;
        padding-bottom: 104px
    }

    .c-product-grid__list {
        grid-template-columns: repeat(4,1fr)
    }
}

.c-features {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-features__heading {
    margin-bottom: var(--units-spacing-2xl);
    text-wrap: balance
}

.c-features--themed {
    background-color: var(--surface-background);
    color: var(--text-strong);
    border-radius: var(--units-radius-xl)
}

.c-features--layer {
    background-color: var(--surface-layer-strong);
    border-radius: var(--units-radius-xl)
}

.c-features__list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--units-spacing-lg)
}

.c-features__item {
    display: flex;
    flex: 1 1 100%;
    max-width: 100%
}

.c-features__item>* {
    flex: 1
}

.c-features__button {
    display: flex;
    justify-content: center;
    margin-top: var(--units-spacing-2xl)
}

@media(min-width: 769px) {
    .c-features__item {
        flex-basis:calc((100% - var(--units-spacing-lg))/2);
        max-width: calc((100% - var(--units-spacing-lg))/2)
    }
}

@media(min-width: 1025px) {
    .c-features {
        padding-top:var(--units-spacing-4xl);
        padding-bottom: var(--units-spacing-4xl)
    }

    .c-features__list {
        gap: var(--units-spacing-xl)
    }

    .c-features__item {
        flex-basis: calc((100% - 2 * var(--units-spacing-xl))/3);
        max-width: calc((100% - 2 * var(--units-spacing-xl))/3)
    }
}

.c-accordion {
    border-bottom: var(--units-border-sm)solid var(--border-very-subtle)
}

.c-accordion__summary {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-xl);
    padding: var(--units-spacing-md)0;
    cursor: pointer;
    list-style: none;
    color: var(--text-strong)
}

.c-accordion__summary::-webkit-details-marker {
    display: none
}

.c-accordion__summary::marker {
    content: ''
}

.c-accordion__summary:focus-visible {
    outline: var(--units-border-md)solid var(--border-highlight);
    outline-offset: var(--units-spacing-2xs)
}

.c-accordion__title {
    flex: auto;
    min-width: 0;
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-lg);
    font-weight: 500;
    color: var(--text-strong)
}

.c-accordion__icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-small);
    height: var(--icon-small);
    color: var(--icon-accent);
    transition: transform .2s ease
}

.c-accordion__icon svg {
    width: 100%;
    height: 100%
}

.c-accordion[open] .c-accordion__icon {
    transform: rotate(180deg)
}

.c-accordion__body {
    padding: 0 var(--units-spacing-2xl)var(--units-spacing-md)0
}

.c-accordion__copy {
    margin: 0;
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    color: var(--text-secondary)
}

[data-theme=dark] .c-accordion {
    border-color: #181c40
}

.c-accordion-section {
    --accordion-section-gap: var(--units-spacing-2xl);
    --accordion-section-padding: var(--units-spacing-3xl);
    --accordion-section-intro-grow: 1;
    --accordion-section-main-grow: 1.5;
    display: flex;
    flex-direction: column;
    gap: var(--accordion-section-gap);
    padding-block:var(--accordion-section-padding)}

.c-accordion-section__intro {
    min-width: 0
}

.c-accordion-section__intro .c-eyebrow {
    margin: 0 0 var(--units-spacing-sm)
}

.c-accordion-section__list {
    min-width: 0
}

.c-accordion-section__media {
    min-width: 0
}

.c-accordion-section__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--units-radius-lg)
}

.c-accordion-section__disclaimer {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary);
    margin: 0
}

.c-accordion-section__disclaimer a {
    color: inherit;
    text-decoration: underline
}

.c-accordion-section__disclaimer-icon {
    flex: none;
    color: var(--icon-accent)
}

@media(min-width: 1025px) {
    .c-accordion-section {
        padding-block:var(--units-spacing-4xl)
    }

    .c-accordion-section--split-left,.c-accordion-section--split-right {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .c-accordion-section--split-left .o-container,.c-accordion-section--split-right .o-container {
        display: flex
    }

    .c-accordion-section--split-right .c-accordion-section__intro {
        order: 1
    }

    .c-accordion-section--split-right .c-accordion-section__media {
        order: 2
    }

    .c-accordion-section--split-right .c-accordion-section__list {
        order: 3
    }

    .c-accordion-section--split-left .c-accordion-section__list {
        order: 1
    }

    .c-accordion-section--split-left .c-accordion-section__media {
        order: 2
    }

    .c-accordion-section--split-left .c-accordion-section__intro {
        order: 3
    }

    .c-accordion-section--split-left .c-accordion-section__intro,.c-accordion-section--split-right .c-accordion-section__intro {
        flex: var(--accordion-section-intro-grow)1 0
    }

    .c-accordion-section--split-left .c-accordion-section__list,.c-accordion-section--split-right .c-accordion-section__list {
        flex: var(--accordion-section-main-grow)1 0
    }

    .c-accordion-section--split-left .c-accordion-section__media,.c-accordion-section--split-right .c-accordion-section__media {
        flex: var(--accordion-section-intro-grow)1 0
    }

    .c-accordion-section--split-left .c-accordion-section__disclaimer,.c-accordion-section--split-right .c-accordion-section__disclaimer {
        order: 4;
        flex: 0 0 100%
    }
}

.c-faq {
    padding-block:var(--units-spacing-3xl)}

.c-faq__intro .c-eyebrow {
    margin: 0 0 var(--units-spacing-sm)
}

.c-faq__disclaimer {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary);
    margin: var(--units-spacing-lg)0 0
}

.c-faq__disclaimer a {
    color: inherit;
    text-decoration: underline
}

.c-faq__disclaimer-icon {
    flex: none;
    color: var(--icon-accent)
}

@media(min-width: 1025px) {
    .c-faq {
        padding-block:var(--units-spacing-4xl)
    }
}

.c-feature-accordion {
    padding: var(--units-spacing-3xl)var(--units-spacing-md);
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: var(--units-spacing-xl)
}

.c-feature-accordion__content {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md)
}

.c-feature-accordion__content .c-eyebrow {
    margin: 0
}

.c-feature-accordion__title {
    font-size: var(--font-size-4xl);
    line-height: var(--font-line-height-4xl);
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0;
    text-wrap: balance
}

.c-feature-accordion__description {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    color: var(--text-secondary);
    margin: 0
}

.c-feature-accordion__description>*+* {
    margin-top: var(--units-spacing-md)
}

.c-feature-accordion__list {
    margin-top: var(--units-spacing-md)
}

.c-feature-accordion__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--units-radius-lg)
}

@media(min-width: 1025px) {
    .c-feature-accordion {
        padding:var(--units-spacing-4xl)var(--units-spacing-xl);
        grid-template-columns: 1fr 1fr;
        column-gap: var(--units-spacing-grid-gap);
        align-items: center
    }

    .c-feature-accordion--image-right .c-feature-accordion__content {
        order: 1
    }

    .c-feature-accordion--image-right .c-feature-accordion__media {
        order: 2
    }

    .c-feature-accordion--image-left .c-feature-accordion__content {
        order: 2
    }

    .c-feature-accordion--image-left .c-feature-accordion__media {
        order: 1
    }
}

.c-news {
    position: relative;
    overflow: hidden;
    background-color: var(--surface-foreground);
    background-image: url(/img/diamondGlow.webp);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 320px;
    color: var(--text-inverted-strong);
    border-radius: var(--card-container-radius);
    padding: var(--units-spacing-2xl)var(--units-spacing-lg)
}

.c-news__heading {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-md);
    margin-bottom: var(--units-spacing-2xl)
}

.c-news__heading-text {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm-xx)
}

.c-news__grid {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xl)
}

.c-news__featured {
    display: flex
}

.c-news__aside {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xl)
}

.c-news__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg)
}

.c-news__archive {
    display: inline-flex;
    align-items: center;
    gap: var(--units-spacing-sm-xxx);
    align-self: flex-start;
    color: var(--text-inverted-strong);
    text-decoration: none;
    text-transform: lowercase;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500
}

.c-news__archive svg {
    width: 16px;
    height: 16px;
    transition: transform .15s ease
}

.c-news__archive:hover,.c-news__archive:focus-visible {
    color: var(--text-inverted-highlight)
}

.c-news__archive:hover svg,.c-news__archive:focus-visible svg {
    transform: translateX(2px)
}

@media(min-width: 1025px) {
    .c-news {
        padding:var(--units-spacing-3xl);
        background-size: 520px
    }

    .c-news__grid {
        flex-direction: row;
        align-items: flex-start
    }

    .c-news__featured {
        flex: 2;
        min-width: 0;
        padding-right: var(--units-spacing-lg)
    }

    .c-news__aside {
        flex: 1;
        gap: var(--units-spacing-grid-gap);
        padding-left: var(--units-spacing-lg);
        border-left: var(--units-border-sm)solid var(--color-transparent-white-02)
    }

    .c-news__list {
        gap: var(--units-spacing-lg)
    }
}

.c-eyebrow {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 400;
    font-weight: 600;
    display: inline-block;
    padding: var(--units-spacing-2xs)0;
    border-radius: var(--units-radius-xl);
    color: var(--text-highlight);
    text-transform: lowercase;
    letter-spacing: .07em;
    text-transform: uppercase
}

.c-eyebrow--inverted {
    color: var(--text-inverted-highlight)
}

.c-cta-global {
    container-type: inline-size;
    container-name: cta-global;
    padding: var(--units-spacing-3xl)var(--units-spacing-lg)var(--units-spacing-4xl);
    box-sizing: border-box;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.c-cta-global__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-xl);
    text-align: center
}

.c-cta-global__headline {
    --font-size-hero: clamp(2.4rem, 7.4vw, 5.2rem);
    font-size: var(--font-size-hero);
    line-height: calc(var(--font-size-hero) * 1.1);
    font-weight: 800;
    letter-spacing: -4px;
    margin: 0;
    color: var(--text-strong);
    text-wrap: balance
}

.c-cta-global__headline .line {
    display: block
}

.c-cta-global__cta {
    margin-top: var(--units-spacing-3xl)
}

@container cta-global (min-width:720px) {
    .c-cta-global {
        padding: var(--units-spacing-4xl) var(--units-spacing-xl);
    }
}

.c-feature-label {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 25px;
    border: var(--units-border-sm)solid var(--color-transparent-black-01);
    border-radius: var(--units-radius-lg);
    background: var(--color-transparent-white-08);
    backdrop-filter: blur(4.6px);
    -webkit-backdrop-filter: blur(4.6px);
    box-shadow: 0 4px 7px rgba(0,0,0,7%)
}

.c-feature-label__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    font-size: 40px;
    line-height: 1;
    flex-shrink: 0
}

.c-feature-label__text {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xs)
}

.c-feature-label__title {
    font-size: var(--font-size-md);
    font-weight: 800;
    line-height: 1.1;
    color: var(--brand-black);
    text-transform: lowercase
}

.c-feature-label__value {
    font-size: var(--font-size-md);
    font-weight: 800;
    line-height: 1.1;
    color: var(--brand-primary)
}

.c-feature-label--animated {
    opacity: 0;
    scale: .78;
    transition: opacity .45s ease,scale .45s cubic-bezier(.34,1.56,.64,1)
}

.c-feature-label--animated.is-visible {
    opacity: 1;
    scale: 1
}

.c-feature-label--animated.is-visible:nth-child(1 of .c-feature-label--animated) {
    animation: c-feature-label-float-a 6s ease-in-out .65s infinite
}

.c-feature-label--animated.is-visible:nth-child(2 of .c-feature-label--animated) {
    animation: c-feature-label-float-b 7.5s ease-in-out .82s infinite
}

.c-feature-label--animated.is-visible:nth-child(3 of .c-feature-label--animated) {
    animation: c-feature-label-float-c 8s ease-in-out 1s infinite
}

.c-feature-label--animated.is-visible:nth-child(4 of .c-feature-label--animated) {
    animation: c-feature-label-float-d 6.5s ease-in-out 1.18s infinite
}

@media(max-width: 768px) {
    .c-feature-label {
        padding:var(--units-spacing-md)18px
    }

    .c-feature-label__icon {
        width: 36px;
        font-size: 34px
    }

    .c-feature-label__title,.c-feature-label__value {
        font-size: var(--font-size-sm)
    }
}

@media(hover: hover) {
    .c-feature-label--animated.is-visible:hover {
        animation-play-state:paused;
        scale: 1.07;
        filter: drop-shadow(0 10px 28px rgba(20,60,200,.2));
        transition: scale .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-feature-label--animated {
        opacity: 1;
        scale: 1;
        transition: none
    }

    .c-feature-label--animated.is-visible {
        animation: none
    }
}

@keyframes c-feature-label-float-a {
    0%,100% {
        translate: 0 0
    }

    25% {
        translate: 2px -6px
    }

    50% {
        translate: -1px 4px
    }

    75% {
        translate: 2px 2px
    }
}

@keyframes c-feature-label-float-b {
    0%,100% {
        translate: 0 0
    }

    30% {
        translate: -2px -4px
    }

    60% {
        translate: 1px 6px
    }

    85% {
        translate: -1px -2px
    }
}

@keyframes c-feature-label-float-c {
    0%,100% {
        translate: 0 0
    }

    20% {
        translate: 1px 5px
    }

    55% {
        translate: -2px -5px
    }

    80% {
        translate: 2px -3px
    }
}

@keyframes c-feature-label-float-d {
    0%,100% {
        translate: 0 0
    }

    35% {
        translate: -2px 4px
    }

    65% {
        translate: 2px -6px
    }

    85% {
        translate: -1px 3px
    }
}

.c-bragg-spade {
    position: absolute;
    z-index: 2;
    --vw-factor: 90vw;
    --vh-factor: 80vh;
    --w: calc(min(var(--vw-factor), var(--vh-factor)) * 2);
    --h: calc(var(--w) * 1126 / 1271);
    width: var(--w);
    height: var(--h);
    overflow: hidden;
    top: -20vh;
    left: calc(100% - var(--w)/2 - 5vw)
}

.c-bragg-spade__background {
    position: relative;
    width: 100%;
    height: 100%
}

.c-bragg-spade__background::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(/img/home-background.png)50% no-repeat;
    pointer-events: none
}

.c-bragg-spade__sphere {
    width: 85vmin;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    bottom: -18vmin;
    right: 57%;
    animation: c-bragg-spade-spin 50s linear infinite;
    filter: drop-shadow(0 0 30px #40afff88)drop-shadow(0 0 21px #9feef6)drop-shadow(0 0 19px #277adf)
}

.c-bragg-spade__image {
    position: absolute;
    z-index: 1;
    max-width: none;
    width: 108.2%;
    height: auto;
    left: -8.613%;
    top: .653%;
    pointer-events: none
}

.c-bragg-spade__mask {
    position: absolute;
    inset: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    object-fit: contain;
    pointer-events: none;
    z-index: 1
}

.c-bragg-spade__tag {
    position: absolute;
    z-index: 10;
    transform: scale(.6)
}

.c-bragg-spade__tag--1 {
    bottom: 20%;
    left: 0%
}

.c-bragg-spade__tag--2 {
    bottom: 39%;
    left: -3%
}

.c-bragg-spade__tag--3 {
    bottom: 30%;
    left: 10%
}

.c-bragg-spade__tag--4 {
    bottom: 19%;
    left: 20%
}

@media(max-width: 480px) and (max-height:700px) {
    .c-bragg-spade {
        --vw-factor:65vw;
        --vh-factor: 65vh
    }
}

@media(min-width: 481px) {
    .c-bragg-spade {
        --vw-factor:70vw;
        --vh-factor: 75vh
    }
}

@media(min-width: 821px) and (orientation:portrait) {
    .c-bragg-spade {
        --vw-factor:70vw;
        top: -15vh
    }
}

@media(min-width: 769px) and (orientation:landscape) {
    .c-bragg-spade {
        --vw-factor:50vw;
        --vh-factor: 70vh
    }
}

@media(min-width: 1001px) and (orientation:portrait) {
    .c-bragg-spade {
        --vw-factor:60vw;
        --vh-factor: 80vh;
        top: -20vh
    }
}

@media(min-width: 1400px) and (orientation:landscape) {
    .c-bragg-spade {
        --vw-factor:50vw;
        --vh-factor: 90vh;
        top: unset;
        bottom: 0;
        left: calc(100% - var(--w)/1.9)
    }

    .c-bragg-spade .c-bragg-spade__tag {
        transform: scale(.8)
    }

    .c-bragg-spade .c-bragg-spade__tag--2 {
        left: -1%
    }
}

@keyframes c-bragg-spade-spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.c-gallery {
    color: var(--text-inverted-strong);
    padding: var(--units-spacing-3xl)0;
    overflow: hidden
}

.c-gallery__inner {
    max-width: 1600px;
    margin: 0 auto
}

.c-gallery__header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto var(--units-spacing-2xl);
    padding: 0 var(--units-spacing-md)
}

.c-gallery__viewport {
    position: relative
}

.c-gallery__viewport::before,.c-gallery__viewport::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--units-spacing-3xl);
    pointer-events: none;
    z-index: 2
}

.c-gallery__viewport::before {
    left: 0;
    background: linear-gradient(to right,var(--surface-background),transparent)
}

.c-gallery__viewport::after {
    right: 0;
    background: linear-gradient(to left,var(--surface-background),transparent)
}

.c-gallery__scroller {
    display: flex;
    overflow: hidden;
    height: clamp(420px,56vw,720px)
}

.c-gallery__collage {
    flex-shrink: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: max-content;
    animation: c-gallery-marquee 60s linear infinite
}

.c-gallery__item {
    flex: none
}

.c-gallery__frame {
    margin: 0;
    height: 100%;
    overflow: hidden;
    border-radius: var(--units-radius-lg)
}

.c-gallery__image {
    height: 100%;
    width: auto;
    display: block;
    transition: filter 200ms ease-out,transform 300ms ease-out
}

.c-gallery__item:nth-child(8n+7) .c-gallery__image {
    filter: blur(1px)
}

.c-gallery__item:nth-child(8n+1) .c-gallery__image,.c-gallery__item:nth-child(8n+2) .c-gallery__image,.c-gallery__item:nth-child(8n+4) .c-gallery__image,.c-gallery__item:nth-child(8n+6) .c-gallery__image {
    filter: blur(2px)
}

.c-gallery__item:hover,.c-gallery__item:focus-within {
    z-index: 5
}

.c-gallery__item:hover .c-gallery__image,.c-gallery__item:focus-within .c-gallery__image {
    filter: none;
    transform: scale(1.03)
}

.c-gallery__item:nth-child(8n+1) {
    height: 72%;
    align-self: flex-start;
    transform: translateY(6%);
    margin-left: clamp(-120px,-7vw,-60px)
}

.c-gallery__item:nth-child(8n+2) {
    height: 44%;
    align-self: flex-start;
    margin-left: clamp(-90px,-5vw,-40px)
}

.c-gallery__item:nth-child(8n+3) {
    height: 68%;
    align-self: center;
    margin-left: clamp(-140px,-8vw,-70px);
    z-index: 2
}

.c-gallery__item:nth-child(8n+4) {
    height: 50%;
    align-self: flex-end;
    margin-left: clamp(-90px,-5vw,-40px)
}

.c-gallery__item:nth-child(8n+5) {
    height: 82%;
    align-self: flex-start;
    margin-left: clamp(-150px,-9vw,-80px);
    z-index: 2
}

.c-gallery__item:nth-child(8n+6) {
    height: 50%;
    align-self: flex-end;
    margin-left: clamp(-100px,-6vw,-50px);
    transform: translateY(-4%)
}

.c-gallery__item:nth-child(8n+7) {
    height: 68%;
    align-self: center;
    margin-left: clamp(-110px,-6vw,-55px)
}

.c-gallery__item:nth-child(8n+8) {
    height: 54%;
    align-self: flex-start;
    margin-left: clamp(-130px,-7vw,-65px);
    z-index: 2
}

@media(min-width: 769px) {
    .c-gallery__viewport::before,.c-gallery__viewport::after {
        width:var(--units-spacing-4xl)
    }
}

@media(min-width: 1025px) {
    .c-gallery {
        padding:var(--units-spacing-4xl)0
    }

    .c-gallery__scroller {
        height: clamp(520px,44vw,760px)
    }

    .c-gallery__viewport::before,.c-gallery__viewport::after {
        width: 96px
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-gallery__collage {
        animation: none
    }

    .c-gallery__image {
        transition: none
    }
}

@keyframes c-gallery-marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.c-form-field {
    display: flex;
    flex-direction: column;
    gap: var(--input-gap)
}

.c-form-field__label {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    padding-left: 4px;
    color: var(--input-label)
}

.c-form-field__optional {
    margin-left: var(--units-spacing-x2);
    font-weight: 400;
    color: var(--input-hint)
}

.c-form-field__input {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    width: 100%;
    min-height: 46px;
    padding: var(--units-spacing-sm)var(--units-spacing-md);
    color: var(--input-text);
    background: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: var(--input-input-radius);
    box-shadow: 0 1px 2px rgba(16,24,40,5%);
    outline: 2px solid transparent;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 120ms ease,outline-color 120ms ease,background-color 120ms ease
}

.c-form-field__input::placeholder {
    color: var(--input-placeholder)
}

.c-form-field__input:hover:not(:disabled):not(:focus) {
    border-color: var(--input-border-hover)
}

.c-form-field__input:focus,.c-form-field__input:focus-visible {
    border-color: var(--input-border-focus);
    outline-color: var(--input-border-outline)
}

.c-form-field__input:disabled {
    cursor: not-allowed;
    color: var(--input-text-weak);
    background: var(--input-bg-disabled);
    border-color: var(--input-border-disabled);
    box-shadow: none
}

.c-form-field__input--select {
    padding-right: calc(var(--units-spacing-md) * 2 + var(--icon-small));
    color: var(--input-icon);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right var(--units-spacing-md)center;
    cursor: pointer
}

.c-form-field__input--select option {
    color: var(--input-text)
}

.c-form-field__input--select:has(option[disabled][selected]:checked) {
    color: var(--input-placeholder)
}

.c-form-field__input--textarea {
    min-height: 120px;
    padding: var(--units-spacing-md);
    resize: vertical;
    line-height: var(--font-line-height-sm)
}

.c-form-field__affix {
    position: relative;
    display: flex
}

.c-form-field__affix .c-form-field__input {
    padding-right: 46px
}

.c-form-field__affix-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    padding: 0;
    color: var(--input-icon);
    background: 0 0;
    border: 0;
    border-radius: var(--input-input-radius);
    cursor: pointer
}

.c-form-field__affix-button:hover {
    color: var(--input-text)
}

.c-form-field__affix-button:focus-visible {
    outline: 2px solid var(--input-border-focus);
    outline-offset: -2px
}

.c-form-field__options {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-x2)
}

.c-form-field__hint {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    margin: 0;
    padding-left: 4px;
    color: var(--input-hint)
}

.c-form-field__hint:empty {
    display: none
}

.c-form-field--row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--units-spacing-lg)
}

@media(max-width: 560px) {
    .c-form-field--row {
        grid-template-columns:1fr
    }
}

.c-form-field--error .c-form-field__label {
    color: var(--input-error)
}

.c-form-field--error .c-form-field__input {
    border-color: var(--input-error)
}

.c-form-field--error .c-form-field__input:focus,.c-form-field--error .c-form-field__input:focus-visible {
    border-color: var(--input-error);
    outline-color: var(--input-border-error-outline)
}

.c-form-field--error .c-form-field__hint {
    color: var(--input-error)
}

.c-form-choice {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--units-spacing-sm);
    cursor: pointer;
    user-select: none;
    color: var(--input-label);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400
}

.c-form-choice__input {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    color: var(--input-check);
    background: var(--input-bg);
    border: 1px solid var(--input-border);
    outline: 2px solid transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: background-color 120ms ease,border-color 120ms ease,outline-color 120ms ease
}

.c-form-choice__input:hover:not(:disabled) {
    border-color: var(--input-border-hover)
}

.c-form-choice__input:focus-visible {
    border-color: var(--input-border-focus);
    outline-color: var(--input-border-outline)
}

.c-form-choice__input:disabled {
    cursor: not-allowed;
    background: var(--input-bg-disabled);
    border-color: var(--input-border-disabled)
}

.c-form-choice__label {
    line-height: 1.4
}

.c-form-choice__optional {
    margin-left: var(--units-spacing-x2);
    font-weight: 400;
    color: var(--input-hint)
}

.c-form-choice--checkbox .c-form-choice__input {
    border-radius: var(--input-border-radius)
}

.c-form-choice--checkbox .c-form-choice__input:checked {
    background-color: var(--input-fill-selected);
    border-color: var(--input-fill-selected);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: 50%
}

.c-form-choice--radio .c-form-choice__input {
    border-radius: 50%
}

.c-form-choice--radio .c-form-choice__input:checked {
    background-color: var(--input-fill-selected);
    border-color: var(--input-fill-selected);
    background-image: radial-gradient(circle at center,var(--input-check) 0 5px,transparent 6px)
}

.c-form-choice:has(.c-form-choice__input:disabled) {
    cursor: not-allowed;
    color: var(--input-text-weak)
}

.c-form-choice--sm {
    align-items: center;
    color: var(--input-text-weak)
}

.c-form-choice--sm .c-form-choice__input {
    width: 18px;
    height: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,5%)
}

.c-form-choice--sm .c-form-choice__label {
    font-size: var(--font-size-xs)
}

.c-form-choice--sm.c-form-choice--radio .c-form-choice__input:checked {
    background-image: radial-gradient(circle at center,var(--input-check) 0 4px,transparent 5px)
}

.c-fuze-block {
    --fuze-block-size: 100px;
    --fuze-block-radius: var(--units-radius-lg);
    --fuze-block-bg: var(--brand-accent);
    --fuze-block-border-width: var(--units-border-md);
    --fuze-block-border: none;
    --fuze-block-color: var(--text-strong);
    --fuze-block-font-size: 50px;
    --fuze-block-font-weight: 800;
    --fuze-block-letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--fuze-block-size);
    height: var(--fuze-block-size);
    border-radius: var(--fuze-block-radius);
    background: var(--fuze-block-bg);
    border: var(--fuze-block-border)
}

.c-fuze-block__label {
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
    font-family: var(--font-family-body);
    font-weight: var(--fuze-block-font-weight);
    font-size: var(--fuze-block-font-size);
    letter-spacing: var(--fuze-block-letter-spacing);
    line-height: normal;
    text-transform: uppercase;
    color: var(--fuze-block-color)
}

.c-fuze-block__sub {
    font-size: .5em
}

.c-fuze-block--b {
    --fuze-block-bg: var(--brand-primary);
    --fuze-block-color: var(--text-inverted-strong)
}

.c-fuze-block--c {
    --fuze-block-bg: var(--brand-black);
    --fuze-block-color: var(--text-inverted-strong)
}

.c-fuze-block--disabled {
    --fuze-block-bg: transparent;
    --fuze-block-border: var(--fuze-block-border-width) dashed var(--border-distinct);
    --fuze-block-color: var(--text-disabled)
}

.c-fuze-block--small {
    --fuze-block-size: 50px;
    --fuze-block-radius: var(--units-radius-md);
    --fuze-block-font-size: 25px;
    --fuze-block-font-weight: 700;
    --fuze-block-letter-spacing: 0.5px
}

.c-fuze-block--tiny {
    --fuze-block-size: 32px;
    --fuze-block-radius: var(--units-radius-sm);
    --fuze-block-font-size: 14px;
    --fuze-block-font-weight: 700;
    --fuze-block-letter-spacing: normal;
    --fuze-block-border-width: var(--units-border-sm)
}

.c-fuze-block--off {
    --fuze-block-bg: var(--text-tertiary);
    --fuze-block-color: var(--text-inverted-strong)
}

.c-fuze-api-list-item {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm-xxx);
    padding-block:var(--units-spacing-md);border-bottom: var(--units-border-sm)solid var(--border-subtle);
    list-style: none
}

.c-fuze-api-list-item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.c-fuze-api-list-item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--units-spacing-md)
}

.c-fuze-api-list-item__info {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-md);
    min-width: 0
}

.c-fuze-api-list-item__title {
    margin: 0;
    font-family: var(--font-family-body);
    font-weight: 700;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-xs);
    color: var(--text-strong)
}

.c-fuze-api-list-item__category {
    font-family: var(--font-family-title);
    font-weight: 400;
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    white-space: nowrap
}

.c-fuze-api-list-item__link {
    display: inline-flex;
    align-items: center;
    gap: var(--units-spacing-sm-x);
    padding-block:var(--units-spacing-sm-x);border-radius: var(--units-radius-pill);
    font-family: var(--font-family-body);
    font-weight: 500;
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    color: var(--text-highlight);
    text-decoration: none;
    text-transform: lowercase;
    white-space: nowrap;
    flex-shrink: 0
}

.c-fuze-api-list-item__link:hover {
    text-decoration: underline
}

.c-fuze-api-list-item__link-icon {
    display: inline-flex;
    color: currentColor
}

.c-fuze-api-list-item__soon {
    font-family: var(--font-family-body);
    font-weight: 500;
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
    white-space: nowrap;
    flex-shrink: 0
}

.c-fuze-api-list-item__cond {
    margin: 0;
    padding-left: calc(32px + var(--units-spacing-md));
    font-family: var(--font-family-body);
    font-size: var(--font-size-xs);
    color: #9a5b08
}

.c-fuze-config-item {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x)
}

.c-fuze-config-item__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 192px
}

.c-fuze-config-item__title {
    margin: 0;
    font-family: var(--font-family-body);
    font-weight: 700;
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-xs);
    color: var(--text-strong)
}

.c-fuze-config-item__description {
    margin: 0;
    font-family: var(--font-family-body);
    font-weight: 400;
    font-size: var(--font-size-xs);
    line-height: normal;
    color: var(--text-secondary)
}

.c-fuze-config-item--toggle {
    width: 100%;
    padding: 0;
    background: 0 0;
    border: 0;
    font: inherit;
    text-align: left;
    color: var(--text-tertiary);
    cursor: pointer;
    transition: color 120ms ease
}

.c-fuze-config-item--toggle:hover {
    color: var(--text-secondary)
}

.c-fuze-config-item--toggle[aria-pressed=true] {
    color: var(--text-strong)
}

.c-fuze-config-item--toggle .c-fuze-config-item__title {
    color: inherit
}

.c-fuze-api-route-list {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm-xx);
    margin: 0;
    padding: 0;
    border: 0
}

.c-fuze-api-route-list__title {
    padding: 0;
    font-family: var(--font-family-body);
    font-weight: 500;
    font-size: var(--font-size-xs);
    line-height: normal;
    color: var(--text-strong)
}

.c-fuze-api-route-list__options {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-x2)
}

.c-fuze-api-route-list:disabled {
    opacity: .45
}

.c-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--units-spacing-sm-xxx);
    padding: var(--units-spacing-sm-xx)var(--units-spacing-sm);
    border-radius: var(--units-radius-xl);
    font-family: var(--font-family-body);
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 500;
    background: var(--surface-accent);
    color: var(--text-inverted-strong)
}

.c-chip__label {
    white-space: nowrap
}

.c-chip__icon {
    display: inline-flex;
    width: 10px;
    height: 10px
}

.c-chip--inverted {
    background: var(--surface-foreground);
    color: var(--text-inverted-strong)
}

.c-chip--outlined {
    background: 0 0;
    color: var(--text-strong);
    font-weight: 600;
    box-shadow: inset 0 0 0 var(--units-border-sm)var(--border-distinct)
}

.c-chip--live {
    background: var(--status-success-surface);
    color: var(--text-strong);
    font-weight: 600;
    box-shadow: inset 0 0 0 var(--units-border-sm)var(--status-success)
}

.c-chip--live::before {
    content: '';
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: var(--units-radius-pill);
    background: var(--status-success)
}

.c-chip--text {
    padding: var(--units-spacing-0);
    background: 0 0;
    color: var(--text-strong);
    border-radius: var(--units-radius-sm)
}

.c-chip--small {
    padding: var(--units-spacing-sm-xxx)var(--units-spacing-sm);
    font-size: var(--font-size-3xs);
    line-height: 1.3
}

.c-fuze-tabs {
    display: flex;
    gap: var(--units-spacing-2xl)
}

.c-fuze-tabs__tab {
    flex: 1;
    min-width: 0;
    padding: var(--units-spacing-md);
    background: var(--surface-layer-strong);
    border: var(--units-border-md)solid transparent;
    border-radius: var(--units-radius-pill);
    font-family: var(--font-family-body);
    font-weight: 500;
    font-size: var(--font-size-xs);
    line-height: normal;
    color: var(--text-strong);
    text-align: center;
    cursor: pointer;
    appearance: none
}

.c-fuze-tabs__tab.is-active {
    background: 0 0;
    border-color: var(--border-black);
    font-weight: 800;
    line-height: var(--font-line-height-xs)
}

.c-note {
    padding: var(--units-spacing-lg);
    border-radius: var(--units-radius-lg);
    max-width: 74ch
}

.c-note__text {
    margin: 0 0 var(--units-spacing-sm-x);
    font-family: var(--font-family-body);
    font-size: var(--font-size-xs);
    line-height: 1.6
}

.c-note__text:last-child {
    margin-bottom: 0
}

.c-note__text strong {
    font-weight: 600
}

.c-note--warning {
    background: #fdf4e5;
    color: #6e4a0b
}

.c-note--warning .c-note__text strong {
    color: #4c3003
}

.c-note--info {
    background: #eef3ff;
    color: #25375e
}

.c-note--info .c-note__text strong {
    color: #12275c
}

.c-configurator {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xl)
}

.c-configurator__panel {
    display: flex;
    align-items: flex-start;
    gap: var(--units-spacing-2xl);
    width: 100%;
    padding: var(--units-spacing-2xl);
    background: var(--surface-layer-strong);
    border-radius: var(--units-radius-xl)
}

.c-configurator__section-label {
    margin: 0;
    font-family: var(--font-family-body);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text-tertiary)
}

.c-configurator__blocks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    gap: var(--units-spacing-lg);
    width: 254px
}

.c-configurator__block-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--units-spacing-lg);
    width: 100%
}

.c-configurator__block-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--units-spacing-x2);
    width: 100%
}

.c-configurator__block-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--units-spacing-lg);
    width: 100%
}

.c-configurator__route-list {
    width: 100%;
    padding: 11px 0 0 41px
}

.c-configurator__divider {
    width: 100%;
    height: 0;
    margin: 0;
    border: 0;
    border-top: var(--units-border-sm)solid var(--border-subtle)
}

.c-configurator__integrations {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    gap: var(--units-spacing-2xl)
}

.c-configurator__section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--units-spacing-md);
    width: 100%
}

.c-configurator__card {
    width: 100%;
    background: var(--surface-background);
    border-radius: var(--units-radius-xl);
    box-shadow: 0 1px 1px rgba(0,0,0,5%)
}

.c-configurator__list {
    margin: 0;
    padding: 17px var(--units-spacing-2xl)var(--units-spacing-2xl);
    list-style: none
}

.c-configurator__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-sm);
    padding: var(--units-spacing-2xl)
}

.c-configurator__notes {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    width: 100%
}

.c-configurator__notes:empty {
    display: none
}

.c-configurator__blank {
    margin: 0;
    max-width: 46ch;
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: 1.65;
    color: var(--text-secondary)
}

.c-about-bragg {
    display: flex;
    flex-direction: column;
    padding: var(--units-spacing-xl);
    background: var(--surface-layer-strong);
    border-radius: var(--units-radius-lg);
    font-family: var(--font-family-body);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    color: var(--text-secondary)
}

.c-about-bragg h3,.c-about-bragg h4 {
    margin: var(--units-spacing-2xl)0 var(--units-spacing-x2);
    font-size: inherit;
    font-weight: 700;
    color: inherit
}

.c-about-bragg h3:first-child,.c-about-bragg h4:first-child {
    margin-top: 0
}

.c-about-bragg p,.c-about-bragg ul {
    margin: 0 0 var(--units-spacing-md)
}

.c-about-bragg p:last-child,.c-about-bragg ul:last-child {
    margin-bottom: 0
}

.c-about-bragg ul {
    padding-left: var(--units-spacing-lg)
}

.c-breadcrumbs {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400
}

.c-breadcrumbs__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--units-spacing-x2);
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.c-breadcrumbs__item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--units-spacing-x2);
    padding: var(--units-spacing-2xs)0
}

.c-breadcrumbs__item:not(:last-child)::after {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    content: '/';
    color: var(--text-tertiary);
    font-feature-settings: 'liga' 0
}

.c-breadcrumbs__item--current {
    flex-shrink: 1;
    min-width: 0
}

.c-breadcrumbs__link {
    color: var(--breadcrumbs-previous);
    text-decoration: none;
    text-transform: lowercase;
    white-space: nowrap
}

.c-breadcrumbs__link:hover,.c-breadcrumbs__link:focus-visible {
    text-decoration: underline
}

.c-breadcrumbs__current {
    overflow: hidden;
    color: var(--breadcrumbs-current);
    text-transform: lowercase;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-news-article__breadcrumbs {
    margin-bottom: var(--units-spacing-3xl)
}

.c-news-article__heading {
    margin-bottom: var(--units-spacing-3xl)
}

.c-news-article__content {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-grid-gap);
    margin-bottom: var(--units-spacing-3xl)
}

.c-news-article__dateline {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    margin: 0;
    font-weight: 700;
    color: var(--text-strong)
}

.c-news-article__body {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-strong)
}

.c-news-article__body p,.c-news-article__body ul,.c-news-article__body ol,.c-news-article__body blockquote,.c-news-article__body figure,.c-news-article__body table {
    margin: 0 0 var(--units-spacing-lg)
}

.c-news-article__body h2 {
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-xl);
    font-weight: 600;
    margin: var(--units-spacing-2xl)0 var(--units-spacing-md)
}

.c-news-article__body h3 {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    margin: var(--units-spacing-2xl)0 var(--units-spacing-md)
}

.c-news-article__body h4,.c-news-article__body h5,.c-news-article__body h6 {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    margin: var(--units-spacing-xl)0 var(--units-spacing-x2);
    font-weight: 700
}

.c-news-article__body ul,.c-news-article__body ol {
    padding-left: var(--units-spacing-lg)
}

.c-news-article__body blockquote {
    padding-left: var(--units-spacing-md);
    border-left: var(--units-border-lg)solid var(--border-subtle);
    color: var(--text-secondary)
}

.c-news-article__body table {
    width: 100%;
    border-collapse: collapse
}

.c-news-article__body th,.c-news-article__body td {
    padding: var(--units-spacing-x2)var(--units-spacing-md);
    border-bottom: var(--units-border-sm)solid var(--border-subtle);
    text-align: left;
    vertical-align: top
}

.c-news-article__body>:last-child {
    margin-bottom: 0
}

.c-news-related {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-xl);
    margin-top: var(--units-spacing-3xl)
}

.c-news-related__title {
    margin: 0
}

.c-news-related__list {
    display: grid;
    gap: var(--units-spacing-md);
    margin: 0;
    padding: 0;
    list-style: none
}

.c-news-related__item {
    display: flex
}

@media(min-width: 1025px) {
    .c-news-related__list {
        grid-template-columns:repeat(3,1fr)
    }
}

.c-quote {
    font-family: var(--font-family-title);
    font-size: clamp(2rem,1.25rem + 3.75vw,3.5rem);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
    max-width: 900px;
    margin: 0 auto;
    padding: var(--units-spacing-3xl)var(--units-spacing-lg);
    text-align: center;
    text-wrap: balance;
    word-break: break-word
}

.c-quote p {
    margin: 0
}

@media(min-width: 769px) {
    .c-quote {
        padding:var(--units-spacing-4xl)var(--units-spacing-xl)
    }
}

.c-studio {
    padding-top: var(--units-spacing-2xl)
}

.c-studio__intro {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    margin-bottom: var(--units-spacing-2xl)
}

.c-studio__logo {
    max-width: 220px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: left center
}

.c-studio__hero {
    width: 100%;
    height: auto;
    margin-bottom: var(--units-spacing-2xl);
    border-radius: var(--units-radius-lg)
}

.c-studio__body {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    max-width: 70ch;
    color: var(--text-secondary)
}

.c-studio__games {
    margin-top: var(--units-spacing-4xl);
    padding-top: var(--units-spacing-2xl)
}

.c-studio-header {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100svh;
    padding-block:var(--units-spacing-3xl);box-sizing: border-box;
    background-color: var(--surface-layer-weak)
}

.c-studio-header--plain {
    min-height: auto;
    padding-block:var(--units-spacing-4xl)}

.c-studio-header__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 769px) {
    .c-studio-header__bg {
        background-size:contain
    }
}

.c-studio-header__logo {
    position: relative;
    z-index: 2;
    width: 60%;
    max-width: 200px;
    height: auto;
    margin-bottom: var(--units-spacing-lg);
    object-fit: contain
}

@media(min-width: 769px) {
    .c-studio-header__logo {
        max-width:300px
    }
}

@media(min-width: 1025px) {
    .c-studio-header__logo {
        max-width:400px
    }
}

.c-studio-header__cards {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 769px) {
    .c-studio-header__cards {
        transform:scale(.85)
    }
}

@media(min-width: 1025px) {
    .c-studio-header__cards {
        transform:scale(1)
    }
}

.c-studio-header__card {
    aspect-ratio: 3/4;
    width: clamp(110px,30vw,190px);
    flex: none;
    background: var(--surface-layer-strong);
    border-radius: var(--units-radius-lg);
    box-shadow: 0 15px 30px 10px rgba(0,0,0,6%);
    overflow: hidden;
    position: relative;
    z-index: 1;
    transform-origin: bottom center;
    animation: studio-header-levitate 1.5s ease-in-out infinite
}

.c-studio-header__card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 300ms ease-in-out
}

.c-studio-header__card:hover img {
    transform: scale(1.03)
}

.c-studio-header__card--1 {
    z-index: 0;
    transform: scale(.8)rotate(-7.76deg)translateX(38%);
    animation-delay: -1s
}

.c-studio-header__card--2 {
    z-index: 2;
    animation-delay: -2s
}

.c-studio-header__card--3 {
    z-index: 0;
    transform: scale(.8)rotate(7.76deg)translateX(-38%);
    animation-delay: 0s
}

.c-studio-header__garnish {
    position: absolute;
    z-index: 0;
    right: -30px;
    top: 0;
    width: 80px;
    height: auto;
    pointer-events: none
}

@media(min-width: 769px) {
    .c-studio-header__garnish {
        right:-50px;
        width: auto
    }
}

.c-studio-header__character {
    position: absolute;
    bottom: -50px;
    display: none;
    pointer-events: none
}

@media(min-width: 769px) {
    .c-studio-header__character {
        display:block;
        transform: scale(.75)
    }
}

@media(min-width: 1025px) {
    .c-studio-header__character {
        transform:scale(1)
    }
}

.c-studio-header__character img {
    display: block;
    height: auto
}

.c-studio-header__character--left {
    left: -100px;
    z-index: 0
}

.c-studio-header__character--left img {
    filter: drop-shadow(0 15px 30px rgba(0,0,0,.2))
}

.c-studio-header__character--right {
    right: -150px;
    z-index: 3
}

.c-studio-header__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 590px;
    margin: 0 auto;
    padding: var(--units-spacing-xl)var(--units-spacing-md)0
}

@media(min-width: 769px) {
    .c-studio-header__content {
        padding-top:var(--units-spacing-3xl)
    }
}

.c-studio-header__title {
    font-size: var(--font-size-4xl);
    line-height: var(--font-line-height-4xl);
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0 0 var(--units-spacing-md);
    text-wrap: balance
}

.c-studio-header__text {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    color: var(--text-secondary);
    margin: 0
}

@keyframes studio-header-levitate {
    0%,100% {
        translate: 0 0
    }

    50% {
        translate: 0 -3px
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-studio-header__card {
        animation: none
    }
}

.c-studio-hero {
    --studio-hero-blob: rgba(148, 30, 212, 0.75);
    --studio-hero-figure-left-x: -10vw;
    --studio-hero-figure-right-x: 10vw;
    --studio-hero-figure-max-w: 448px;
    --studio-hero-layer-1-z: 0;
    --studio-hero-layer-2-z: 1;
    --studio-hero-layer-1-size: cover;
    --studio-hero-layer-2-size: cover;
    --studio-hero-layer-2-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 100svh;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-background);
    color: var(--text-strong);
    overflow-x: clip;
    --studio-hero-max-w: 1550px
}

.c-studio-hero__blob {
    position: absolute;
    display: none;
    width: 800px;
    height: 800px;
    background: var(--studio-hero-blob);
    filter: blur(280px);
    pointer-events: none
}

.c-studio-hero__blob--top {
    top: 0;
    right: 0;
    z-index: 2
}

.c-studio-hero__blob--bottom {
    top: 400px;
    left: 0
}

.c-studio-hero__layer {
    position: absolute;
    inset: 0;
    max-width: var(--studio-hero-max-w);
    margin-inline:auto;background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none
}

.c-studio-hero__layer--1 {
    z-index: var(--studio-hero-layer-1-z);
    background-size: var(--studio-hero-layer-1-size)
}

@media(min-width: 768px) {
    .c-studio-hero__layer--1 {
        background-size:contain
    }
}

.c-studio-hero__layer--2 {
    z-index: var(--studio-hero-layer-2-z);
    background-size: var(--studio-hero-layer-2-size);
    background-position: var(--studio-hero-layer-2-position)
}

@media(min-width: 768px) {
    .c-studio-hero__layer--2 {
        background-size:contain
    }
}

.c-studio-hero__scene {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--studio-hero-max-w);
    margin-inline:auto;pointer-events: none
}

.c-studio-hero__scene-figure {
    display: flex;
    align-items: flex-end;
    max-width: var(--studio-hero-figure-max-w);
    height: auto
}

.c-studio-hero__scene-figure--left {
    transform: translateX(var(--studio-hero-figure-left-x))
}

.c-studio-hero__scene-figure--right {
    transform: translateX(var(--studio-hero-figure-right-x))
}

.c-studio-hero__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.c-studio-hero__content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 20vh;
    padding-bottom: var(--units-spacing-xl);
    padding-inline:var(--units-spacing-md);gap: var(--units-spacing-xl);
    text-align: center;
    max-width: var(--studio-hero-max-w)
}

.c-studio-hero__brand {
    display: block;
    width: 100%;
    max-width: clamp(300px,40vw,420px);
    height: auto;
    object-fit: contain
}

.c-studio-hero__title {
    font-size: var(--font-size-5xl);
    line-height: var(--font-line-height-5xl);
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0;
    text-transform: lowercase;
    text-wrap: balance
}

.c-studio-hero__parallax {
    will-change: transform;
    contain: layout style
}

.c-studio-bespoke {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1440px;
    margin-inline:auto;padding: var(--units-spacing-xl);
    box-sizing: border-box;
    color: var(--text-strong);
    scroll-margin-top: var(--units-spacing-2xl)
}

.c-studio-bespoke__intro {
    position: relative;
    max-width: 800px;
    margin-inline:auto;margin-bottom: var(--units-spacing-3xl);
    padding: var(--units-spacing-xl);
    text-align: center
}

.c-studio-bespoke__accent {
    position: absolute;
    pointer-events: none
}

.c-studio-bespoke__accent--left {
    top: 0;
    left: -250px
}

.c-studio-bespoke__accent--right {
    right: -150px;
    bottom: -100px
}

.c-studio-bespoke__body {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    max-width: 70ch;
    margin-inline:auto;color: var(--text-secondary)
}

.c-studio-bespoke__body>*+* {
    margin-top: var(--units-spacing-md)
}

.c-studio-bespoke__sections {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-4xl);
    width: 100%
}

.c-studio-crumbs {
    padding-top: calc(var(--nav-height) + var(--units-spacing-lg))
}

.c-studio-crumbs--overlay {
    position: absolute;
    top: calc(var(--nav-height) + var(--units-spacing-sm));
    left: 0;
    right: 0;
    z-index: 20;
    padding-top: 0;
    pointer-events: none
}

.c-studio-crumbs--overlay .c-breadcrumbs {
    pointer-events: auto
}

.c-studio-grid {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-studio-grid__heading {
    margin-bottom: var(--units-spacing-2xl)
}

.c-studio-grid__list {
    --studio-grid-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--studio-grid-columns),1fr);
    gap: var(--units-spacing-grid-gap);
    list-style: none
}

.c-studio-grid--dense .c-studio-grid__list {
    --studio-grid-columns: 3
}

.c-studio-grid__item {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 5/2
}

.c-studio-grid__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.c-studio-grid__logo {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain
}

.c-studio-grid__toggle {
    display: block;
    margin: var(--units-spacing-2xl)auto 0
}

.c-studio-grid__name {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500;
    color: var(--text-secondary);
    text-align: center
}

@media(min-width: 769px) {
    .c-studio-grid__list {
        --studio-grid-columns:3
    }

    .c-studio-grid--dense .c-studio-grid__list {
        --studio-grid-columns: 4
    }
}

@media(min-width: 1025px) {
    .c-studio-grid {
        padding-top:var(--units-spacing-4xl);
        padding-bottom: var(--units-spacing-4xl)
    }

    .c-studio-grid__list {
        --studio-grid-columns: 4
    }

    .c-studio-grid--dense .c-studio-grid__list {
        --studio-grid-columns: 6
    }
}

.c-studio-card {
    --studio-card-accent: var(--border-highlight);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm);
    padding: var(--units-spacing-xl);
    background-color: var(--surface-layer-1);
    border: 1px solid var(--border-very-subtle);
    border-radius: var(--units-radius-lg);
    transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease
}

.c-studio-card:hover,.c-studio-card:focus-within {
    transform: translateY(-4px);
    border-color: var(--studio-card-accent);
    box-shadow: 0 22px 48px -30px rgba(10,10,10,.45)
}

.c-studio-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    margin-bottom: var(--units-spacing-sm)
}

.c-studio-card__logo {
    max-width: 100%;
    max-height: 64px;
    width: auto;
    height: auto;
    object-fit: contain
}

.c-studio-card__wordmark {
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-xl);
    font-weight: 600;
    color: var(--text-secondary);
    text-align: center
}

.c-studio-card__name {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    color: var(--text-strong)
}

.c-studio-card__link {
    color: inherit;
    text-decoration: none
}

.c-studio-card__link::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit
}

.c-studio-card__description {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary)
}

.c-studio-card__type {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400;
    margin-top: auto;
    padding-top: var(--units-spacing-sm);
    color: var(--text-tertiary);
    text-transform: lowercase
}

.c-studio-card--featured {
    border-color: var(--studio-card-accent)
}

.c-feature-switcher {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xl);
    padding-block:var(--units-spacing-3xl)}

.c-feature-switcher__heading {
    max-width: 40.5rem
}

.c-feature-switcher__nav {
    display: none
}

.c-feature-switcher__panels {
    display: flex;
    flex-direction: column
}

.c-feature-switcher__panel {
    border-bottom: var(--units-border-sm)solid var(--border-very-subtle)
}

.c-feature-switcher__disclosure {
    margin: 0
}

.c-feature-switcher__disclosure-button {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-md);
    width: 100%;
    padding: var(--units-spacing-md)0;
    appearance: none;
    border: 0;
    background: 0 0;
    cursor: pointer;
    text-align: left;
    color: var(--text-strong);
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400
}

.c-feature-switcher__disclosure-button:focus-visible {
    outline: var(--units-border-md)solid var(--border-highlight);
    outline-offset: var(--units-spacing-2xs)
}

.c-feature-switcher__disclosure-label {
    flex: auto;
    min-width: 0
}

.c-feature-switcher__disclosure-icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-small);
    height: var(--icon-small);
    color: var(--icon-accent);
    transition: transform .2s ease
}

.c-feature-switcher__panel.is-active .c-feature-switcher__disclosure-icon {
    transform: rotate(180deg)
}

.c-feature-switcher__panel.is-active .c-feature-switcher__disclosure-button {
    color: var(--text-highlight)
}

.c-feature-switcher__card {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--units-spacing-md);
    overflow: hidden;
    border: var(--card-container-border-width)solid var(--card-container-border);
    border-radius: var(--card-container-radius);
    background: var(--card-container-background)
}

.c-feature-switcher__media {
    background: var(--surface-layer-weak)
}

.c-feature-switcher__image {
    display: block;
    width: 100%;
    height: auto
}

.c-feature-switcher__copy {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    padding: var(--units-spacing-xl);
    background: var(--card-container-background)
}

.c-feature-switcher__text {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    min-width: 0
}

.c-feature-switcher__title {
    display: none;
    margin: 0;
    color: var(--card-copy-title);
    text-transform: lowercase;
    font-size: var(--font-size-3xl);
    line-height: var(--font-line-height-3xl);
    font-weight: 700;
    letter-spacing: -1.5px
}

.c-feature-switcher__description {
    margin: 0;
    color: var(--card-copy-text);
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-lg);
    font-weight: 400
}

.c-feature-switcher__cta {
    align-self: flex-start;
    flex: none
}

.c-feature-switcher__tab {
    appearance: none;
    cursor: pointer;
    padding: var(--units-spacing-md);
    border: var(--units-border-sm)solid transparent;
    border-radius: var(--units-radius-pill);
    background: 0 0;
    color: var(--text-strong);
    text-align: left;
    transition: color .15s ease,border-color .15s ease;
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400
}

.c-feature-switcher__tab:hover {
    color: var(--text-highlight)
}

.c-feature-switcher__tab:focus-visible {
    outline: var(--units-border-md)solid var(--border-highlight);
    outline-offset: var(--units-spacing-2xs)
}

.c-feature-switcher__tab.is-active {
    border-color: var(--card-container-border);
    color: var(--text-highlight);
    font-weight: 700
}

@media(min-width: 769px) {
    .c-feature-switcher__nav {
        display:flex;
        flex-wrap: wrap;
        gap: var(--units-spacing-x2);
        margin-bottom: var(--units-spacing-2xl)
    }

    .c-feature-switcher__disclosure {
        display: none
    }

    .c-feature-switcher__panel {
        border-bottom: 0
    }

    .c-feature-switcher__title {
        display: block
    }

    .c-feature-switcher__card {
        margin-bottom: 0
    }

    .c-feature-switcher__copy {
        flex-direction: row;
        align-items: flex-end;
        gap: var(--units-spacing-2xl)
    }

    .c-feature-switcher__text {
        flex: 1
    }

    .c-feature-switcher__cta {
        align-self: flex-end
    }
}

@media(min-width: 1025px) {
    .c-feature-switcher {
        padding-block:var(--units-spacing-4xl)
    }

    .c-feature-switcher__body {
        display: grid;
        grid-template-columns: 19.75rem minmax(0,1fr);
        column-gap: var(--units-spacing-xl)
    }

    .c-feature-switcher__nav {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--units-spacing-x2);
        margin-bottom: 0
    }
}

.c-features-tabs {
    padding-block:var(--units-spacing-3xl)}

.c-features-tabs__heading {
    margin-bottom: var(--units-spacing-2xl);
    text-wrap: balance
}

.c-features-tabs__bar {
    display: flex;
    justify-content: center;
    margin-bottom: var(--units-spacing-lg);
    overflow-x: auto
}

.c-features-tabs__panel {
    padding: var(--units-spacing-2xl);
    border-radius: var(--units-radius-xl);
    background-color: var(--surface-layer-strong)
}

.c-features-tabs__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--units-spacing-lg);
    margin-bottom: var(--units-spacing-2xl)
}

.c-features-tabs__panel-heading {
    margin: 0
}

.c-features-tabs__cta {
    flex: none
}

.c-features-tabs__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: var(--units-spacing-lg)
}

.c-features-tabs__item {
    display: flex
}

.c-features-tabs__item>* {
    flex: 1
}

.c-features-tabs--themed {
    background-color: var(--surface-background);
    color: var(--text-strong);
    border-radius: var(--units-radius-xl)
}

.c-features-tabs--layer {
    background-color: var(--surface-layer-strong);
    border-radius: var(--units-radius-xl)
}

.c-features-tabs--layer .c-features-tabs__panel {
    background-color: var(--surface-background)
}

@media(min-width: 769px) {
    .c-features-tabs__list {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .c-features-tabs__header {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        gap: var(--units-spacing-2xl)
    }
}

@media(min-width: 1025px) {
    .c-features-tabs {
        padding-block:var(--units-spacing-4xl)
    }

    .c-features-tabs__panel {
        padding: var(--units-spacing-3xl)
    }

    .c-features-tabs__list {
        gap: var(--units-spacing-xl)
    }
}

.c-fuze-presentation {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--units-spacing-lg)
}

.c-fuze-presentation__article {
    display: flex;
    align-items: center;
    padding: 60px 0
}

.c-fuze-presentation__article[hidden] {
    display: none
}

.c-fuze-presentation__content {
    width: 100%
}

.c-fuze-presentation__heading {
    margin-bottom: var(--units-spacing-md);
    font-size: clamp(22px,2.2vw,36px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
    text-transform: lowercase
}

.c-fuze-presentation__description {
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-gray-700)
}

.c-fuze-presentation__media {
    position: relative;
    display: block;
    width: fit-content;
    height: 60vh;
    margin: 0 auto var(--units-spacing-xl)
}

.c-fuze-presentation__media::after {
    content: '';
    position: absolute;
    inset: -6px;
    z-index: 1;
    background: url(/img/phone-mask.png)50%/100% 100% no-repeat;
    pointer-events: none
}

.c-fuze-presentation__media-asset {
    display: block;
    width: auto;
    height: 100%;
    border-radius: 42px;
    object-fit: cover
}

@media(min-width: 901px) {
    .c-fuze-presentation {
        grid-template-columns:1fr 1fr;
        padding: 0 var(--units-spacing-2xl)
    }

    .c-fuze-presentation__article {
        min-height: 100vh;
        padding: 80px 0
    }

    .c-fuze-presentation__media {
        display: none
    }
}

.c-fuze-phone {
    --fuze-phone-screen-bg: #1c1c1e;
    --fuze-phone-screen-radius: 42px;
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    will-change: transform
}

.c-fuze-phone__shell {
    position: relative;
    width: 300px;
    height: 648px
}

.c-fuze-phone__bg {
    position: absolute;
    z-index: -1;
    width: 75%;
    height: auto;
    transform: translateY(8%);
    transform-origin: center center;
    pointer-events: none;
    will-change: transform,opacity
}

.c-fuze-phone__mask {
    position: absolute;
    inset: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none
}

.c-fuze-phone__screens {
    position: absolute;
    inset: 8px 9px;
    overflow: hidden;
    border-radius: var(--fuze-phone-screen-radius);
    background: var(--fuze-phone-screen-bg);
    transform: translateZ(0)
}

.c-fuze-phone__screen {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--fuze-phone-screen-bg);
    will-change: transform
}

.c-fuze-phone__screen.is-active {
    z-index: 1
}

.c-fuze-phone__screen img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-fuze-phone__screen--sequenced img {
    opacity: 0;
    transition: opacity .9s ease
}

.c-fuze-phone__screen--sequenced img.is-active {
    opacity: 1
}

.c-fuze-phone [data-js-screen-set] {
    position: absolute;
    inset: 0;
    display: none
}

.c-fuze-phone [data-js-screen-set-active] {
    display: block
}

@media(max-width: 900px) {
    .c-fuze-phone {
        display:none
    }
}

.c-fuze-card-grid {
    --fuze-card-selected-shadow: 0 0 14.5px 6px rgba(0, 22, 235, 0.1);
    --fuze-card-selected-outline: rgba(0, 22, 235, 0.5);
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 215px;
    gap: var(--units-spacing-lg);
    margin-bottom: var(--units-spacing-xl);
    padding-top: 1rem
}

@media(min-width: 601px) {
    .c-fuze-card-grid {
        grid-template-columns:1fr 1fr
    }
}

.c-fuze-card {
    --fuze-card-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.08);
    --fuze-card-metric-size: 28px;
    border-radius: var(--units-radius-lg);
    cursor: pointer;
    transition: box-shadow 200ms ease
}

.c-fuze-card:hover {
    box-shadow: var(--fuze-card-shadow-hover)
}

.c-fuze-card__inner {
    position: relative;
    width: 100%;
    height: 100%
}

.c-fuze-card__front,.c-fuze-card__back {
    position: absolute;
    inset: 0;
    padding: var(--units-spacing-md)18px;
    border-width: var(--units-border-sm);
    border-style: solid;
    border-radius: var(--units-radius-lg);
    transition: opacity .25s ease
}

.c-fuze-card[data-js-card-selected] .c-fuze-card__front,.c-fuze-card[data-js-card-selected] .c-fuze-card__back {
    box-shadow: var(--fuze-card-selected-shadow);
    outline: var(--units-border-md)solid var(--fuze-card-selected-outline);
    outline-offset: calc(var(--units-border-md) * -1)
}

.c-fuze-card__front {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-color: var(--color-gray-200);
    background: var(--surface-background);
    opacity: 1
}

.c-fuze-card--flipped .c-fuze-card__front {
    opacity: 0;
    pointer-events: none
}

.c-fuze-card__heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: var(--units-spacing-2xs)
}

.c-fuze-card__title {
    flex: 1;
    min-width: 0;
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-transform: none
}

.c-fuze-card__flip {
    display: block;
    flex-shrink: 0;
    margin-top: 1px;
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: var(--units-radius-circle);
    background: 0 0;
    color: var(--color-gray-300);
    cursor: pointer;
    transition: color .2s
}

.c-fuze-card__flip:hover {
    color: var(--color-gray-900)
}

.c-fuze-card__flip:focus-visible {
    outline: var(--units-border-md)solid var(--border-highlight);
    outline-offset: var(--units-spacing-2xs)
}

.c-fuze-card__flip svg {
    display: block
}

.c-fuze-card__tags {
    margin-bottom: var(--units-spacing-sm);
    font-size: var(--font-size-xs)
}

.c-fuze-card__metric {
    margin-bottom: var(--units-spacing-2xs);
    font-size: var(--fuze-card-metric-size);
    font-weight: 800;
    line-height: 1;
    color: var(--text-highlight)
}

.c-fuze-card__metric sup {
    font-size: var(--font-size-sm);
    font-weight: 600
}

.c-fuze-card__icon {
    display: block;
    margin-bottom: 6px;
    color: var(--text-highlight)
}

.c-fuze-card__icon svg {
    display: block;
    width: 24px;
    height: auto
}

.c-fuze-card__description {
    font-size: var(--font-size-xs);
    line-height: 1.4;
    color: var(--color-gray-500)
}

.c-fuze-card__back {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--color-blue-800);
    background-color: var(--color-gray-900);
    color: #fff;
    text-align: left;
    font-size: var(--font-size-xs);
    line-height: 1.6;
    opacity: 0;
    pointer-events: none;
    cursor: pointer
}

.c-fuze-card--flipped .c-fuze-card__back {
    opacity: 1;
    pointer-events: auto
}

.c-fuze-card__back-close {
    position: absolute;
    top: var(--units-spacing-md);
    right: 18px;
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: var(--units-radius-circle);
    background: 0 0;
    color: rgba(255,255,255,.4);
    cursor: pointer;
    transition: color .2s
}

.c-fuze-card__back-close:focus-visible {
    outline: var(--units-border-md)solid #fff;
    outline-offset: var(--units-spacing-2xs)
}

.c-fuze-card__back-close svg {
    display: block
}

.c-fuze-card__back:hover .c-fuze-card__back-close {
    color: #fff
}

.c-fuze-card--full {
    grid-column: 1/-1
}

.c-big-idea {
    padding: 80px 0;
    background: var(--surface-background);
    text-align: center
}

.c-big-idea__heading {
    margin-bottom: 40px;
    font-size: clamp(2.5rem,5vw,4.5rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: var(--text-strong)
}

.c-big-idea__heading>.line {
    display: block
}

.c-big-idea__phone {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.c-big-idea__phone-img {
    display: block;
    width: auto;
    max-width: 70vw;
    max-height: 60vh
}

.c-big-idea__tag {
    --big-idea-tag-scale: 0.62;
    position: absolute;
    z-index: 2;
    margin: 0
}

.c-big-idea__tag--1 {
    top: 0%;
    left: 0%;
    transform: rotate(-12.198deg)scale(var(--big-idea-tag-scale));
    transform-origin: left top
}

.c-big-idea__tag--2 {
    top: 5%;
    right: 0%;
    transform: rotate(-5.716deg)scale(var(--big-idea-tag-scale));
    transform-origin: right top
}

.c-big-idea__tag--3 {
    bottom: 0%;
    left: 2%;
    transform: rotate(3.854deg)scale(var(--big-idea-tag-scale));
    transform-origin: left bottom
}

.c-big-idea__tag--4 {
    right: 0%;
    bottom: 5%;
    transform: rotate(7.269deg)scale(var(--big-idea-tag-scale));
    transform-origin: right bottom
}

.c-big-idea__text {
    max-width: 720px;
    margin: 0 auto;
    font-size: clamp(1rem,1.5vw,1.2rem);
    line-height: 1.7;
    color: var(--color-gray-600)
}

@media(min-width: 601px) {
    .c-big-idea__phone {
        flex-direction:column;
        align-items: center
    }

    .c-big-idea__tag {
        position: static;
        inset: auto;
        margin: 0 auto var(--units-spacing-md);
        transform: none
    }
}

@media(min-width: 769px) {
    .c-big-idea {
        padding:160px 0
    }

    .c-big-idea__heading {
        margin-bottom: var(--units-spacing-4xl)
    }

    .c-big-idea__phone {
        margin-bottom: var(--units-spacing-3xl)
    }

    .c-big-idea__phone-img {
        width: 100%;
        max-width: 680px;
        max-height: none;
        height: auto
    }
}

@media(min-width: 1101px) {
    .c-big-idea__phone {
        flex-direction:row;
        align-items: stretch
    }

    .c-big-idea__tag {
        position: absolute;
        margin: 0;
        transform-origin: center
    }

    .c-big-idea__tag--1 {
        top: -10%;
        left: 10%;
        transform: rotate(-12.198deg)
    }

    .c-big-idea__tag--2 {
        top: 5%;
        right: 10%;
        transform: rotate(-5.716deg)
    }

    .c-big-idea__tag--3 {
        bottom: 15%;
        left: 10%;
        transform: rotate(3.854deg)
    }

    .c-big-idea__tag--4 {
        top: 80%;
        right: 12%;
        transform: rotate(7.269deg)
    }
}

.c-careers-footer {
    padding: 100px 0
}

.c-careers-footer__intro {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
    padding: 0 30%;
    text-align: center
}

.c-careers-footer__intro h2 {
    color: #fafbfc;
    font-size: var(--font-size-5xl,60px);
    line-height: normal
}

.c-careers-footer__intro h2 em {
    color: var(--color-green-500);
    font-style: inherit
}

.c-careers-footer__intro p {
    color: #fafbfc;
    font-size: var(--font-size-md,18px);
    line-height: normal
}

.c-careers-footer__intro p a {
    width: 316px;
    margin: 0 auto
}

.c-careers-footer__content__intro {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md,16px)
}

.c-careers-footer__content__intro h3 {
    font-size: var(--font-size-3xl);
    line-height: var(--font-line-height-3xl);
    font-weight: 700;
    letter-spacing: -1.5px;
    color: var(--text-strong);
    font-weight: 800
}

.c-careers-footer__content__intro p {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-strong)
}

.c-careers-footer__content__item {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xl)
}

.c-careers-footer__content__item p {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    color: #71717a;
    line-height: var(--font-line-height-lg,28px)
}

.c-careers-footer__content__image {
    position: relative;
    width: 36%
}

.c-careers-footer__content__image img {
    position: absolute;
    right: -69%;
    bottom: -61%;
    max-width: unset
}

.c-careers-carousel {
    --careers-carousel-span: 1.24;
    --careers-carousel-gap: var(--units-spacing-md, 16px);
    padding-bottom: var(--units-spacing-4xl)
}

@media(min-width: 769px) {
    .c-careers-carousel {
        --careers-carousel-span:2
    }
}

.c-careers-carousel__intro {
    margin-bottom: var(--units-spacing-2xl,48px)
}

.c-careers-carousel__intro h2 {
    font-size: var(--font-size-4xl);
    line-height: var(--font-line-height-4xl);
    font-weight: 700;
    letter-spacing: -2px
}

.c-careers-carousel__intro h2 em {
    color: var(--color-green-500);
    font-style: inherit
}

.c-careers-carousel__stage {
    position: relative
}

.c-careers-carousel__viewport {
    overflow: hidden;
    position: relative
}

.c-careers-carousel__viewport::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 26%;
    background: linear-gradient(90deg,black 0%,transparent 100%);
    z-index: 1
}

.c-careers-carousel__viewport::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26%;
    background: linear-gradient(-90deg,black 0%,transparent 100%);
    z-index: 1
}

.c-careers-carousel__cards {
    display: flex;
    gap: var(--careers-carousel-gap);
    will-change: transform;
    transition: transform 520ms cubic-bezier(.22,.61,.36,1)
}

.c-careers-carousel .slide {
    display: flex;
    flex: 0 0 calc((100% - 2 * var(--careers-carousel-gap))/var(--careers-carousel-span));
    min-width: 0;
    box-sizing: border-box
}

.c-careers-carousel .slide-in {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--units-spacing-xl);
    align-items: center;
    box-sizing: border-box;
    padding: var(--units-spacing-sm)var(--units-spacing-md);
    border-radius: var(--units-radius-xl);
    background: var(--brand-white,#fff);
    transform: scale(.94);
    transition: opacity 400ms ease,transform 400ms ease
}

@media(min-width: 769px) {
    .c-careers-carousel .slide-in {
        flex-direction:row
    }
}

.c-careers-carousel .slide.is-active .slide-in {
    transform: scale(1)
}

.c-careers-carousel .icon {
    width: 178px;
    height: 220px
}

.c-careers-carousel .content {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm)
}

.c-careers-carousel .content .title {
    margin: 0;
    color: var(--brand-black,#0a0a0a);
    font-size: var(--font-size-3xl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.5px
}

.c-careers-carousel .content .text {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md)
}

.c-careers-carousel__controls {
    margin-top: var(--units-spacing-lg);
    text-align: center
}

.c-careers-carousel__dots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.c-careers-carousel__dots li {
    display: inline;
    padding: 0 5px
}

.c-careers-carousel__dots li button {
    width: 5px;
    height: 5px;
    background: var(--color-transparent-white-02);
    border-radius: 100%;
    cursor: pointer;
    border: 0
}

.c-careers-carousel__dots li.is-active button {
    background: var(--surface-background)
}

@media(min-width: 769px) {
    .c-careers-carousel__dots {
        display:none
    }
}

.c-careers-carousel__prev,.c-careers-carousel__next {
    border-radius: var(--units-radius-pill,9999px);
    background: var(--color-transparent-white-02,rgba(255,255,255,.2));
    width: 55px;
    height: 55px;
    padding: var(--units-spacing-sm-x,8px)var(--units-spacing-sm-xxx,4px);
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    border: 0;
    cursor: pointer
}

@media(max-width: 769px) {
    .c-careers-carousel__prev {
        float:left
    }

    .c-careers-carousel__next {
        float: right
    }
}

.c-careers-carousel__prev::after {
    content: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2217%22%20viewBox=%220%200%2010%2017%22%20fill=%22none%22%3E%3Cpath%20d=%22M.351562%207.55531c-.468749.46875-.468749%201.23.0%201.69875L7.55156%2016.4541C8.02031%2016.9228%208.78156%2016.9228%209.25031%2016.4541c.46875-.4688.46875-1.23.0-1.6988L2.89781%208.40281l6.34875-6.3525c.46875-.46875.46875-1.229997.0-1.698747-.46875-.468751-1.23-.468751-1.69875.0L.347813%207.55156.351562%207.55531z%22%20fill=%22%23fff%22/%3E%3C/svg%3E)
}

.c-careers-carousel__next::after {
    content: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2217%22%20viewBox=%220%200%2010%2017%22%20fill=%22none%22%3E%3Cpath%20d=%22M9.25031%207.55531c.46875.46875.46875%201.23.0%201.69875l-7.2%207.20004C1.58156%2016.9228.820313%2016.9228.351563%2016.4541c-.468751-.4688-.468751-1.23.0-1.6988L6.70406%208.40281.355312%202.05031c-.46875-.46875-.46875-1.229997.0-1.698747.46875-.468751%201.229998-.468751%201.698748.0l7.2%207.199997L9.25031%207.55531z%22%20fill=%22%23fff%22/%3E%3C/svg%3E)
}

@media(prefers-reduced-motion:reduce) {
    .c-careers-carousel__cards {
        transition: none
    }

    .c-careers-carousel .slide-in,.c-careers-carousel .slide.is-active .slide-in {
        transform: none;
        transition: none
    }
}

.c-careers-custom-cards--narrow .c-careers-custom-cards__panel {
    justify-content: center
}

.c-careers-custom-cards__panel {
    margin-bottom: var(--units-spacing-lg,24px)
}

@media(min-width: 769px) {
    .c-careers-custom-cards__panel {
        display:flex;
        gap: var(--units-spacing-lg,24px)
    }

    .c-careers-custom-cards__panel .column {
        flex: 1;
        flex-basis: calc((100% - 2 * var(--units-spacing-xl))/3);
        max-width: calc((100% - 2 * var(--units-spacing-xl))/3)
    }
}

.c-careers-custom-cards h2 {
    font-size: var(--font-size-4xl);
    color: var(--color-white);
    line-height: var(--font-line-height-4xl)
}

.c-careers-custom-cards h2 em {
    color: var(--brand-accent);
    font-style: normal
}

.c-careers-custom-cards p {
    color: var(--color-white);
    padding: 14px 0
}

.c-careers-custom-cards .image-card {
    padding: var(--units-spacing-lg,24px);
    border-radius: var(--units-radius-xl,24px);
    background: var(--surface-blue);
    margin: 19px 0
}

.c-careers-custom-cards .image-card--text-center {
    text-align: center
}

.c-careers-custom-cards .image-card h3 {
    font-size: var(--font-size-4xl);
    color: var(--color-white);
    line-height: var(--font-line-height-4xl)
}

.c-careers-custom-cards .image-card .text-center {
    text-align: center
}

.c-careers-custom-cards .image-card img {
    margin: 0 auto
}

.c-careers-custom-cards .image-card ul {
    margin: 0 0 0 var(--units-spacing-lg)
}

.c-careers-custom-cards .image-card li {
    padding-top: 14px;
    padding-bottom: 14px;
    color: var(--color-white)
}

.c-careers-custom-cards .image-card .square {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16/9
}

.interactive-map {
    position: relative
}

.interactive-map .location {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.interactive-map .location.open {
    z-index: 2
}

.interactive-map .location button {
    border-radius: 31px;
    border: 1px solid #003da4;
    background: radial-gradient(50% 50% at 50% 50%,#003DA4 0%,rgba(0,61,164,0) 90%);
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center
}

.interactive-map .location button:before {
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #5fe83d;
    content: "";
    display: block
}

.interactive-map .location .tooltip {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='152' viewBox='0 0 176 152' fill='none'%3E%3CforeignObject x='-4' y='-4' width='184' height='160'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_621_7380_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='path-1-inside-1_621_7380' fill='white'%3E%3Cpath d='M160 0C168.837 0 176 7.16344 176 16V122C176 130.837 168.837 138 160 138H102.39L87.5 152L72.6104 138H16C7.16344 138 1.61075e-07 130.837 0 122V16C0 7.16344 7.16344 2.57703e-07 16 0H160Z'/%3E%3C/mask%3E%3Cpath d='M160 0C168.837 0 176 7.16344 176 16V122C176 130.837 168.837 138 160 138H102.39L87.5 152L72.6104 138H16C7.16344 138 1.61075e-07 130.837 0 122V16C0 7.16344 7.16344 2.57703e-07 16 0H160Z' fill='%230002EA' fill-opacity='0.2'/%3E%3Cpath d='M176 16H177H176ZM160 138V139V139V138ZM102.39 138V137H101.993L101.705 137.271L102.39 138ZM87.5 152L86.815 152.729L87.5 153.373L88.185 152.729L87.5 152ZM72.6104 138L73.2954 137.271L73.0066 137H72.6104V138ZM0 122H-1H0ZM16 0V-1V-1V0ZM160 0V1C168.284 1 175 7.71573 175 16H176H177C177 6.61116 169.389 -1 160 -1V0ZM176 16H175V122H176H177V16H176ZM176 122H175C175 130.284 168.284 137 160 137V138V139C169.389 139 177 131.389 177 122H176ZM160 138V137H102.39V138V139H160V138ZM102.39 138L101.705 137.271L86.815 151.271L87.5 152L88.185 152.729L103.075 138.729L102.39 138ZM87.5 152L88.185 151.271L73.2954 137.271L72.6104 138L71.9253 138.729L86.815 152.729L87.5 152ZM72.6104 138V137H16V138V139H72.6104V138ZM16 138V137C7.71573 137 1 130.284 1 122H0H-1C-1 131.389 6.61116 139 16 139V138ZM0 122H1V16H0H-1V122H0ZM0 16H1C1 7.71573 7.71573 1 16 1V0V-1C6.61116 -1 -1 6.61116 -1 16H0ZM16 0V1H160V0V-1H16V0Z' fill='%235FE83D' mask='url(%23path-1-inside-1_621_7380)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_621_7380_clip_path' transform='translate(4 4)'%3E%3Cpath d='M160 0C168.837 0 176 7.16344 176 16V122C176 130.837 168.837 138 160 138H102.39L87.5 152L72.6104 138H16C7.16344 138 1.61075e-07 130.837 0 122V16C0 7.16344 7.16344 2.57703e-07 16 0H160Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    backdrop-filter: blur(2px);
    width: 176px;
    height: 152px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,0)rotateX(-90deg);
    top: unset;
    transform-origin: 0 100%
}

.interactive-map .location.open .tooltip {
    transform: translate(-50%,0)rotateX(0)
}

.interactive-map .location .tooltip p {
    color: #fafbfc;
    font-size: var(--font-size-2xs,12px);
    line-height: var(--font-line-height-2xs,16px);
    padding: 0
}

.job-listing {
    display: grid;
    gap: 1rem;
    padding: var(--units-spacing-3xl);
    background: var(--brand-white,#fff);
    border-radius: var(--card-container-radius);
    position: relative
}

.job-listing h2 {
    color: #0016ea;
    text-align: center;
    font-size: var(--font-size-5xl,60px);
    font-style: normal;
    font-weight: 800;
    line-height: var(--font-line-height-3xl,44px);
    letter-spacing: -.7px;
    margin: 0 0 20px
}

.job-listing__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    transition: box-shadow .2s ease,border-color .2s ease
}

.job-listing__info {
    flex: 1;
    min-width: 0
}

.job-listing__title {
    margin: 0 0 .375rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--black,#0a0a0a);
    line-height: 1.3
}

.job-listing__location,.job-listing__subtitle {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .25rem;
    font-size: .875rem;
    color: #71717a;
    line-height: 1.4
}

.job-listing__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #71717a
}

.job-listing__apply {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .625rem 1.75rem;
    background: #fff;
    color: var(--black,#0a0a0a);
    text-decoration: none;
    border: 1.5px solid var(--black,#0a0a0a);
    border-radius: 999px;
    font-size: .9375rem;
    font-weight: 500;
    transition: background .2s ease,color .2s ease
}

.job-listing__apply:hover {
    background: var(--black,#0a0a0a);
    color: #fff
}

.bwj2-error,.bwj2-no-jobs {
    padding: 1rem 1.5rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #991b1b
}

.bwj2-no-jobs {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b
}

@media(max-width: 640px) {
    .job-listing__item {
        flex-direction:column;
        align-items: flex-start;
        gap: 1rem
    }
}

.ch-dragon {
    position: absolute;
    top: 0;
    left: 0
}

.ch-dragon img {
    max-width: none
}

.ch-dragon-head {
    position: absolute;
    top: -164px;
    left: -96px
}

.ch-dragon-left-hand {
    position: absolute;
    top: -23px;
    left: 110px;
    animation: lefthand 7s ease-out forwards;
    animation-iteration-count: infinite;
    transform-origin: 50% 0
}

.ch-dragon-right-hand {
    position: absolute;
    top: 76px;
    left: -22px;
    animation: righthand 7s ease-out forwards;
    animation-iteration-count: infinite;
    transform-origin: 0 50%
}

@keyframes lefthand {
    0% {
        transform: rotateZ(0)
    }

    90% {
        transform: rotateZ(0)
    }

    91% {
        transform: rotateZ(0)
    }

    92% {
        transform: rotateZ(0)
    }

    93% {
        transform: rotateZ(0)
    }

    94% {
        transform: rotateZ(0)
    }

    95% {
        transform: rotateZ(2deg)
    }

    96% {
        transform: rotateZ(2deg)
    }

    97% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(0)
    }
}

@keyframes righthand {
    0% {
        transform: rotateZ(0)
    }

    90% {
        transform: rotateZ(0)
    }

    91% {
        transform: rotateZ(0)
    }

    92% {
        transform: rotateZ(0)
    }

    93% {
        transform: rotateZ(0)
    }

    94% {
        transform: rotateZ(0)
    }

    95% {
        transform: rotateZ(-2deg)
    }

    96% {
        transform: rotateZ(-2deg)
    }

    97% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(0)
    }
}

.c-video-gallery {
    padding: var(--units-spacing-4xl,80px)0
}

.c-video-gallery__heading {
    margin-bottom: var(--units-spacing-2xl,48px)
}

.c-video-gallery__list {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg,24px);
    margin: 0;
    padding: 0;
    list-style: none
}

.c-video-gallery__video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--units-radius-xl,24px)
}

.c-toaster {
    position: fixed;
    z-index: 90;
    right: var(--units-spacing-md);
    bottom: var(--units-spacing-md);
    left: var(--units-spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm-x);
    padding: var(--card-container-padding);
    background: var(--card-container-background);
    border: var(--card-container-border-width)solid var(--card-container-border);
    border-radius: var(--card-container-radius);
    color: var(--text-strong);
    opacity: 0;
    transform: translateY(var(--units-spacing-sm-x));
    transition: opacity .2s ease,transform .2s ease
}

.c-toaster[hidden] {
    display: none
}

.c-toaster--is-visible {
    opacity: 1;
    transform: translateY(0)
}

.c-toaster__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--units-spacing-lg)
}

.c-toaster__heading {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600;
    font-weight: 700;
    margin: 0;
    color: var(--card-copy-title)
}

.c-toaster__dismiss {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--icon-medium);
    height: var(--icon-medium);
    padding: 0;
    background: 0 0;
    border: none;
    color: var(--icon-secondary);
    cursor: pointer
}

.c-toaster__dismiss svg {
    display: block;
    width: 100%;
    height: 100%
}

.c-toaster__dismiss:hover,.c-toaster__dismiss:focus-visible {
    color: var(--icon-strong)
}

.c-toaster__body {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-xs);
    font-weight: 400;
    margin: 0;
    color: var(--card-copy-text)
}

.c-toaster__ctas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--units-spacing-lg);
    margin-top: var(--units-spacing-sm-x)
}

@media(min-width: 769px) {
    .c-toaster {
        right:var(--units-spacing-lg);
        bottom: var(--units-spacing-lg);
        left: auto;
        width: min(491px,calc(100% - (var(--units-spacing-lg) * 2)))
    }
}

@media(prefers-reduced-motion:reduce) {
    .c-toaster {
        transition: none
    }
}

.c-statement {
    --statement-panel-padding: var(--units-spacing-2xl);
    --statement-offset-min-height: none;
    --statement-title-measure: 877px;
    --statement-body-measure: 405px;
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-statement--themed .c-statement__panel {
    background-color: var(--surface-background);
    background-image: var(--surface-brand-gradient,none);
    color: var(--text-strong)
}

.c-statement--layer .c-statement__panel {
    background-color: var(--surface-layer-strong)
}

.c-statement__panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--units-spacing-lg);
    padding: var(--statement-panel-padding);
    border-radius: var(--units-radius-xl)
}

.c-statement__eyebrow {
    margin: 0
}

.c-statement__title {
    margin: 0;
    text-wrap: balance
}

.c-statement__title .line {
    display: block
}

.c-statement__body {
    margin: 0;
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 400;
    color: var(--text-secondary)
}

.c-statement__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-md)
}

.c-statement__media {
    margin: 0;
    border-radius: var(--units-radius-lg);
    overflow: hidden;
    aspect-ratio: 16/9
}

.c-statement__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-statement--offset .c-statement__title {
    font-size: var(--font-size-5xl);
    line-height: var(--font-line-height-5xl);
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.05;
    letter-spacing: -1.5px;
    max-width: var(--statement-title-measure)
}

.c-statement--offset .c-statement__body {
    color: var(--text-secondary);
    max-width: var(--statement-body-measure)
}

@media(min-width: 769px) {
    .c-statement {
        --statement-panel-padding:var(--units-spacing-3xl);
        padding-top: var(--units-spacing-4xl);
        padding-bottom: var(--units-spacing-4xl)
    }

    .c-statement__panel {
        gap: var(--units-spacing-2xl)
    }

    .c-statement--split .c-statement__panel {
        grid-template-columns: repeat(2,1fr)
    }

    .c-statement--split .c-statement__title {
        font-size: var(--font-size-4xl);
        line-height: var(--font-line-height-4xl);
        font-weight: 700;
        letter-spacing: -2px;
        grid-column: 1
    }

    .c-statement--split .c-statement__body {
        grid-column: 1
    }

    .c-statement--split .c-statement__actions {
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
        align-items: flex-start
    }

    .c-statement--split .c-statement__media {
        grid-column: 1/-1
    }
}

@media(min-width: 1025px) {
    .c-statement {
        --statement-panel-padding:6.75rem;
        --statement-offset-min-height: 59rem
    }

    .c-statement--offset .c-statement__panel {
        min-height: var(--statement-offset-min-height);
        align-content: space-between
    }

    .c-statement--offset .c-statement__body {
        justify-self: end
    }
}

.c-people {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-people--themed {
    background-color: var(--surface-background);
    color: var(--text-strong);
    border-radius: var(--units-radius-xl)
}

.c-people--layer {
    background-color: var(--surface-layer-strong);
    border-radius: var(--units-radius-xl)
}

.c-people__heading {
    margin-bottom: var(--units-spacing-2xl)
}

.c-people__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--units-spacing-lg)
}

.c-people__item {
    display: flex;
    min-width: 0
}

.c-people__item>* {
    flex: 1
}

@media(min-width: 769px) {
    .c-people {
        padding-top:var(--units-spacing-4xl);
        padding-bottom: var(--units-spacing-4xl)
    }

    .c-people__list {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media(min-width: 1025px) {
    .c-people {
        display:grid;
        grid-template-columns: 1fr 2fr;
        gap: var(--units-spacing-4xl);
        align-items: start
    }

    .c-people__heading {
        margin-bottom: 0
    }

    .c-people__list {
        gap: var(--units-spacing-xl)
    }
}

.c-person-card {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    height: 100%;
    padding-bottom: var(--units-spacing-lg);
    background-color: var(--card-container-background);
    border: var(--card-container-border-width)solid var(--card-container-border);
    border-radius: var(--units-radius-lg);
    overflow: hidden;
    position: relative
}

.c-person-card__media {
    aspect-ratio: 230/256;
    overflow: hidden;
    background-color: var(--surface-layer-strong)
}

.c-person-card__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-person-card__copy {
    padding-left: var(--units-spacing-md);
    padding-right: var(--units-spacing-md)
}

.c-person-card__name {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400;
    margin: 0;
    font-weight: 700;
    text-transform: none;
    color: var(--text-strong)
}

.c-person-card__role {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 400;
    margin: 0;
    color: var(--text-secondary)
}

.c-person-card__trigger {
    padding: 0;
    border: 0;
    background: 0 0;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer
}

.c-person-card__trigger::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit
}

.c-person-card__dialog-role {
    margin: 0 0 var(--units-spacing-md);
    color: var(--text-secondary)
}

.c-awards {
    padding-top: var(--units-spacing-3xl);
    padding-bottom: var(--units-spacing-3xl)
}

.c-awards__heading {
    margin-bottom: var(--units-spacing-2xl);
    text-wrap: balance
}

.c-awards__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: var(--units-spacing-xl);
    justify-items: center
}

.c-awards__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 220px
}

.c-awards__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit
}

.c-awards__badge {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto
}

.c-awards__caption {
    margin: var(--units-spacing-sm)0 0;
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-2xs);
    text-align: center
}

.c-awards__title {
    color: var(--text-strong);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400
}

.c-awards__year {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400
}

@media(min-width: 1025px) {
    .c-awards {
        padding-top:var(--units-spacing-4xl);
        padding-bottom: var(--units-spacing-4xl)
    }
}

.c-game-promo {
    --promo-frame-top: calc(var(--nav-height, 64px) + var(--units-spacing-lg));
    --promo-frame-bottom: clamp(104px, 15vh, 172px);
    padding-bottom: var(--promo-frame-bottom)
}

.c-game-promo__scroll {
    position: relative
}

.c-game-promo__stage {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-3xl);
    padding-top: var(--promo-frame-top)
}

.c-game-promo__act {
    max-width: 680px;
    margin-inline:auto;padding-inline:0}

.c-game-promo__frame {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-xl);
    padding-inline:0}

.c-game-promo__thumb {
    width: clamp(190px,29vw,380px);
    margin: var(--units-spacing-xl)auto 0
}

.c-game-promo__snap {
    display: none
}

.c-game-promo__ctas {
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-xl);
    margin-top: var(--units-spacing-2xl)
}

.c-game-promo__ctas--center {
    justify-content: center
}

.c-game-promo__ctas .c-button--text {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm)
}

.c-game-promo__gameinfo {
    min-height: 100dvh;
    display: grid;
    align-items: center;
    gap: var(--units-spacing-xl);
    margin-top: var(--units-spacing-4xl)
}

.c-game-promo__gameinfo-card {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    padding: var(--units-spacing-lg);
    border-radius: var(--units-radius-lg);
    background: var(--surface-layer-weak)
}

.c-game-promo__gameinfo-card .c-game-promo__ctas {
    margin-top: 0
}

.c-game-promo__gameinfo-landscape {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    border-radius: var(--units-radius-lg)
}

.c-game-promo__prose {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-md);
    margin-top: var(--units-spacing-lg);
    color: var(--text-secondary)
}

.c-game-promo__specs {
    margin: 0
}

.c-game-promo__spec {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--units-spacing-md);
    padding-block:var(--units-spacing-sm);padding-left: var(--units-spacing-sm);
    padding-right: var(--units-spacing-sm);
    border-top: 1px solid var(--border-very-subtle)
}

.c-game-promo__spec:first-child {
    border-top: none;
    padding-top: 0
}

.c-game-promo__spec-label {
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--text-secondary)
}

.c-game-promo__spec-value {
    margin: 0;
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-align: right;
    color: var(--text-strong)
}

.c-game-promo__outro,.c-game-promo__finale {
    min-height: 80dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: var(--units-spacing-xl);
    margin-bottom: var(--units-spacing-xl)
}

.c-game-promo__finale {
    padding-top: var(--units-spacing-md)
}

.c-game-promo__checklist {
    margin: var(--units-spacing-xl)0 0;
    padding: 0;
    list-style: none
}

@media(min-width: 1025px) {
    .c-game-promo__checklist {
        width:50%
    }
}

.c-game-promo__checklist-item {
    display: flex;
    gap: var(--units-spacing-md);
    padding-block:var(--units-spacing-md);border-top: 1px solid var(--border-very-subtle);
    color: var(--text-secondary)
}

.c-game-promo__checklist-item em {
    color: var(--text-highlight);
    font-style: inherit
}

.c-game-promo__checklist-n {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    color: var(--text-highlight)
}

.c-game-promo.is-choreographed .c-game-promo__scroll {
    scroll-snap-align: start;
    scroll-snap-stop:always}

.c-game-promo.is-choreographed .c-game-promo__stage {
    position: sticky;
    top: 0;
    display: block;
    height: 100svh;
    overflow: hidden;
    padding-top: 0
}

.c-game-promo.is-choreographed .c-game-promo__snap {
    display: block;
    height: 100svh;
    scroll-snap-align: start;
    scroll-snap-stop:always}

.c-game-promo.is-choreographed .c-game-promo__act {
    position: absolute;
    left: 0;
    right: 0;
    max-width: none;
    margin-inline:0;padding-inline:clamp(18px,4vw,var(--units-spacing-xl));will-change: opacity,transform
}

.c-game-promo.is-choreographed .c-game-promo__act--hero {
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: min(950px,67vw)
}

.c-game-promo.is-choreographed .c-game-promo__act--fold {
    top: auto;
    bottom: clamp(88px,13vh,140px);
    text-align: center
}

.c-game-promo.is-choreographed .c-game-promo__frame {
    position: absolute;
    inset: 0;
    z-index: 10;
    justify-content: center;
    gap: clamp(22px,4vh,52px);
    padding: clamp(64px,9vh,110px)var(--units-spacing-grid-gap)clamp(92px,13vh,140px);
    pointer-events: none
}

.c-game-promo.is-choreographed .c-game-promo__frame .c-game-promo__act {
    position: static;
    max-width: none;
    text-align: center;
    transform: none
}

.c-game-promo.is-choreographed .c-game-promo__thumb {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 20;
    margin: 0;
    transform: translate(-50%,-50%);
    pointer-events: none;
    will-change: transform
}

.c-game-promo.is-choreographed .c-promo-lane__tile {
    display: block;
    opacity: 0
}

.c-game-promo.is-choreographed .c-game-promo__gameinfo,.c-game-promo.is-choreographed .c-game-promo__outro,.c-game-promo.is-choreographed .c-game-promo__finale,.c-game-promo.is-choreographed .c-terms-preview {
    scroll-snap-align: start;
    scroll-snap-stop:always}

.c-game-promo.is-static .c-promo-lane__tile {
    display: block
}

.is-promo-snap {
    scroll-snap-type: y mandatory;
    scroll-behavior: auto
}

@media(max-width: 899px) {
    .c-game-promo.is-choreographed .c-game-promo__act--hero {
        max-width:none;
        justify-content: flex-end;
        padding-bottom: var(--promo-frame-bottom)
    }

    .c-game-promo.is-choreographed .c-game-promo__ctas {
        flex-wrap: nowrap;
        align-items: center
    }

    .c-game-promo.is-choreographed .c-game-promo__ctas .c-button {
        white-space: nowrap
    }
}

@media(max-width: 768px) {
    .c-game-promo {
        --promo-section-space:150px
    }

    .c-game-promo.is-static .c-game-promo__stage {
        gap: 0
    }

    .c-game-promo.is-static .c-game-promo__thumb {
        margin-bottom: var(--units-spacing-3xl)
    }

    .c-game-promo.is-static .c-game-promo__act--hero,.c-game-promo.is-static .c-game-promo__act--fold,.c-game-promo.is-static .c-game-promo__frame,.c-game-promo.is-static .c-game-promo__gameinfo,.c-game-promo.is-static .c-game-promo__outro,.c-game-promo.is-static .c-game-promo__finale {
        padding-bottom: var(--promo-section-space)
    }

    .c-game-promo.is-static .c-game-promo__gameinfo {
        margin-top: 0
    }

    .c-game-promo__gameinfo,.c-game-promo__outro,.c-game-promo__finale {
        min-height: 0
    }

    .c-game-promo.is-static .c-game-promo__thumb {
        width: min(62vw,280px)
    }
}

@media(min-width: 769px) {
    .c-game-promo__gameinfo {
        grid-template-columns:minmax(0,1.12fr)minmax(250px,.88fr)
    }

    .c-game-promo__act,.c-game-promo__frame {
        padding-inline:var(--units-spacing-lg)}
}

.c-promo-lane {
    --promo-slots: 10;
    --promo-slot-speed: 0.28s;
    --promo-slot-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
    --promo-gap: var(--units-spacing-md);
    --promo-band-inset: calc(var(--promo-gap) / 2);
    --promo-tile-h: clamp(120px, 26vh, 240px);
    --promo-tile-w: calc(var(--promo-tile-h) * 3 / 4);
    --promo-row-max: calc( var(--promo-row-units, var(--promo-slots)) * var(--promo-tile-w) + (var(--promo-slots) - 1) * var(--promo-gap) + 2 * var(--promo-band-inset) );
    width: 100%
}

.c-promo-lane__inner {
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-sm);
    max-width: var(--promo-row-max);
    margin-inline:auto}

.c-promo-lane__scroller {
    position: relative
}

.c-promo-lane__wrap {
    position: relative;
    padding: var(--promo-band-inset)
}

.c-promo-lane__grid {
    display: grid;
    grid-template-columns: var(--promo-tracks,repeat(var(--promo-slots),minmax(0,1fr)));
    gap: var(--promo-gap)
}

.c-promo-lane__tiers {
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: var(--promo-band-inset)
}

.c-promo-lane__tierbg {
    margin: calc(var(--promo-band-inset) * -1);
    border-radius: var(--units-radius-lg);
    background: 0 0;
    transition: background .22s var(--promo-slot-ease)
}

.c-promo-lane__tierbg.is-on {
    background: var(--surface-layer-strong);
    border: solid 3px var(--border-highlight)
}

.c-promo-lane__slots {
    position: relative;
    z-index: 1
}

.c-promo-lane__slot {
    container-type: inline-size;
    container-name: promo-tile;
    position: relative;
    aspect-ratio: 3/4;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--units-radius-md);
    background: var(--surface-layer-weak);
    cursor: pointer;
    color: var(--text-strong);
    transition: transform var(--promo-slot-speed)var(--promo-slot-ease),box-shadow var(--promo-slot-speed)var(--promo-slot-ease)
}

.c-promo-lane__slot:focus-visible {
    outline: var(--units-border-md)solid var(--border-highlight);
    outline-offset: var(--units-spacing-2xs)
}

.c-promo-lane__slot.is-selected {
    pointer-events: none
}

.c-promo-lane__slot--static.is-picked .c-promo-lane__place-value {
    opacity: 1
}

.c-promo-lane__thumb {
    position: absolute;
    inset: 0;
    transition: opacity var(--promo-slot-speed)var(--promo-slot-ease)
}

.c-promo-lane__badge {
    position: absolute;
    left: var(--units-spacing-2xs);
    bottom: var(--units-spacing-2xs);
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 24px;
    min-height: 24px;
    border-radius: var(--units-radius-sm);
    background: var(--surface-background);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--text-highlight)
}

.c-promo-lane__slot .c-promo-lane__place-value {
    opacity: .4;
    transition: opacity var(--promo-slot-speed)var(--promo-slot-ease)
}

.c-promo-lane__mine {
    position: absolute;
    top: var(--units-spacing-2xs);
    left: var(--units-spacing-2xs);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - var(--units-spacing-2xs) * 2);
    padding: 2px 8px;
    border-radius: var(--units-radius-sm);
    background: var(--surface-background);
    font-size: var(--font-size-2xs);
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    color: var(--text-strong)
}

.c-promo-lane__target {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--units-spacing-2xs);
    padding: var(--units-spacing-2xs);
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--promo-slot-speed)var(--promo-slot-ease)
}

.c-promo-lane__target-line {
    font-size: var(--font-size-xs);
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-strong)
}

.c-promo-lane__place-value {
    position: absolute;
    top: var(--units-spacing-2xs);
    left: var(--units-spacing-2xs);
    z-index: 2;
    max-width: calc(100% - var(--units-spacing-2xs) * 2);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--font-size-2xs);
    display: inline-flex;
    font-style: normal;
    font-weight: 500;
    color: var(--text-inverted-strong);
    background: var(--surface-accent);
    border-radius: var(--units-radius-sm);
    padding: 2px 8px
}

.c-promo-lane__place-value[hidden] {
    display: none
}

.c-promo-lane__peek {
    position: relative;
    aspect-ratio: 3/8;
    border: var(--units-border-md,2px)dashed var(--border-distinct,#c5d0df);
    border-radius: var(--units-radius-md);
    background: var(--surface-layer-weak);
    pointer-events: none
}

.c-promo-lane__peek::after {
    content: "";
    position: absolute;
    inset: calc(var(--units-border-md,2px) * -1);
    border-radius: inherit;
    background: linear-gradient(270deg,var(--surface-background) 0%,rgba(255,255,255,0) 100%)
}

.c-promo-lane__nudge {
    margin-left: 40px;
    opacity: 1;
    pointer-events: none
}

.c-promo-lane__tile {
    --promo-art-radius: var(--units-radius-md);
    container-type: inline-size;
    container-name: promo-tile;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    pointer-events: none;
    transition: transform .52s cubic-bezier(.2,.85,.25,1)
}

@container promo-tile (max-width:131px) {
    .c-promo-lane__place-value {
        font-size: var(--font-size-3xs);
        padding-inline: 6px; }
}

@container promo-tile (max-width:67px) {
    .c-promo-lane__place-value {
        display: none;
    }
}

@container promo-tile (max-width:129px) {
    .c-promo-lane__mine {
        font-size: var(--font-size-3xs);
        padding-inline: 6px; }
}

@container promo-tile (max-width:74px) {
    .c-promo-lane__mine {
        display: none;
    }
}

@media(hover: hover) {
    .c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):hover .c-promo-lane__thumb,.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__thumb {
        opacity:.6
    }

    .c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):hover .c-promo-lane__target,.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__target {
        opacity: 1
    }

    .c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):hover .c-promo-lane__place-value,.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__place-value {
        opacity: 1
    }

    .c-promo-lane__slot--static:not(.is-picked):hover .c-promo-art__img {
        opacity: .55
    }
}

.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__thumb {
    opacity: .6
}

.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__target {
    opacity: 1
}

.c-promo-lane__slots.is-live .c-promo-lane__slot:not(.is-selected):not(.c-promo-lane__slot--static):focus-visible .c-promo-lane__place-value {
    opacity: 1
}

@media(prefers-reduced-motion:reduce) {
    .c-promo-lane__slot,.c-promo-lane__thumb,.c-promo-lane__target {
        transition-duration: .01ms
    }

    .c-promo-lane__slots.is-live .c-promo-lane__slot:hover,.c-promo-lane__slots.is-live .c-promo-lane__slot:focus-visible {
        transform: none
    }
}

@media(max-width: 768px) {
    .c-promo-lane {
        --promo-tile-w:calc((100vw - 76px) / 2.5);
        --promo-row-max: none
    }

    .c-promo-lane__scroller {
        overflow-x: auto;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch
    }

    .c-promo-lane__grid {
        grid-template-columns: repeat(var(--promo-slots),var(--promo-tile-w));
        width: max-content
    }

    .c-promo-lane__slot {
        scroll-snap-align: center
    }

    .c-promo-lane__peek {
        width: calc(var(--promo-tile-w)/2);
        justify-self: start
    }
}

.c-promo-rewards {
    position: fixed;
    left: 50%;
    bottom: clamp(12px,2.4vh,22px);
    z-index: 50;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: var(--units-spacing-lg);
    max-width: calc(100vw - var(--units-spacing-md));
    padding: var(--units-spacing-sm-xxx);
    border: var(--units-border-md)solid var(--color-transparent-white-08);
    border-radius: var(--units-radius-pill);
    background: var(--color-transparent-white-08,rgba(255,255,255,.8));
    box-shadow: 0 10px 34px rgba(0,0,0,.14);
    overflow-x: auto;
    scrollbar-width: none;
    box-shadow: 0 0 23.1px rgba(0,0,0,.14),0 16px 25px -8px rgba(0,22,235,7%);
    backdrop-filter: blur(18px)
}

.c-promo-rewards__label {
    display: none;
    padding-inline:var(--units-spacing-sm);font-size: var(--font-size-sm);
    font-weight: 500;
    white-space: nowrap;
    color: var(--text-tertiary);
    text-transform: uppercase
}

@media(min-width: 769px) {
    .c-promo-rewards__label {
        display:inline
    }
}

.c-promo-rewards__tiers {
    display: flex;
    align-items: center;
    gap: var(--units-spacing-sm-x)
}

.c-promo-rewards__tier {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--units-spacing-sm-x)var(--units-spacing-xl);
    border: 0;
    border-radius: var(--units-radius-pill);
    background: var(--surface-layer-strong);
    cursor: pointer;
    white-space: nowrap
}

.c-promo-rewards__tier:hover {
    background: var(--surface-layer-1)
}

.c-promo-rewards__tier.is-active {
    background: var(--surface-accent)
}

.c-promo-rewards__pct {
    font-size: var(--font-size-lg);
    font-weight: 800;
    line-height: 1;
    color: var(--text-secondary)
}

.c-promo-rewards__pos {
    font-size: var(--font-size-2xs);
    color: var(--text-tertiary)
}

.c-promo-rewards__tier.is-active .c-promo-rewards__pct {
    color: var(--text-inverted-strong)
}

.c-promo-rewards__tier.is-active .c-promo-rewards__pos {
    color: var(--text-inverted-strong)
}

.c-promo-art {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
    border-radius: var(--promo-art-radius,var(--units-radius-lg));
    background: var(--surface-layer-strong);
    box-shadow: 0 18px 48px rgba(0,0,0,.18)
}

.c-promo-art__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.c-promo-art__name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--units-spacing-md);
    text-align: center;
    font-weight: 700;
    font-size: var(--font-size-lg);
    color: var(--text-secondary)
}

.c-promo-art--fallback {
    border: 1px solid var(--border-subtle)
}

.c-promo-art--muted {
    box-shadow: none;
    --promo-art-radius: var(--units-radius-md)
}

.c-promo-art--muted .c-promo-art__img {
    filter: grayscale(1)contrast(.9)brightness(1.06)blur(2.5px);
    opacity: .3
}

.c-royalty-lineup {
    padding-block:var(--units-spacing-3xl);display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-2xl);
    text-align: center
}

.c-royalty-lineup [data-tabs-panel] {
    width: 100%
}

.c-royalty-lineup [data-tab-item] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--units-spacing-xl)
}

.c-royalty-lineup__group {
    width: 100%
}

.c-royalty-lineup__single {
    width: 100%
}

.c-royalty-lineup__single.is-royalty-live .c-promo-lane__tile {
    display: block
}

.c-royalty-lineup__callout {
    display: flex;
    align-items: baseline;
    gap: var(--units-spacing-2xs);
    margin: 0
}

.c-royalty-lineup__details {
    max-width: 60ch;
    margin-inline:auto;font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    color: var(--text-secondary)
}

.c-royalty-lineup__details p {
    margin: 0
}

.c-royalty-lineup__details p+p {
    margin-top: var(--units-spacing-sm)
}

.c-royalty-lineup__details a {
    color: var(--text-strong);
    text-decoration: underline
}

.c-royalty-lineup__callout-value {
    color: var(--text-highlight)
}

.c-royalty-lineup__ctas {
    display: flex;
    justify-content: center;
    gap: var(--units-spacing-sm);
    flex-wrap: wrap
}

.c-terms-preview {
    --terms-lines: 16;
    --terms-line-height: var(--font-line-height-sm);
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    padding-block:var(--units-spacing-4xl);scroll-margin-top: var(--nav-height);
    max-width: calc(800px + var(--units-spacing-grid-gap) * 2)
}

.c-terms-preview__title {
    margin: 0;
    font-size: var(--font-size-2xl);
    line-height: var(--font-line-height-xl);
    font-weight: 700;
    color: var(--text-strong)
}

.c-terms-preview__body {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400;
    line-height: var(--terms-line-height);
    color: var(--text-secondary)
}

.c-terms-preview__body>:first-child {
    margin-top: 0
}

.c-terms-preview__body>:last-child {
    margin-bottom: 0
}

.c-terms-preview__body p,.c-terms-preview__body ul,.c-terms-preview__body ol {
    margin-block:0}

.c-terms-preview__body ol,.c-terms-preview__body ul {
    padding-left: var(--units-spacing-xl)
}

.c-terms-preview__body h1,.c-terms-preview__body h2,.c-terms-preview__body h3,.c-terms-preview__body h4,.c-terms-preview__body h5,.c-terms-preview__body h6,.c-terms-preview__body strong,.c-terms-preview__body b {
    color: var(--text-strong)
}

.c-terms-preview__body a {
    color: var(--text-strong);
    text-decoration: underline
}

.c-terms-preview.is-clamped.is-collapsed .c-terms-preview__body {
    max-height: calc(var(--terms-lines) * var(--terms-line-height));
    overflow: hidden;
    mask-image: linear-gradient(to bottom,#000 55%,transparent 100%)
}

.c-terms-preview__toggle {
    align-self: center
}

[data-theme=halloween] .c-hero-reel-ring .c-section-heading__title>.line:first-child>span:last-child {
    position: relative
}

[data-theme=halloween] .c-hero-reel-ring .c-section-heading__title>.line:first-child>span:last-child::after {
    content: "";
    position: absolute;
    right: -.3em;
    top: -.04em;
    width: .95em;
    aspect-ratio: 81/59;
    background: url(/img/halloween/hat-garnish-halloween-2026.webp)no-repeat 50%/contain;
    transform: rotate(6deg);
    pointer-events: none
}

[data-theme=halloween] .c-hero-reel-ring {
    position: relative
}

[data-theme=halloween] .c-hero-reel-ring::before {
    --spider-w: 60px;
    --spider-h: 48px;
    --spider-x: 47%;
    content: "";
    position: absolute;
    z-index: 1;
    top: 100px;
    left: 26%;
    width: var(--spider-w);
    height: calc(clamp(280px,47vh,320px) - 100px);
    background: url(/img/halloween/spider-garnish-halloween-2026.webp)no-repeat 50% 100%/var(--spider-w)var(--spider-h),linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.35))no-repeat var(--spider-x)top/1px calc(100% - var(--spider-h) + 8px);
    pointer-events: none
}

@media(max-width: 768px) {
    [data-theme=halloween] .c-hero-reel-ring::before {
        --spider-w:44px;
        --spider-h: 35px;
        top: 64px;
        left: 6%;
        height: 72px
    }
}

[data-theme=halloween] .c-hero-reel-ring::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 22%;
    bottom: var(--units-spacing-lg);
    width: 156px;
    aspect-ratio: 156/144;
    background: url(/img/halloween/pumpkin-garnish-halloween-2026.webp)no-repeat 50%/contain;
    opacity: .8;
    pointer-events: none
}

@media(max-width: 768px) {
    [data-theme=halloween] .c-hero-reel-ring::after {
        right:4%;
        width: 88px
    }
}

.c-closure-cta {
    --closure-cta-bg: var(--surface-foreground);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: var(--units-radius-lg);
    background: var(--closure-cta-bg);
    min-height: 70dvh;
    text-shadow: 0 0 16px #000
}

.c-closure-cta__media {
    display: block;
    order: 2
}

.c-closure-cta__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-closure-cta__body {
    order: 1;
    display: flex;
    flex-direction: column;
    gap: var(--units-spacing-lg);
    padding: var(--units-spacing-3xl)var(--units-spacing-2xl)
}

.c-closure-cta__ctas {
    display: flex;
    flex-wrap: wrap;
    gap: var(--units-spacing-sm)
}

.c-closure-cta .c-eyebrow {
    color: var(--color-blue-50)
}

.c-closure-cta .c-button--primary {
    background: var(--surface-accent);
    color: var(--text-inverted-strong)
}

.c-closure-cta .c-button--primary:hover {
    background: var(--surface-background);
    color: var(--text-highlight)
}

.c-closure-cta__body .c-section-heading__title,.c-closure-cta__body .c-section-heading__description {
    color: var(--text-inverted-strong)
}

.c-closure-cta__body .c-section-heading__description {
    color: var(--text-inverted-secondary)
}

@media(min-width: 1025px) {
    .c-closure-cta {
        display:flex;
        justify-content: center;
        height: calc(100dvh - var(--units-spacing-xl))
    }

    .c-closure-cta__media {
        position: absolute;
        inset: 0;
        order: 0
    }

    .c-closure-cta__img {
        object-position: right center
    }

    .c-closure-cta__body {
        position: relative;
        z-index: 1;
        justify-content: center;
        max-width: 55%;
        padding: 80px 0 80px 80px
    }
}

.u-hidden {
    display: none!important
}

.no-scroll {
    overflow: hidden!important
}

.u-sr-only {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.text-hero {
    --font-size-hero: clamp(2.4rem, 7.4vw, 5.2rem);
    font-size: var(--font-size-hero);
    line-height: calc(var(--font-size-hero) * 1.1);
    font-weight: 800;
    letter-spacing: -4px
}

.text-display-1 {
    font-size: var(--font-size-5xl);
    line-height: var(--font-line-height-5xl);
    font-weight: 700;
    letter-spacing: -2px
}

.text-display-2 {
    font-size: var(--font-size-4xl);
    line-height: var(--font-line-height-4xl);
    font-weight: 700;
    letter-spacing: -2px
}

.text-heading-1 {
    font-size: var(--font-size-3xl);
    line-height: var(--font-line-height-3xl);
    font-weight: 700;
    letter-spacing: -1.5px
}

.text-heading-2 {
    font-size: var(--font-size-2xl);
    line-height: var(--font-line-height-2xl);
    font-weight: 700
}

.text-heading-3 {
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-xl);
    font-weight: 600
}

.text-heading-4 {
    font-size: var(--font-size-lg);
    line-height: var(--font-line-height-lg);
    font-weight: 600
}

.text-body-lg {
    font-size: var(--font-size-md);
    line-height: var(--font-line-height-md);
    font-weight: 400
}

.text-body-md {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 400
}

.text-body-sm {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 400
}

.text-label-lg {
    font-size: var(--font-size-sm);
    line-height: var(--font-line-height-sm);
    font-weight: 500
}

.text-label-md {
    font-size: var(--font-size-xs);
    line-height: var(--font-line-height-xs);
    font-weight: 500
}

.text-label-sm {
    font-size: var(--font-size-2xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400
}

.text-caption {
    font-size: var(--font-size-3xs);
    line-height: var(--font-line-height-2xs);
    font-weight: 400
}

.text-center {
    text-align: center
}

.u-text-highlight {
    color: var(--text-highlight)
}

.u-media-zoom {
    --u-media-zoom-scale: 1.03;
    --u-media-zoom-duration: 200ms;
    overflow: hidden;
    position: relative
}

.u-media-zoom img {
    transition: transform var(--u-media-zoom-duration)ease
}

@media(hover: hover) {
    .u-media-zoom:hover img {
        transform:scale(var(--u-media-zoom-scale))
    }
}

@media(prefers-reduced-motion:reduce) {
    .u-media-zoom img {
        transition: none
    }
}