html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {

    --hsx-site-background: #ffffff;
    --hsx-body-text-color: #080808;
    --hsx-headings-color: #000000;
    --hcl-on-brand: #ffffff;
    --hcl-brand-main: #df7126;
    --hcl-brand-1: #fefcfb;
    --hcl-brand-2: #fff4ed;
    --hcl-brand-3: #ffe7d6;
    --hcl-brand-4: #ffd3b5;
    --hcl-brand-5: #ffc39a;
    --hcl-brand-6: #ffb582;
    --hcl-brand-7: #f5a773;
    --hcl-brand-8: #ec9255;
    --hcl-brand-9: #df7126;
    --hcl-brand-10: #a74300;
    --hcl-brand-11: #cc5300;
    --hcl-brand-12: #58341d;
    --hcl-brand-emphasis: #cc5300;
    --hcl-brand-1a: hsla(21.27, 94.97%, 39.02%, 0.016);
    --hcl-brand-2a: hsla(25.3, 95.83%, 47.06%, 0.044);
    --hcl-brand-3a: hsla(26.4, 100%, 50.98%, 0.095);
    --hcl-brand-4a: hsla(27.29, 100%, 50%, 0.157);
    --hcl-brand-5a: hsla(26.35, 100%, 50%, 0.236);
    --hcl-brand-6a: hsla(26.35, 100%, 50%, 0.346);
    --hcl-brand-7a: hsla(25.41, 100%, 50%, 0.495);
    --hcl-brand-8a: hsla(25.2, 100%, 49.02%, 0.695);
    --hcl-brand-9a: hsla(25.22, 100%, 48.04%, 0.969);
    --hcl-brand-10a: hsla(24.26, 100%, 46.08%, 0.98);
    --hcl-brand-11a: hsla(24.13, 100%, 37.06%, 0.98);
    --hcl-brand-12a: hsla(16.07, 100%, 10.98%, 0.934);
    --hcl-on-neutral: #000000;
    --hcl-neutral-main: #8d8d86;
    --hcl-neutral-1: #fdfdfc;
    --hcl-neutral-2: #f9f9f8;
    --hcl-neutral-3: #f1f0ef;
    --hcl-neutral-4: #e9e8e6;
    --hcl-neutral-5: #e2e1de;
    --hcl-neutral-6: #dad9d6;
    --hcl-neutral-7: #cfceca;
    --hcl-neutral-8: #bcbbb5;
    --hcl-neutral-9: #8d8d86;
    --hcl-neutral-10: #82827c;
    --hcl-neutral-11: #63635e;
    --hcl-neutral-12: #21201c;
    --hcl-neutral-emphasis: #63635e;
    --hcl-neutral-1a: hsl(60 89.3% 18.3% / 0.012);
    --hcl-neutral-2a: hsl(60 78.1% 9.0% / 0.028);
    --hcl-neutral-3a: hsl(60 99.0% 3.9% / 0.051);
    --hcl-neutral-4a: hsl(60 88.9% 5.9% / 0.075);
    --hcl-neutral-5a: hsl(60 86.0% 6.9% / 0.099);
    --hcl-neutral-6a: hsl(60 93.2% 5.2% / 0.122);
    --hcl-neutral-7a: hsl(60 98.3% 5.1% / 0.157);
    --hcl-neutral-8a: hsl(51 94.1% 6.0% / 0.244);
    --hcl-neutral-9a: hsl(60 99.8% 1.7% / 0.451);
    --hcl-neutral-10a: hsl(60 90.7% 1.8% / 0.491);
    --hcl-neutral-11a: hsl(45 93.7% 1.5% / 0.577);
    --hcl-neutral-12a: hsl(60 98.0% 0.7% / 0.906);
    --hcl-on-grisatlas: #ffffff;
    --hcl-grisatlas-main: #5a5b5b;
    --hcl-grisatlas-1: #fafefe;
    --hcl-grisatlas-2: #f3fbfb;
    --hcl-grisatlas-3: #e0f8f8;
    --hcl-grisatlas-4: #ccf3f3;
    --hcl-grisatlas-5: #b8eaea;
    --hcl-grisatlas-6: #a1dede;
    --hcl-grisatlas-7: #83cdcc;
    --hcl-grisatlas-8: #53b9b8;
    --hcl-grisatlas-9: #5a5b5b;
    --hcl-grisatlas-10: #313232;
    --hcl-grisatlas-11: #008585;
    --hcl-grisatlas-12: #0d3d3d;
    --hcl-grisatlas-emphasis: #5a5b5b;
    --hcl-grisatlas-1a: hsla(171.86, 95.22%, 40.98%, 0.02);
    --hcl-grisatlas-2a: hsla(176.04, 98.99%, 39.02%, 0.055);
    --hcl-grisatlas-3a: hsla(174, 97.94%, 38.04%, 0.095);
    --hcl-grisatlas-4a: hsla(174.86, 97.77%, 35.1%, 0.15);
    --hcl-grisatlas-5a: hsla(177.02, 98.77%, 31.96%, 0.22);
    --hcl-grisatlas-6a: hsla(176.86, 100%, 30%, 0.314);
    --hcl-grisatlas-7a: hsla(177.12, 98.65%, 29.02%, 0.448);
    --hcl-grisatlas-8a: hsla(178.82, 100%, 30%, 0.675);
    --hcl-grisatlas-9a: hsla(180, 100%, 30.98%, 0.93);
    --hcl-grisatlas-10a: hsla(180, 100%, 29.02%, 0.946);
    --hcl-grisatlas-11a: hsla(181.03, 100%, 22.94%, 0.977);
    --hcl-grisatlas-12a: hsla(176.67, 100%, 7.06%, 0.938);
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {

    --hsx-site-background: #121212;
    --hsx-body-text-color: #adacac;
    --hsx-headings-color: #fafafa;
    --hcl-brand-1: #17120e;
    --hcl-brand-2: #1e150f;
    --hcl-brand-3: #331b0b;
    --hcl-brand-4: #461c00;
    --hcl-brand-5: #562300;
    --hcl-brand-6: #66300c;
    --hcl-brand-7: #7e441d;
    --hcl-brand-8: #a35a29;
    --hcl-brand-9: #df7126;
    --hcl-brand-10: #ffa155;
    --hcl-brand-11: #ff9b57;
    --hcl-brand-12: #ffdbc2;
    --hcl-brand-1a: hsla(0, 0%, 0%, 0);
    --hcl-brand-2a: hsla(14.35, 100%, 50%, 0.054);
    --hcl-brand-3a: hsla(21.41, 100%, 50%, 0.117);
    --hcl-brand-4a: hsla(24.24, 100%, 50%, 0.166);
    --hcl-brand-5a: hsla(24.43, 99.22%, 50%, 0.215);
    --hcl-brand-6a: hsla(24.24, 100%, 50.98%, 0.286);
    --hcl-brand-7a: hsla(24.24, 100%, 50.98%, 0.389);
    --hcl-brand-8a: hsla(25.41, 100%, 50%, 0.523);
    --hcl-brand-9a: hsla(25.47, 100%, 51.96%, 0.965);
    --hcl-brand-10a: hsla(26.41, 100%, 59.02%, 0.98);
    --hcl-brand-11a: hsla(25.36, 100%, 61.96%, 0.98);
    --hcl-brand-12a: hsla(27.1, 100%, 93.92%, 0.98);
    --hcl-brand-emphasis: #ff9b57;
    --hcl-neutral-1: #111110;
    --hcl-neutral-2: #191918;
    --hcl-neutral-3: #222221;
    --hcl-neutral-4: #2a2a28;
    --hcl-neutral-5: #31312e;
    --hcl-neutral-6: #3b3a37;
    --hcl-neutral-7: #494844;
    --hcl-neutral-8: #62605b;
    --hcl-neutral-9: #6f6d66;
    --hcl-neutral-10: #7c7b74;
    --hcl-neutral-11: #b5b3ad;
    --hcl-neutral-12: #eeeeec;
    --hcl-neutral-emphasis: #b5b3ad;
    --hcl-on-neutral: #000000;
    --hcl-neutral-1a: hsla(0, 0%, 0%, 0);
    --hcl-neutral-2a: hsl(60 89.8% 91.4% / 0.026);
    --hcl-neutral-3a: hsl(60 95.5% 92.5% / 0.056);
    --hcl-neutral-4a: hsl(60 75.6% 96.4% / 0.078);
    --hcl-neutral-5a: hsl(60 81.9% 95.2% / 0.104);
    --hcl-neutral-6a: hsl(41 87.6% 94.8% / 0.134);
    --hcl-neutral-7a: hsl(60 95.4% 96.2% / 0.172);
    --hcl-neutral-8a: hsl(49 93.5% 95.7% / 0.254);
    --hcl-neutral-9a: hsl(52 97.3% 96.2% / 0.391);
    --hcl-neutral-10a: hsl(52 97.8% 96.7% / 0.451);
    --hcl-neutral-11a: hsl(51 97.0% 97.8% / 0.597);
    --hcl-neutral-12a: hsl(60 88.7% 99.8% / 0.923);
    --hcl-grisatlas-emphasis: #0bd8d8;
    --hcl-grisatlas-1: #0d1515;
    --hcl-grisatlas-2: #111c1c;
    --hcl-grisatlas-3: #0d2d2d;
    --hcl-grisatlas-4: #023b3b;
    --hcl-grisatlas-5: #084848;
    --hcl-grisatlas-6: #145757;
    --hcl-grisatlas-7: #1c6969;
    --hcl-grisatlas-8: #207e7e;
    --hcl-grisatlas-9: #5a5b5b;
    --hcl-grisatlas-10: #878888;
    --hcl-grisatlas-11: #0bd8d8;
    --hcl-grisatlas-12: #adf0f0;
    --hcl-grisatlas-1a: hsla(0, 0%, 0%, 0);
    --hcl-grisatlas-2a: hsla(178.08, 100%, 49.02%, 0.031);
    --hcl-grisatlas-3a: hsla(179.06, 100%, 50%, 0.07);
    --hcl-grisatlas-4a: hsla(182.12, 100%, 50%, 0.105);
    --hcl-grisatlas-5a: hsla(180.95, 99.22%, 50%, 0.14);
    --hcl-grisatlas-6a: hsla(180.98, 100%, 51.96%, 0.187);
    --hcl-grisatlas-7a: hsla(180, 100%, 52.94%, 0.257);
    --hcl-grisatlas-8a: hsla(181, 100%, 52.94%, 0.366);
    --hcl-grisatlas-9a: hsla(180, 100%, 55.1%, 0.609);
    --hcl-grisatlas-10a: hsla(181.02, 100%, 53.92%, 0.67);
    --hcl-grisatlas-11a: hsla(180.98, 100%, 51.96%, 0.748);
    --hcl-grisatlas-12a: hsla(172.8, 100%, 95.1%, 0.979);
}

:root {
    /*Theme Headspin*/

    --hsx-page-width: 1440px;
    --hsx-min-offset: 20px;
    --hsx-page-gap: 20px;
    /*Breakdance connector*/
    --hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}

:root {
    --hsx-page-display: grid;
}

@media (max-width: 1406px) {
    body {
        --hsx-page-display: flex;
    }
}

::selection {
    background-color: var(--hcl-neutral-12);
    color: var(--hcl-neutral-1);
    -webkit-text-fill-color: var(--hcl-neutral-1);
}

:root {
    --headspin-theme-API: eyJ0aGVtZSI6ImxpZ2h0In0=;
}

[data-hsx*="overlay"] *:not(button, [class*=button]) {
    color: white !important;
    text-shadow: 1px 1px 0px black,
        -1px -1px 0px black,
        1px -1px 0px black,
        -1px 1px 0px black,
        1px 0px 0px black,
        -1px 0px 0px black,
        0px 1px 0px black,
        0px -1px 0px black,
        2px 2px 0px black,
        -2px -2px 0px black,
        2px -2px 0px black,
        -2px 2px 0px black,
        2px 0px 0px black,
        -2px 0px 0px black,
        0px 2px 0px black,
        0px -2px 0px black;
}

:root {
    --hsx-safe-overlay: rgba(0, 0, 0, .6)
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
    line-height: calc(8px + 2.15ex)
}

[data-hsx-brand="neutral"] {
    --hcl-brand-1: var(--hcl-neutral-1);
    --hcl-brand-1a: var(--hcl-neutral-1a);
    --hcl-brand-2: var(--hcl-neutral-2);
    --hcl-brand-2a: var(--hcl-neutral-2a);
    --hcl-brand-3: var(--hcl-neutral-3);
    --hcl-brand-3a: var(--hcl-neutral-3a);
    --hcl-brand-4: var(--hcl-neutral-4);
    --hcl-brand-4a: var(--hcl-neutral-4a);
    --hcl-brand-5: var(--hcl-neutral-5);
    --hcl-brand-5a: var(--hcl-neutral-5a);
    --hcl-brand-6: var(--hcl-neutral-6);
    --hcl-brand-6a: var(--hcl-neutral-6a);
    --hcl-brand-7: var(--hcl-neutral-7);
    --hcl-brand-7a: var(--hcl-neutral-7a);
    --hcl-brand-8: var(--hcl-neutral-8);
    --hcl-brand-8a: var(--hcl-neutral-8a);
    --hcl-brand-9: var(--hcl-neutral-9);
    --hcl-brand-9a: var(--hcl-neutral-9a);
    --hcl-brand-10: var(--hcl-neutral-10);
    --hcl-brand-10a: var(--hcl-neutral-10a);
    --hcl-brand-11: var(--hcl-neutral-11);
    --hcl-brand-11a: var(--hcl-neutral-11a);
    --hcl-brand-12: var(--hcl-neutral-12);
    --hcl-brand-12a: var(--hcl-neutral-12a);
    --hcl-on-brand: var(--hcl-on-neutral);
    --hcl-brand-emphasis: var(--hcl-neutral-emphasis);

}

[data-hsx-brand="grisatlas"] {
    --hcl-brand-1: var(--hcl-grisatlas-1);
    --hcl-brand-1a: var(--hcl-grisatlas-1a);
    --hcl-brand-2: var(--hcl-grisatlas-2);
    --hcl-brand-2a: var(--hcl-grisatlas-2a);
    --hcl-brand-3: var(--hcl-grisatlas-3);
    --hcl-brand-3a: var(--hcl-grisatlas-3a);
    --hcl-brand-4: var(--hcl-grisatlas-4);
    --hcl-brand-4a: var(--hcl-grisatlas-4a);
    --hcl-brand-5: var(--hcl-grisatlas-5);
    --hcl-brand-5a: var(--hcl-grisatlas-5a);
    --hcl-brand-6: var(--hcl-grisatlas-6);
    --hcl-brand-6a: var(--hcl-grisatlas-6a);
    --hcl-brand-7: var(--hcl-grisatlas-7);
    --hcl-brand-7a: var(--hcl-grisatlas-7a);
    --hcl-brand-8: var(--hcl-grisatlas-8);
    --hcl-brand-8a: var(--hcl-grisatlas-8a);
    --hcl-brand-9: var(--hcl-grisatlas-9);
    --hcl-brand-9a: var(--hcl-grisatlas-9a);
    --hcl-brand-10: var(--hcl-grisatlas-10);
    --hcl-brand-10a: var(--hcl-grisatlas-10a);
    --hcl-brand-11: var(--hcl-grisatlas-11);
    --hcl-brand-11a: var(--hcl-grisatlas-11a);
    --hcl-brand-12: var(--hcl-grisatlas-12);
    --hcl-brand-12a: var(--hcl-grisatlas-12a);
    --hcl-on-brand: var(--hcl-on-grisatlas);
    --hcl-brand-emphasis: var(--hcl-grisatlas-emphasis);

}

html:root {
    /*Headspin System*/
    --hrd-s: 6px;
    --hrd-m: 8px;
    --hrd-l: 12px;
    --hrd-pill: 500px;
    --hrd-atom: 6px;

}

html:root {
    /*Headspin System*/
    --hfs-h0: clamp(2rem, 1.097rem + 3.018vw, 3.8125rem);
    --hfs-h1: clamp(1.8125rem, 1.189rem + 2.081vw, 3.0625rem);
    --hfs-h2: clamp(1.625rem, 1.220rem + 1.353vw, 2.4375rem);
    --hfs-h3: clamp(1.4375rem, 1.188rem + 0.832vw, 1.9375rem);
    --hfs-h4: clamp(1.25rem, 1.094rem + 0.520vw, 1.5625rem);
    --hfs-h5: clamp(1.125rem, 1.063rem + 0.208vw, 1.25rem);
    --hfs-h6: clamp(1rem, 1.000rem + 0.000vw, 1rem);
    --hfs-text-l: clamp(1.125rem, 1.063rem + 0.208vw, 1.25rem);
    --hfs-text-m: clamp(1rem, 1.000rem + 0.000vw, 1rem);
    --hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
    --hsp-xxl: clamp(2.5625rem, 2.344rem + 0.728vw, 3rem);
    --hsp-xl: clamp(2.1875rem, 2.032rem + 0.520vw, 2.5rem);
    --hsp-l: clamp(1.8125rem, 1.657rem + 0.520vw, 2.125rem);
    --hsp-m: clamp(1.5rem, 1.375rem + 0.416vw, 1.75rem);
    --hsp-s: clamp(1.25rem, 1.157rem + 0.312vw, 1.4375rem);
    --hsp-xs: clamp(1.0625rem, 0.969rem + 0.312vw, 1.25rem);
    --hsp-xxs: clamp(0.875rem, 0.813rem + 0.208vw, 1rem);
    --hss-xxl: clamp(7.125rem, 6.533rem + 1.977vw, 8.3125rem);
    --hss-xl: clamp(5.9375rem, 5.439rem + 1.665vw, 6.9375rem);
    --hss-l: clamp(4.9375rem, 4.533rem + 1.353vw, 5.75rem);
    --hss-m: clamp(4.125rem, 3.782rem + 1.145vw, 4.8125rem);
    --hss-s: clamp(3.4375rem, 3.157rem + 0.937vw, 4rem);
    --hss-xs: clamp(2.875rem, 2.657rem + 0.728vw, 3.3125rem);
    --hss-xxs: clamp(2.375rem, 2.157rem + 0.728vw, 2.8125rem);

}

@supports (font-size: 1cqi) {
    html:root {
        --hfs-h0: clamp(2rem, 1.097rem + 3.018cqi, 3.8125rem);
        --hfs-h1: clamp(1.8125rem, 1.189rem + 2.081cqi, 3.0625rem);
        --hfs-h2: clamp(1.625rem, 1.220rem + 1.353cqi, 2.4375rem);
        --hfs-h3: clamp(1.4375rem, 1.188rem + 0.832cqi, 1.9375rem);
        --hfs-h4: clamp(1.25rem, 1.094rem + 0.520cqi, 1.5625rem);
        --hfs-h5: clamp(1.125rem, 1.063rem + 0.208cqi, 1.25rem);
        --hfs-h6: clamp(1rem, 1.000rem + 0.000cqi, 1rem);
        --hfs-text-l: clamp(1.125rem, 1.063rem + 0.208cqi, 1.25rem);
        --hfs-text-m: clamp(1rem, 1.000rem + 0.000cqi, 1rem);
        --hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
        --hsp-xxl: clamp(2.5625rem, 2.344rem + 0.728cqi, 3rem);
        --hsp-xl: clamp(2.1875rem, 2.032rem + 0.520cqi, 2.5rem);
        --hsp-l: clamp(1.8125rem, 1.657rem + 0.520cqi, 2.125rem);
        --hsp-m: clamp(1.5rem, 1.375rem + 0.416cqi, 1.75rem);
        --hsp-s: clamp(1.25rem, 1.157rem + 0.312cqi, 1.4375rem);
        --hsp-xs: clamp(1.0625rem, 0.969rem + 0.312cqi, 1.25rem);
        --hsp-xxs: clamp(0.875rem, 0.813rem + 0.208cqi, 1rem);
        --hss-xxl: clamp(7.125rem, 6.533rem + 1.977cqi, 8.3125rem);
        --hss-xl: clamp(5.9375rem, 5.439rem + 1.665cqi, 6.9375rem);
        --hss-l: clamp(4.9375rem, 4.533rem + 1.353cqi, 5.75rem);
        --hss-m: clamp(4.125rem, 3.782rem + 1.145cqi, 4.8125rem);
        --hss-s: clamp(3.4375rem, 3.157rem + 0.937cqi, 4rem);
        --hss-xs: clamp(2.875rem, 2.657rem + 0.728cqi, 3.3125rem);
        --hss-xxs: clamp(2.375rem, 2.157rem + 0.728cqi, 2.8125rem);

    }
}

html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {

    --bde-headings-color: var(--hsx-headings-color);
    --bde-body-text-color: var(--hsx-body-text-color);
    --bde-background-color: var(--hsx-site-background);
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
    --bde-links-color: var(--hcl-brand-9);
    --bde-links-color-hover: var(--hcl-brand-10);
}

:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="invert"],
[data-hsx*="invert"] {

    --bde-headings-color: var(--hsx-headings-color) !important;
    --bde-body-text-color: var(--hsx-body-text-color) !important;
    --bde-background-color: var(--hsx-site-background) !important;
    --bde-brand-primary-color: var(--hcl-brand-9);
    --bde-brand-primary-color-hover: var(--hcl-brand-10);
    --bde-links-color: var(--hcl-brand-9);
    --bde-links-color-hover: var(--hcl-brand-10);
}

html:root {
    --bde-section-width: calc(var(--hsx-page-width) + 2 * var(--hsx-min-offset));
    --bde-section-horizontal-padding: var(--hsx-min-offset);
    --bde-column-gap: var(--hsx-page-gap);
    --bde-h1-font-size: var(--hfs-h1);
    --bde-h2-font-size: var(--hfs-h2);
    --bde-h3-font-size: var(--hfs-h3);
    --bde-h4-font-size: var(--hfs-h4);
    --bde-h5-font-size: var(--hfs-h5);
    --bde-h6-font-size: var(--hfs-h6);
    --bde-body-font-size: var(--hfs-text-m);

}