/* input(2513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(2530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(2587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
input(2652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
input(2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media' */
@font-face {
    font-family: 'Jokker';
    src: url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Regular.woff2') format('woff2'),
        url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Jokker';
    src: url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Medium.woff2') format('woff2'),
        url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Jokker';
    src: url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Semibold.woff2') format('woff2'),
        url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

@font-face {
    font-family: 'Jokker';
    src: url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Bold.woff2') format('woff2'),
        url('https://cdn.aerofilms.cz/fonts/Jokker-TRIAL-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-variant-ligatures: normal;
    font-feature-settings: "liga" 1, "clig" 1;
}

:root,
:host {

    /* —————————— */
    /*   COLORS   */
    /* —————————— */

    /* Base colors */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-transparent: #ffffff00;

    /* Neutral colors */
    --color-neutral-25: #fdfdfd;
    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e9eaeb;
    --color-neutral-300: #d5d7da;
    --color-neutral-400: #a4a7ae;
    --color-neutral-500: #717680;
    --color-neutral-600: #535862;
    --color-neutral-700: #414651;
    --color-neutral-800: #252b37;
    --color-neutral-900: #181d27;
    --color-neutral-950: #0a0d12;

    /* Brand colors */
    --color-brand-25: #edeffa;
    --color-brand-50: #d9ddf0;
    --color-brand-100: #c6cbe6;
    --color-brand-200: #b2b9dc;
    --color-brand-300: #9ea7d2;
    --color-brand-400: #7782bf;
    --color-brand-500: #4f5eab;
    --color-brand-600: #283a97;
    --color-brand-700: #202e79;
    --color-brand-800: #18235b;
    --color-brand-900: #10173c;
    --color-brand-950: #080c1e;

    /* Error colors */
    --color-error-25: #fff8fa;
    --color-error-50: #fef3f2;
    --color-error-100: #fee4e2;
    --color-error-200: #fecdca;
    --color-error-300: #fda29b;
    --color-error-400: #f97066;
    --color-error-500: #f04438;
    --color-error-600: #d92d20;
    --color-error-700: #b42318;
    --color-error-800: #912018;
    --color-error-900: #7a271a;
    --color-error-950: #55160c;

    /* Success colors */
    --color-success-25: #F6FEF9;
    --color-success-50: #ECFDF3;
    --color-success-100: #DCFAE6;
    --color-success-200: #ABEFC6;
    --color-success-300: #75E0A7;
    --color-success-400: #47CD89;
    --color-success-500: #17B26A;
    --color-success-600: #079455;
    --color-success-700: #067647;
    --color-success-800: #085D3A;
    --color-success-900: #074D31;
    --color-success-950: #053321;

    /* Warning colors */
    --color-warning-25: #FFFCF5;
    --color-warning-50: #FFFAEB;
    --color-warning-100: #FEF0C7;
    --color-warning-200: #FEDF89;
    --color-warning-300: #FEC84B;
    --color-warning-400: #FDB022;
    --color-warning-500: #F79009;
    --color-warning-600: #DC6803;
    --color-warning-700: #B54708;
    --color-warning-800: #93370D;
    --color-warning-900: #7A2E0E;
    --color-warning-950: #4E1D09;


    /* ——————————————— */
    /* Semantic colors */
    /* ——————————————— */
    /* Background and borders */
    --color-white-50: rgba(255, 255, 255, 0.5);
    --color-white-100: var(--color-white);
    --color-gray-light: var(--color-neutral-100);
    --color-gray-solid: var(--color-neutral-600);
    --color-brand-light: rgba(0, 0, 0, .5);
    --color-brand-solid: var(--color-black);
    --color-error-solid: var(--color-error-600);

    /* Foreground colors */
    --color-fg-white: var(--color-white);
    --color-fg-black: var(--color-black);
    --color-fg-gray: var(--color-neutral-400);

    /* Overlay colors */
    --overlay-25-color: rgba(0, 0, 0, 0.25);
    --overlay-50-color: rgba(0, 0, 0, 0.5);

    /* Scroll fade colors */
    --scroll-fade: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));


    /* ———————— */
    /*   BODY   */
    /* ———————— */
    --body-padding-block-min: 0;
    --body-padding-block-max: 0;
    --body-padding-inline-min: 0;
    --body-padding-inline-max: 0;
    --main-padding-block-min: 0;
    --main-padding-block-max: 0;
    --main-padding-inline-min: 0;
    --main-padding-inline-max: 0;


    /* —————————— */
    /*  PADDINGS  */
    /* —————————— */
    --padding-xxs-min: 4;
    --padding-xxs-max: 8;
    --padding-xs-min: 8;
    --padding-xs-max: 16;
    --padding-sm-min: 12;
    --padding-sm-max: 24;
    --padding-md-min: 16;
    --padding-md-max: 32;
    --padding-lg-min: 20;
    --padding-lg-max: 40;
    --padding-xl-min: 24;
    --padding-xl-max: 48;
    --padding-xxl-min: 32;
    --padding-xxl-max: 64;


    /* —————————— */
    /*   MARGINS  */
    /* —————————— */
    --default-margin-top-min: 24;
    --default-margin-top-max: 48;
    --buttons-margin-top-min: 12;
    --buttons-margin-top-max: 20;
    --badges-margin-top-min: 12;
    --badges-margin-top-max: 20;
    --body-p-margin-top-min: 12;
    --body-p-margin-top-max: 12;


    /* —————————— */
    /*    TEXT    */
    /* —————————— */
    /* Font family */
    --font-family-sans: 'Jokker', sans-serif;
    --font-family-serif: serif;
    --font-family-mono: monospace;
    --font-size: inherit;
    --font-weight: 500;
    --font-feature-settings: 'liga' on, 'calt' on;
    --line-height: inherit;
    --text-color: var(--color-black);

    /* ———————————————————— */
    /* Fluid viewport range */
    /* ———————————————————— */
    --viewport-min: 390;
    --viewport-max: 1920;

    /* Display text styles (unitless min/max values) */
    /* Display XS — 20px@768 → 24px@1920 */
    --display-xs-font-size-min: 20;
    --display-xs-font-size-max: 24;
    --display-xs-line-height-min: 30;
    --display-xs-line-height-max: 33;
    --display-xs-font-weight: 600;
    --display-xs-letter-spacing: 0;

    /* Display SM — 24px@768 → 28px@1920 */
    --display-sm-font-size-min: 24;
    --display-sm-font-size-max: 28;
    --display-sm-line-height-min: 32;
    --display-sm-line-height-max: 36;
    --display-sm-font-weight: 600;
    --display-sm-letter-spacing: 0;

    /* Display MD — 28px@768 → 36px@1920 */
    --display-md-font-size-min: 28;
    --display-md-font-size-max: 36;
    --display-md-line-height-min: 36;
    --display-md-line-height-max: 43;
    --display-md-font-weight: 600;
    --display-md-letter-spacing: -0.02em;

    /* Display LG — 36px@768 → 46px@1920 */
    --display-lg-font-size-min: 36;
    --display-lg-font-size-max: 46;
    --display-lg-line-height-min: 44;
    --display-lg-line-height-max: 58;
    --display-lg-font-weight: 600;
    --display-lg-letter-spacing: -0.02em;

    /* Display XL — 48px@768 → 59px@1920 */
    --display-xl-font-size-min: 48;
    --display-xl-font-size-max: 59;
    --display-xl-line-height-min: 60;
    --display-xl-line-height-max: 71;
    --display-xl-font-weight: 600;
    --display-xl-letter-spacing: -0.02em;

    /* Display 2XL — 60px@768 → 71px@1920 */
    --display-2xl-font-size-min: 60;
    --display-2xl-font-size-max: 71;
    --display-2xl-line-height-min: 72;
    --display-2xl-line-height-max: 87;
    --display-2xl-font-weight: 600;
    --display-2xl-letter-spacing: -0.02em;

    /* Text styles (unitless min/max values) */
    /* Text XS — fixed 12px */
    --text-xs-font-size-min: 12;
    --text-xs-font-size-max: 12;
    --text-xs-line-height-min: 18;
    --text-xs-line-height-max: 18;
    --text-xs-font-weight: inherit;
    --text-xs-letter-spacing: 0;

    /* Text SM — fixed 15px */
    --text-sm-font-size-min: 15;
    --text-sm-font-size-max: 15;
    --text-sm-line-height-min: 24;
    --text-sm-line-height-max: 24;
    --text-sm-font-weight: inherit;
    --text-sm-letter-spacing: 0;

    /* Text MD — 16px@768 → 20px@1920 */
    --text-md-font-size-min: 16;
    --text-md-font-size-max: 20;
    --text-md-line-height-min: 19;
    --text-md-line-height-max: 28;
    --text-md-font-weight: inherit;
    --text-md-letter-spacing: 0;

    /* Text LG — 20px@768 → 26px@1920 */
    --text-lg-font-size-min: 16;
    --text-lg-font-size-max: 26;
    --text-lg-line-height-min: 19;
    --text-lg-line-height-max: 32;
    --text-lg-font-weight: inherit;
    --text-lg-letter-spacing: 0;

    /* Text XL — fixed 26px */
    --text-xl-font-size-min: 26;
    --text-xl-font-size-max: 26;
    --text-xl-line-height-min: 32;
    --text-xl-line-height-max: 32;
    --text-xl-font-weight: inherit;
    --text-xl-letter-spacing: 0;


    /* ———————— */
    /* HEADINGS */
    /* ———————— */
    /* H1 — 36px@768 → 91px@1920 */
    --h1-font-size-min: 36;
    --h1-font-size-max: 91;
    --h1-line-height-min: 38;
    --h1-line-height-max: 92;
    --h1-font-weight: 600;
    --h1-letter-spacing: -1.15px;
    --h1-margin-top-min: 40;
    --h1-margin-top-max: 48;
    --h1-margin-bottom-min: 20;
    --h1-margin-bottom-max: 24;

    /* H2 — 28px@768 → 70px@1920 */
    --h2-font-size-min: 28;
    --h2-font-size-max: 70;
    --h2-line-height-min: 31;
    --h2-line-height-max: 70;
    --h2-font-weight: 600;
    --h2-letter-spacing: -1.15px;
    --h2-margin-top-min: 32;
    --h2-margin-top-max: 40;
    --h2-margin-bottom-min: 16;
    --h2-margin-bottom-max: 20;

    /* H3 — 22px@768 → 48px@1920 */
    --h3-font-size-min: 22;
    --h3-font-size-max: 48;
    --h3-line-height-min: 24;
    --h3-line-height-max: 50;
    --h3-font-weight: 600;
    --h3-letter-spacing: -1.1px;
    --h3-margin-top-min: 32;
    --h3-margin-top-max: 32;
    --h3-margin-bottom-min: 12;
    --h3-margin-bottom-max: 16;

    /* H4 — 20px@768 → 33px@1920 */
    --h4-font-size-min: 20;
    --h4-font-size-max: 33;
    --h4-line-height-min: 22;
    --h4-line-height-max: 36;
    --h4-font-weight: 600;
    --h4-letter-spacing: -1.05px;
    --h4-margin-top-min: 20;
    --h4-margin-top-max: 32;
    --h4-margin-bottom-min: 8;
    --h4-margin-bottom-max: 12;


    /* —————————— */
    /* PARAGRAPHS */
    /* —————————— */
    --p-margin-top: 0;
    --p-margin-bottom-min: 16;
    --p-margin-bottom-max: 16;


    /* Lists */
    --list-padding: 0 0 0 .5em;
    --list-margin: 0;
    --list-nested-margin: 0.5em 0 1em 1em;
    --list-item-margin-bottom: 0.5em;
    /* ol */
    --list-ordered-item-padding-left-level-1: 1.5em;
    --list-ordered-item-padding-left-level-2: 2em;
    --list-ordered-item-padding-left-level-3: 2.75em;
    --list-ordered-item-padding-left-level-4: 1.5em;
    --list-ordered-item-padding-left-level-5: 1.5em;
    /* ul */
    --list-unsorted-item-padding-left-level-1: 1em;
    --list-unsorted-item-padding-left-level-2: 1em;
    --list-unsorted-bullet-symbol-level-1: '•';
    --list-unsorted-bullet-symbol-level-2: '•';
    /* Checklist */
    --list-checklist-item-gap: 12px;
    --list-checklist-bullet-symbol: "★";
    --list-checklist-bullet-vertical-offset: -3px;


    /* —————————— */
    /*   SPACING  */
    /* —————————— */
    --spacing-3x-small: clamp(4px, 0.3472vw + 1.33px, 8px);
    --spacing-2x-small: clamp(6px, 0.5208vw + 2px, 8px);
    --spacing-x-small: clamp(8px, 0.6944vw + 2.67px, 16px);
    --spacing-small: clamp(10px, 0.8681vw + 3.33px, 20px);
    --spacing-medium: clamp(12px, 1.0417vw + 4px, 24px);
    --spacing-large: clamp(16px, 1.3889vw + 5.33px, 32px);
    --spacing-x-large: clamp(20px, 1.7361vw + 6.67px, 40px);
    --spacing-2x-large: clamp(24px, 2.0833vw + 8px, 48px);
    --spacing-3x-large: clamp(32px, 2.7778vw + 10.67px, 64px);
    --spacing-4x-large: clamp(40px, 3.4722vw + 13.33px, 80px);



    /* ————————————————————— */
    /*   MAX CONTENT WIDTH   */
    /* ————————————————————— */
    --max-content-width: 740px;


    /* ————————————— */
    /* FOCUS EFFECTS */
    /* ————————————— */
    --focus-ring-border: none;
    --focus-ring-shadow: 0px 0px 0px 1px white, 0px 0px 0px 4px #0A74FF;


    /* —————————————————————————————— */
    /* BACKGROUND & FOREGROUND STYLES */
    /* —————————————————————————————— */
    /* Background styles */
    --background-style-light: #FFFFFF;
    --background-style-dark: #F8F9FC;
    --background-style-dark-alt: #EAECF5;
    --background-style-accent: gold;
    --background-style-accent-alt: rgba(240, 204, 0, 0.2);

    /* Text colors */
    --foreground-style-light: #FAFAFA;
    --foreground-style-dark: #181D27;
    --foreground-style-dark-alt: #414651;
    --foreground-style-accent: #0047A3;
    --foreground-style-accent-alt: #0058CC;
    --success-color: #067647;
    /* Green */
    --warning-color: #B54708;
    /* Yellow */
    --danger-color: #D92D20;
    /* Red */
    --faded-color: #717680;

    /* ———— */
    /* LINK */
    /* ———— */
    --link-gap: 4px;
    --link-font-family: inherit;
    --link-font-weight: inherit;
    --link-font-size: inherit;
    --link-line-height: inherit;

    /* Link Default - no class, no inline styles, only <a> */
    --link-default-foreground: var(--color-fg-black);
    --link-default-background: transparent;
    --link-default-border: none;
    --link-default-box-shadow: none;
    --link-default-border-radius: 0;
    --link-default-padding: 0;
    --link-default-decoration: underline;
    --link-default-foreground-hover: rgba(0, 0, 0, 0.7);
    --link-default-background-hover: transparent;
    --link-default-border-hover: none;
    --link-default-box-shadow-hover: none;
    --link-default-border-radius-hover: var(--link-default-border-radius);
    --link-default-padding-hover: 0;
    --link-default-decoration-hover: underline;

    /* Link Brand */
    --link-brand-foreground: var(--color-brand-600);
    --link-brand-background: transparent;
    --link-brand-border: none;
    --link-brand-box-shadow: none;
    --link-brand-border-radius: 0;
    --link-brand-padding: 0;
    --link-brand-decoration: underline;
    --link-brand-foreground-hover: var(--color-brand-700);
    --link-brand-background-hover: transparent;
    --link-brand-border-hover: none;
    --link-brand-box-shadow-hover: none;
    --link-brand-border-radius-hover: var(--link-brand-border-radius);
    --link-brand-padding-hover: 0;
    --link-brand-decoration-hover: underline;

    /* Link BW */
    --link-bw-foreground: var(--color-fg-black);
    --link-bw-background: transparent;
    --link-bw-border: none;
    --link-bw-box-shadow: none;
    --link-bw-border-radius: 0;
    --link-bw-padding: 0;
    --link-bw-decoration: underline;
    --link-bw-foreground-hover: var(--link-bw-foreground);
    --link-bw-background-hover: transparent;
    --link-bw-border-hover: none;
    --link-bw-box-shadow-hover: none;
    --link-bw-border-radius-hover: var(--link-bw-border-radius);
    --link-bw-padding-hover: 0;
    --link-bw-decoration-hover: underline;

    /* Link Inverse */
    --link-inverse-foreground: white;
    --link-inverse-background: transparent;
    --link-inverse-border: none;
    --link-inverse-box-shadow: none;
    --link-inverse-border-radius: 0;
    --link-inverse-padding: 0;
    --link-inverse-decoration: underline;
    --link-inverse-foreground-hover: var(--link-inverse-foreground);
    --link-inverse-background-hover: transparent;
    --link-inverse-border-hover: none;
    --link-inverse-box-shadow-hover: none;
    --link-inverse-border-radius-hover: var(--link-inverse-border-radius);
    --link-inverse-padding-hover: 0;
    --link-inverse-decoration-hover: underline;


    /* ———— */
    /* LOGO */
    /* ———— */
    --logo-width-min: 172;
    --logo-width-max: 280;


    /* ———————— */
    /* BIG LINK */
    /* ———————— */
    /* Link color A */
    --big-link-color-a-foreground: var(--link-color-a-foreground);
    --big-link-color-a-background: var(--link-color-a-background);
    --big-link-color-a-border: var(--link-color-a-border);
    --big-link-color-a-box-shadow: var(--link-color-a-box-shadow);
    --big-link-color-a-border-radius: var(--link-color-a-border-radius);
    --big-link-color-a-padding: var(--link-color-a-padding);
    --big-link-color-a-decoration: var(--link-color-a-decoration);
    --big-link-color-a-foreground-hover: var(--link-color-a-foreground-hover);
    --big-link-color-a-background-hover: var(--link-color-a-background-hover);
    --big-link-color-a-border-hover: var(--link-color-a-border-hover);
    --big-link-color-a-box-shadow-hover: var(--link-color-a-box-shadow-hover);
    --big-link-color-a-border-radius-hover: var(--link-color-a-border-radius-hover);
    --big-link-color-a-padding-hover: var(--link-color-a-padding-hover);
    --big-link-color-a-decoration-hover: var(--link-color-a-decoration-hover);

    /* Link color B */
    --big-link-bw-foreground: var(--link-bw-foreground);
    --big-link-bw-background: var(--link-bw-background);
    --big-link-bw-border: var(--link-bw-border);
    --big-link-bw-box-shadow: var(--link-bw-box-shadow);
    --big-link-bw-border-radius: var(--link-bw-border-radius);
    --big-link-bw-padding: var(--link-bw-padding);
    --big-link-bw-decoration: var(--link-bw-decoration);
    --big-link-bw-foreground-hover: var(--link-bw-foreground-hover);
    --big-link-bw-background-hover: var(--link-bw-background-hover);
    --big-link-bw-border-hover: var(--link-bw-border-hover);
    --big-link-bw-box-shadow-hover: var(--link-bw-box-shadow-hover);
    --big-link-bw-border-radius-hover: var(--link-bw-border-radius-hover);
    --big-link-bw-padding-hover: var(--link-bw-padding-hover);
    --big-link-bw-decoration-hover: var(--link-bw-decoration-hover);

    /* Link inverse */
    --big-link-inverse-foreground: var(--link-inverse-foreground);
    --big-link-inverse-background: var(--link-inverse-background);
    --big-link-inverse-border: var(--link-inverse-border);
    --big-link-inverse-box-shadow: var(--link-inverse-box-shadow);
    --big-link-inverse-border-radius: var(--link-inverse-border-radius);
    --big-link-inverse-padding: var(--link-inverse-padding);
    --big-link-inverse-decoration: var(--link-inverse-decoration);
    --big-link-inverse-foreground-hover: var(--link-inverse-foreground-hover);
    --big-link-inverse-background-hover: var(--link-inverse-background-hover);
    --big-link-inverse-border-hover: var(--link-inverse-border-hover);
    --big-link-inverse-box-shadow-hover: var(--link-inverse-box-shadow-hover);
    --big-link-inverse-border-radius-hover: var(--link-inverse-border-radius-hover);
    --big-link-inverse-padding-hover: var(--link-inverse-padding-hover);
    --big-link-inverse-decoration-hover: var(--link-inverse-decoration-hover);


    /* ——————————— */
    /* LINK BUTTON */
    /* ——————————— */
    --link-button-brand-color: var(--color-brand-600);
    --link-button-brand-border: none;
    --link-button-brand-box-shadow: none;
    --link-button-brand-color-hover: var(--link-button-brand-color);
    --link-button-brand-border-hover: none;
    --link-button-brand-box-shadow-hover: none;

    --link-button-bw-color: inherit;
    --link-button-bw-border: none;
    --link-button-bw-box-shadow: none;
    --link-button-bw-color-hover: inherit;
    --link-button-bw-border-hover: none;
    --link-button-bw-box-shadow-hover: none;

    --link-button-inverse-color: inherit;
    --link-button-inverse-border: none;
    --link-button-inverse-box-shadow: none;
    --link-button-inverse-color-hover: inherit;
    --link-button-inverse-border-hover: none;
    --link-button-inverse-box-shadow-hover: none;


    /* —————————— */
    /* BOX BUTTON */
    /* —————————— */
    --default-button-box-shadow: none;
    --button-font-family: var(--font-family-sans);
    --button-font-weight: 500;
    --button-box-shadow: none;

    /* Solid Brand */
    --button-brand-solid-background: var(--color-white);
    --button-brand-solid-background-hover: var(--color-black);
    --button-brand-solid-color: var(--color-fg-black);
    --button-brand-solid-color-hover: var(--color-fg-white);
    --button-brand-solid-border: 1px solid var(--color-black);
    --button-brand-solid-border-hover: var(--button-brand-solid-border);
    --button-brand-solid-box-shadow: var(--default-button-box-shadow);
    --button-brand-solid-box-shadow-hover: var(--button-brand-solid-box-shadow);

    /* Solid BW */
    --button-bw-solid-background: var(--color-black);
    --button-bw-solid-background-hover: var(--button-bw-solid-background);
    --button-bw-solid-color: var(--color-white);
    --button-bw-solid-color-hover: var(--button-bw-solid-color);
    --button-bw-solid-border: 1px solid var(--color-black);
    --button-bw-solid-border-hover: var(--button-bw-solid-border);
    --button-bw-solid-box-shadow: var(--default-button-box-shadow);
    --button-bw-solid-box-shadow-hover: var(--button-bw-solid-box-shadow);

    /* Solid Inverse */
    --button-inverse-solid-background: var(--button-brand-solid-background-hover);
    --button-inverse-solid-background-hover: var(--button-brand-solid-background);
    --button-inverse-solid-color: var(--button-brand-solid-color-hover);
    --button-inverse-solid-color-hover: var(--button-brand-solid-color);
    --button-inverse-solid-border: 1px solid var(--color-white);
    --button-inverse-solid-border-hover: var(--button-inverse-solid-border);
    --button-inverse-solid-box-shadow: var(--default-button-box-shadow);
    --button-inverse-solid-box-shadow-hover: var(--button-inverse-solid-box-shadow);

    /* Solid Disabled */
    --button-disabled-solid-background: var(--color-white);
    --button-disabled-solid-color: rgba(0, 0, 0, 0.25);
    --button-disabled-solid-border: 1px solid rgba(0, 0, 0, 0.25);
    --button-disabled-solid-box-shadow: var(--default-button-box-shadow);

    /* Outline Brand */
    --button-brand-outline-background: transparent;
    --button-brand-outline-background-hover: var(--button-brand-solid-background-hover);
    --button-brand-outline-color: var(--button-brand-solid-color);
    --button-brand-outline-color-hover: var(--button-brand-solid-color-hover);
    --button-brand-outline-border: var(--button-brand-solid-border);
    --button-brand-outline-border-hover: var(--button-brand-outline-border);
    --button-brand-outline-box-shadow: var(--default-button-box-shadow);
    --button-brand-outline-box-shadow-hover: var(--button-brand-outline-box-shadow);

    /* Outline BW */
    --button-bw-outline-background: transparent;
    --button-bw-outline-background-hover: var(--button-bw-solid-background-hover);
    --button-bw-outline-color: var(--button-brand-solid-color);
    --button-bw-outline-color-hover: var(--button-bw-solid-color-hover);
    --button-bw-outline-border: var(--button-bw-solid-border);
    --button-bw-outline-border-hover: var(--button-bw-outline-border);
    --button-bw-outline-box-shadow: var(--default-button-box-shadow);
    --button-bw-outline-box-shadow-hover: var(--button-bw-outline-box-shadow);

    /* Outline Inverse */
    --button-inverse-outline-background: transparent;
    --button-inverse-outline-background-hover: var(--button-inverse-solid-background-hover);
    --button-inverse-outline-color: var(--button-inverse-solid-color);
    --button-inverse-outline-color-hover: var(--button-inverse-solid-color-hover);
    --button-inverse-outline-border: 1px solid var(--color-white);
    --button-inverse-outline-border-hover: var(--button-inverse-outline-border);
    --button-inverse-outline-box-shadow: var(--default-button-box-shadow);
    --button-inverse-outline-box-shadow-hover: var(--button-inverse-outline-box-shadow);

    /* Outline Disabled */
    --button-disabled-outline-background: transparent;
    --button-disabled-outline-color: var(--button-disabled-solid-color);
    --button-disabled-outline-border: var(--button-disabled-solid-border);
    --button-disabled-outline-box-shadow: var(--default-button-box-shadow);

    /* Ghost Brand */
    --button-brand-ghost-background: transparent;
    --button-brand-ghost-background-hover: var(--button-brand-solid-background-hover);
    --button-brand-ghost-color: var(--button-brand-solid-color);
    --button-brand-ghost-color-hover: var(--button-brand-solid-color-hover);
    --button-brand-ghost-border: solid 1px transparent;
    --button-brand-ghost-border-hover: solid 1px transparent;
    --button-brand-ghost-box-shadow: none;
    --button-brand-ghost-box-shadow-hover: none;

    /* Ghost BW */
    --button-bw-ghost-background: transparent;
    --button-bw-ghost-background-hover: var(--button-bw-solid-background-hover);
    --button-bw-ghost-color: var(--button-brand-solid-color);
    --button-bw-ghost-color-hover: var(--button-bw-solid-color-hover);
    --button-bw-ghost-border: solid 1px transparent;
    --button-bw-ghost-border-hover: solid 1px transparent;
    --button-bw-ghost-box-shadow: none;
    --button-bw-ghost-box-shadow-hover: none;

    /* Ghost Inverse */
    --button-inverse-ghost-background: transparent;
    --button-inverse-ghost-background-hover: var(--button-inverse-outline-background-hover);
    --button-inverse-ghost-color: var(--button-inverse-outline-color);
    --button-inverse-ghost-color-hover: var(--button-inverse-solid-color-hover);
    --button-inverse-ghost-border: solid 1px transparent;
    --button-inverse-ghost-border-hover: solid 1px transparent;
    --button-inverse-ghost-box-shadow: none;
    --button-inverse-ghost-box-shadow-hover: none;

    /* Ghost Disabled */
    --button-disabled-ghost-background: transparent;
    --button-disabled-ghost-color: #9ca3af;
    --button-disabled-ghost-border: none;
    --button-disabled-ghost-box-shadow: none;


    /* Sizes */
    --button-small-height-min: 38;
    --button-small-height-max: 38;
    --button-small-padding-inline-min: 12;
    --button-small-padding-inline-max: 16;
    --button-small-gap-min: 8;
    --button-small-gap-max: 12;
    --button-small-icon-size-min: 20;
    --button-small-icon-size-max: 22;
    --button-small-font-size-min: 13;
    --button-small-font-size-max: 14;
    --button-small-line-height-min: 16;
    --button-small-line-height-max: 16;
    --button-small-border-radius-min: 9999;
    --button-small-border-radius-max: 9999;

    --button-medium-height-min: 40;
    --button-medium-height-max: 52;
    --button-medium-padding-inline-min: 16;
    --button-medium-padding-inline-max: 22;
    --button-medium-gap-min: 12;
    --button-medium-gap-max: 16;
    --button-medium-icon-size-min: 22;
    --button-medium-icon-size-max: 24;
    --button-medium-font-size-min: 15;
    --button-medium-font-size-max: 18;
    --button-medium-line-height-min: 18;
    --button-medium-line-height-max: 20;
    --button-medium-border-radius-min: 9999;
    --button-medium-border-radius-max: 9999;

    --button-large-height-min: 46;
    --button-large-height-max: 62;
    --button-large-padding-inline-min: 18;
    --button-large-padding-inline-max: 24;
    --button-large-gap-min: 12;
    --button-large-gap-max: 16;
    --button-large-icon-size-min: 32;
    --button-large-icon-size-max: 50;
    --button-large-font-size-min: 16;
    --button-large-font-size-max: 20;
    --button-large-line-height-min: 18;
    --button-large-line-height-max: 20;
    --button-large-border-radius-min: 9999;
    --button-large-border-radius-max: 9999;

    /* ———————————— */
    /* Extra button */
    /* ———————————— */
    /* Extra Brand */
    --button-brand-extra-background: none;
    --button-brand-extra-color: rgba(255, 255, 255, 0.75);
    --button-brand-extra-border: none;
    --button-brand-extra-box-shadow: none;
    --button-brand-extra-background-hover: none;
    --button-brand-extra-color-hover: rgba(255, 255, 255, 1);
    --button-brand-extra-border-hover: none;
    --button-brand-extra-box-shadow-hover: none;

    --button-small-brand-extra-border-radius: 0;
    --button-small-brand-extra-height: auto;
    --button-small-brand-extra-padding-inline-min: 0;
    --button-small-brand-extra-padding-inline-max: 0;
    --button-small-brand-extra-gap: 10px;
    --button-small-brand-extra-icon-size-min: 36;
    --button-small-brand-extra-icon-size-max: 36;
    --button-small-brand-extra-font-size-min: 38;
    --button-small-brand-extra-font-size-max: 38;
    --button-small-brand-extra-line-height-min: 46;
    --button-small-brand-extra-line-height-max: 46;
    --button-small-brand-extra-border-radius-hover: var(--button-small-brand-extra-border-radius);
    --button-small-brand-extra-height-hover: var(--button-small-brand-extra-height);
    --button-small-brand-extra-padding-inline-min-hover: var(--button-small-brand-extra-padding-inline-min);
    --button-small-brand-extra-padding-inline-max-hover: var(--button-small-brand-extra-padding-inline-max);
    --button-small-brand-extra-gap-hover: var(--button-small-brand-extra-gap);
    --button-small-brand-extra-icon-size-min-hover: var(--button-small-brand-extra-icon-size-min);
    --button-small-brand-extra-icon-size-max-hover: var(--button-small-brand-extra-icon-size-max);
    --button-small-brand-extra-font-size-min-hover: var(--button-small-brand-extra-font-size-min);
    --button-small-brand-extra-font-size-max-hover: var(--button-small-brand-extra-font-size-max);
    --button-small-brand-extra-line-height-min-hover: var(--button-small-brand-extra-line-height-min);
    --button-small-brand-extra-line-height-max-hover: var(--button-small-brand-extra-line-height-max);

    --button-medium-brand-extra-border-radius: var(--button-small-brand-extra-border-radius);
    --button-medium-brand-extra-height: var(--button-small-brand-extra-height);
    --button-medium-brand-extra-padding-inline-min: var(--button-small-brand-extra-padding-inline-min);
    --button-medium-brand-extra-padding-inline-max: var(--button-small-brand-extra-padding-inline-max);
    --button-medium-brand-extra-gap: clamp(11px, 1.8229vw - 3px, 32px);
    --button-medium-brand-extra-icon-size-min: 21;
    --button-medium-brand-extra-icon-size-max: 61;
    --button-medium-brand-extra-font-size-min: 28;
    --button-medium-brand-extra-font-size-max: 80;
    --button-medium-brand-extra-line-height-min: 34;
    --button-medium-brand-extra-line-height-max: 96;
    --button-medium-brand-extra-border-radius-hover: var(--button-medium-brand-extra-border-radius);
    --button-medium-brand-extra-height-hover: var(--button-medium-brand-extra-height);
    --button-medium-brand-extra-padding-inline-min-hover: var(--button-medium-brand-extra-padding-inline-min);
    --button-medium-brand-extra-padding-inline-max-hover: var(--button-medium-brand-extra-padding-inline-max);
    --button-medium-brand-extra-gap-hover: var(--button-medium-brand-extra-gap);
    --button-medium-brand-extra-icon-size-min-hover: var(--button-medium-brand-extra-icon-size-min);
    --button-medium-brand-extra-icon-size-max-hover: var(--button-medium-brand-extra-icon-size-max);
    --button-medium-brand-extra-font-size-min-hover: var(--button-medium-brand-extra-font-size-min);
    --button-medium-brand-extra-font-size-max-hover: var(--button-medium-brand-extra-font-size-max);
    --button-medium-brand-extra-line-height-min-hover: var(--button-medium-brand-extra-line-height-min);
    --button-medium-brand-extra-line-height-max-hover: var(--button-medium-brand-extra-line-height-max);

    --button-large-brand-extra-border-radius: var(--button-small-brand-extra-border-radius);
    --button-large-brand-extra-height: var(--button-small-brand-extra-height);
    --button-large-brand-extra-padding-inline-min: var(--button-small-brand-extra-padding-inline-min);
    --button-large-brand-extra-padding-inline-max: var(--button-small-brand-extra-padding-inline-max);
    --button-large-brand-extra-gap: 48px;
    --button-large-brand-extra-icon-size-min: 80;
    --button-large-brand-extra-icon-size-max: 80;
    --button-large-brand-extra-font-size-min: 105;
    --button-large-brand-extra-font-size-max: 105;
    --button-large-brand-extra-line-height-min: 126;
    --button-large-brand-extra-line-height-max: 126;
    --button-large-brand-extra-border-radius-hover: var(--button-large-brand-extra-border-radius);
    --button-large-brand-extra-height-hover: var(--button-large-brand-extra-height);
    --button-large-brand-extra-padding-inline-min-hover: var(--button-large-brand-extra-padding-inline-min);
    --button-large-brand-extra-padding-inline-max-hover: var(--button-large-brand-extra-padding-inline-max);
    --button-large-brand-extra-gap-hover: var(--button-large-brand-extra-gap);
    --button-large-brand-extra-icon-size-min-hover: var(--button-large-brand-extra-icon-size-min);
    --button-large-brand-extra-icon-size-max-hover: var(--button-large-brand-extra-icon-size-max);
    --button-large-brand-extra-font-size-min-hover: var(--button-large-brand-extra-font-size-min);
    --button-large-brand-extra-font-size-max-hover: var(--button-large-brand-extra-font-size-max);
    --button-large-brand-extra-line-height-min-hover: var(--button-large-brand-extra-line-height-min);
    --button-large-brand-extra-line-height-max-hover: var(--button-large-brand-extra-line-height-max);

    /* Extra BW */
    --button-bw-extra-background: none;
    --button-bw-extra-color: rgba(0, 0, 0, 0.75);
    --button-bw-extra-border: none;
    --button-bw-extra-box-shadow: none;
    --button-bw-extra-background-hover: none;
    --button-bw-extra-color-hover: rgba(0, 0, 0, 1);
    --button-bw-extra-border-hover: none;
    --button-bw-extra-box-shadow-hover: none;

    --button-small-bw-extra-border-radius: var(--button-small-brand-extra-border-radius);
    --button-small-bw-extra-height: var(--button-small-brand-extra-height);
    --button-small-bw-extra-padding-inline-min: var(--button-small-brand-extra-padding-inline-min);
    --button-small-bw-extra-padding-inline-max: var(--button-small-brand-extra-padding-inline-max);
    --button-small-bw-extra-gap: var(--button-small-brand-extra-gap);
    --button-small-bw-extra-icon-size-min: var(--button-small-brand-extra-icon-size-min);
    --button-small-bw-extra-icon-size-max: var(--button-small-brand-extra-icon-size-max);
    --button-small-bw-extra-font-size-min: var(--button-small-brand-extra-font-size-min);
    --button-small-bw-extra-font-size-max: var(--button-small-brand-extra-font-size-max);
    --button-small-bw-extra-line-height-min: var(--button-small-brand-extra-line-height-min);
    --button-small-bw-extra-line-height-max: var(--button-small-brand-extra-line-height-max);
    --button-small-bw-extra-border-radius-hover: var(--button-small-bw-extra-border-radius);
    --button-small-bw-extra-height-hover: var(--button-small-bw-extra-height);
    --button-small-bw-extra-padding-inline-min-hover: var(--button-small-bw-extra-padding-inline-min);
    --button-small-bw-extra-padding-inline-max-hover: var(--button-small-bw-extra-padding-inline-max);
    --button-small-bw-extra-gap-hover: var(--button-small-bw-extra-gap);
    --button-small-bw-extra-icon-size-min-hover: var(--button-small-bw-extra-icon-size-min);
    --button-small-bw-extra-icon-size-max-hover: var(--button-small-bw-extra-icon-size-max);
    --button-small-bw-extra-font-size-min-hover: var(--button-small-bw-extra-font-size-min);
    --button-small-bw-extra-font-size-max-hover: var(--button-small-bw-extra-font-size-max);
    --button-small-bw-extra-line-height-min-hover: var(--button-small-bw-extra-line-height-min);
    --button-small-bw-extra-line-height-max-hover: var(--button-small-bw-extra-line-height-max);

    --button-medium-bw-extra-border-radius: var(--button-medium-brand-extra-border-radius);
    --button-medium-bw-extra-height: var(--button-medium-brand-extra-height);
    --button-medium-bw-extra-padding-inline-min: var(--button-medium-brand-extra-padding-inline-min);
    --button-medium-bw-extra-padding-inline-max: var(--button-medium-brand-extra-padding-inline-max);
    --button-medium-bw-extra-gap: var(--button-medium-brand-extra-gap);
    --button-medium-bw-extra-icon-size-min: var(--button-medium-brand-extra-icon-size-min);
    --button-medium-bw-extra-icon-size-max: var(--button-medium-brand-extra-icon-size-max);
    --button-medium-bw-extra-font-size-min: var(--button-medium-brand-extra-font-size-min);
    --button-medium-bw-extra-font-size-max: var(--button-medium-brand-extra-font-size-max);
    --button-medium-bw-extra-line-height-min: var(--button-medium-brand-extra-line-height-min);
    --button-medium-bw-extra-line-height-max: var(--button-medium-brand-extra-line-height-max);
    --button-medium-bw-extra-border-radius-hover: var(--button-medium-bw-extra-border-radius);
    --button-medium-bw-extra-height-hover: var(--button-medium-bw-extra-height);
    --button-medium-bw-extra-padding-inline-min-hover: var(--button-medium-bw-extra-padding-inline-min);
    --button-medium-bw-extra-padding-inline-max-hover: var(--button-medium-bw-extra-padding-inline-max);
    --button-medium-bw-extra-gap-hover: var(--button-medium-bw-extra-gap);
    --button-medium-bw-extra-icon-size-min-hover: var(--button-medium-bw-extra-icon-size-min);
    --button-medium-bw-extra-icon-size-max-hover: var(--button-medium-bw-extra-icon-size-max);
    --button-medium-bw-extra-font-size-min-hover: var(--button-medium-bw-extra-font-size-min);
    --button-medium-bw-extra-font-size-max-hover: var(--button-medium-bw-extra-font-size-max);
    --button-medium-bw-extra-line-height-min-hover: var(--button-medium-bw-extra-line-height-min);
    --button-medium-bw-extra-line-height-max-hover: var(--button-medium-bw-extra-line-height-max);

    --button-large-bw-extra-border-radius: var(--button-large-brand-extra-border-radius);
    --button-large-bw-extra-height: var(--button-large-brand-extra-height);
    --button-large-bw-extra-padding-inline-min: var(--button-large-brand-extra-padding-inline-min);
    --button-large-bw-extra-padding-inline-max: var(--button-large-brand-extra-padding-inline-max);
    --button-large-bw-extra-gap: var(--button-large-brand-extra-gap);
    --button-large-bw-extra-icon-size-min: var(--button-large-brand-extra-icon-size-min);
    --button-large-bw-extra-icon-size-max: var(--button-large-brand-extra-icon-size-max);
    --button-large-bw-extra-font-size-min: var(--button-large-brand-extra-font-size-min);
    --button-large-bw-extra-font-size-max: var(--button-large-brand-extra-font-size-max);
    --button-large-bw-extra-line-height-min: var(--button-large-brand-extra-line-height-min);
    --button-large-bw-extra-line-height-max: var(--button-large-brand-extra-line-height-max);
    --button-large-bw-extra-border-radius-hover: var(--button-large-bw-extra-border-radius);
    --button-large-bw-extra-height-hover: var(--button-large-bw-extra-height);
    --button-large-bw-extra-padding-inline-min-hover: var(--button-large-bw-extra-padding-inline-min);
    --button-large-bw-extra-padding-inline-max-hover: var(--button-large-bw-extra-padding-inline-max);
    --button-large-bw-extra-gap-hover: var(--button-large-bw-extra-gap);
    --button-large-bw-extra-icon-size-min-hover: var(--button-large-bw-extra-icon-size-min);
    --button-large-bw-extra-icon-size-max-hover: var(--button-large-bw-extra-icon-size-max);
    --button-large-bw-extra-font-size-min-hover: var(--button-large-bw-extra-font-size-min);
    --button-large-bw-extra-font-size-max-hover: var(--button-large-bw-extra-font-size-max);
    --button-large-bw-extra-line-height-min-hover: var(--button-large-bw-extra-line-height-min);
    --button-large-bw-extra-line-height-max-hover: var(--button-large-bw-extra-line-height-max);

    /* Extra Inverse */
    --button-inverse-extra-background: none;
    --button-inverse-extra-color: rgba(255, 255, 255, 0.75);
    --button-inverse-extra-border: none;
    --button-inverse-extra-box-shadow: none;
    --button-inverse-extra-background-hover: none;
    --button-inverse-extra-color-hover: rgba(255, 255, 255, 1);
    --button-inverse-extra-border-hover: none;
    --button-inverse-extra-box-shadow-hover: none;

    --button-small-inverse-extra-border-radius: var(--button-small-brand-extra-border-radius);
    --button-small-inverse-extra-height: var(--button-small-brand-extra-height);
    --button-small-inverse-extra-padding-inline-min: var(--button-small-brand-extra-padding-inline-min);
    --button-small-inverse-extra-padding-inline-max: var(--button-small-brand-extra-padding-inline-max);
    --button-small-inverse-extra-gap: var(--button-small-brand-extra-gap);
    --button-small-inverse-extra-icon-size-min: var(--button-small-brand-extra-icon-size-min);
    --button-small-inverse-extra-icon-size-max: var(--button-small-brand-extra-icon-size-max);
    --button-small-inverse-extra-font-size-min: var(--button-small-brand-extra-font-size-min);
    --button-small-inverse-extra-font-size-max: var(--button-small-brand-extra-font-size-max);
    --button-small-inverse-extra-line-height-min: var(--button-small-brand-extra-line-height-min);
    --button-small-inverse-extra-line-height-max: var(--button-small-brand-extra-line-height-max);
    --button-small-inverse-extra-border-radius-hover: var(--button-small-inverse-extra-border-radius);
    --button-small-inverse-extra-height-hover: var(--button-small-inverse-extra-height);
    --button-small-inverse-extra-padding-inline-min-hover: var(--button-small-inverse-extra-padding-inline-min);
    --button-small-inverse-extra-padding-inline-max-hover: var(--button-small-inverse-extra-padding-inline-max);
    --button-small-inverse-extra-gap-hover: var(--button-small-inverse-extra-gap);
    --button-small-inverse-extra-icon-size-min-hover: var(--button-small-inverse-extra-icon-size-min);
    --button-small-inverse-extra-icon-size-max-hover: var(--button-small-inverse-extra-icon-size-max);
    --button-small-inverse-extra-font-size-min-hover: var(--button-small-inverse-extra-font-size-min);
    --button-small-inverse-extra-font-size-max-hover: var(--button-small-inverse-extra-font-size-max);
    --button-small-inverse-extra-line-height-min-hover: var(--button-small-inverse-extra-line-height-min);
    --button-small-inverse-extra-line-height-max-hover: var(--button-small-inverse-extra-line-height-max);

    --button-medium-inverse-extra-border-radius: var(--button-medium-brand-extra-border-radius);
    --button-medium-inverse-extra-height: var(--button-medium-brand-extra-height);
    --button-medium-inverse-extra-padding-inline-min: var(--button-medium-brand-extra-padding-inline-min);
    --button-medium-inverse-extra-padding-inline-max: var(--button-medium-brand-extra-padding-inline-max);
    --button-medium-inverse-extra-gap: var(--button-medium-brand-extra-gap);
    --button-medium-inverse-extra-icon-size-min: var(--button-medium-brand-extra-icon-size-min);
    --button-medium-inverse-extra-icon-size-max: var(--button-medium-brand-extra-icon-size-max);
    --button-medium-inverse-extra-font-size-min: var(--button-medium-brand-extra-font-size-min);
    --button-medium-inverse-extra-font-size-max: var(--button-medium-brand-extra-font-size-max);
    --button-medium-inverse-extra-line-height-min: var(--button-medium-brand-extra-line-height-min);
    --button-medium-inverse-extra-line-height-max: var(--button-medium-brand-extra-line-height-max);
    --button-medium-inverse-extra-border-radius-hover: var(--button-medium-inverse-extra-border-radius);
    --button-medium-inverse-extra-height-hover: var(--button-medium-inverse-extra-height);
    --button-medium-inverse-extra-padding-inline-min-hover: var(--button-medium-inverse-extra-padding-inline-min);
    --button-medium-inverse-extra-padding-inline-max-hover: var(--button-medium-inverse-extra-padding-inline-max);
    --button-medium-inverse-extra-gap-hover: var(--button-medium-inverse-extra-gap);
    --button-medium-inverse-extra-icon-size-min-hover: var(--button-medium-inverse-extra-icon-size-min);
    --button-medium-inverse-extra-icon-size-max-hover: var(--button-medium-inverse-extra-icon-size-max);
    --button-medium-inverse-extra-font-size-min-hover: var(--button-medium-inverse-extra-font-size-min);
    --button-medium-inverse-extra-font-size-max-hover: var(--button-medium-inverse-extra-font-size-max);
    --button-medium-inverse-extra-line-height-min-hover: var(--button-medium-inverse-extra-line-height-min);
    --button-medium-inverse-extra-line-height-max-hover: var(--button-medium-inverse-extra-line-height-max);

    --button-large-inverse-extra-border-radius: var(--button-large-brand-extra-border-radius);
    --button-large-inverse-extra-height: var(--button-large-brand-extra-height);
    --button-large-inverse-extra-padding-inline-min: var(--button-large-brand-extra-padding-inline-min);
    --button-large-inverse-extra-padding-inline-max: var(--button-large-brand-extra-padding-inline-max);
    --button-large-inverse-extra-gap: var(--button-large-brand-extra-gap);
    --button-large-inverse-extra-icon-size-min: var(--button-large-brand-extra-icon-size-min);
    --button-large-inverse-extra-icon-size-max: var(--button-large-brand-extra-icon-size-max);
    --button-large-inverse-extra-font-size-min: var(--button-large-brand-extra-font-size-min);
    --button-large-inverse-extra-font-size-max: var(--button-large-brand-extra-font-size-max);
    --button-large-inverse-extra-line-height-min: var(--button-large-brand-extra-line-height-min);
    --button-large-inverse-extra-line-height-max: var(--button-large-brand-extra-line-height-max);
    --button-large-inverse-extra-border-radius-hover: var(--button-large-inverse-extra-border-radius);
    --button-large-inverse-extra-height-hover: var(--button-large-inverse-extra-height);
    --button-large-inverse-extra-padding-inline-min-hover: var(--button-large-inverse-extra-padding-inline-min);
    --button-large-inverse-extra-padding-inline-max-hover: var(--button-large-inverse-extra-padding-inline-max);
    --button-large-inverse-extra-gap-hover: var(--button-large-inverse-extra-gap);
    --button-large-inverse-extra-icon-size-min-hover: var(--button-large-inverse-extra-icon-size-min);
    --button-large-inverse-extra-icon-size-max-hover: var(--button-large-inverse-extra-icon-size-max);
    --button-large-inverse-extra-font-size-min-hover: var(--button-large-inverse-extra-font-size-min);
    --button-large-inverse-extra-font-size-max-hover: var(--button-large-inverse-extra-font-size-max);
    --button-large-inverse-extra-line-height-min-hover: var(--button-large-inverse-extra-line-height-min);
    --button-large-inverse-extra-line-height-max-hover: var(--button-large-inverse-extra-line-height-max);

    /* Extra Disabled */
    --button-disabled-extra-background: var(--button-disabled-ghost-background);
    --button-disabled-extra-color: var(--button-disabled-ghost-color);
    --button-disabled-extra-border: var(--button-disabled-ghost-border);
    --button-disabled-extra-box-shadow: var(--button-disabled-ghost-box-shadow);


    /* ————— */
    /* IMAGE */
    /* ————— */
    --image-border-width: 0;
    --image-border-style: none;
    --image-border-radius: 0;
    --image-aspect-ratio: auto;
    --image-transform: scale(1.05);
    --image-overlay-background: transparent;
    --image-overlay-color: white;
    --image-overlay-size: 4rem;
    --image-overlay-font-weight: var(--font-weight-regular);
    --image-overlay-line-height: var(--line-height-x-large);
    --image-row-gap: 1rem;
    --image-column-gap: 2rem;


    /* ————— */
    /* VIDEO */
    /* ————— */
    --video-border-radius: 8px;


    /* ————————— */
    /* LIST ITEM */
    /* ————————— */
    --list-item-gap: 20px 40px;
    --list-item-thumb-aspect-ratio: 3/2;
    --list-item-body-gap: 8px;
    --list-item-body-padding: 0 48px 0 0;
    --list-item-horizontal-thumb-width: 360px;


    /* ———— */
    /* CARD */
    /* ———— */
    --card-border-width: 1px;
    --card-border-style: solid;
    --card-border-radius: 0;
    --card-min-height: auto;
    --card-height: max-content;
    --card-image-border-radius: 0;
    /* Horizontal — desktop (row) */
    --card-h-gap-min: 0;
    --card-h-gap-max: 0;
    --card-h-body-padding-min: 24;
    --card-h-body-padding-max: 56;
    --card-h-image-padding-min: 20;
    --card-h-image-padding-max: 40;
    /* Horizontal — mobile (column) */
    --card-h-mobile-gap-min: 24;
    --card-h-mobile-gap-max: 24;
    --card-h-mobile-body-padding-block-min: 20;
    --card-h-mobile-body-padding-block-max: 20;
    --card-h-mobile-body-padding-inline-min: 20;
    --card-h-mobile-body-padding-inline-max: 20;
    --card-h-mobile-image-padding-block-min: 20;
    --card-h-mobile-image-padding-block-max: 20;
    --card-h-mobile-image-padding-inline-min: 20;
    --card-h-mobile-image-padding-inline-max: 20;
    /* Vertical */
    --card-v-gap-min: 16;
    --card-v-gap-max: 24;
    --card-v-body-padding-block-min: 20;
    --card-v-body-padding-block-max: 20;
    --card-v-body-padding-inline-min: 20;
    --card-v-body-padding-inline-max: 20;
    --card-v-image-padding-block-min: 20;
    --card-v-image-padding-block-max: 20;
    --card-v-image-padding-inline-min: 20;
    --card-v-image-padding-inline-max: 20;


    /* ———————————— */
    /* FEATURE CARD */
    /* ———————————— */
    /* resting */
    --feature-card-foreground: inherit;
    --feature-card-background: var(--color-white);
    --feature-card-border-width: 0;
    --feature-card-border-style: solid;
    --feature-card-border-color: transparent;
    --feature-card-border-radius: 8px;
    --feature-card-image-border-radius: 4px;
    --feature-card-shadow: 0 3px 8px -1px rgba(10, 13, 18, 0.15);
    /* hover */
    --feature-card-foreground-hover: inherit;
    --feature-card-background-hover: inherit;
    --feature-card-border-width-hover: inherit;
    --feature-card-border-style-hover: inherit;
    --feature-card-border-color-hover: inherit;
    --feature-card-border-radius-hover: inherit;
    --feature-card-image-border-radius-hover: inherit;
    --feature-card-shadow-hover: 0 3px 8px -1px rgba(10, 13, 18, 0.35);
    /* fluid (unitless min/max) */
    --feature-card-gap-min: 12;
    --feature-card-gap-max: 12;
    --feature-card-image-width-min: 100;
    --feature-card-image-width-max: 124;
    --feature-card-image-height-min: 100;
    --feature-card-image-height-max: 124;
    --feature-card-padding-min: 8;
    --feature-card-padding-max: 8;
    --feature-card-body-padding-min: 0;
    --feature-card-body-padding-max: 0;


    /* —————————————— */
    /* IDENTITY CARD */
    /* —————————————— */
    --identity-card-border-width: 1px;
    --identity-card-border-style: solid;
    --identity-card-border-radius: 0;
    --identity-card-min-height: auto;
    --identity-card-height: max-content;
    --identity-card-image-border-radius: 0;
    /* Horizontal — desktop */
    --identity-card-h-gap-min: 0;
    --identity-card-h-gap-max: 0;
    --identity-card-h-body-padding-min: 56;
    --identity-card-h-body-padding-max: 56;
    --identity-card-h-image-padding-min: 40;
    --identity-card-h-image-padding-max: 40;
    /* Horizontal — mobile */
    --identity-card-h-mobile-gap-min: 16;
    --identity-card-h-mobile-gap-max: 16;
    --identity-card-h-mobile-body-padding-block-min: 20;
    --identity-card-h-mobile-body-padding-block-max: 20;
    --identity-card-h-mobile-body-padding-inline-min: 20;
    --identity-card-h-mobile-body-padding-inline-max: 20;
    --identity-card-h-mobile-image-padding-block-min: 20;
    --identity-card-h-mobile-image-padding-block-max: 20;
    --identity-card-h-mobile-image-padding-inline-min: 20;
    --identity-card-h-mobile-image-padding-inline-max: 20;
    /* Vertical */
    --identity-card-v-gap-min: 16;
    --identity-card-v-gap-max: 16;
    --identity-card-v-body-padding-block-min: 20;
    --identity-card-v-body-padding-block-max: 20;
    --identity-card-v-body-padding-inline-min: 20;
    --identity-card-v-body-padding-inline-max: 20;
    --identity-card-v-image-padding-block-min: 20;
    --identity-card-v-image-padding-block-max: 20;
    --identity-card-v-image-padding-inline-min: 20;
    --identity-card-v-image-padding-inline-max: 20;


    /* ————————— */
    /*   FORM   */
    /* ————————— */
    --form-padding-min: 24;
    --form-padding-max: 32;
    --form-width-narrow: 480px;
    --form-gap: 24px;

    /* ———————————— */
    /* FORM CONTROL */
    /* ———————————— */
    --form-control-flex-direction: column;
    --form-control-gap: 6px;
    --form-control-body-width: auto;
    --form-control-label-font-family: var(--font-family-sans);
    --form-control-label-font-size: 14px;
    --form-control-label-font-weight: 500;
    --form-control-label-line-height: 20px;
    --form-control-label-letter-spacing: var(--letter-spacing-normal);
    --form-control-label-color: var(--text-color);
    --form-control-label-text-transform: none;
    --form-control-input-divider-color: rgba(255, 255, 255, 0.30);
    --form-control-supporting-text-font-family: var(--font-family-sans);
    --form-control-supporting-text-font-size: 14px;
    --form-control-supporting-text-font-weight: 400;
    --form-control-supporting-text-line-height: 20px;
    --form-control-supporting-text-color: #535862;
    --form-control-supporting-text-invalid-color: #D92D20;
    --form-control-help-icon-color: #A4A7AE;

    /* ———————————————————— */
    /* FORM CONTROL — INPUT */
    /* ———————————————————— */
    --form-control-input-width: 516px;
    --form-control-input-height: 73px;
    --form-control-input-font-family: var(--font-family-sans);
    --form-control-input-font-size: var(--text-md-font-size);
    --form-control-input-line-height: var(--text-md-line-height);
    --form-control-input-body-gap: 8px;
    --form-control-input-body-padding: 12px 12px 12px 26px;
    --form-control-input-border-radius: 9999px;
    --form-control-input-border: 1px solid rgba(0, 0, 0, 0.30);
    --form-control-input-background: transparent;
    --form-control-input-color: var(--text-color);
    --form-control-input-placeholder-color: #B3B3B3;
    --form-control-input-shadow: none;
    --form-control-input-prefix-color: inherit;
    --form-control-input-suffix-color: inherit;
    --form-control-input-invalid-border: solid 1px #F04438;
    --form-control-input-invalid-shadow: 0 0 0 1px #F04438;
    --form-control-input-invalid-background: transparent;
    --form-control-input-invalid-color: inherit;
    --form-control-input-disabled-border: solid 1px #B3B8DB;
    --form-control-input-disabled-shadow: none;
    --form-control-input-disabled-background: #F8F9FC;
    --form-control-input-disabled-color: #717680;

    /* ——————— */
    /* SECTION */
    /* ——————— */
    --section-wide-content-width: 1920px;
    --section-narrow-content-width: var(--max-content-width);
    --section-main-navigation-border-style: none;
    --section-main-navigation-border-width: 0;
    --section-main-navigation-border-color: transparent;
    --section-main-navigation-fixed-background: transparent;

    --section-border-color: var(--color-black);
    --section-border-width: 0 0 1px 0;
    --section-border-style: solid;
    --section-border-radius: 0;
    --section-shadow: none;
    --section-width: 100%;
    --section-padding-block-min: 32;
    --section-padding-block-max: 96;
    --section-padding-inline-min: 20;
    --section-padding-inline-max: 48;
    --section-extra-padding-inline-min: 24;
    --section-extra-padding-inline-max: 48;


    /* ——————— */
    /*   BOX   */
    /* ——————— */
    --box-padding-block-min: 24;
    --box-padding-block-max: 32;
    --box-padding-inline-min: 20;
    --box-padding-inline-max: 32;
    --box-border-width: 0;
    --box-border-style: solid;
    --box-border-radius: 0;
    --box-shadow: none;


    /* ————————— */
    /*   AVATAR  */
    /* ————————— */
    /* Style */
    --avatar-background: #f0f0f0;
    --avatar-foreground: #000000;
    --avatar-border: 1px solid #ccc;
    --avatar-border-radius: 9999px;
    --avatar-aspect-ratio: 1/1;

    /* Size */
    --avatar-size-xxs: 24px;
    --avatar-size-xs: 32px;
    --avatar-size-sm: 40px;
    --avatar-size-md: 64px;
    --avatar-size-lg: 80px;
    --avatar-size-xl: 96px;
    --avatar-size-xxl: 128px;

    /* Button size */
    --avatar-button-size-xxs: 16px;
    --avatar-button-size-xs: 20px;
    --avatar-button-size-sm: 24px;
    --avatar-button-size-md: 28px;
    --avatar-button-size-lg: 32px;
    --avatar-button-size-xl: 48px;
    --avatar-button-size-xxl: 64px;

    /* Font size */
    --avatar-font-size-xxs: 12px;
    --avatar-font-size-xs: 14px;
    --avatar-font-size-sm: 16px;
    --avatar-font-size-md: 18px;
    --avatar-font-size-lg: 28px;
    --avatar-font-size-xl: 38px;
    --avatar-font-size-xxl: 67px;


    /* ———————————— */
    /*  AVATAR NAME */
    /* ———————————— */
    --avatar-name-background: transparent;
    --avatar-name-foreground: var(--text-color);
    --avatar-name-border: none;
    --avatar-name-border-radius: 0;
    --avatar-name-box-shadow: none;
    --avatar-name-padding: 0;
    --avatar-name-gap: var(--spacing-medium);
    --avatar-name-flex-direction: row;
    --avatar-name-align-items: center;
    --avatar-name-justify-content: flex-start;

    /* —————————————————— */
    /*   ACCORDION ITEM   */
    /* —————————————————— */
    --accordion-item-border-radius: 0;
    --accordion-item-padding: 0;
    --accordion-item-heading-padding: 24px 0;
    --accordion-item-body-padding: 8px 0 32px 0;

    /* Numbering */
    --accordion-item-numbering-margin: 8px;
    --accordion-item-numbering-font-size: var(--text-lg-font-size);
    --accordion-item-numbering-font-weight: inherit;
    --accordion-item-numbering-line-height: 66px;

    /* Spacing */
    --accordion-spacing: 0;

    /* Black style */
    --accordion-item-black-border: 1px solid var(--color-black);
    --accordion-item-black-border-width: 1px 0 0 0;
    --accordion-item-black-background: transparent;
    --accordion-item-black-box-shadow: none;
    --accordion-item-black-heading-color: var(--text-color);
    --accordion-item-black-numbering-color: var(--accordion-item-black-heading-color);
    --accordion-item-black-body-color: inherit;
    /* Black style - expanded */
    --accordion-item-black-expanded-border: var(--accordion-item-black-border);
    --accordion-item-black-expanded-border-width: var(--accordion-item-black-border-width);
    --accordion-item-black-expanded-background: var(--accordion-item-black-background);
    --accordion-item-black-expanded-box-shadow: var(--accordion-item-black-box-shadow);
    --accordion-item-black-expanded-heading-color: var(--accordion-item-black-heading-color);
    --accordion-item-black-expanded-numbering-color: var(--accordion-item-black-numbering-color);
    --accordion-item-black-expanded-body-color: var(--accordion-item-black-body-color);
    /* Black style :hover */
    --accordion-item-black-border-hover: var(--accordion-item-black-border);
    --accordion-item-black-border-width-hover: var(--accordion-item-black-border-width);
    --accordion-item-black-background-hover: var(--accordion-item-black-background);
    --accordion-item-black-box-shadow-hover: var(--accordion-item-black-box-shadow);
    --accordion-item-black-heading-color-hover: rgba(0, 0, 0, 0.6);
    --accordion-item-black-numbering-color-hover: inherit;
    --accordion-item-black-body-color-hover: var(--accordion-item-black-body-color);
    /* Black style - expanded :hover */
    --accordion-item-black-expanded-border-hover: var(--accordion-item-black-border);
    --accordion-item-black-expanded-border-width-hover: var(--accordion-item-black-border-width);
    --accordion-item-black-expanded-background-hover: var(--accordion-item-black-background);
    --accordion-item-black-expanded-box-shadow-hover: var(--accordion-item-black-box-shadow);
    --accordion-item-black-expanded-heading-color-hover: var(--accordion-item-black-heading-color-hover);
    --accordion-item-black-expanded-numbering-color-hover: inherit;
    --accordion-item-black-expanded-body-color-hover: var(--accordion-item-black-body-color);

    /* White style */
    --accordion-item-white-border: solid 1px rgba(255, 255, 255, 0.15);
    --accordion-item-white-border-width: 1px 0 0 0;
    --accordion-item-white-background: transparent;
    --accordion-item-white-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --accordion-item-white-heading-color: #fff;
    --accordion-item-white-numbering-color: var(--accordion-item-white-heading-color);
    --accordion-item-white-body-color: rgba(255, 255, 255, 0.75);
    /* White style - expanded */
    --accordion-item-white-expanded-border: var(--accordion-item-white-border);
    --accordion-item-white-expanded-border-width: var(--accordion-item-white-border-width);
    --accordion-item-white-expanded-background: var(--accordion-item-white-background);
    --accordion-item-white-expanded-box-shadow: var(--accordion-item-white-box-shadow);
    --accordion-item-white-expanded-heading-color: var(--accordion-item-white-heading-color);
    --accordion-item-white-expanded-numbering-color: var(--accordion-item-white-numbering-color);
    --accordion-item-white-expanded-body-color: var(--accordion-item-white-body-color);
    /* White style :hover */
    --accordion-item-white-border-hover: var(--accordion-item-white-border);
    --accordion-item-white-border-width-hover: var(--accordion-item-white-border-width);
    --accordion-item-white-background-hover: var(--accordion-item-white-background);
    --accordion-item-white-box-shadow-hover: var(--accordion-item-white-box-shadow);
    --accordion-item-white-heading-color-hover: var(--accordion-item-white-heading-color);
    --accordion-item-white-numbering-color-hover: var(--accordion-item-white-numbering-color);
    --accordion-item-white-body-color-hover: var(--accordion-item-white-body-color);
    /* White style - expanded :hover */
    --accordion-item-white-expanded-border-hover: var(--accordion-item-white-border);
    --accordion-item-white-expanded-border-width-hover: var(--accordion-item-white-border-width);
    --accordion-item-white-expanded-background-hover: var(--accordion-item-white-background);
    --accordion-item-white-expanded-box-shadow-hover: var(--accordion-item-white-box-shadow);
    --accordion-item-white-expanded-heading-color-hover: var(--accordion-item-white-heading-color);
    --accordion-item-white-expanded-numbering-color-hover: var(--accordion-item-white-numbering-color);
    --accordion-item-white-expanded-body-color-hover: var(--accordion-item-white-body-color);



    /* ————————— */
    /*   BADGE   */
    /* ————————— */
    --badge-font-weight: var(--font-weight-medium);
    --badge-close-button-color: inherit;
    --badge-close-button-size: 1em;

    /* Sizes */
    --badge-padding-block-sm-min: 5;
    --badge-padding-block-sm-max: 5;
    --badge-padding-inline-sm-min: 8;
    --badge-padding-inline-sm-max: 10;
    --badge-font-size-sm-min: 10;
    --badge-font-size-sm-max: 12;
    --badge-line-height-sm-min: 10;
    --badge-line-height-sm-max: 12;
    --badge-gap-sm-min: 4;
    --badge-gap-sm-max: 4;
    --badge-border-radius-sm-min: 9999;
    --badge-border-radius-sm-max: 9999;

    --badge-padding-block-md-min: 8;
    --badge-padding-block-md-max: 10;
    --badge-padding-inline-md-min: 12;
    --badge-padding-inline-md-max: 15;
    --badge-font-size-md-min: 12;
    --badge-font-size-md-max: 14;
    --badge-line-height-md-min: 12;
    --badge-line-height-md-max: 14;
    --badge-gap-md-min: 4;
    --badge-gap-md-max: 6;
    --badge-border-radius-md-min: 9999;
    --badge-border-radius-md-max: 9999;

    --badge-padding-block-lg-min: 8;
    --badge-padding-block-lg-max: 10;
    --badge-padding-inline-lg-min: 16;
    --badge-padding-inline-lg-max: 20;
    --badge-font-size-lg-min: 14;
    --badge-font-size-lg-max: 16;
    --badge-line-height-lg-min: 14;
    --badge-line-height-lg-max: 16;
    --badge-gap-lg-min: 6;
    --badge-gap-lg-max: 8;
    --badge-border-radius-lg-min: 9999;
    --badge-border-radius-lg-max: 9999;

    /* Styles */
    --badge-gray-background: var(--color-neutral-50);
    --badge-gray-color: var(--color-neutral-700);
    --badge-gray-border: 1px solid var(--color-neutral-200);

    --badge-brand-background: var(--color-white);
    --badge-brand-color: var(--color-black);
    --badge-brand-border: 1px solid var(--color-black);

    --badge-inverse-background: rgba(255, 255, 255, 0);
    --badge-inverse-color: var(--color-white);
    --badge-inverse-border: 1px solid var(--color-white);

    --badge-bw-background: rgba(0, 0, 0, 0.10);
    --badge-bw-color: var(--color-neutral-900);
    --badge-bw-border: 1px solid var(--color-neutral-900);

    --badge-success-background: var(--color-success-50);
    --badge-success-color: var(--color-success-700);
    --badge-success-border: 1px solid var(--color-success-200);

    --badge-warning-background: var(--color-warning-50);
    --badge-warning-color: var(--color-warning-700);
    --badge-warning-border: 1px solid var(--color-warning-200);

    --badge-danger-background: var(--color-error-50);
    --badge-danger-color: var(--color-error-700);
    --badge-danger-border: 1px solid var(--color-error-200);


    /* ————————————— */
    /*   BADGE SET   */
    /* ————————————— */
    --badge-set-column-gap-min: 16;
    --badge-set-column-gap-max: 20;
    --badge-set-row-gap-min: 16;
    --badge-set-row-gap-max: 20;
    --badge-set-margin-top-min: 12;
    --badge-set-margin-top-max: 12;
    --badge-set-margin-bottom-min: 12;
    --badge-set-margin-bottom-max: 12;


    /* ———————— */
    /*   LINE   */
    /* ———————— */
    --line-black-width-min: 1;
    --line-black-width-max: 1;
    --line-black-length-mobile: 100px;
    --line-black-length-desktop: 160px;
    --line-black-color: var(--color-neutral-900);
    --line-black-background-image: none;
    --line-black-background-repeat: no-repeat;
    --line-black-margin-block-min: 28;
    --line-black-margin-block-max: 48;
    --line-black-margin-inline-min: 0;
    --line-black-margin-inline-max: 0;

    --line-white-width-min: var(--line-black-width-min);
    --line-white-width-max: var(--line-black-width-max);
    --line-white-length-mobile: var(--line-black-length-mobile);
    --line-white-length-desktop: var(--line-black-length-desktop);
    --line-white-color: var(--color-fg-white);
    --line-white-background-image: var(--line-black-background-image);
    --line-white-background-repeat: var(--line-black-background-repeat);
    --line-white-margin-block-min: var(--line-black-margin-block-min);
    --line-white-margin-block-max: var(--line-black-margin-block-max);
    --line-white-margin-inline-min: var(--line-black-margin-inline-min);
    --line-white-margin-inline-max: var(--line-black-margin-inline-max);

    --line-gray-width-min: var(--line-black-width-min);
    --line-gray-width-max: var(--line-black-width-max);
    --line-gray-length-mobile: var(--line-black-length-mobile);
    --line-gray-length-desktop: var(--line-black-length-desktop);
    --line-gray-color: var(--color-fg-gray);
    --line-gray-background-image: var(--line-black-background-image);
    --line-gray-background-repeat: var(--line-black-background-repeat);
    --line-gray-margin-block-min: var(--line-black-margin-block-min);
    --line-gray-margin-block-max: var(--line-black-margin-block-max);
    --line-gray-margin-inline-min: var(--line-black-margin-inline-min);
    --line-gray-margin-inline-max: var(--line-black-margin-inline-max);


    /* ——————————————————— */
    /*   TAB & TAB GROUP   */
    /* ——————————————————— */
    --tab-background: transparent;
    --tab-foreground: #717680;
    --tab-border: none;
    --tab-border-radius: none;
    --tab-box-shadow: none;
    --tab-font-weight: var(--font-weight-semibold);
    --tab-font-size: 16px;
    --tab-line-height: 24px;
    --tab-padding: 8px 12px;
    --tab-gap: 8px;
    --tab-active-border-width: 2px;
    --tab-group-gap: 12px;
    --tab-group-box-shadow: inset 0 -1px 0 0 var(--line-gray-color);
    --tab-background-active: var(--tab-background);
    --tab-foreground-active: #0047A3;
    --tab-border-active: var(--tab-border);
    --tab-border-radius-active: var(--tab-border-radius);
    --tab-box-shadow-active: 0 2px 0 0 var(--tab-foreground-active);
    --tab-font-weight-active: var(--tab-font-weight);
    --tab-font-size-active: var(--tab-font-size);
    --tab-line-height-active: var(--tab-line-height);


    /* ————— */
    /* QUOTE */
    /* ————— */
    --quote-blockquote-paragraph-gap: 16px;
    --quote-caption-align-self: flex-start;
    --quote-caption-justify-self: flex-start;
    --quote-caption-text-align: left;

    /* Layout */
    --quote-full-padding-min: 0;
    --quote-full-padding-max: 0;
    --quote-full-gap-min: 24;
    --quote-full-gap-max: 40;
    --quote-full-border-radius-min: 0;
    --quote-full-border-radius-max: 0;
    --quote-card-padding-min: 20;
    --quote-card-padding-max: 40;
    --quote-card-gap-min: 16;
    --quote-card-gap-max: 32;
    --quote-card-border-radius-min: 0;
    --quote-card-border-radius-max: 0;

    /* Styles */
    --quote-full-black-background: transparent;
    --quote-full-black-foreground: #000000;
    --quote-full-black-message-foreground: inherit;
    --quote-full-black-shadow: none;
    --quote-full-black-border: none;
    --quote-full-white-background: transparent;
    --quote-full-white-foreground: #ffffff;
    --quote-full-white-message-foreground: inherit;
    --quote-full-white-shadow: none;
    --quote-full-white-border: none;
    --quote-card-black-background: #f9f9f9;
    --quote-card-black-foreground: #000000;
    --quote-card-black-message-foreground: inherit;
    --quote-card-black-shadow: none;
    --quote-card-black-border: none;
    --quote-card-white-background: rgba(255, 255, 255, 0.20);
    --quote-card-white-foreground: #ffffff;
    --quote-card-white-message-foreground: inherit;
    --quote-card-white-shadow: none;
    --quote-card-white-border: none;


    /* ———————————— */
    /* RADIO BUTTON */
    /* ———————————— */
    --radio-button-size: 20px;
    --radio-button-indicator-size: 8px;
    --radio-button-gap: 8px;
    --radio-button-border-radius: var(--border-radius-full);
    --radio-button-border: 1px solid #B3B8DB;
    --radio-button-background: transparent;
    --radio-button-border-hover: inherit;
    --radio-button-background-hover: inherit;
    --radio-button-border-checked: solid 1px #0058CC;
    --radio-button-background-checked: #0058CC;
    --radio-button-indicator-color: #fff;
    --radio-button-border-checked-hover: var(--radio-button-border-checked);
    --radio-button-background-checked-hover: var(--radio-button-background-checked);
    --radio-button-indicator-color-hover: var(--radio-button-indicator-color);
    --radio-button-border-disabled: inherit;
    --radio-button-background-disabled: inherit;
    --radio-button-indicator-color-disabled: #D5D7DA;
    --radio-button-foreground-disabled: var(--radio-button-border-disabled);

    /* ———————————— */
    /*   CHECKBOX   */
    /* ———————————— */
    --checkbox-size: 20px;
    --checkbox-indicator-size: 14px;
    --checkbox-gap: 8px;
    --checkbox-background: transparent;
    --checkbox-border: solid 1px #B3B8DB;
    --checkbox-border-radius: 4px;
    --checkbox-indicator-color: white;
    --checkbox-checked-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.6666 3.5L5.24998 9.91667L2.33331 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --checkbox-indeterminate-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.91669 7H11.0834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --checkbox-border-hover: var(--checkbox-border);
    --checkbox-background-hover: inherit;
    --checkbox-border-checked: solid 1px var(--checkbox-background-checked);
    --checkbox-background-checked: #0058CC;
    --checkbox-border-checked-hover: solid 1px var(--foreground-style-accent-dark);
    --checkbox-background-checked-hover: var(--checkbox-background-checked);
    --checkbox-indicator-color-hover: var(--checkbox-indicator-color);
    --checkbox-border-disabled: solid 1px var(--foreground-disabled);
    --checkbox-background-disabled: transparent;
    --checkbox-indicator-color-disabled: var(--foreground-disabled);
    --checkbox-foreground-disabled: lightgray;

    /* ——————————————— */
    /*   BREADCRUMBS   */
    /* ——————————————— */
    /* #717680 */
    --breadcrumbs-gap: 4px;
    --breadcrumbs-separator-color: #D5D7DA;
    --breadcrumbs-link-text-decoration: none;
    --breadcrumbs-link-text-decoration-hover: underline;
    --breadcrumbs-link-color: inherit;
    --breadcrumbs-link-color-hover: var(--breadcrumbs-link-color);
    --breadcrumbs-link-font-family: var(--font-family-sans);
    --breadcrumbs-link-font-weight: 500;
    --breadcrumbs-link-font-size: 12px;
    --breadcrumbs-link-line-height: 18px;
    --breadcrumbs-link-last-color: #717680;
    --breadcrumbs-link-last-color-hover: var(--breadcrumbs-link-last-color);

    /* —————————————— */
    /*   BUTTON SET   */
    /* —————————————— */
    --button-set-column-gap-min: 8;
    --button-set-column-gap-max: 8;
    --button-set-row-gap-min: 8;
    --button-set-row-gap-max: 8;


    /* —————————— */
    /*   LAYOUT   */
    /* —————————— */
    --layout-columns-align-items: stretch;
    --layout-columns-justify-content: flex-start;
    --layout-flexible-align-items: stretch;
    --layout-flexible-justify-content: flex-start;
    --layout-scrollable-col-size: 90%;
    --layout-default-column-gap-min: 48;
    --layout-default-column-gap-max: 64;
    --layout-default-row-gap-min: 48;
    --layout-default-row-gap-max: 64;
    --layout-cards-column-gap-min: 32;
    --layout-cards-column-gap-max: 32;
    --layout-cards-row-gap-min: 48;
    --layout-cards-row-gap-max: 96;
    --layout-tiles-column-gap-min: 32;
    --layout-tiles-column-gap-max: 32;
    --layout-tiles-row-gap-min: 32;
    --layout-tiles-row-gap-max: 32;
    --layout-mixed-column-gap-min: var(--layout-tiles-column-gap-min);
    --layout-mixed-column-gap-max: var(--layout-tiles-column-gap-max);
    --layout-mixed-row-gap-min: var(--layout-tiles-row-gap-min);
    --layout-mixed-row-gap-max: var(--layout-tiles-row-gap-max);
    --layout-quotes-full-column-gap-min: var(--layout-cards-column-gap-min);
    --layout-quotes-full-column-gap-max: var(--layout-cards-column-gap-max);
    --layout-quotes-full-row-gap-min: var(--layout-cards-row-gap-min);
    --layout-quotes-full-row-gap-max: var(--layout-cards-row-gap-max);
    --layout-quotes-card-column-gap-min: var(--layout-tiles-column-gap-min);
    --layout-quotes-card-column-gap-max: var(--layout-tiles-column-gap-max);
    --layout-quotes-card-row-gap-min: var(--layout-tiles-row-gap-min);
    --layout-quotes-card-row-gap-max: var(--layout-tiles-row-gap-max);
    --layout-text-blocks-column-gap-min: var(--layout-cards-column-gap-min);
    --layout-text-blocks-column-gap-max: var(--layout-cards-column-gap-max);
    --layout-text-blocks-row-gap-min: 16;
    --layout-text-blocks-row-gap-max: 18;
    --layout-feature-cards-column-gap-min: 24;
    --layout-feature-cards-column-gap-max: 24;
    --layout-feature-cards-row-gap-min: 24;
    --layout-feature-cards-row-gap-max: 24;


    /* ——————————— */
    /*   GALLERY   */
    /* ——————————— */
    --gallery-column-gap-min: 8;
    --gallery-row-gap-min: 8;
    --gallery-column-gap-max: 16;
    --gallery-row-gap-max: 16;
    /* Gallery collage */
    --gallery-collage-group-2-columns-mobile: 2fr;
    --gallery-collage-group-2-columns-tablet: 1fr 1fr;
    --gallery-collage-group-2-columns-desktop: 1fr 1fr;
    --gallery-collage-group-2-columns-wide: 1fr 1fr;
    --gallery-collage-group-3-columns-mobile: 2fr;
    --gallery-collage-group-3-columns-tablet: 1fr 1fr 1fr;
    --gallery-collage-group-3-columns-desktop: 1fr 1fr 1fr;
    --gallery-collage-group-3-columns-wide: 1fr 1fr 1fr;
    --gallery-collage-group-4-columns-mobile: 2fr;
    --gallery-collage-group-4-columns-tablet: 1fr 1fr 1fr 1fr;
    --gallery-collage-group-4-columns-desktop: 1fr 1fr 1fr 1fr;
    --gallery-collage-group-4-columns-wide: 1fr 1fr 1fr 1fr;
    --gallery-collage-group-5-columns-mobile: 2fr;
    --gallery-collage-group-5-columns-tablet: 1fr 1fr 1fr 1fr 1fr;
    --gallery-collage-group-5-columns-desktop: 1fr 1fr 1fr 1fr 1fr;
    --gallery-collage-group-5-columns-wide: 1fr 1fr 1fr 1fr 1fr;
    --gallery-collage-group-6-columns-mobile: 2fr;
    --gallery-collage-group-6-columns-tablet: 1fr 1fr 1fr 1fr 1fr 1fr;
    --gallery-collage-group-6-columns-desktop: 1fr 1fr 1fr 1fr 1fr 1fr;
    --gallery-collage-group-6-columns-wide: 1fr 1fr 1fr 1fr 1fr 1fr;


    /* ———————— */
    /*   GRID   */
    /* ———————— */
    --grid-scrollable-col-size: 90%;
    --grid-column-gap-min: var(--layout-mixed-column-gap-min);
    --grid-column-gap-max: var(--layout-mixed-column-gap-max);
    --grid-row-gap-min: var(--layout-mixed-row-gap-min);
    --grid-row-gap-max: var(--layout-mixed-row-gap-max);


    /* ———————————————— */
    /*   HERO SECTION   */
    /* ———————————————— */
    --hero-section-padding-block-min: 0;
    --hero-section-padding-block-max: 0;
    --hero-section-padding-inline-min: 0;
    --hero-section-padding-inline-max: 0;
    --hero-section-column-gap-min: 8;
    --hero-section-column-gap-max: 8;
    --hero-section-row-gap-min: 8;
    --hero-section-row-gap-max: 8;


    /* ———————————— */
    /*   SIGNPOST   */
    /* ———————————— */
    --signpost-column-gap-min: 8;
    --signpost-column-gap-max: 8;
    --signpost-row-gap-min: 8;
    --signpost-row-gap-max: 8;


    /* ———————————— */
    /*   SUB-MENU   */
    /* ———————————— */
    --sub-menu-background: inherit;
    --sub-menu-border: solid 1px #D5D9EB;
    --sub-menu-shadow: none;
    --sub-menu-border-radius-min: 8;
    --sub-menu-border-radius-max: 8;
    --sub-menu-padding-min: 32;
    --sub-menu-padding-max: 48;
    --sub-menu-max-width: 1664px;
    --sub-menu-margin: 0 auto;
    --sub-menu-item-padding-min: 8;
    --sub-menu-item-padding-max: 12;
    --sub-menu-column-gap-min: 16;
    --sub-menu-column-gap-max: 24;
    --sub-menu-row-gap-min: 16;
    --sub-menu-row-gap-max: 24;
    --sub-menu-min-column-size: 350px;
    --sub-menu-max-column-count: 4;

    --sub-menu-signpost-item-background: transparent;
    --sub-menu-signpost-item-foreground: inherit;
    --sub-menu-signpost-item-border: none;
    --sub-menu-signpost-item-border-radius: 8px;
    --sub-menu-signpost-item-box-shadow: none;
    --sub-menu-signpost-item-p-margin-bottom: 12px;

    --sub-menu-signpost-item-background-hover: #D6E8FF;
    --sub-menu-signpost-item-foreground-hover: inherit;
    --sub-menu-signpost-item-hover-border: none;
    --sub-menu-signpost-item-hover-box-shadow: none;

    --sub-menu-signpost-item-background-active: var(--sub-menu-signpost-item-background-hover);
    --sub-menu-signpost-item-foreground-active: var(--sub-menu-signpost-item-foreground);
    --sub-menu-signpost-item-active-border: none;
    --sub-menu-signpost-item-active-box-shadow: none;



    /* —————————————— */
    /*   ICON LABEL   */
    /* —————————————— */
    --icon-label-text-color: var(--text-color);
    --icon-label-icon-color: var(--icon-label-text-color);
    --icon-label-gap: var(--spacing-3x-small);


    /* ————————— */
    /*   MODAL   */
    /* ————————— */
    --modal-padding: 24px;
    --modal-background: #FFF;
    --modal-foreground: var(--text-color);
    --modal-border-radius: 12px;
    --modal-border: none;
    --modal-box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
    --modal-width: 720px;
    --modal-height: auto;

    --modal-header-background: var(--modal-background);
    --modal-header-foreground: var(--modal-foreground);
    --modal-header-border: none;
    --modal-header-padding: 0 0 24px 0;
    --modal-header-justify-content: space-between;

    --modal-body-background: var(--modal-background);
    --modal-body-foreground: var(--modal-foreground);
    --modal-body-padding: 0;
    --modal-body-overflow: auto;

    --modal-footer-background: var(--modal-background);
    --modal-footer-foreground: var(--modal-foreground);
    --modal-footer-border: none;
    --modal-footer-padding: 32px 0 0 0;
    --modal-footer-justify-content: flex-end;


    /* ————————— */
    /*   TABLE   */
    /* ————————— */
    --table-background: transparent;
    --table-foreground: var(--text-color, inherit);
    --table-box-shadow: none;
    --table-border: 1px solid #D5D9EB;
    --table-border-radius: 12px;
    --table-spacing: 0;
    --table-caption-text-align: left;
    --table-cell-padding: 16px 24px;
    --table-cell-text-align: left;
    --table-cell-vertical-align: middle;
    --table-font-family: var(--font-family-sans, sans-serif);
    --table-font-size: 1rem;
    --table-font-weight: normal;
    --table-line-height: 1.5;

    --table-row-hover-background: #F8F9FC;
    --table-row-hover-foreground: #181D27;

    --table-header-background: #F8F9FC;
    --table-header-foreground: #717680;
    --table-header-font-family: var(--table-font-family);
    --table-header-font-size: 12px;
    --table-header-font-weight: 600;
    --table-header-line-height: 18px;
    --table-header-horizontal-separator: var(--table-border);
    --table-header-vertical-separator: none;

    --table-body-background: transparent;
    --table-body-foreground: #535862;
    --table-body-font-family: var(--table-font-family);
    --table-body-font-size: 14px;
    --table-body-font-weight: 400;
    --table-body-line-height: 20px;
    --table-body-horizontal-separator: var(--table-border);
    --table-body-vertical-separator: none;

    --table-footer-background: transparent;
    --table-footer-foreground: #414651;
    --table-footer-font-family: var(--table-font-family);
    --table-footer-font-size: 14px;
    --table-footer-font-weight: 400;
    --table-footer-line-height: 20px;
    --table-footer-horizontal-separator: var(--table-header-horizontal-separator);
    --table-footer-vertical-separator: var(--table-header-vertical-separator);


    /* ————————————— */
    /*   TILES   */
    /* ————————————— */
    --tile-border-width: 1px;
    --tile-border-style: solid;
    --tile-border-radius: 0;
    --tile-box-shadow: none;
    --tile-image-light-gradient-color-transparent: rgba(255, 255, 255, 0);
    --tile-image-light-gradient-color-solid: rgba(255, 255, 255, 0.75);
    --tile-image-dark-gradient-color-transparent: rgba(0, 0, 0, 0);
    --tile-image-dark-gradient-color-solid: rgba(0, 0, 0, 0.75);
    --tile-padding-min: 20;
    --tile-padding-max: 40;
    --tile-gap-min: 24;
    --tile-gap-max: 24;


    /* ————————— */
    /*   EVENT   */
    /* ————————— */
    --event-background: transparent;
    --event-background-hover: var(--event-background);
    --event-foreground: inherit;
    --event-foreground-hover: inherit;
    --event-border: none;
    --event-shadow: none;
    --event-shadow-hover: none;
    --event-padding-min: 0;
    --event-padding-max: 0;
    --event-border-radius-min: 0;
    --event-border-radius-max: 0;
    --event-column-gap-min: 24;
    --event-column-gap-max: 32;
    --event-row-gap-min: 12;
    --event-row-gap-max: 24;
    --event-grid-areas-mobile: "image" "dates" "headline" "tags" "body" "buttons";
    --event-grid-areas-tablet:
        "image dates"
        "image headline"
        "image tags"
        "image body"
        "image buttons"
        "image ."
    ;
    --event-grid-areas-desktop:
        "dates image headline"
        "dates image tags"
        "dates image body"
        "dates image buttons"
        ". image ."
    ;
    --event-grid-columns-mobile: 1fr;
    --event-grid-columns-tablet: 1fr 2fr;
    --event-grid-columns-desktop: 257px 398px auto;
    --event-grid-rows-mobile: auto;
    --event-grid-rows-tablet: auto;
    --event-grid-rows-desktop: max-content;

    /* Padding */
    --event-dates-padding: 0;
    --event-tags-padding: 0;
    --event-headline-padding: 0;
    --event-body-padding: 0;
    --event-image-padding: 0;
    --event-image-aspect-ratio: 3/2;
    --event-buttons-padding: 0;
    --event-buttons-gap: 0;


    /* —————————————— */
    /*   NAVIGATION   */
    /* —————————————— */
    --navigation-gap: 12px 24px;


    /* ————————————————————— */
    /*   NAVIGATION MOBILE   */
    /* ————————————————————— */
    --navigation-mobile-background: #000;
    --navigation-mobile-padding: var(--section-padding-mobile);
    --navigation-mobile-gap: 32px;
    --navigation-mobile-header-gap: 4px;
    --navigation-mobile-header-padding: 0;
    --navigation-mobile-footer-gap: 4px;
    --navigation-mobile-footer-padding: 0;
    --navigation-mobile-menu-padding: 0;
    --navigation-mobile-menu-gap: 2px;
    --navigation-mobile-submenu-padding: 4px 0;
    --navigation-mobile-submenu-gap: 2px;
    --navigation-mobile-submenu-button-background: transparent;
    --navigation-mobile-submenu-margin: 0;
    --navigation-mobile-submenuitem-margin-left: 20px;


    /* —————————— */
    /*   FOOTER   */
    /* —————————— */
    --site-footer-background: var(--color-brand-solid);
    --site-footer-foreground: var(--color-white);
    --site-footer-border: none;
    --site-footer-border-radius: 0;
    --site-footer-box-shadow: none;
    --site-footer-gap-min: 16;
    --site-footer-gap-max: 64;
    --site-footer-padding-block-min: 32;
    --site-footer-padding-block-max: 64;
    --site-footer-padding-inline-min: 0;
    --site-footer-padding-inline-max: 0;
    --site-footer-logo-height: auto;
    --site-footer-logo-width: auto;
    --site-footer-logo-color: var(--site-footer-foreground);


    /* ——————————————————— */
    /*   SITE NAVIGATION   */
    /* ——————————————————— */
    --site-navigation-height-mobile: auto;
    --site-navigation-height-tablet: auto;
    --site-navigation-height-desktop: auto;
    --site-navigation-height-wide: auto;
    --site-navigation-padding-min: var(--section-padding-inline-min);
    --site-navigation-padding-max: var(--section-padding-inline-max);
    --site-navigation-background: white;
    --site-navigation-border-style: none;
    --site-navigation-border-width: 0 0 0 0;
    --site-navigation-border-color: transparent;
    --site-navigation-border-radius: 0;
    --site-navigation-box-shadow: none;
    --site-navigation-justify-content: space-between;
    --site-navigation-container-gap: 24px;
    --site-navigation-nav-gap: 0;
    --site-navigation-slot-1-flex: 0 0 auto;
    --site-navigation-slot-1-justify-content: flex-start;
    --site-navigation-slot-2-flex: 0 1 auto;
    --site-navigation-slot-2-justify-content: center;
    --site-navigation-slot-3-flex: 0 0 auto;
    --site-navigation-slot-3-justify-content: center;
    --site-navigation-slot-4-flex: 0 0 auto;
    --site-navigation-slot-4-justify-content: flex-end;


    /* —————————— */
    /*   PAGING   */
    /* —————————— */
    --paging-width: max-content;
    --paging-column-gap: 4px;
    --paging-padding: 0;
    --paging-background: inherit;
    --paging-foreground: inherit;
    --paging-border: none;
    --paging-border-radius: 0;
    --paging-button-border-separator: none;
    --paging-button-border-radius-min: var(--button-small-border-radius-min);
    --paging-button-border-radius-max: var(--button-small-border-radius-max);


    /* ————————————— */
    /*  PAGING DOTS  */
    /* ————————————— */
    --paging-dots-column-gap: var(--spacing-md, 7px);
    --paging-dot-width: 8px;
    --paging-dots-padding: 0;
    --paging-dots-radius: 0;
    --paging-dots-border: none;
    --paging-dots-background: inherit;
    --paging-dots-box-shadow: none;
    --paging-dot-height: 8px;
    --paging-dot-background: rgba(0, 0, 0, 0.20);
    --paging-dot-background-active: rgba(0, 0, 0, 0.90);
    --paging-dot-width-active: 24px;


    /* ——————————————— */
    /*  PAGING ARROWS  */
    /* ——————————————— */
    --paging-arrows-column-gap: 16px;
    --paging-arrows-padding: 0;
    --paging-arrows-radius: 0;
    --paging-arrows-border: none;
    --paging-arrows-background: inherit;
    --paging-arrows-counter-color: gray;
    --paging-arrows-box-shadow: none;
    --paging-arrows-button-background: transparent;
    --paging-arrows-button-foreground: inherit;
    --paging-arrows-button-border: none;
    --paging-arrows-button-background-hover: rgba(0, 0, 0, 0.05);
    --paging-arrows-button-foreground-hover: inherit;
    --paging-arrows-button-border-hover: none;
    --paging-arrows-button-background-active: rgba(0, 0, 0, 0.1);
    --paging-arrows-button-foreground-active: inherit;
    --paging-arrows-button-border-active: none;
    --paging-arrows-button-background-disabled: transparent;
    --paging-arrows-button-foreground-disabled: rgba(0, 0, 0, 0.3);
    --paging-arrows-button-border-disabled: none;


    /* ———————————————— */
    /*   BUTTON GROUP   */
    /* ———————————————— */

    --button-group-vertical-link-justify-content: space-between;
    --button-group-width: max-content;

    /* Skupina - default */
    --button-group-default-padding: 0;
    --button-group-default-background: transparent;
    --button-group-default-foreground: #181D27;
    --button-group-default-border: 1px solid #181D27;
    --button-group-default-border-radius: 8px;
    --button-group-default-shadow: none;
    --button-group-horizontal-default-separator: solid 1px #181D27;
    --button-group-vertical-default-separator: none;
    --button-group-default-gap-min: 0;
    --button-group-default-gap-max: 0;

    /* Tlačítka - default */
    --button-group-default-button-background: inherit;
    --button-group-default-button-foreground: inherit;
    --button-group-default-button-border: none;
    --button-group-default-button-border-radius: 0;
    --button-group-default-button-background-hover: #0A0D12;
    --button-group-default-button-foreground-hover: #FFFFFF;
    --button-group-default-button-border-hover: inherit;
    --button-group-default-button-border-radius-hover: 0;
    --button-group-default-button-background-active: #0A0D12;
    --button-group-default-button-foreground-active: #FFFFFF;
    --button-group-default-button-border-active: inherit;
    --button-group-default-button-border-radius-active: 0;

    /* Skupina - alt-a */
    --button-group-alt-a-padding: 0;
    --button-group-alt-a-background: transparent;
    --button-group-alt-a-foreground: #181D27;
    --button-group-alt-a-border: 1px solid #B3B8DB;
    --button-group-alt-a-border-radius: 8px;
    --button-group-alt-a-shadow: none;
    --button-group-horizontal-alt-a-separator: solid 1px #B3B8DB;
    --button-group-vertical-alt-a-separator: none;
    --button-group-alt-a-gap-min: 0;
    --button-group-alt-a-gap-max: 0;

    /* Tlačítka - alt-a */
    --button-group-alt-a-button-background: #fff;
    --button-group-alt-a-button-foreground: #252B37;
    --button-group-alt-a-button-border: none;
    --button-group-alt-a-button-border-radius: 0;
    --button-group-alt-a-button-background-hover: #F8F9FC;
    --button-group-alt-a-button-foreground-hover: inherit;
    --button-group-alt-a-button-border-hover: inherit;
    --button-group-alt-a-button-border-radius-hover: inherit;
    --button-group-alt-a-button-background-active: #F8F9FC;
    --button-group-alt-a-button-foreground-active: inherit;
    --button-group-alt-a-button-border-active: inherit;
    --button-group-alt-a-button-border-radius-active: inherit;

    /* Skupina - alt-b */
    --button-group-alt-b-padding: 4px;
    --button-group-alt-b-background: #F8F9FC;
    --button-group-alt-b-foreground: #181D27;
    --button-group-alt-b-border: 1px solid #D5D9EB;
    --button-group-alt-b-border-radius: 10px;
    --button-group-alt-b-shadow: none;
    --button-group-horizontal-alt-b-separator: none;
    --button-group-vertical-alt-b-separator: none;
    --button-group-alt-b-gap-min: 4;
    --button-group-alt-b-gap-max: 4;

    /* Tlačítka - alt-b */
    --button-group-alt-b-button-background: transparent;
    --button-group-alt-b-button-foreground: #717680;
    --button-group-alt-b-button-border: solid 1px transparent;
    --button-group-alt-b-button-border-radius: 10px;
    --button-group-alt-b-button-background-hover: #fff;
    --button-group-alt-b-button-foreground-hover: #414651;
    --button-group-alt-b-button-border-hover: solid 1px #D5D9EB;
    --button-group-alt-b-button-border-radius-hover: inherit;
    --button-group-alt-b-button-background-active: #fff;
    --button-group-alt-b-button-foreground-active: #414651;
    --button-group-alt-b-button-border-active: solid 1px #D5D9EB;
    --button-group-alt-b-button-border-radius-active: inherit;

    /* Skupina - alt-c */
    --button-group-alt-c-padding: 0;
    --button-group-alt-c-background: transparent;
    --button-group-alt-c-foreground: var(--text-color);
    --button-group-alt-c-border: none;
    --button-group-alt-c-border-radius: 0;
    --button-group-alt-c-shadow: none;
    --button-group-horizontal-alt-c-separator: solid 1px var(--color-black);
    --button-group-vertical-alt-c-separator: none;
    --button-group-alt-c-gap-min: 8;
    --button-group-alt-c-gap-max: 8;

    /* Tlačítka - alt-c */
    --button-group-alt-c-button-background: var(--button-brand-solid-background);
    --button-group-alt-c-button-foreground: var(--button-brand-solid-color);
    --button-group-alt-c-button-border: var(--button-brand-solid-border);
    --button-group-alt-c-button-border-radius: 9999px;
    --button-group-alt-c-button-background-hover: var(--button-brand-solid-background-hover);
    --button-group-alt-c-button-foreground-hover: var(--button-brand-solid-color-hover);
    --button-group-alt-c-button-border-hover: var(--button-brand-solid-border-hover);
    --button-group-alt-c-button-border-radius-hover: inherit;
    --button-group-alt-c-button-background-active: var(--button-group-alt-c-button-background-hover);
    --button-group-alt-c-button-foreground-active: var(--button-group-alt-c-button-foreground-hover);
    --button-group-alt-c-button-border-active: var(--button-group-alt-c-button-border-hover);
    --button-group-alt-c-button-border-radius-active: inherit;

    /* Skupina - alt-d */
    --button-group-alt-d-padding: 0;
    --button-group-alt-d-background: inherit;
    --button-group-alt-d-foreground: inherit;
    --button-group-alt-d-border: inherit;
    --button-group-alt-d-border-radius: inherit;
    --button-group-alt-d-shadow: inherit;
    --button-group-horizontal-alt-d-separator: inherit;
    --button-group-vertical-alt-d-separator: inherit;
    --button-group-alt-d-gap-min: 8;
    --button-group-alt-d-gap-max: 8;

    /* Tlačítka - alt-d */
    --button-group-alt-d-button-background: inherit;
    --button-group-alt-d-button-foreground: var(--text-color);
    --button-group-alt-d-button-border: inherit;
    --button-group-alt-d-button-border-radius: inherit;
    --button-group-alt-d-button-background-hover: inherit;
    --button-group-alt-d-button-foreground-hover: inherit;
    --button-group-alt-d-button-border-hover: inherit;
    --button-group-alt-d-button-border-radius-hover: inherit;
    --button-group-alt-d-button-background-active: inherit;
    --button-group-alt-d-button-foreground-active: inherit;
    --button-group-alt-d-button-border-active: inherit;
    --button-group-alt-d-button-border-radius-active: inherit;


    /* ———————————— */
    /*   DROPDOWN   */
    /* ———————————— */
    --dropdown-item-gap: 8px;
    --dropdown-item-border-radius: 0;
    --dropdown-item-padding: 12px 0 12px 0;
    --dropdown-item-background: white;
    --dropdown-item-foreground: inherit;
    --dropdown-item-height: auto;
    --dropdown-item-min-height: 40px;
    --dropdown-item-delimeter: solid 1px var(--color-black);
    --dropdown-item-background-hover: inherit;
    --dropdown-item-foreground-hover: inherit;
    --dropdown-item-prefix-color-hover: inherit;
    --dropdown-item-suffix-color-hover: inherit;
    --dropdown-item-background-selected: #F8F9FC;
    --dropdown-item-foreground-selected: inherit;
    --dropdown-item-prefix-color-selected: #0058CC;
    --dropdown-item-suffix-color-selected: #0058CC;
    --dropdown-item-background-disabled: transparent;
    --dropdown-item-foreground-disabled: #717680;
    --dropdown-item-prefix-color-disabled: #A4A7AE;
    --dropdown-item-suffix-color-disabled: #A4A7AE;
    --dropdown-item-prefix-color: inherit;
    --dropdown-item-suffix-color: inherit;


    /* ————————————————— */
    /*   DROPDOWN LIST   */
    /* ————————————————— */
    --dropdown-list-row-gap: 0;
    --dropdown-list-top-position: 80%;
    --dropdown-list-width: 100%;
    --dropdown-list-max-height: 100%;
    --dropdown-list-min-width: 200px;
    --dropdown-list-background: white;
    --dropdown-list-border: none;
    --dropdown-list-shadow: none;
    --dropdown-list-border-radius: 0;
    --dropdown-list-padding: 0;
    --dropdown-list-all-results-padding: 8px;
    --dropdown-list-all-results-background: white;
    --dropdown-list-all-results-delimeter: solid 1px #E9EAEB;


    /* ——————————————— */
    /*   PRODUCT SET   */
    /* ——————————————— */
    --product-set-column-gap: 8px;
    --product-set-row-gap: 8px;
    --product-set-card-image-padding: 24px 24px 0 24px;
    --product-set-card-image-border-radius: 8px;


    /* ——————————————— */
    /*   VIDEO EMBED   */
    /* ——————————————— */
    --video-embed-border-radius: var(--image-border-radius);



    /* ———————— */
    /*   CHAT   */
    /* ———————— */
    /* Chat container */
    --chat-gap: 12px;
    --chat-padding: 0;
    --chat-background: inherit;
    --chat-border: none;
    --chat-border-radius: inherit;
    --chat-box-shadow: none;
    --chat-max-width: var(--max-content-width);

    /* Chat message layout */
    --chat-column-gap: 12px;
    --chat-row-gap: 8px;

    /* Chat bubble default */
    --chat-bubble-margin: 0;
    --chat-bubble-padding: 16px;
    --chat-bubble-border-radius: 0 16px 16px 16px;
    --chat-bubble-box-shadow: none;
    --chat-bubble-border: none;
    --chat-bubble-background: inherit;
    --chat-bubble-foreground: var(--text-color);

    /* Chat bubble odd */
    --chat-bubble-odd-margin: inherit;
    --chat-bubble-odd-padding: var(--chat-bubble-padding);
    --chat-bubble-odd-border-radius: var(--chat-bubble-border-radius);
    --chat-bubble-odd-box-shadow: none;
    --chat-bubble-odd-border: solid 1px #eaecf0;
    --chat-bubble-odd-background: #f2f4f7;
    --chat-bubble-odd-foreground: inherit;

    /* Chat bubble even */
    --chat-bubble-even-margin: inherit;
    --chat-bubble-even-padding: var(--chat-bubble-padding);
    --chat-bubble-even-border-radius: var(--chat-bubble-border-radius);
    --chat-bubble-even-box-shadow: none;
    --chat-bubble-even-border: solid 1px #d6e8ff;
    --chat-bubble-even-background: #ebf3ff;
    --chat-bubble-even-foreground: inherit;


    /* —————————— */
    /*   SLIDER   */
    /* —————————— */
    --slider-gap: 40px;
    --slider-padding: 0;
    --slider-slide-padding: 0;
    --slider-slide-gap: 40px;


    /* ——————————————— */
    /*   BENTO BOXES   */
    /* ——————————————— */
    --bento-boxes-column-gap: 8px;
    --bento-boxes-row-gap: 8px;



    /* —————————————————— */
    /*   COOKIES BANNER   */
    /* —————————————————— */
    --cookies-banner-background: #fff;
    --cookies-banner-foreground: #222;
    --cookies-banner-padding-min: 24;
    --cookies-banner-padding-max: 32;
    --cookies-banner-border: 1px solid #e0e0e0;
    --cookies-banner-border-radius: 8px;
    --cookies-banner-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --cookies-banner-width: 1440px;
    --cookies-banner-gap: 24px;


    /* —————————————— */
    /*   STATISTICS   */
    /* —————————————— */
    --statistics-stat-gap: 12px;
    --statistics-stat-label-gap: 4px;
    --statistics-value-color: inherit;
    --statistics-label-color: inherit;
    --statistics-description-color: inherit;
    --statistics-black-value-color: var(--text-color);
    --statistics-black-label-color: var(--text-color);
    --statistics-black-description-color: var(--text-color);
    --statistics-white-value-color: var(--color-white);
    --statistics-white-label-color: var(--color-white);
    --statistics-white-description-color: var(--color-white);


    /* —————— */
    /* BANNER */
    /* —————— */
    --banner-border-radius: var(--image-border-radius);


    /* ——————————— */
    /* STAR RATING */
    /* ——————————— */
    --star-size: 20px;


    /* ———————————————— */
    /*   ANNOUNCEMENT   */
    /* ———————————————— */
    --announcement-padding-block-min: 12;
    --announcement-padding-block-max: 16;
    --announcement-padding-inline-min: 16;
    --announcement-padding-inline-max: 24;
    --announcement-margin: 0 auto 24px auto;
    --announcement-background: transparent;
    --announcement-foreground: var(--text-color, #000);
    --announcement-border: none;
    --announcement-border-radius: 16px;
    --announcement-box-shadow: none;
    --announcement-column-gap: 16px;
    --announcement-row-gap: 16px;

    --announcement-default-background: #f6f6f6;
    --announcement-default-foreground: var(--announcement-foreground);
    --announcement-default-border: none;
    --announcement-default-box-shadow: none;

    --announcement-success-background: #ecfdf3;
    --announcement-success-foreground: darkgreen;
    --announcement-success-border: none;
    --announcement-success-box-shadow: none;

    --announcement-warning-background: #fffaeb;
    --announcement-warning-foreground: rgb(180, 99, 1);
    --announcement-warning-border: none;
    --announcement-warning-box-shadow: none;

    --announcement-danger-background: #fef3f2;
    --announcement-danger-foreground: darkred;
    --announcement-danger-border: none;
    --announcement-danger-box-shadow: none;


    /* ——————————————————— */
    /*   VIDEO COMPONENT   */
    /* ——————————————————— */
    --video-component-gap: 24px;


    /* ———————————–— */
    /*   BLOG POST   */
    /* ———————————–— */
    --post-background: honeydew;
    --post-foreground: inherit;
    --post-border: solid 1px #D6E8FF;
    --post-border-radius: 8px;
    --post-shadow: none;
    --post-padding: 0;
    --post-header-padding: 24px;
    --post-header-gap: 8px;
    --post-body-padding: 0;
    --post-body-gap: 8px;
    --post-footer-padding: 24px;
    --post-footer-gap: 8px;
    --post-controls-gap: 16px;
    --post-image-border-radius: 0;


    /* ———————————— */
    /*   LIGHTBOX   */
    /* ———————————— */
    --lightbox-background: rgba(0, 0, 0, 0.8);
    --lightbox-foreground: #fff;
    --lightbox-content-padding-inline: 4rem;
    --lightbox-content-size: 100%;
    --lightbox-content-gap: 16px;
    --lightbox-caption-width: 320px;
    --lightbox-caption-color: #ccc;
    --lightbox-thumbnails-margin-top: 24px;
    --lightbox-thumbnails-gap: 16px;
    --lightbox-thumbnails-height: 48px;
    --lightbox-thumbnail-aspect-ratio: 1/1;
    --lightbox-padding-top-min: 64;
    --lightbox-padding-top-max: 64;
    --lightbox-padding-bottom-min: 16;
    --lightbox-padding-bottom-max: 64;
    --lightbox-padding-right-min: 16;
    --lightbox-padding-right-max: 64;
    --lightbox-padding-left-min: 16;
    --lightbox-padding-left-max: 64;
    --lightbox-close-button-top-min: 18;
    --lightbox-close-button-top-max: 18;
    --lightbox-close-button-right-min: 16;
    --lightbox-close-button-right-max: 26;
    --bottom-caption-height: 96px;
    /* Paging colors */
    --lightbox-paging-dot-color: rgba(255, 255, 255, 0.25);
    --lightbox-paging-dot-active-color: #ffffff;
    --lightbox-paging-arrows-counter-color: gray;
    --lightbox-paging-arrows-button-background: transparent;
    --lightbox-paging-arrows-button-foreground: gray;
    --lightbox-paging-arrows-button-border: none;
    --lightbox-paging-arrows-button-background-hover: rgba(255, 255, 255, 0.05);
    --lightbox-paging-arrows-button-foreground-hover: white;
    --lightbox-paging-arrows-button-border-hover: none;


    /* Perspectivo’s Lit components */
    --switch-font-family: var(--font-family-sans);
    --switch-foreground: var(--text-color);
    --switch-background: #e0e0e0;
    --switch-background-checked: #4caf50;
}

/* —————————— */
/* custom.css */
/* —————————— */
:root,
:host {
    --font-weight-normal: 500;
}

a.link,
a:not([class]) {
    --foreground: inherit;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.layout.flexible.list-item--term {
    flex-wrap: nowrap;

    & > *:last-child {
        flex-basis: max-content;
        min-width: max-content;
        height: max-content;
        align-self: center;
    }
}

.list-item__term-info {

    --layout-columns-align-items: center;
    --row-gap: 0;
    --grid-cols-desktop: 4;

    flex: 1 1 auto;
    text-align: left;

    & > time {
        --text-align: right;
        --span-mobile: 4;
        --span-tablet: 4;
        --span-desktop: 4;
        --span-wide: 4;
    }

    & > .list-item__title {
        --text-align: left;
        --span-mobile: 4;
        --span-tablet: 8;
        --span-desktop: 4;
        --span-wide: 8;
    }
}

.layout--terms {
    --layout-columns-align-items: center;
}

.layout--accordion-heading {
    --column-gap: 64px;
    --layout-flexible-align-items: center;
    --layout-columns-align-items: center;
    --flexible-col-size: auto;
    --span-mobile: 4;
    --span-tablet: 6;
    --span-desktop: 8;
    --span-wide: 9;
    flex-wrap: nowrap;
    max-width: 100%;
}

.layout--accordion-heading > .layout.flexible {
    --column-gap: 16px;
    --span-mobile: 4;
    --span-tablet: 6;
    --span-desktop: 4;
    --span-wide: 3;

}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .layout--accordion-heading {
        --grid-cols-tablet: 6;
    }
}

/* .layout--accordion-heading */

.list-item--search-result {
    --layout-columns-align-items: center;
    --layout-flexible-justify-content: space-between;
    --row-gap: 8px;
    max-width: 100%;

    & > *:last-child {
        justify-content: flex-start;
        align-self: start;
        flex-basis: 142px;
    }

    @media screen and (max-width: 768px) {
        --flexible-direction: column;
        --dropdown-item-padding: 12px 0 14px 0;

        & > *:last-child {
            flex-basis: max-content;
        }
    }
}

.box-button.extra {
    --button-font-weight: var(--font-weight-semibold);
    letter-spacing: -.1rem;
}

.navigation {
    --max-content-width: 100%;
    --navigation-gap: 0;
}

.navigation .navigation__item .box-button.medium .icon {
    opacity: 0;
    transition: all 0.3s ease;
}

.navigation .navigation__item .box-button.medium[aria-current="page"] {
    --foreground: var(--button-brand-extra-color-hover);
}

.navigation .navigation__item .box-button.medium[aria-current="page"] .icon,
.navigation .navigation__item .box-button.medium:active .icon,
.navigation .navigation__item .box-button.medium.active .icon,
.navigation .navigation__item .box-button.medium:hover .icon {
    opacity: 1;
}

@media screen and (max-width: 1079px) {
    .navigation {
        --navigation-gap: 3px;
    }
}

@media screen and (max-width: 1079px) {
    .layout.hero-section {
        --hero-section-padding-block-min: 32;
        --hero-section-padding-block-max: 32;
        height: auto;
        max-height: none;
    }
}

.layout.hero-section {
    --hero-section-padding-block-min: 32;
    --hero-section-padding-block-max: 50;
    display: flex;
    justify-content: space-between;
    height: 914px;
    min-height: max-content;

    @media screen and (max-width: 1079px) {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        height: 100vh;
        --hero-section-padding-block-min: 32;
        --hero-section-padding-block-max: 32;
    }
}

.layout.hero-section .column:last-child {
    @media screen and (min-width: 1080px) {
        align-self: flex-end;
        justify-self: flex-end;
        justify-content: flex-end;
        align-items: flex-end;
        align-content: flex-end;
        --text-align: right;
    }
}

.layout.hero-section .background-layer {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.layout.hero-section .box-button.blurred {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.site-navigation .layout--button-set.horizontal {
    --button-set-column-gap-min: 0;
    --button-set-column-gap-max: 0;
}

.navigation-mobile {
    justify-content: space-between;
    align-content: space-between;
    --navigation-mobile-padding: clamp(calc(var(--section-padding-inline-min) * 1px),
            calc((var(--section-padding-inline-max) - var(--section-padding-inline-min)) / (var(--viewport-max) - var(--viewport-min)) * 100vw + (var(--section-padding-inline-min) - (var(--section-padding-inline-max) - var(--section-padding-inline-min)) * var(--viewport-min) / (var(--viewport-max) - var(--viewport-min))) * 1px),
            calc(var(--section-padding-inline-max) * 1px));
}

.navigation-mobile a.link.logo *,
.navigation-mobile .box-button {
    --foreground: white;
    color: white;
}

.navigation-mobile nav.navigation {
    flex: 1;
    align-content: center;
}

.navigation-mobile-header {
    --layout-flexible-justify-content: space-between;
}

.panel {
    background: var(--background);
    padding: clamp(calc(var(--site-navigation-padding-min) * 1px),
            calc((var(--site-navigation-padding-max) - var(--site-navigation-padding-min)) / (var(--viewport-max) - var(--viewport-min)) * 100vw + (var(--site-navigation-padding-min) - (var(--site-navigation-padding-max) - var(--site-navigation-padding-min)) * var(--viewport-min) / (var(--viewport-max) - var(--viewport-min))) * 1px),
            calc(var(--site-navigation-padding-max) * 1px));
}

#menu-panel,
.site-navigation.opened-menu {
    --background: black;
    --foreground: white;
    --site-navigation-background: var(--background);
}

#menu-panel > .layout.flexible {
    --layout-flexible-justify-content: space-between;
    --layout-flexible-align-items: end;
    /* align-items: end;
  justify-content: space-between; */
}

#search-panel {
    --form-control-input-border-radius: 0;
    --form-control-input-color: #000;
    --form-control-input-body-padding: 0;
    --form-control-input-font-size: 55px;
    --form-control-input-line-height: 84px;
    --form-control-input-placeholder-color: #717680;
    --form-control-input-height: auto;
    --form-control-input-border: none;
    --form-control-input-box-shadow: none;

    @media screen and (max-width: 1079px) {
        --form-control-input-font-size: 28px;
        --form-control-input-line-height: 32px;
    }
}

#search-panel .form-control.input {
    width: 100%;
    font-weight: var(--font-weight-semibold);
}

.site-footer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.site-footer .line {
    --line-margin: 0;

    @media screen and (max-width: 1279px) {
        --line-margin: 24px 0;
    }
}

.site-footer .site-footer__links {
    --button-large-font-size: 36px;
    --button-large-line-height: 40px;
    --button-font-weight: 600;

    @media screen and (max-width: 1279px) {
        --button-large-font-size: 24px;
        --button-large-line-height: 32px;
        justify-self: flex-start;
    }
}

.site-footer .layout.columns > *:last-child {
    @media screen and (min-width: 1080px) {
        justify-self: flex-end;
    }
}

.site-footer .layout.flexible.site-footer__legal {
    --width: 100%;
    --layout-flexible-align-items: center;

    @media screen and (max-width: 1079px) {
        --layout-flexible-align-items: flex-start;
    }
}

.site-footer .layout.flexible.site-footer__legal .navigation {
    --navigation-gap: 8px 48px;
}

.site-footer .layout.flexible.site-footer__legal .navigation > ul {
    @media screen and (min-width: 1080px) {
        --direction: row;
    }
}

.site-footer figure.quote {
    --max-content-width: 820px;
    margin-block: 56px;
    margin-inline: auto;
    align-self: center;

    @media screen and (max-width: 1279px) {
        --max-content-width: 100%;
        margin-block: 28px;
    }
}

.article p.date {
    --p-margin-bottom-desktop: 8px;
}

section:last-child,
section.background-image {
    --border-width: 0;
}

.floating-nav > section:first-child,
.floating-nav .panel.menu-panel > .layout.flexible {

    --border-width: 0;

    @media screen and (max-width: 767px) {
        padding-top: 128px;
    }

    @media screen and (min-width: 768px) {
        padding-top: 256px;
    }
}

.floating-nav .site-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.floating-nav .panel.menu-panel {
    position: absolute;
    width: 100%;
    z-index: -1;
}

nav.site-navigation.inverse,
nav.site-navigation.inverse .icon-button {
    --foreground: white;
    --site-navigation-background: transparent;
}

section.background-image > .wrapper > .section__body h1 {
    --max-content-width: 1024px;
}

/* Project specific blurred button */
.box-button.brand.solid.blurred {
    --button-brand-solid-background: rgba(255, 255, 255, 0.2);
    --button-brand-solid-background-hover: rgba(255, 255, 255, 0.3);
    --button-brand-solid-color: var(--color-fg-white);
    --button-brand-solid-color-hover: var(--button-brand-solid-color);
    --button-brand-solid-border: none;
    --button-brand-solid-border-hover: var(--button-brand-solid-border);
    --button-brand-solid-box-shadow: none;
    --button-brand-solid-box-shadow-hover: var(--button-brand-solid-box-shadow);
    --image-overlay-font-weight: var(--font-weight-medium);
    --button-large-icon-size: 36px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.button-group .button.small {
    --size: 32px;
    --button-small-padding: 0 12px;
    font-size: 14px;
}

.lightbox__close-button.ghost.inverse {
    --button-inverse-ghost-color: var(--paging-arrows-button-foreground);
    --button-inverse-ghost-background: var(--paging-arrows-button-background);
    --button-inverse-ghost-color-hover: var(--paging-arrows-button-foreground-hover);
    --button-inverse-ghost-background-hover: var(--paging-arrows-button-background-hover);
    color: var(--foreground);
}

@media screen and (min-width: 1025px) and (max-width: 1920px) {
    section {
        --section-padding-inline-desktop: 48px;
    }
}

@media screen and (min-width: 1921px) and (max-width: 2016px) {
    section:not(.background-image) {
        width: 100%;
        margin-inline: auto;
    }

    section.extra-space {
        width: 100%;
    }
}

@media screen and (min-width: 2017px) {
    section.wide-content:not(.background-image):not(.fullwidth) {
        --section-width: var(--section-wide-content-width);
        padding-inline: 0;
    }

    section.narrow-content:not(.background-image):not(.fullwidth) {
        --section-width: var(--section-narrow-content-width);
    }
}

.site-footer * {
    --link-button-inverse-color-hover: rgba(255, 255, 255, 0.6);
    --link-default-decoration-hover: none;
}

.site-footer .link-button:not([disabled]):hover span {
    text-decoration: none;
}

.card a.link:hover,
.card:hover .card__body,
.card:hover a.link {
    --foreground: rgba(0, 0, 0, 0.6);
}

.newsletter__form {
    text-align: center;
}

.layout.layout--list-items {
    --span-mobile: 4;
    --span-tablet: 12;
    --span-desktop: 12;
    --span-wide: 12;
}

.section-main-navigation.opened-menu-container::before,
.section-main-navigation.opened-search-container::before {
    background: rgba(0, 0, 0, .75);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 99999px;
    z-index: -1;
}

.layout.layout--list-items {
    --row-gap-min: 12;
    --row-gap-max: 16;
}

.layout.layout--list-items hr.line {
    --line-margin-block-min: 0;
    --line-margin-block-max: 0;
}

.newsletter__form {
    width: 563px;
    max-width: 90vw;
}

.newsletter__form .form-control.input,
.newsletter__form .form-control.input input {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .newsletter__form .form-control.input .body {
        padding: 6px;
        padding-left: 12px;
        --form-control-input-height: 53px;
    }
}

@media screen and (max-width: 767px) {
    .newsletter__form .form-control.input .body {
        padding: 6px;
        padding-left: 12px;
        --form-control-input-height: 53px;
    }

    .layout.columns.movie-detail {
        display: flex;
        flex-direction: column-reverse;
        --row-gap-min: 16;
        --row-gap-max: 24;
    }

    .layout.columns.movie-detail .grid-column .layout.columns {
        --row-gap-min: 0;
        --row-gap-max: 0;
    }

    .layout--accordion-heading {
        --layout-text-blocks-row-gap-min: 8;
    }
}

.dropdown-list-items:has(.movie-list-archive-item) {
    display: grid;
    grid-template-columns: 1fr auto;
}

.dropdown-list-items:has(.movie-list-archive-item) > .dropdown-item {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
}

.dropdown-list-items:has(.movie-list-archive-item) .dropdown-item > .body {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
}

.movie-list-archive-item {
    --flexible-col-size: auto;
    display: grid !important;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: center;
    min-width: 0;
}

.movie-list-archive-item > *:nth-child(1) {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.movie-list-archive-item > *:nth-child(2) {
    align-self: center;
}

@media screen and (max-width: 767px) {
    .movie-list-archive-item > *:nth-child(1) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.metadata {
    --text-sm-font-size-min: 11;
    --text-lg-font-size-min: 15;
    --text-sm-line-height-min: 19;
    --text-lg-line-height-min: 19;
}

.metadata p.margin-bottom-xxs,
.metadata .layout p.margin-bottom-xxs {
    --spacing-2x-small: clamp(0px, 0.7843vw - 3.0588px, 12px);
    margin-bottom: var(--spacing-2x-small) !important;
}

.metadata,
.metadata .layout {
    --row-gap-min: 12;
}