:root {
    --color-background-dark: #d5d5d5;
    --color-brand-primary: #808080;
    --color-brand-primary-subtle: #ccc;
    --color-brand-primary-action: #777;
    --color-brand-secondary: #2e2e2e;
    --color-brand-secondary-subtle: #cfcfcf;
    --color-secondary-hover: #6f6f6f;
    --color-disabled: #f0f1f4;
    --color-border: #d8d8e0;
    --color-text-primary: #1a1a1a;
    --color-text-secondary: #4b4b4b;
    --color-text-tertiary: #7b7b7b;
    --color-text-brand: #242424;
    --color-text-disabled: #b0b0b0;
    --color-text-placeholder: #a6a6a6;
    --color-error: #fb5607;
    --color-error-sublte: #fff0e6;
    --input-padding-vertical: 16px;
    --input-padding-left: 24px;
    --input-padding-right: 20px;
    --sticky-nav-block-padding: 80px
}

@media(min-width:768px) {
    :root {
        --sticky-nav-block-padding: 106px
    }
}

@media(min-width:1280px) {
    :root {
        --sticky-nav-block-padding: 10px
    }
}

:root {
    --font-family-text: "Helvetica", Helvetica;
    --color-body: var(--color-text-secondary);
    --font-size-body: var(--step-0);
    --font-size-body-small: 1rem;
    --flow-space: var(--space-m);
    --column-gap: var(--space-m);
    --border-light: 1px solid var(--color-brand-primary-subtle);
    --border: var(--color-border) 1px solid;
    --content-max-width: 780px;
    --content-max-width-wide: 900px;
    --box-spacing: clamp(1rem, 2.5vw + 0.25rem, 2.25rem);
    --component-spacing: var(--space-3xl-4xl);
    --space-gutter: var(--space-s-2xl);
    --max-container-width: calc(var(--content-max-width-full) + var(--space-gutter) * 2);
    --content-max-width-full: 1920px;
    --variable-radius: 14px;
    --space-section-large: 120px;
    --space-section-medium: var(--space-2xl);
    --space-section-small: 52px;
    --space-section-xs: 24px;
    --navigation-space-top: var(--space-l-xl);
    --navigation-space-bottom: var(--space-3xl-4xl);
    --navigation-height: 75px;
    --notification-bar-height: 32px;
    --transition: 350ms ease-out;
    --transition-quick: 200ms ease;
    --transition-slow: 700ms ease;
    --transition-button: 300ms ease;
    --ease-out: cubic-bezier(0.34, 0.34, 0.02, 0.97);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.32, 1.51, 0.36, 0.97);
    --delay-multiplier: 0.05
}

@media(min-width:768px) {
    :root {
        --variable-radius: 16px;
        --space-section-large: 200px;
        --space-section-medium: var(--space-3xl);
        --space-section-small: 69px;
        --space-section-xs: 32px
    }
}

@media(min-width:1280px) {
    :root {
        --space-section-large: calc(var(--space-4xl) * 1.4);
        --space-section-medium: var(--space-4xl);
        --space-section-small: 92px;
        --space-section-xs: 40px;
        --navigation-height: 84px;
        --notification-bar-height: 37px
    }
}

:root {
    --step--2: clamp(0.64rem, 0.7033rem + -0.051vw, 0.6914rem);
    --step--1: clamp(0.7778rem, 0.7726rem + 0.0221vw, 0.8rem);
    --step-0: clamp(0.875rem, 0.846rem + 0.1242vw, 1rem);
    --step-1: clamp(0.9844rem, 0.9227rem + 0.264vw, 1.25rem);
    --step-2: clamp(1.1074rem, 1.0017rem + 0.4523vw, 1.5625rem);
    --step-3: clamp(1.2458rem, 1.0816rem + 0.7029vw, 1.9531rem);
    --step-4: clamp(1.4016rem, 1.16rem + 1.0334vw, 2.4414rem);
    --step-5: clamp(1.5768rem, 1.2341rem + 1.4658vw, 3.0518rem);
    --step-6: clamp(1.7739rem, 1.2998rem + 2.0281vw, 3.8147rem);
    --step-7: clamp(1.9956rem, 1.3515rem + 2.7555vw, 4.7684rem);
    --step-8: clamp(2.2451rem, 1.382rem + 3.6923vw, 5.9605rem);
    --step-9: clamp(2.5257rem, 1.3817rem + 4.8943vw, 7.4506rem);
    --step-10: clamp(2.8414rem, 1.338rem + 6.4316vw, 9.3132rem);
    --space-3xs: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);
    --space-2xs: clamp(0.4375rem, 0.423rem + 0.0621vw, 0.5rem);
    --space-xs: clamp(0.5625rem, 0.548rem + 0.0621vw, 0.625rem);
    --space-s: clamp(0.875rem, 0.846rem + 0.1242vw, 1rem);
    --space-m: clamp(1.3125rem, 1.2689rem + 0.1863vw, 1.5rem);
    --space-l: clamp(1.75rem, 1.6919rem + 0.2484vw, 2rem);
    --space-xl: clamp(2.625rem, 2.5379rem + 0.3727vw, 3rem);
    --space-2xl: clamp(3.5rem, 3.3839rem + 0.4969vw, 4rem);
    --space-3xl: clamp(5.25rem, 5.0758rem + 0.7453vw, 6rem);
    --space-4xl: clamp(7.875rem, 7.6137rem + 1.118vw, 9rem);
    --space-5xl: clamp(13.125rem, 12.6894rem + 1.8634vw, 15rem);
    --space-3xs-2xs: clamp(0.25rem, 0.1919rem + 0.2484vw, 0.5rem);
    --space-2xs-xs: clamp(0.4375rem, 0.3939rem + 0.1863vw, 0.625rem);
    --space-xs-s: clamp(0.5625rem, 0.4609rem + 0.4348vw, 1rem);
    --space-s-m: clamp(0.875rem, 0.7298rem + 0.6211vw, 1.5rem);
    --space-m-l: clamp(1.3125rem, 1.1528rem + 0.6832vw, 2rem);
    --space-l-xl: clamp(1.75rem, 1.4596rem + 1.2422vw, 3rem);
    --space-xl-2xl: clamp(2.625rem, 2.3056rem + 1.3665vw, 4rem);
    --space-2xl-3xl: clamp(3.5rem, 2.9193rem + 2.4845vw, 6rem);
    --space-3xl-4xl: clamp(5.25rem, 4.3789rem + 3.7267vw, 9rem);
    --space-4xl-5xl: clamp(7.875rem, 6.2199rem + 7.0807vw, 15rem);
    --space-2xl-5xl: clamp(3.5rem, 0.8286rem + 11.4286vw, 15rem);
    --space-xl-4xl: clamp(2.625rem, 1.1441rem + 6.3354vw, 9rem);
    --space-l-3xl: clamp(1.75rem, 0.7627rem + 4.2236vw, 6rem);
    --space-m-2xl: clamp(1.3125rem, 0.6882rem + 2.6708vw, 4rem);
    --space-m-4xl: clamp(1.3125rem, -0.4733rem + 7.6398vw, 9rem);
    --space-s-2xl: clamp(0.875rem, 0.1491rem + 3.1056vw, 4rem);
    --animation-delay: 0ms
}

[animation=text-reveal] .word-parent {
    overflow: clip
}

[data-animated] [animation=text-reveal] {
    opacity: 0
}

[data-animated] [animation=text-reveal] .word-child {
    transform: translateY(100%)
}

.active [animation=text-reveal] {
    opacity: 1
}

.active [animation=text-reveal] .word-parent:nth-child(1n) .word-child {
    transition-delay: .02s
}

.active [animation=text-reveal] .word-parent:nth-child(2n) .word-child {
    transition-delay: .04s
}

.active [animation=text-reveal] .word-parent:nth-child(3n) .word-child {
    transition-delay: .06s
}

.active [animation=text-reveal] .word-parent:nth-child(4n) .word-child {
    transition-delay: .08s
}

.active [animation=text-reveal] .word-parent:nth-child(5n) .word-child {
    transition-delay: .1s
}

.active [animation=text-reveal] .word-parent:nth-child(6n) .word-child {
    transition-delay: .12s
}

.active [animation=text-reveal] .word-parent:nth-child(7n) .word-child {
    transition-delay: .14s
}

.active [animation=text-reveal] .word-parent:nth-child(8n) .word-child {
    transition-delay: .16s
}

.active [animation=text-reveal] .word-parent:nth-child(9n) .word-child {
    transition-delay: .18s
}

.active [animation=text-reveal] .word-parent:nth-child(10n) .word-child {
    transition-delay: .2s
}

.active [animation=text-reveal] .word-parent:nth-child(11n) .word-child {
    transition-delay: .22s
}

.active [animation=text-reveal] .word-parent:nth-child(12n) .word-child {
    transition-delay: .24s
}

.active [animation=text-reveal] .word-parent:nth-child(13n) .word-child {
    transition-delay: .26s
}

.active [animation=text-reveal] .word-parent:nth-child(14n) .word-child {
    transition-delay: .28s
}

.active [animation=text-reveal] .word-parent:nth-child(15n) .word-child {
    transition-delay: .3s
}

.active [animation=text-reveal] .word-parent:nth-child(16n) .word-child {
    transition-delay: .32s
}

.active [animation=text-reveal] .word-parent:nth-child(17n) .word-child {
    transition-delay: .34s
}

.active [animation=text-reveal] .word-parent:nth-child(18n) .word-child {
    transition-delay: .36s
}

.active [animation=text-reveal] .word-parent:nth-child(19n) .word-child {
    transition-delay: .38s
}

.active [animation=text-reveal] .word-parent:nth-child(20n) .word-child {
    transition-delay: .4s
}

.active [animation=text-reveal] .word-parent:nth-child(21n) .word-child {
    transition-delay: .42s
}

.active [animation=text-reveal] .word-parent:nth-child(22n) .word-child {
    transition-delay: .44s
}

.active [animation=text-reveal] .word-parent:nth-child(23n) .word-child {
    transition-delay: .46s
}

.active [animation=text-reveal] .word-parent:nth-child(24n) .word-child {
    transition-delay: .48s
}

.active [animation=text-reveal] .word-parent:nth-child(25n) .word-child {
    transition-delay: .5s
}

.active [animation=text-reveal] .word-parent:nth-child(26n) .word-child {
    transition-delay: .52s
}

.active [animation=text-reveal] .word-parent:nth-child(27n) .word-child {
    transition-delay: .54s
}

.active [animation=text-reveal] .word-parent:nth-child(28n) .word-child {
    transition-delay: .56s
}

.active [animation=text-reveal] .word-parent:nth-child(29n) .word-child {
    transition-delay: .58s
}

.active [animation=text-reveal] .word-parent:nth-child(30n) .word-child {
    transition-delay: .6s
}

.active [animation=text-reveal] .word-parent:nth-child(31n) .word-child {
    transition-delay: .62s
}

.active [animation=text-reveal] .word-parent:nth-child(32n) .word-child {
    transition-delay: .64s
}

.active [animation=text-reveal] .word-parent:nth-child(33n) .word-child {
    transition-delay: .66s
}

.active [animation=text-reveal] .word-parent:nth-child(34n) .word-child {
    transition-delay: .68s
}

.active [animation=text-reveal] .word-parent:nth-child(35n) .word-child {
    transition-delay: .7s
}

.active [animation=text-reveal] .word-parent:nth-child(36n) .word-child {
    transition-delay: .72s
}

.active [animation=text-reveal] .word-parent:nth-child(37n) .word-child {
    transition-delay: .74s
}

.active [animation=text-reveal] .word-parent:nth-child(38n) .word-child {
    transition-delay: .76s
}

.active [animation=text-reveal] .word-parent:nth-child(39n) .word-child {
    transition-delay: .78s
}

.active [animation=text-reveal] .word-parent:nth-child(40n) .word-child {
    transition-delay: .8s
}

.active [animation=text-reveal] .word-parent:nth-child(41n) .word-child {
    transition-delay: .82s
}

.active [animation=text-reveal] .word-parent:nth-child(42n) .word-child {
    transition-delay: .84s
}

.active [animation=text-reveal] .word-parent:nth-child(43n) .word-child {
    transition-delay: .86s
}

.active [animation=text-reveal] .word-parent:nth-child(44n) .word-child {
    transition-delay: .88s
}

.active [animation=text-reveal] .word-parent:nth-child(45n) .word-child {
    transition-delay: .9s
}

.active [animation=text-reveal] .word-parent:nth-child(46n) .word-child {
    transition-delay: .92s
}

.active [animation=text-reveal] .word-parent:nth-child(47n) .word-child {
    transition-delay: .94s
}

.active [animation=text-reveal] .word-parent:nth-child(48n) .word-child {
    transition-delay: .96s
}

.active [animation=text-reveal] .word-parent:nth-child(49n) .word-child {
    transition-delay: .98s
}

.active [animation=text-reveal] .word-parent:nth-child(50n) .word-child {
    transition-delay: 1s
}

.active [animation=text-reveal] .word-parent:nth-child(51n) .word-child {
    transition-delay: 1.02s
}

.active [animation=text-reveal] .word-parent:nth-child(52n) .word-child {
    transition-delay: 1.04s
}

.active [animation=text-reveal] .word-parent:nth-child(53n) .word-child {
    transition-delay: 1.06s
}

.active [animation=text-reveal] .word-parent:nth-child(54n) .word-child {
    transition-delay: 1.08s
}

.active [animation=text-reveal] .word-parent:nth-child(55n) .word-child {
    transition-delay: 1.1s
}

.active [animation=text-reveal] .word-parent:nth-child(56n) .word-child {
    transition-delay: 1.12s
}

.active [animation=text-reveal] .word-parent:nth-child(57n) .word-child {
    transition-delay: 1.14s
}

.active [animation=text-reveal] .word-parent:nth-child(58n) .word-child {
    transition-delay: 1.16s
}

.active [animation=text-reveal] .word-parent:nth-child(59n) .word-child {
    transition-delay: 1.18s
}

.active [animation=text-reveal] .word-parent:nth-child(60n) .word-child {
    transition-delay: 1.2s
}

.active [animation=text-reveal] .word-parent:nth-child(61n) .word-child {
    transition-delay: 1.22s
}

.active [animation=text-reveal] .word-parent:nth-child(62n) .word-child {
    transition-delay: 1.24s
}

.active [animation=text-reveal] .word-parent:nth-child(63n) .word-child {
    transition-delay: 1.26s
}

.active [animation=text-reveal] .word-parent:nth-child(64n) .word-child {
    transition-delay: 1.28s
}

.active [animation=text-reveal] .word-parent:nth-child(65n) .word-child {
    transition-delay: 1.3s
}

.active [animation=text-reveal] .word-parent:nth-child(66n) .word-child {
    transition-delay: 1.32s
}

.active [animation=text-reveal] .word-parent:nth-child(67n) .word-child {
    transition-delay: 1.34s
}

.active [animation=text-reveal] .word-parent:nth-child(68n) .word-child {
    transition-delay: 1.36s
}

.active [animation=text-reveal] .word-parent:nth-child(69n) .word-child {
    transition-delay: 1.38s
}

.active [animation=text-reveal] .word-parent:nth-child(70n) .word-child {
    transition-delay: 1.4s
}

.active [animation=text-reveal] .word-parent:nth-child(71n) .word-child {
    transition-delay: 1.42s
}

.active [animation=text-reveal] .word-parent:nth-child(72n) .word-child {
    transition-delay: 1.44s
}

.active [animation=text-reveal] .word-parent:nth-child(73n) .word-child {
    transition-delay: 1.46s
}

.active [animation=text-reveal] .word-parent:nth-child(74n) .word-child {
    transition-delay: 1.48s
}

.active [animation=text-reveal] .word-parent:nth-child(75n) .word-child {
    transition-delay: 1.5s
}

.active [animation=text-reveal] .word-parent:nth-child(76n) .word-child {
    transition-delay: 1.52s
}

.active [animation=text-reveal] .word-parent:nth-child(77n) .word-child {
    transition-delay: 1.54s
}

.active [animation=text-reveal] .word-parent:nth-child(78n) .word-child {
    transition-delay: 1.56s
}

.active [animation=text-reveal] .word-parent:nth-child(79n) .word-child {
    transition-delay: 1.58s
}

.active [animation=text-reveal] .word-parent:nth-child(80n) .word-child {
    transition-delay: 1.6s
}

.active [animation=text-reveal] .word-child {
    transition: transform 1.4s cubic-bezier(.23, 1, .32, 1);
    transform: translateY(0)
}

[data-animated] [animation=fade-up] {
    opacity: 0
}

.active [animation=fade-up] {
    animation: fadeInUp forwards var(--transition-slow)
}

[data-animated] [animation=fade-in] {
    opacity: 0
}

.active [animation=fade-in] {
    animation: fadeIn forwards var(--transition-slow)
}

[data-animated] [animation=fade-in-children]>* {
    opacity: 0
}

.active [animation=fade-in-children]>* {
    animation: fadeIn forwards var(--transition-slow)
}

.active [animation=fade-in-children]>:nth-child(1n) {
    animation-delay: .15s
}

.active [animation=fade-in-children]>:nth-child(2n) {
    animation-delay: .3s
}

.active [animation=fade-in-children]>:nth-child(3n) {
    animation-delay: .45s
}

.active [animation=fade-in-children]>:nth-child(4n) {
    animation-delay: .6s
}

.active [animation=fade-in-children]>:nth-child(5n) {
    animation-delay: .75s
}

.active [animation=fade-in-children]>:nth-child(6n) {
    animation-delay: .9s
}

.active [animation=fade-in-children]>:nth-child(7n) {
    animation-delay: 1.05s
}

.active [animation=fade-in-children]>:nth-child(8n) {
    animation-delay: 1.2s
}

.active [animation=fade-in-children]>:nth-child(9n) {
    animation-delay: 1.35s
}

.active [animation=fade-in-children]>:nth-child(10n) {
    animation-delay: 1.5s
}

[data-animated] [animation=fade-up-children]>* {
    opacity: 0
}

.active [animation=fade-up-children]>* {
    animation: fadeInUp forwards var(--transition-slow)
}

.active [animation=fade-up-children]>:nth-child(1n) {
    animation-delay: calc(var(--animation-delay) + .15s)
}

.active [animation=fade-up-children]>:nth-child(2n) {
    animation-delay: calc(var(--animation-delay) + .3s)
}

.active [animation=fade-up-children]>:nth-child(3n) {
    animation-delay: calc(var(--animation-delay) + .45s)
}

.active [animation=fade-up-children]>:nth-child(4n) {
    animation-delay: calc(var(--animation-delay) + .6s)
}

.active [animation=fade-up-children]>:nth-child(5n) {
    animation-delay: calc(var(--animation-delay) + .75s)
}

.active [animation=fade-up-children]>:nth-child(6n) {
    animation-delay: calc(var(--animation-delay) + .9s)
}

.active [animation=fade-up-children]>:nth-child(7n) {
    animation-delay: calc(var(--animation-delay) + 1.05s)
}

.active [animation=fade-up-children]>:nth-child(8n) {
    animation-delay: calc(var(--animation-delay) + 1.2s)
}

.active [animation=fade-up-children]>:nth-child(9n) {
    animation-delay: calc(var(--animation-delay) + 1.35s)
}

.active [animation=fade-up-children]>:nth-child(10n) {
    animation-delay: calc(var(--animation-delay) + 1.5s)
}

[data-animated] [animation=border-fade-in-children]>* {
    opacity: 0
}

.active [animation=border-fade-in-children]>* {
    animation: borderFadeIn forwards var(--transition-slow)
}

.active [animation=border-fade-in-children]>:nth-child(1n) {
    animation-delay: .15s
}

.active [animation=border-fade-in-children]>:nth-child(2n) {
    animation-delay: .3s
}

.active [animation=border-fade-in-children]>:nth-child(3n) {
    animation-delay: .45s
}

.active [animation=border-fade-in-children]>:nth-child(4n) {
    animation-delay: .6s
}

.active [animation=border-fade-in-children]>:nth-child(5n) {
    animation-delay: .75s
}

.active [animation=border-fade-in-children]>:nth-child(6n) {
    animation-delay: .9s
}

.active [animation=border-fade-in-children]>:nth-child(7n) {
    animation-delay: 1.05s
}

.active [animation=border-fade-in-children]>:nth-child(8n) {
    animation-delay: 1.2s
}

.active [animation=border-fade-in-children]>:nth-child(9n) {
    animation-delay: 1.35s
}

.active [animation=border-fade-in-children]>:nth-child(10n) {
    animation-delay: 1.5s
}

[data-animated] [animation=border-fade-in] {
    opacity: 0
}

.active [animation=border-fade-in] {
    animation: borderFadeIn forwards var(--transition-slow)
}

@keyframes borderFadeIn {
    0% {
        opacity: 0;
        -webkit-clip-path: inset(5% round var(--variable-radius));
        clip-path: inset(5% round var(--variable-radius))
    }

    to {
        opacity: 1;
        -webkit-clip-path: inset(0 round var(--variable-radius));
        clip-path: inset(0 round var(--variable-radius))
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        transform: translateY(10px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.active [animation-delay="1"] {
    --animation-delay: calc(1 * 150ms);
    animation-delay: calc(.15s*1)
}

.active [animation-delay="2"] {
    --animation-delay: calc(2 * 150ms);
    animation-delay: calc(.15s*2)
}

.active [animation-delay="3"] {
    --animation-delay: calc(3 * 150ms);
    animation-delay: calc(.15s*3)
}

.active [animation-delay="4"] {
    --animation-delay: calc(4 * 150ms);
    animation-delay: calc(.15s*4)
}

.active [animation-delay="5"] {
    --animation-delay: calc(5 * 150ms);
    animation-delay: calc(.15s*5)
}

.active [animation-delay="6"] {
    --animation-delay: calc(6 * 150ms);
    animation-delay: calc(.15s*6)
}

.active [animation-delay="7"] {
    --animation-delay: calc(7 * 150ms);
    animation-delay: calc(.15s*7)
}

.active [animation-delay="8"] {
    --animation-delay: calc(8 * 150ms);
    animation-delay: calc(.15s*8)
}

.active [animation-delay="9"] {
    --animation-delay: calc(9 * 150ms);
    animation-delay: calc(.15s*9)
}

.active [animation-delay="10"] {
    --animation-delay: calc(10 * 150ms);
    animation-delay: calc(.15s*10)
}

:root {
    --neutral-1: #faf9f2;
    --neutral-2: #e6e5dd;
    --neutral-3: #dbdad4;
    --neutral-4: #a8a7a3;
    --neutral-5: #81807c;
    --neutral-6: #363633;
    --neutral-7: #1f1e1d;
    --color-1: var(--neutral-1);
    --color-2: var(--neutral-2);
    --color-3: var(--neutral-3);
    --color-4: var(--neutral-4);
    --color-5: var(--neutral-5);
    --color-6: var(--neutral-6);
    --color-7: var(--neutral-7);
    --theme-bg-primary: var(--color-1)
}

.theme-brand {
    --color-1: #fff2e0;
    --color-2: #ffdead;
    --color-3: #ffbc5e;
    --color-4: #f59d21;
    --color-5: #eb8900;
    --color-6: #854000;
    --color-7: #4d2c00
}

.theme-music {
    --color-1: #ffebe0;
    --color-2: #ff9966;
    --color-3: #ff7633;
    --color-4: #ff5501;
    --color-5: #cc3701;
    --color-6: #851200;
    --color-7: #750000
}

.theme-dance {
    --color-1: #e0feff;
    --color-2: #9df5f5;
    --color-3: #1af7ff;
    --color-4: #00dce4;
    --color-5: #00949e;
    --color-6: #00606b;
    --color-7: #003e4d
}

.theme-theatre {
    --color-1: #ffe8e8;
    --color-2: #fa8787;
    --color-3: #ff5757;
    --color-4: #ff4141;
    --color-5: #9e0032;
    --color-6: #820032;
    --color-7: #3d0015
}

.theme-visual {
    --color-1: #e0f5ff;
    --color-2: #7ad4ff;
    --color-3: #01abff;
    --color-4: #0197e1;
    --color-5: #1844c7;
    --color-6: #123293;
    --color-7: #001247
}

.mid,
.theme-brand,
.theme-dance,
.theme-music,
.theme-neutral,
.theme-theatre,
.theme-visual,
:root {
    --color-hero-headline: var(--color-5);
    --color-hero-body: var(--color-5);
    --color-headline: var(--color-6);
    --color-text-body: var(--color-6);
    --color-text-dark: var(--color-7);
    --color-hyperlink: var(--color-5);
    --color-lines: var(--color-3);
    --color-block: var(--color-3);
    --color-container: var(--color-1);
    --color-background: var(--color-2);
    --color-button-secondary: var(--color-3)
}

.light {
    --color-hero-headline: var(--color-5);
    --color-hero-body: var(--color-5);
    --color-headline: var(--color-5);
    --color-text-body: var(--color-6);
    --color-text-dark: var(--color-7);
    --color-hyperlink: var(--color-5);
    --color-lines: var(--color-2);
    --color-block: var(--color-3);
    --color-container: var(--color-2);
    --color-background: var(--color-1);
    --color-button-secondary: var(--color-3)
}

.dark {
    --color-hero-headline: var(--color-7);
    --color-hero-body: var(--color-7);
    --color-headline: var(--color-6);
    --color-text-body: var(--color-6);
    --color-text-dark: var(--color-7);
    --color-hyperlink: var(--color-5);
    --color-lines: var(--color-5);
    --color-block: var(--color-3);
    --color-container: var(--color-2);
    --color-background: var(--color-3);
    --color-button-secondary: var(--color-2)
}

.theme-neutral {
    --color-1: var(--neutral-1);
    --color-2: var(--neutral-2);
    --color-3: var(--neutral-3);
    --color-4: var(--neutral-4);
    --color-5: var(--neutral-5);
    --color-6: var(--neutral-6);
    --color-7: var(--neutral-7);
    --color-hero-headline: var(--neutral-7)
}

.theme-neutral .dark,
.theme-neutral.dark {
    --color-hero-headline: var(--neutral-2);
    --color-hero-body: #eb8900;
    --color-headline: var(--neutral-2);
    --color-text-body: var(--neutral-2);
    --color-text-dark: var(--neutral-2);
    --color-hyperlink: var(--neutral-5);
    --color-lines: var(--neutral-6);
    --color-block: var(--neutral-3);
    --color-container: var(--neutral-6);
    --color-background: var(--neutral-7);
    --color-button-secondary: var(--neutral-3)
}

.theme-neutral .dark.CardGrid,
.theme-neutral.dark.CardGrid {
    --color-text-body: var(--neutral-4)
}

body {
    background-color: var(--neutral-7)
}

.contentContainer {
    background-color: var(--color-background)
}

.contentContainer>* {
    z-index: 1
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.h9,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-headline)
}

.h8,
a,
blockquote,
li,
p {
    color: var(--color-text-body)
}

.EventDetails blockquote {
    color: var(--color-5)
}

.quoteName {
    color: var(--color-headline)
}

.EventDetails .quoteName {
    color: var(--color-6)
}

.quoteName:before {
    background: var(--color-headline)
}

.EventDetails .quoteName:before {
    background: var(--color-6)
}

.Component {
    background-color: var(--color-background)
}

* {
    margin: 0
}

html {
    block-size: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    text-size-adjust: none
}

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

body,
html {
    block-size: 100%
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    text-rendering: optimizeSpeed
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

ol,
ul {
    padding: 0
}

audio,
canvas,
embed,
iframe,
img,
object,
picture,
svg,
video {
    display: block;
    max-inline-size: 100%
}

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

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    padding: 0;
    text-align: inherit
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    inset-block-end: -.25em
}

sup {
    inset-block-start: -.5em
}

:focus-visible {
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color;
    outline-color: #cb54ff;
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 3px
}

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

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

:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ul, ol, pre, table, figure, blockquote, form, fieldset, dl, address, details, hr, aside, video)+* {
    -webkit-margin-before: var(--flow-space);
    margin-block-start: var(--flow-space)
}

:where(.pageWrapper) {
    font-family: var(--font-walsheim);
    font-size: var(--step-0);
    font-weight: 400;
    line-height: 1.5;
    overflow-x: clip
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.h8,
.h9,
h1,
h2,
h3,
h4,
h5,
h6 {
    --flow-space: var(--space-m-l);
    font-family: var(--font-walsheim-condensed);
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1
}

.h1,
h1 {
    font-weight: 800;
    font-size: var(--step-10);
    letter-spacing: -.03em;
    line-height: .8
}

.h1--display {
    font-size: clamp(3.25rem, 1.5409rem + 7.2727vw, 11.25rem)
}

.h2,
h2 {
    font-size: var(--step-9);
    line-height: .9
}

.h2,
.h3,
h2,
h3 {
    font-weight: 800;
    letter-spacing: -.03em
}

.h3,
h3 {
    font-size: var(--step-7);
    line-height: .8
}

.h4,
h4 {
    font-weight: 800;
    font-size: var(--step-6)
}

.h4,
.h5,
h4,
h5 {
    letter-spacing: -.03em;
    line-height: .9
}

.h5,
h5 {
    font-size: var(--step-5)
}

.h5,
.h6,
h5,
h6 {
    font-weight: 700
}

.h6,
h6 {
    font-size: var(--step-4);
    line-height: .9
}

.h7 {
    font-family: var(--font-super);
    font-style: italic;
    font-size: var(--step-5)
}

.h7,
.h8 {
    text-transform: none
}

.h8 {
    font-size: var(--step-1);
    font-weight: 700
}

.h8,
.h9 {
    line-height: 1.2
}

.h9 {
    font-size: var(--step--1)
}

.text--size-xl {
    line-height: 1.1;
    font-size: var(--step-7);
    letter-spacing: -.05em
}

.text--size-xl.text--condensed {
    font-size: var(--step-5);
    letter-spacing: -.02em
}

.text--size-l {
    line-height: 1.5;
    font-size: var(--step-2)
}

.text--size-l.text--condensed {
    font-size: var(--step-3);
    letter-spacing: -.02em;
    line-height: 1.1
}

.text--size-s {
    font-size: var(--step--1)
}

.text--size-xs {
    font-size: var(--step--2);
    line-height: 1
}

.button-text,
.label,
.label--size-l,
.label--size-s {
    font-family: var(--font-walsheim-condensed);
    font-size: var(--step-2);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.Submenu-heading span.button-text,
.Submenu-heading span.label,
.Submenu-heading span.label--size-l,
.Submenu-heading span.label--size-s,
.italic.button-text,
.italic.label--size-l,
.italic.label--size-s,
.label.italic {
    font-size: var(--step-0)
}

.label--size-l {
    font-size: var(--step-4)
}

.Submenu-heading span.label--size-l,
.label--size-l.italic {
    font-size: var(--step-2)
}

.button-text,
.label--size-s {
    font-size: var(--step-0);
    line-height: 1.1
}

.label--size-xs {
    line-height: 1.1;
    font-size: var(--step--1)
}

.label--size-xs,
.tag {
    font-family: var(--font-walsheim-condensed);
    text-transform: uppercase
}

.tag {
    font-size: var(--step-1)
}

.chip {
    margin: 0;
    display: inline;
    padding: var(--space-xs);
    border-radius: 24px;
    background-color: var(--color-2)
}

.Submenu-heading span,
.italic {
    font-family: var(--font-super);
    font-style: italic;
    letter-spacing: -.01em;
    line-height: .78;
    font-weight: 400
}

.quoteName {
    display: inline-flex;
    align-items: center;
    gap: var(--space-s)
}

.quoteName:before {
    content: "";
    width: var(--space-2xl);
    height: 1px
}

:where(.text--condensed) {
    font-family: var(--font-walsheim-condensed);
    font-size: var(--step-1);
    line-height: 1.2
}

a {
    color: inherit;
    text-decoration: none;
    transition-property: -webkit-text-decoration-color color;
    transition-property: text-decoration-color color;
    transition-property: text-decoration-color color, -webkit-text-decoration-color color;
    transition-timing-function: ease;
    transition-duration: .2s
}

a:hover {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0)
}

a.link-tiny {
    font-size: var(--step--2);
    font-family: var(--font-walsheim-condensed);
    text-transform: uppercase;
    text-decoration-thickness: auto;
    text-underline-offset: 25%
}

a.link-tiny,
p a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

p a {
    color: var(--color-hyperlink);
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 7%;
    text-underline-offset: 23%
}

button {
    cursor: pointer
}

hr {
    width: 100%;
    border: 0;
    margin-inline: auto
}

hr:after {
    background-color: var(--color-lines);
    block-size: 1px;
    width: 100%;
    content: "";
    display: block
}

code,
kbd {
    background: var(--color-brand-secondary-subtle);
    border-radius: 4px;
    display: inline-block;
    font-size: .95em;
    padding-block: 0;
    padding-inline: .375em;
    word-break: break-word
}

.media {
    position: relative;
    overflow: hidden
}

.media img {
    width: 100%;
    height: auto
}

.placeholder {
    background: var(--color-text-primary);
    background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8' standalone='no'%3f%3e %3c!-- Uploaded to: SVG Repo%2c www.svgrepo.com%2c Generator: SVG Repo Mixer Tools --%3e %3csvg width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3e%3ctitle%3eimage-picture%3c/title%3e%3cdesc%3eCreated with Sketch Beta.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3e%3cg id='Icon-Set' sketch:type='MSLayerGroup' transform='translate(-360.000000%2c -99.000000)' fill='white'%3e%3cpath d='M368%2c109 C366.896%2c109 366%2c108.104 366%2c107 C366%2c105.896 366.896%2c105 368%2c105 C369.104%2c105 370%2c105.896 370%2c107 C370%2c108.104 369.104%2c109 368%2c109 L368%2c109 Z M368%2c103 C365.791%2c103 364%2c104.791 364%2c107 C364%2c109.209 365.791%2c111 368%2c111 C370.209%2c111 372%2c109.209 372%2c107 C372%2c104.791 370.209%2c103 368%2c103 L368%2c103 Z M390%2c116.128 L384%2c110 L374.059%2c120.111 L370%2c116 L362%2c123.337 L362%2c103 C362%2c101.896 362.896%2c101 364%2c101 L388%2c101 C389.104%2c101 390%2c101.896 390%2c103 L390%2c116.128 L390%2c116.128 Z M390%2c127 C390%2c128.104 389.104%2c129 388%2c129 L382.832%2c129 L375.464%2c121.535 L384%2c112.999 L390%2c118.999 L390%2c127 L390%2c127 Z M364%2c129 C362.896%2c129 362%2c128.104 362%2c127 L362%2c126.061 L369.945%2c118.945 L380.001%2c129 L364%2c129 L364%2c129 Z M388%2c99 L364%2c99 C361.791%2c99 360%2c100.791 360%2c103 L360%2c127 C360%2c129.209 361.791%2c131 364%2c131 L388%2c131 C390.209%2c131 392%2c129.209 392%2c127 L392%2c103 C392%2c100.791 390.209%2c99 388%2c99 L388%2c99 Z' id='image-picture' sketch:type='MSShapeGroup'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: 10%;
    background-position: 50%;
    background-repeat: no-repeat
}

img {
    block-size: auto;
    inline-size: 100%
}

.wp-block-image img {
    inline-size: auto
}

.lazyload--fade {
    opacity: 0;
    transition: opacity 1s ease
}

.lazyload--fade.lazyloaded {
    opacity: 1
}

figcaption {
    color: var(--color-text-placeholder);
    font-size: var(--font-size-body-small);
    -webkit-margin-before: .25rem;
    margin-block-start: .25rem
}

.blockquote,
blockquote {
    font-family: var(--font-super);
    font-size: var(--step-4);
    letter-spacing: -.03em;
    line-height: 1.3
}

small {
    font-size: var(--font-size-body-small)
}

:where(ul, ol).wp-block-list,
:where(ul, ol):not([class]) {
    --item-spacing: 0.66em;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem
}

:where(ul, ol).wp-block-list li ol,
:where(ul, ol).wp-block-list li>ul,
:where(ul, ol):not([class]) li ol,
:where(ul, ol):not([class]) li>ul {
    --item-spacing: 0.33em;
    -webkit-margin-before: var(--item-spacing);
    margin-block-start: var(--item-spacing)
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: var(--step-0);
    inline-size: 100%;
    max-inline-size: 100%
}

table caption {
    caption-side: bottom;
    color: var(--color-text-placeholder);
    -webkit-margin-before: calc(var(--flow-space)/2);
    margin-block-start: calc(var(--flow-space)/2);
    text-align: start
}

table td,
table th {
    padding-block: 16px;
    padding-inline: 32px;
    text-align: inherit;
    vertical-align: top
}

table th {
    color: var(--color-text-placeholder)
}

table td {
    max-width: 245px
}

table td:first-child {
    color: var(--color-text-primary)
}

table thead {
    background-color: var(--color-brand-secondary-subtle)
}

table thead,
table tr {
    -webkit-border-after: solid 1px var(--color-border);
    border-block-end: solid 1px var(--color-border)
}

table tr:first-child {
    color: var(--color-text-primary)
}

flynt-component {
    display: block;
    position: relative
}

.mainContent [name=AnchorLinkBar]+flynt-component:not(.BlockHero),
.mainContent>flynt-component:first-child:not(.BlockHero) {
    margin-top: calc(var(--navigation-height) + var(--space-section-small))
}

.pageWrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    min-block-size: 100%
}

.admin-bar .pageWrapper {
    -webkit-padding-before: var(--wp-admin--admin-bar--height);
    padding-block-start: var(--wp-admin--admin-bar--height)
}

.componentSpacing {
    margin-block: var(--component-spacing);
    margin-inline: 0
}

.componentSpacing[data-theme] {
    margin: 0;
    padding-block: var(--component-spacing);
    padding-inline: 0
}

.groupContainer {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--flow-space)
}

.container {
    margin-inline: auto;
    max-inline-size: var(--max-container-width);
    padding-inline: var(--space-gutter)
}

.container[data-size=full] {
    padding-inline: 0
}

[data-size=medium] {
    max-inline-size: var(--content-max-width);
    margin-inline: auto
}

[data-size=wide] {
    max-inline-size: var(--content-max-width-wide)
}

[data-size=full] {
    max-inline-size: 100%
}

[data-align=left] {
    margin-inline: unset
}

[data-align=center] {
    margin-inline: auto
}

[data-text-align=left] {
    text-align: start
}

[data-text-align=center] {
    text-align: center
}

[data-flow=layout]>*+* {
    -webkit-margin-before: calc(var(--component-spacing)/2);
    margin-block-start: calc(var(--component-spacing)/2)
}

[data-flow=content]>*+* {
    -webkit-margin-before: var(--flow-space);
    margin-block-start: var(--flow-space)
}

@media(max-width:768px) {

    [data-size=full] .h1,
    [data-size=full] .h2,
    [data-size=full] .h3,
    [data-size=full] .h4,
    [data-size=full] .h5,
    [data-size=full] .h6,
    [data-size=full] h1,
    [data-size=full] h2,
    [data-size=full] h3,
    [data-size=full] h4,
    [data-size=full] h5,
    [data-size=full] h6,
    [data-size=full] p,
    [data-size=wide] .h1,
    [data-size=wide] .h2,
    [data-size=wide] .h3,
    [data-size=wide] .h4,
    [data-size=wide] .h5,
    [data-size=wide] .h6,
    [data-size=wide] h1,
    [data-size=wide] h2,
    [data-size=wide] h3,
    [data-size=wide] h4,
    [data-size=wide] h5,
    [data-size=wide] h6,
    [data-size=wide] p,
    [data-text-align=center] .h1,
    [data-text-align=center] .h2,
    [data-text-align=center] .h3,
    [data-text-align=center] .h4,
    [data-text-align=center] .h5,
    [data-text-align=center] .h6,
    [data-text-align=center] h1,
    [data-text-align=center] h2,
    [data-text-align=center] h3,
    [data-text-align=center] h4,
    [data-text-align=center] h5,
    [data-text-align=center] h6,
    [data-text-align=center] p {
        text-wrap: balance
    }

    [data-size=full] .h1 br,
    [data-size=full] .h2 br,
    [data-size=full] .h3 br,
    [data-size=full] .h4 br,
    [data-size=full] .h5 br,
    [data-size=full] .h6 br,
    [data-size=full] h1 br,
    [data-size=full] h2 br,
    [data-size=full] h3 br,
    [data-size=full] h4 br,
    [data-size=full] h5 br,
    [data-size=full] h6 br,
    [data-size=full] p br,
    [data-size=wide] .h1 br,
    [data-size=wide] .h2 br,
    [data-size=wide] .h3 br,
    [data-size=wide] .h4 br,
    [data-size=wide] .h5 br,
    [data-size=wide] .h6 br,
    [data-size=wide] h1 br,
    [data-size=wide] h2 br,
    [data-size=wide] h3 br,
    [data-size=wide] h4 br,
    [data-size=wide] h5 br,
    [data-size=wide] h6 br,
    [data-size=wide] p br,
    [data-text-align=center] .h1 br,
    [data-text-align=center] .h2 br,
    [data-text-align=center] .h3 br,
    [data-text-align=center] .h4 br,
    [data-text-align=center] .h5 br,
    [data-text-align=center] .h6 br,
    [data-text-align=center] h1 br,
    [data-text-align=center] h2 br,
    [data-text-align=center] h3 br,
    [data-text-align=center] h4 br,
    [data-text-align=center] h5 br,
    [data-text-align=center] h6 br,
    [data-text-align=center] p br {
        display: none
    }
}

.scrollableTableWrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

.visuallyHidden,
.visuallyHidden-focusable {
    block-size: 1px;
    clip: rect(0, 0, 0, 0);
    inline-size: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    transition: none !important;
    white-space: nowrap
}

.visuallyHidden-focusable:focus-visible {
    background-color: var(--color-background);
    block-size: auto;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    clip: auto;
    color: var(--color-text);
    font-size: 1rem;
    inline-size: auto;
    inset-block-start: 0;
    inset-inline-start: 0;
    outline-offset: -3px;
    padding-block: .75rem;
    padding-inline: 1rem;
    text-decoration: none;
    z-index: 100000
}

.boxPadding {
    padding-block: var(--box-spacing);
    padding-inline: var(--box-spacing)
}

.boxBorder {
    border: 2px solid var(--color-border)
}

[data-theme] {
    background-color: var(--color-background);
    color: var(--color-text)
}

.hide-mobile {
    display: none
}

@media(min-width:768px) {
    .hide-mobile {
        display: initial
    }
}

.desktop-only,
.is-hidden {
    display: none
}

@media(min-width:1280px) {
    .desktop-only {
        display: initial
    }
}

.map-pin {
    position: relative;
    background: #fff;
    border-radius: 50%;
    filter: drop-shadow(0 5px 6px rgba(0, 0, 0, .28));
    width: 32px;
    height: 32px;
    cursor: default;
    transition: transform var(--transition)
}

.map-pin:before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 50%;
    background-color: var(--color-brand-primary-action);
    transform-origin: center;
    transform: scale(.69);
    transition: transform var(--transition), background-color var(--transition)
}

.map-pin:not(.map-pin--static) {
    cursor: pointer
}

.map-pin:not(.map-pin--static):before {
    background-color: var(--color-brand-primary-subtle)
}

.map-pin:not(.map-pin--static).active,
.map-pin:not(.map-pin--static):active,
.map-pin:not(.map-pin--static):hover {
    transform: scale(1.5)
}

.map-pin:not(.map-pin--static).active:before,
.map-pin:not(.map-pin--static):active:before,
.map-pin:not(.map-pin--static):hover:before {
    transform: scale(.58);
    background-color: var(--color-brand-primary-action)
}

nav ul {
    list-style: none
}

nav li,
nav ul {
    margin: 0;
    padding: 0
}

.pagination {
    justify-content: center
}

.pagination,
.pagination-list {
    display: flex;
    flex-direction: row;
    gap: var(--space-s)
}

p.sectionHeading {
    font-size: var(--step-1)
}

.grid {
    --grid-columns: 1;
    display: grid;
    grid-gap: var(--space-xs);
    gap: var(--space-xs);
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    list-style: none;
    padding: 0
}

@media(min-width:768px) {
    .grid {
        gap: var(--space-s)
    }
}

@media(min-width:1280px) {
    .grid {
        gap: var(--space-m)
    }
}

@media(min-width:768px) {
    .grid[data-max-columns="1"] {
        margin-inline: auto;
        max-inline-size: calc(50% - var(--flow-space))
    }
}

@media(min-width:480px) {

    .grid[data-max-columns="2"],
    .grid[data-max-columns="3"],
    .grid[data-max-columns="4"],
    .grid[data-max-columns="5"] {
        --grid-columns: 2
    }
}

@media(min-width:1024px) {
    .grid[data-max-columns="3"] {
        --grid-columns: 3
    }

    .grid[data-max-columns="4"] {
        --grid-columns: 4
    }

    .grid[data-max-columns="5"] {
        --grid-columns: 3
    }
}

@media(min-width:1280px) {
    .grid[data-max-columns="5"] {
        --grid-columns: 5
    }
}

.social-sharing {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

.social-sharing-list {
    display: flex;
    gap: var(--space-2xs);
    justify-content: center
}

@media(min-width:768px) {
    .social-sharing-list {
        justify-content: flex-end
    }
}

.social-sharing-list .button--icon[data-icon] {
    border-radius: 50%;
    padding: 15px
}

@media(min-width:768px) {
    .social-sharing-list .button--icon[data-icon] {
        padding: 24px
    }
}

.social-sharing-list .button--icon[data-icon]:before {
    width: 31px
}

[name=SocialSharing] {
    margin-top: var(--space-xl)
}

[name=SocialSharing] .cta-container {
    display: flex;
    justify-content: space-between;
    gap: var(--space-l);
    flex-direction: column
}

@media(min-width:768px) {
    [name=SocialSharing] .cta-container {
        flex-direction: row
    }
}

.overlay {
    pointer-events: none;
    z-index: 103;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px 24px
}

.overlay button {
    pointer-events: all
}

.overlay .AnchorLinkBar-selectWrapper,
.overlay .PageSwitcher-selectWrapper,
.overlay .button,
.overlay .button--pagination,
.overlay .button--text {
    color: #fff
}

.overlay-nav {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.cta {
    margin: 0
}

.cta button {
    width: 100%
}

@media(min-width:768px) {
    .cta button {
        width: auto
    }
}

.Breadcrumb a {
    color: var(--color-headline)
}

.Breadcrumb a:after {
    content: "/";
    margin-inline: var(--space-2xs)
}

@media screen and (max-width:1024px) {
    .Breadcrumb a:not(:first-child):last-child span {
        font-size: 0
    }

    .Breadcrumb a:not(:first-child):last-child:before {
        content: "...";
        font-size: 16px
    }
}

.Breadcrumb+.h1 {
    margin-top: var(--space-s)
}

.anchor {
    position: relative;
    top: calc(-1*(var(--navigation-height) + var(--space-m) + var(--notification-bar-height)))
}

.pagination-container {
    margin-top: var(--space-m);
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px
}

.pagination-container .swiper-pagination-bullet {
    cursor: pointer;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--color-background-dark);
    transition: background-color var(--transition-quick)
}

.pagination-container .swiper-pagination-bullet-active {
    background-color: var(--color-brand-primary-action)
}

.MediaItem:has(video) {
    background-color: var(--neutral-7)
}

.icon {
    aspect-ratio: 1;
    display: inline-flex;
    font-size: 0;
    background-color: var(--color-button-secondary);
    border-radius: 50%;
    padding: var(--space-s)
}

.Pagination .theme-neutral .icon {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .3s ease
}

.Pagination .theme-neutral .icon:hover {
    background-color: var(--color-block)
}

.icon:not(.icon--animate):before {
    content: "";
    width: var(--space-s-m);
    aspect-ratio: 1;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--color-6);
    background-size: 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon)
}

.AnchorLinkBar-selectWrapper .icon:not(.icon--animate):before,
.PageSwitcher-selectWrapper .icon:not(.icon--animate):before,
.button .icon:not(.icon--animate):before,
.button--pagination .icon:not(.icon--animate):before,
.button--text .icon:not(.icon--animate):before {
    width: var(--space-s)
}

.icon--light {
    background-color: var(--color-4)
}

.icon--light:not(.icon--animate):before {
    background-color: var(--color-1)
}

.icon--character {
    position: relative
}

.icon--character:not(.icon--animate):before {
    background-color: rgba(0, 0, 0, 0)
}

.icon--character .character {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.icon--character p:not(.pagination) {
    font-size: var(--step-5);
    color: var(--color-text-body);
    font-family: var(--font-super)
}

.icon--animate {
    transition-property: transform, background-color;
    transition-timing-function: ease;
    transition-duration: .3s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: left;
    padding: var(--space-xs)
}

.button--noLabel.button--primary .icon--animate {
    background-color: var(--button-background-color)
}

.button--noLabel.button--primary .icon--animate .icon-inner:after,
.button--noLabel.button--primary .icon--animate .icon-inner:before {
    background-color: var(--color-1)
}

.button--noLabel .icon--animate {
    transform-origin: center
}

.AnchorLinkBar-selectWrapper:not([disabled]):hover .icon--animate,
.PageSwitcher-selectWrapper:not([disabled]):hover .icon--animate,
.button--pagination:not([disabled]):hover .icon--animate,
.button--text:not([disabled]):hover .icon--animate,
.button:not([disabled]):hover .icon--animate,
.hoverParent:hover .AnchorLinkBar-selectWrapper .icon--animate,
.hoverParent:hover .PageSwitcher-selectWrapper .icon--animate,
.hoverParent:hover .button .icon--animate,
.hoverParent:hover .button--pagination .icon--animate,
.hoverParent:hover .button--text .icon--animate {
    transform: scale(1.1);
    transition: transform var(--ease-bounce) .5s, background-color ease .3s
}

.button--noLabel .icon--animate {
    padding: var(--space-s)
}

.icon .icon-inner {
    position: relative;
    display: inline-block;
    aspect-ratio: 1;
    width: var(--space-m)
}

.button--noLabel .icon .icon-inner {
    width: var(--space-s)
}

.button--noLabel[data-size=small] .icon .icon-inner {
    width: var(--space-xs)
}

.icon .icon-inner:after,
.icon .icon-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--color-7);
    background-size: 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    transition: transform;
    transition-timing-function: var(--ease-in-out);
    transition-duration: .5s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon .icon-inner:after {
    transform: translateX(-100%) scale(0)
}

.AnchorLinkBar-selectWrapper:not(:disabled):hover .icon .icon-inner:before,
.PageSwitcher-selectWrapper:not(:disabled):hover .icon .icon-inner:before,
.button--pagination:not(:disabled):hover .icon .icon-inner:before,
.button--text:not(:disabled):hover .icon .icon-inner:before,
.button:not(:disabled):hover .icon .icon-inner:before,
.hoverParent:hover .icon .icon-inner:before {
    transform: translateX(100%) scale(0)
}

.AnchorLinkBar-selectWrapper:not(:disabled):hover .icon .icon-inner:after,
.PageSwitcher-selectWrapper:not(:disabled):hover .icon .icon-inner:after,
.button--pagination:not(:disabled):hover .icon .icon-inner:after,
.button--text:not(:disabled):hover .icon .icon-inner:after,
.button:not(:disabled):hover .icon .icon-inner:after,
.hoverParent:hover .icon .icon-inner:after {
    transform: translateX(0) scale(1)
}

.icon[data-size=small] {
    padding: var(--space-xs)
}

.icon[data-size=small]:before {
    width: var(--space-xs-s)
}

.icon[data-size=large]:before {
    width: var(--space-m-2xl)
}

:root {
    --icon-settings: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0009 2.01758C12.583 2.01767 13.1444 2.23432 13.5751 2.62598C14.0058 3.01768 14.2748 3.55618 14.33 4.13574C14.3631 4.5102 14.4862 4.87156 14.6884 5.18848C14.8905 5.50527 15.1656 5.76921 15.4911 5.95703C15.8166 6.14486 16.183 6.25113 16.5585 6.26758C16.934 6.284 17.3085 6.20952 17.6493 6.05078C18.1783 5.81072 18.7778 5.77575 19.3309 5.95312C19.8841 6.13056 20.3518 6.50774 20.6425 7.01074C20.9331 7.5139 21.0258 8.10778 20.9032 8.67578C20.7805 9.24356 20.4516 9.74566 19.9794 10.084C19.6718 10.2998 19.4203 10.5865 19.2469 10.9199C19.0737 11.2532 18.9834 11.6234 18.9833 11.999C18.9833 12.3748 19.0736 12.7457 19.2469 13.0791C19.4203 13.4125 19.6718 13.6992 19.9794 13.915C20.4516 14.2534 20.7805 14.7555 20.9032 15.3232C21.0258 15.8912 20.9331 16.4851 20.6425 16.9883C20.3518 17.4913 19.8841 17.8685 19.3309 18.0459C18.7778 18.2233 18.1783 18.1883 17.6493 17.9482C17.3085 17.7895 16.934 17.715 16.5585 17.7314C16.183 17.7479 15.8166 17.8542 15.4911 18.042C15.1656 18.2298 14.8905 18.4937 14.6884 18.8105C14.4862 19.1275 14.3631 19.4888 14.33 19.8633C14.2748 20.4428 14.0058 20.9813 13.5751 21.373C13.1444 21.7647 12.583 21.9814 12.0009 21.9814C11.4186 21.9814 10.8564 21.7648 10.4257 21.373C9.995 20.9813 9.72593 20.4428 9.67078 19.8633C9.63772 19.4887 9.51461 19.1276 9.31238 18.8105C9.11024 18.4937 8.83519 18.2299 8.50964 18.042C8.1839 17.8541 7.81697 17.7468 7.44128 17.7305C7.0658 17.7142 6.69208 17.7894 6.35144 17.9482C5.82233 18.1885 5.22215 18.2234 4.66882 18.0459C4.1156 17.8684 3.64799 17.4913 3.3573 16.9883C3.06661 16.4851 2.97391 15.8912 3.09656 15.3232C3.21924 14.7553 3.54902 14.2534 4.02136 13.915C4.32881 13.6993 4.5795 13.4123 4.75281 13.0791C4.92617 12.7457 5.01648 12.3748 5.01648 11.999C5.0164 11.6234 4.92609 11.2532 4.75281 10.9199C4.5795 10.5867 4.32881 10.2998 4.02136 10.084C3.54963 9.74543 3.21988 9.24339 3.09753 8.67578C2.97527 8.10825 3.06892 7.51544 3.35925 7.0127C3.6496 6.50999 4.11618 6.13283 4.66882 5.95508C5.2216 5.77734 5.82145 5.81142 6.35046 6.05078C6.69114 6.20942 7.06486 6.28399 7.44031 6.26758C7.81585 6.25116 8.1821 6.14488 8.50769 5.95703C8.83319 5.76922 9.10827 5.50526 9.31042 5.18848C9.5126 4.87156 9.63571 4.5102 9.66882 4.13574L9.70203 3.9209C9.79635 3.42421 10.0488 2.96877 10.4257 2.62598C10.8564 2.23421 11.4186 2.01758 12.0009 2.01758ZM11.9999 8C9.79077 8.00003 7.99988 9.79088 7.99988 12C7.99988 14.2091 9.79077 16 11.9999 16C14.209 16 15.9999 14.2091 15.9999 12C15.9999 9.79086 14.209 8 11.9999 8ZM11.9999 10C13.1044 10 13.9999 10.8954 13.9999 12C13.9999 13.1046 13.1044 14 11.9999 14C10.8953 14 9.99988 13.1045 9.99988 12C9.99988 10.8955 10.8953 10 11.9999 10Z' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-download: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15V3' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 10L12 15L17 10' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-vimeo: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6822 7.19381C21.4213 8.72548 20.8996 10.1812 20.1169 11.5611C19.3343 12.941 18.4864 14.1829 17.5733 15.2868C16.6603 16.3907 15.7678 17.3256 14.8959 18.0914C14.024 18.8572 13.3615 19.385 12.9084 19.6748C12.0296 20.2682 11.2195 20.2854 10.4781 19.7265C9.73663 19.1677 9.21487 18.5778 8.9128 17.9569C8.74803 17.5981 8.51118 16.9151 8.20224 15.9077C7.8933 14.9004 7.57407 13.8483 7.24453 12.7513C6.915 11.6543 6.60607 10.6504 6.31772 9.73968C6.02938 8.82896 5.82342 8.29771 5.69985 8.14593C5.42524 7.81475 5.00303 7.83545 4.43321 8.20802C3.86338 8.58059 3.57848 8.76687 3.57848 8.76687L2.79584 7.75266C2.79584 7.75266 2.97777 7.54223 3.34163 7.12137C3.70549 6.7005 4.16546 6.2279 4.72155 5.70354C5.27764 5.17919 5.88864 4.67899 6.55457 4.20293C7.22051 3.72687 7.86241 3.42675 8.48028 3.30256C9.13935 3.16457 9.64738 3.31635 10.0044 3.75792C10.3614 4.19948 10.6394 4.77212 10.8385 5.47586C11.0376 6.1796 11.1921 6.94198 11.3019 7.76301C11.4118 8.58404 11.5491 9.31882 11.7138 9.96736C12.0159 11.2093 12.2836 12.1683 12.5171 12.8444C12.7505 13.5206 12.9976 13.8586 13.2585 13.8586C13.5194 13.8586 13.8867 13.5412 14.3604 12.9065C14.8341 12.2718 15.3456 11.4231 15.8948 10.3606C16.4577 9.29812 16.5024 8.4219 16.0287 7.73196C15.5549 7.04202 14.7757 7.02822 13.691 7.69057C13.9107 6.36588 14.4977 5.30683 15.452 4.5134C16.4062 3.71996 17.3914 3.26806 18.4075 3.15767C19.4235 3.04728 20.292 3.30945 21.0128 3.9442C21.7337 4.57895 21.9568 5.66214 21.6822 7.19381Z' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-facebook: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z' fill='black'/%3E%3C/svg%3E%0A");
    --icon-instagram: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 6.5H17.51M7 2H17C19.7614 2 22 4.23858 22 7V17C22 19.7614 19.7614 22 17 22H7C4.23858 22 2 19.7614 2 17V7C2 4.23858 4.23858 2 7 2ZM16 11.3701C16.1234 12.2023 15.9812 13.0523 15.5937 13.7991C15.2062 14.5459 14.5931 15.1515 13.8416 15.5297C13.0901 15.908 12.2384 16.0397 11.4077 15.906C10.5771 15.7723 9.80971 15.3801 9.21479 14.7852C8.61987 14.1903 8.22768 13.4229 8.09402 12.5923C7.96035 11.7616 8.09202 10.91 8.47028 10.1584C8.84854 9.40691 9.45414 8.7938 10.2009 8.4063C10.9477 8.0188 11.7977 7.87665 12.63 8.00006C13.4789 8.12594 14.2648 8.52152 14.8716 9.12836C15.4785 9.73521 15.8741 10.5211 16 11.3701Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-check: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-sound-on: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.702C10.9998 4.56271 10.9583 4.4266 10.8809 4.31085C10.8034 4.1951 10.6934 4.1049 10.5647 4.05162C10.436 3.99835 10.2944 3.98439 10.1577 4.01151C10.0211 4.03863 9.89559 4.10561 9.797 4.204L6.413 7.587C6.2824 7.71837 6.12703 7.82253 5.95589 7.89342C5.78475 7.96432 5.60124 8.00054 5.416 8H3C2.73478 8 2.48043 8.10535 2.29289 8.29289C2.10536 8.48043 2 8.73478 2 9V15C2 15.2652 2.10536 15.5196 2.29289 15.7071C2.48043 15.8946 2.73478 16 3 16H5.416C5.60124 15.9995 5.78475 16.0357 5.95589 16.1066C6.12703 16.1775 6.2824 16.2816 6.413 16.413L9.796 19.797C9.8946 19.8958 10.0203 19.9631 10.1572 19.9904C10.2941 20.0177 10.436 20.0037 10.5649 19.9503C10.6939 19.8968 10.804 19.8063 10.8815 19.6902C10.959 19.5741 11.0002 19.4376 11 19.298V4.702Z' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 9C16.6491 9.86548 17 10.9181 17 12C17 13.0819 16.6491 14.1345 16 15' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.364 18.364C20.1998 17.5283 20.8627 16.5361 21.315 15.4442C21.7673 14.3522 22.0001 13.1819 22.0001 12C22.0001 10.8181 21.7673 9.64776 21.315 8.55582C20.8627 7.46389 20.1998 6.47173 19.364 5.636' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-sound-off: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9C16.5044 9.67234 16.8311 10.461 16.95 11.293' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.364 5.636C20.643 6.91427 21.5073 8.54816 21.8442 10.3247C22.1812 12.1013 21.9752 13.9382 21.253 15.596' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 2L22 22' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L6.413 7.587C6.2824 7.71838 6.12703 7.82253 5.95589 7.89342C5.78475 7.96432 5.60124 8.00054 5.416 8H3C2.73478 8 2.48043 8.10536 2.29289 8.29289C2.10536 8.48043 2 8.73478 2 9V15C2 15.2652 2.10536 15.5196 2.29289 15.7071C2.48043 15.8946 2.73478 16 3 16H5.416C5.60124 15.9995 5.78475 16.0357 5.95589 16.1066C6.12703 16.1775 6.2824 16.2816 6.413 16.413L9.796 19.797C9.8946 19.8958 10.0203 19.9631 10.1572 19.9904C10.2941 20.0177 10.436 20.0037 10.5649 19.9503C10.6939 19.8968 10.804 19.8063 10.8815 19.6902C10.959 19.5741 11.0002 19.4376 11 19.298V11' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.828 4.172C9.92389 4.07575 10.0462 4.01013 10.1794 3.98348C10.3126 3.95682 10.4508 3.97033 10.5763 4.02228C10.7019 4.07423 10.8091 4.16229 10.8846 4.27528C10.96 4.38828 11.0002 4.52114 11 4.657V5.343' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-pause: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 3H15C14.4477 3 14 3.44772 14 4V20C14 20.5523 14.4477 21 15 21H18C18.5523 21 19 20.5523 19 20V4C19 3.44772 18.5523 3 18 3Z' fill='%231F1E1D'/%3E%3Cpath d='M9 3H6C5.44772 3 5 3.44772 5 4V20C5 20.5523 5.44772 21 6 21H9C9.55228 21 10 20.5523 10 20V4C10 3.44772 9.55228 3 9 3Z' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-play: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.00059C4.9999 4.64868 5.09265 4.30298 5.26888 3.99838C5.44512 3.69379 5.69861 3.44108 6.00375 3.26579C6.30889 3.09049 6.65488 2.99882 7.00679 3.00001C7.3587 3.00121 7.70406 3.09523 8.008 3.27259L20.005 10.2706C20.3078 10.4463 20.5591 10.6983 20.7339 11.0016C20.9088 11.3049 21.0009 11.6487 21.0012 11.9987C21.0015 12.3488 20.91 12.6928 20.7357 12.9963C20.5614 13.2999 20.3105 13.5524 20.008 13.7286L8.008 20.7286C7.70406 20.906 7.3587 21 7.00679 21.0012C6.65488 21.0024 6.30889 20.9107 6.00375 20.7354C5.69861 20.5601 5.44512 20.3074 5.26888 20.0028C5.09265 19.6982 4.9999 19.3525 5 19.0006V5.00059Z' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-info: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16V12' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8H12.01' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-ticket: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9C2.79565 9 3.55871 9.31607 4.12132 9.87868C4.68393 10.4413 5 11.2044 5 12C5 12.7956 4.68393 13.5587 4.12132 14.1213C3.55871 14.6839 2.79565 15 2 15V17C2 17.5304 2.21071 18.0391 2.58579 18.4142C2.96086 18.7893 3.46957 19 4 19H20C20.5304 19 21.0391 18.7893 21.4142 18.4142C21.7893 18.0391 22 17.5304 22 17V15C21.2044 15 20.4413 14.6839 19.8787 14.1213C19.3161 13.5587 19 12.7956 19 12C19 11.2044 19.3161 10.4413 19.8787 9.87868C20.4413 9.31607 21.2044 9 22 9V7C22 6.46957 21.7893 5.96086 21.4142 5.58579C21.0391 5.21071 20.5304 5 20 5H4C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7V9Z' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 5V7' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 17V19' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 11V13' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-quote: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.40766 11.3897C8.32594 11.3897 8.24422 11.3925 8.1625 11.3983C8.08078 11.404 8.0049 11.4126 7.93486 11.4241C7.95821 11.3438 7.98447 11.2606 8.01366 11.1745C8.04284 11.0884 8.07495 11.0052 8.10997 10.9249C8.15667 10.8216 8.21212 10.7183 8.27632 10.615C8.34053 10.5117 8.40182 10.4085 8.46019 10.3052C8.51856 10.2019 8.59152 10.1101 8.67908 10.0297C8.76664 9.9494 8.84543 9.86333 8.91548 9.77152C8.9972 9.67971 9.08475 9.60224 9.17815 9.53912C9.27154 9.476 9.35909 9.40428 9.44081 9.32394C9.51086 9.24361 9.59549 9.18049 9.69472 9.13459C9.79395 9.08868 9.88443 9.03704 9.96615 8.97966C10.0595 8.93375 10.1442 8.88785 10.2201 8.84194C10.2959 8.79604 10.3747 8.76161 10.4565 8.73865L10.8592 8.56651L11.2094 8.42879L10.8417 7L10.4039 7.10329C10.3339 7.12624 10.2551 7.14632 10.1675 7.16354C10.08 7.18075 9.98366 7.20083 9.87859 7.22379C9.7852 7.24674 9.68305 7.28117 9.57215 7.32707C9.46124 7.37298 9.34742 7.41888 9.23068 7.46479C9.11394 7.51069 8.98844 7.5566 8.85419 7.6025C8.71994 7.64841 8.58861 7.71727 8.46019 7.80908C8.33178 7.88941 8.19753 7.96688 8.05744 8.04147C7.91735 8.11607 7.77726 8.20501 7.63717 8.30829C7.52043 8.42306 7.3891 8.53208 7.24317 8.63537C7.09724 8.73865 6.97175 8.85915 6.86668 8.99687C6.73827 9.13459 6.61569 9.2723 6.49895 9.41002C6.38221 9.54773 6.27714 9.69692 6.18375 9.85759C6.06701 10.0068 5.9707 10.1617 5.89482 10.3224C5.81894 10.483 5.74014 10.6437 5.65842 10.8044C5.58837 10.9765 5.52417 11.1429 5.4658 11.3036C5.40742 11.4643 5.35489 11.6249 5.3082 11.7856C5.2148 12.1184 5.14768 12.434 5.10682 12.7324C5.06596 13.0308 5.03969 13.3119 5.02802 13.5759C5.00467 13.8399 4.99591 14.0809 5.00175 14.2989C5.00759 14.517 5.02218 14.7063 5.04553 14.867C5.04553 14.9358 5.05137 15.0076 5.06304 15.0822C5.07471 15.1568 5.08055 15.217 5.08055 15.2629L5.09806 15.3834H5.13308C5.29652 16.1294 5.68176 16.752 6.28882 17.2512C6.89587 17.7504 7.60214 18 8.40766 18C9.34159 18 10.1354 17.6758 10.7892 17.0274C11.4429 16.379 11.7698 15.6015 11.7698 14.6948C11.7698 13.7767 11.4429 12.9964 10.7892 12.3537C10.1354 11.711 9.34159 11.3897 8.40766 11.3897ZM16.6379 11.3897C16.5562 11.3897 16.4744 11.3925 16.3927 11.3983C16.311 11.404 16.2293 11.4126 16.1476 11.4241C16.1709 11.3438 16.1972 11.2606 16.2264 11.1745C16.2555 11.0884 16.2935 11.0052 16.3402 10.9249C16.3752 10.8216 16.4248 10.7183 16.489 10.615C16.5532 10.5117 16.6204 10.4085 16.6904 10.3052C16.7488 10.2019 16.8188 10.1101 16.9005 10.0297C16.9823 9.9494 17.0581 9.86333 17.1282 9.77152C17.2099 9.67971 17.2975 9.60224 17.3908 9.53912C17.4842 9.476 17.5718 9.40428 17.6535 9.32394C17.7352 9.24361 17.8228 9.18049 17.9162 9.13459C18.0096 9.08868 18.0971 9.03704 18.1788 8.97966C18.2722 8.93375 18.3569 8.88785 18.4328 8.84194C18.5086 8.79604 18.5874 8.76161 18.6692 8.73865L19.0719 8.56651L19.4221 8.42879L19.0719 7L18.6166 7.10329C18.5466 7.12624 18.4678 7.14632 18.3802 7.16354C18.2927 7.18075 18.2022 7.20083 18.1088 7.22379C18.0037 7.24674 17.8958 7.28117 17.7848 7.32707C17.6739 7.37298 17.5601 7.41888 17.4434 7.46479C17.3266 7.51069 17.2011 7.5566 17.0669 7.6025C16.9326 7.64841 16.8013 7.71727 16.6729 7.80908C16.5445 7.88941 16.4102 7.96688 16.2701 8.04147C16.13 8.11607 15.9958 8.20501 15.8674 8.30829C15.739 8.42306 15.6047 8.53208 15.4646 8.63537C15.3245 8.73865 15.1961 8.85915 15.0794 8.99687C14.951 9.13459 14.8284 9.2723 14.7116 9.41002C14.5949 9.54773 14.4898 9.69692 14.3965 9.85759C14.2914 10.0068 14.198 10.1617 14.1163 10.3224C14.0346 10.483 13.9528 10.6437 13.8711 10.8044C13.8011 10.9765 13.7369 11.1429 13.6785 11.3036C13.6201 11.4643 13.5676 11.6249 13.5209 11.7856C13.4392 12.1184 13.375 12.434 13.3283 12.7324C13.2816 13.0308 13.2524 13.3119 13.2407 13.5759C13.229 13.8399 13.2261 14.0809 13.232 14.2989C13.2378 14.517 13.2466 14.7063 13.2582 14.867C13.2699 14.9358 13.2787 15.0076 13.2845 15.0822C13.2903 15.1568 13.2991 15.217 13.3108 15.2629L13.3283 15.3834H13.3458C13.5092 16.1294 13.8974 16.752 14.5103 17.2512C15.1232 17.7504 15.8324 18 16.6379 18C17.5601 18 18.351 17.6758 19.0106 17.0274C19.6702 16.379 20 15.6015 20 14.6948C20 13.7767 19.6702 12.9964 19.0106 12.3537C18.351 11.711 17.5601 11.3897 16.6379 11.3897Z' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-filter: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6H21' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12H17' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 18H14' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-chevron-up: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15L12 9L6 15' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-chevron-down: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 10L12 16L6 10' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-chevron-left: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-chevron-right: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-minus: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-plus: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 20V4' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-close: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.34314 6.34315L17.6568 17.6569' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.34314 17.6569L17.6568 6.34315' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-menu: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00049 12H20.0005' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.00049 18H20.0005' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.00049 6H20.0005' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-arrow-right: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0013 4.93393L19.0723 12.005L12.0013 19.0761' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.93018 12.005H19.0723' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-arrow-top-right: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00125 7.005H17.0012V17.005' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.00125 17.005L17.0012 7.005' stroke='%231F1E1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-sparkle: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3121 5.57134C11.3421 5.4108 11.4272 5.2658 11.5529 5.16146C11.6785 5.05712 11.8367 5 12 5C12.1633 5 12.3215 5.05712 12.4471 5.16146C12.5728 5.2658 12.658 5.4108 12.6879 5.57134L13.4235 9.46101C13.4757 9.73755 13.6101 9.99191 13.8091 10.1909C14.0081 10.3899 14.2625 10.5243 14.539 10.5765L18.4287 11.3121C18.5892 11.3421 18.7342 11.4272 18.8385 11.5529C18.9429 11.6785 19 11.8367 19 12C19 12.1633 18.9429 12.3215 18.8385 12.4471C18.7342 12.5728 18.5892 12.658 18.4287 12.6879L14.539 13.4235C14.2625 13.4757 14.0081 13.6101 13.8091 13.8091C13.6101 14.0081 13.4757 14.2625 13.4235 14.539L12.6879 18.4287C12.658 18.5892 12.5728 18.7342 12.4471 18.8385C12.3215 18.9429 12.1633 19 12 19C11.8367 19 11.6785 18.9429 11.5529 18.8385C11.4272 18.7342 11.3421 18.5892 11.3121 18.4287L10.5765 14.539C10.5243 14.2625 10.3899 14.0081 10.1909 13.8091C9.99191 13.6101 9.73755 13.4757 9.46101 13.4235L5.57134 12.6879C5.4108 12.658 5.2658 12.5728 5.16146 12.4471C5.05712 12.3215 5 12.1633 5 12C5 11.8367 5.05712 11.6785 5.16146 11.5529C5.2658 11.4272 5.4108 11.3421 5.57134 11.3121L9.46101 10.5765C9.73755 10.5243 9.99191 10.3899 10.1909 10.1909C10.3899 9.99191 10.5243 9.73755 10.5765 9.46101L11.3121 5.57134Z' fill='%234D2C00'/%3E%3C/svg%3E%0A");
    --icon-heart: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.5C2.00002 8.3872 2.33759 7.30059 2.96813 6.38367C3.59867 5.46675 4.49252 4.76266 5.53161 4.3644C6.5707 3.96614 7.70616 3.89245 8.78801 4.15305C9.86987 4.41365 10.8472 4.99628 11.591 5.824C11.6434 5.88002 11.7067 5.92467 11.7771 5.9552C11.8474 5.98573 11.9233 6.00149 12 6.00149C12.0767 6.00149 12.1526 5.98573 12.2229 5.9552C12.2933 5.92467 12.3566 5.88002 12.409 5.824C13.1504 4.9909 14.128 4.40337 15.2116 4.1396C16.2952 3.87584 17.4335 3.94835 18.4749 4.34749C19.5163 4.74662 20.4114 5.45345 21.0411 6.3739C21.6708 7.29435 22.0053 8.38476 22 9.5C22 11.79 20.5 13.5 19 15L13.508 20.313C13.3217 20.527 13.0919 20.6989 12.834 20.8173C12.5762 20.9357 12.296 20.9979 12.0123 20.9996C11.7285 21.0014 11.4476 20.9428 11.1883 20.8277C10.9289 20.7126 10.697 20.5436 10.508 20.332L5 15C3.5 13.5 2 11.8 2 9.5Z' stroke='%234D2C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-star: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5251 2.295C11.5689 2.20646 11.6366 2.13193 11.7205 2.07983C11.8045 2.02772 11.9013 2.00011 12.0001 2.00011C12.0989 2.00011 12.1957 2.02772 12.2796 2.07983C12.3636 2.13193 12.4313 2.20646 12.4751 2.295L14.7851 6.974C14.9373 7.28197 15.1619 7.54841 15.4397 7.75045C15.7175 7.9525 16.0402 8.08411 16.3801 8.134L21.5461 8.89C21.644 8.90418 21.7359 8.94547 21.8116 9.0092C21.8872 9.07293 21.9435 9.15655 21.9741 9.25061C22.0047 9.34467 22.0084 9.44541 21.9847 9.54144C21.961 9.63747 21.9109 9.72495 21.8401 9.794L18.1041 13.432C17.8577 13.6721 17.6734 13.9685 17.5669 14.2956C17.4605 14.6228 17.4352 14.9709 17.4931 15.31L18.3751 20.45C18.3924 20.5478 18.3818 20.6486 18.3446 20.7407C18.3074 20.8328 18.245 20.9126 18.1646 20.971C18.0842 21.0294 17.9891 21.064 17.89 21.0709C17.7908 21.0778 17.6918 21.0567 17.6041 21.01L12.9861 18.582C12.6818 18.4222 12.3433 18.3388 11.9996 18.3388C11.6559 18.3388 11.3174 18.4222 11.0131 18.582L6.39609 21.01C6.30842 21.0564 6.20949 21.0773 6.11054 21.0703C6.0116 21.0632 5.91661 21.0286 5.83639 20.9702C5.75616 20.9119 5.69392 20.8322 5.65675 20.7402C5.61957 20.6483 5.60895 20.5477 5.62609 20.45L6.50709 15.311C6.56529 14.9717 6.54007 14.6234 6.43363 14.296C6.32718 13.9687 6.1427 13.6722 5.89609 13.432L2.16009 9.795C2.08868 9.72603 2.03808 9.6384 2.01405 9.54207C1.99002 9.44575 1.99353 9.34462 2.02417 9.25019C2.05481 9.15576 2.11136 9.07184 2.18737 9.00798C2.26338 8.94413 2.35579 8.9029 2.45409 8.889L7.61909 8.134C7.95935 8.0845 8.28248 7.95306 8.56067 7.75099C8.83887 7.54892 9.06379 7.28227 9.21609 6.974L11.5251 2.295Z' stroke='%234D2C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-carret: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15L14 12L10 9' fill='%231F1E1D'/%3E%3C/svg%3E%0A");
    --icon-search: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M21 21L16.66 16.66' stroke='%234D2C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%234D2C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

[data-icon=settings] {
    --icon: var(--icon-settings)
}

[data-icon=download] {
    --icon: var(--icon-download)
}

[data-icon=vimeo] {
    --icon: var(--icon-vimeo)
}

[data-icon=facebook] {
    --icon: var(--icon-facebook)
}

[data-icon=instagram] {
    --icon: var(--icon-instagram)
}

[data-icon=check] {
    --icon: var(--icon-check)
}

[data-icon=sound-on] {
    --icon: var(--icon-sound-on)
}

[data-icon=sound-off] {
    --icon: var(--icon-sound-off)
}

[data-icon=pause] {
    --icon: var(--icon-pause)
}

[data-icon=play] {
    --icon: var(--icon-play)
}

[data-icon=info] {
    --icon: var(--icon-info)
}

[data-icon=ticket] {
    --icon: var(--icon-ticket)
}

[data-icon=quote] {
    --icon: var(--icon-quote)
}

[data-icon=filter] {
    --icon: var(--icon-filter)
}

[data-icon=chevron-up] {
    --icon: var(--icon-chevron-up)
}

[data-icon=chevron-down] {
    --icon: var(--icon-chevron-down)
}

[data-icon=chevron-left] {
    --icon: var(--icon-chevron-left)
}

[data-icon=chevron-right] {
    --icon: var(--icon-chevron-right)
}

[data-icon=minus] {
    --icon: var(--icon-minus)
}

[data-icon=plus] {
    --icon: var(--icon-plus)
}

[data-icon=close] {
    --icon: var(--icon-close)
}

[data-icon=menu] {
    --icon: var(--icon-menu)
}

[data-icon=arrow-right] {
    --icon: var(--icon-arrow-right)
}

[data-icon=arrow-top-right] {
    --icon: var(--icon-arrow-top-right)
}

[data-icon=sparkle] {
    --icon: var(--icon-sparkle)
}

[data-icon=heart] {
    --icon: var(--icon-heart)
}

[data-icon=star] {
    --icon: var(--icon-star)
}

[data-icon=carret] {
    --icon: var(--icon-carret)
}

[data-icon=search] {
    --icon: var(--icon-search)
}

.AnchorLinkBar-selectWrapper,
.PageSwitcher-selectWrapper,
.button,
.button--pagination,
.button--text {
    --text-offset: 1.5em;
    --button-background-color: var(--color-6);
    --button-border-color: transparent;
    --button-border-width: 0px;
    --button-text-color: var(--color-1);
    --button-padding-inline: calc(36px - var(--button-border-width));
    --button-padding-block: calc(28px - var(--button-border-width));
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid var(--button-border-width) var(--button-border-color);
    color: var(--button-text-color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-s);
    font-size: var(--step-0);
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    padding: var(--space-3xs);
    padding-left: var(--space-m);
    text-align: center;
    text-decoration: none;
    transition-property: border-color, opacity, background-color;
    transition-duration: .3s;
    transition-timing-function: ease;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
    z-index: 0
}

.AnchorLinkBar-selectWrapper:before,
.PageSwitcher-selectWrapper:before,
.button--pagination:before,
.button--text:before,
.button:before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    background-color: var(--button-background-color);
    border-radius: 100px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.button--noLabel {
    padding: 0
}

.button--noLabel:before {
    background-color: rgba(0, 0, 0, 0)
}

.button--secondary {
    --button-text-color: var(--color-7);
    --button-background-color: var(--color-1)
}

.button--toggle {
    border-radius: 100px;
    padding: var(--space-s) var(--space-m);
    --button-text-color: var(--color-5)
}

.button--toggle.theme-neutral {
    --button-text-color: var(--neutral-7)
}

.button--toggle .button-text {
    transition: color .4s ease
}

.button--toggle .button-text span {
    transition-property: transform, color, text-shadow, -webkit-clip-path;
    transition-property: transform, clip-path, color, text-shadow;
    transition-property: transform, clip-path, color, text-shadow, -webkit-clip-path
}

.button--toggle:before {
    background-color: var(--color-4);
    transition: background-color .4s ease .15s
}

.button--toggle:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 1px;
    background-color: var(--neutral-1);
    border-radius: 100px;
    transition: var(--ease-in-out) .5s inset
}

.button--toggle.isSelected {
    --button-background-color: var(--color-4);
    --button-border-color: var(--color-4);
    --button-text-color: var(--color-1)
}

.button--toggle.isSelected:before {
    transition-delay: 0s
}

.button--toggle.isSelected.theme-neutral:before {
    background-color: var(--neutral-6)
}

.button--toggle.isSelected:after {
    inset: 32px
}

.AnchorLinkBar-selectWrapper:not(:has(.character)):disabled,
.PageSwitcher-selectWrapper:not(:has(.character)):disabled,
.button--pagination:not(:has(.character)):disabled,
.button--text:not(:has(.character)):disabled,
.button:not(:has(.character)):disabled {
    opacity: .2
}

.button-text span {
    text-shadow: 0 var(--text-offset) var(--button-text-color);
    display: inline-block;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition-property: transform, -webkit-clip-path;
    transition-property: transform, clip-path;
    transition-property: transform, clip-path, -webkit-clip-path;
    transition-timing-function: var(--ease-in-out);
    transition-duration: .5s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.AnchorLinkBar-selectWrapper:hover:not(.button--toggle):before,
.PageSwitcher-selectWrapper:hover:not(.button--toggle):before,
.button--pagination:hover:not(.button--toggle):before,
.button--text:hover:not(.button--toggle):before,
.button:hover:not(.button--toggle):before {
    transform: scale(1.05);
    transition-duration: .5s;
    transition-timing-function: var(--ease-bounce)
}

.AnchorLinkBar-selectWrapper:hover .button-text span,
.PageSwitcher-selectWrapper:hover .button-text span,
.button--pagination:hover .button-text span,
.button--text:hover .button-text span,
.button:hover .button-text span {
    transform: translateY(calc(-1 * var(--text-offset)));
    -webkit-clip-path: inset(var(--text-offset) 0 calc(-1 * var(--text-offset)) 0);
    clip-path: inset(var(--text-offset) 0 calc(-1 * var(--text-offset)) 0)
}

.button[data-button-theme=anchor-nav],
[data-button-theme=anchor-nav].AnchorLinkBar-selectWrapper,
[data-button-theme=anchor-nav].PageSwitcher-selectWrapper,
[data-button-theme=anchor-nav].button--pagination,
[data-button-theme=anchor-nav].button--text {
    --button-text-color: #000;
    --button-background-color: var(--color-brand-secondary-subtle);
    --button-border-color: var(--color-brand-secondary-subtle)
}

@media(min-width:1024px) {

    .button[data-button-theme=anchor-nav],
    [data-button-theme=anchor-nav].AnchorLinkBar-selectWrapper,
    [data-button-theme=anchor-nav].PageSwitcher-selectWrapper,
    [data-button-theme=anchor-nav].button--pagination,
    [data-button-theme=anchor-nav].button--text {
        --button-background-color: #fff;
        --button-border-color: #fff
    }
}

.button[data-button-theme=anchor-nav].active,
[data-button-theme=anchor-nav].active.AnchorLinkBar-selectWrapper,
[data-button-theme=anchor-nav].active.PageSwitcher-selectWrapper,
[data-button-theme=anchor-nav].active.button--pagination,
[data-button-theme=anchor-nav].active.button--text {
    --button-background-color: var(--color-brand-secondary-subtle);
    --button-border-color: var(--color-brand-secondary-subtle)
}

.button[data-button-theme=anchor-nav]:hover,
[data-button-theme=anchor-nav].AnchorLinkBar-selectWrapper:hover,
[data-button-theme=anchor-nav].PageSwitcher-selectWrapper:hover,
[data-button-theme=anchor-nav].button--pagination:hover,
[data-button-theme=anchor-nav].button--text:hover {
    --button-text-color: #fff;
    --button-background-color: var(--color-brand-primary-action);
    --button-border-color: var(--color-brand-primary-action)
}

.button[data-button-theme=anchor-nav]:active,
[data-button-theme=anchor-nav].AnchorLinkBar-selectWrapper:active,
[data-button-theme=anchor-nav].PageSwitcher-selectWrapper:active,
[data-button-theme=anchor-nav].button--pagination:active,
[data-button-theme=anchor-nav].button--text:active {
    --button-background-color: var(--color-brand-primary);
    --button-border-color: var(--color-brand-primary)
}

.button[data-button-theme=anchor-nav]:disabled,
[data-button-theme=anchor-nav].AnchorLinkBar-selectWrapper:disabled,
[data-button-theme=anchor-nav].PageSwitcher-selectWrapper:disabled,
[data-button-theme=anchor-nav].button--pagination:disabled,
[data-button-theme=anchor-nav].button--text:disabled {
    --button-text-color: var(--color-text-placeholder);
    --button-border-color: var(--color-text-placeholder);
    --button-background-color: transparent
}

.button--circle[data-icon] {
    padding: 9px;
    border-radius: 50%;
    border-width: 1px;
    width: 64px;
    height: 64px
}

.button--circle[data-icon]:before {
    width: 32px;
    height: 32px;
    background-size: 100%
}

.button--circle[data-icon][data-size=small] {
    width: 48px;
    height: 48px
}

.button--circle[data-icon][data-size=small]:before {
    width: 28px;
    height: 28px;
    background-size: 100%
}

.button--pagination {
    --button-background-color: #fff;
    --button-text-color: var(--color-text-primary);
    min-height: auto;
    border: unset;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    margin: 0;
    padding: 1px 0 0
}

.button--pagination:not(:disabled):hover {
    opacity: 1;
    --button-background-color: var(--color-brand-primary-subtle);
    --button-text-color: #000
}

.button--pagination.current:not(:disabled),
.button--pagination:not(:disabled):active {
    --button-text-color: #fff;
    --button-background-color: var(--color-brand-primary-action)
}

.button--pagination.current {
    cursor: auto
}

.button--text {
    min-height: auto;
    --button-background-color: transparent;
    --button-text-color: var(--color-brand-primary);
    border: 0;
    padding: 0;
    justify-content: space-between;
    border-radius: 0
}

.button--text:active,
.button--text:hover {
    --button-background-color: transparent
}

.button--reversed {
    flex-direction: row-reverse
}

.AnchorLinkBar-selectWrapper:disabled,
.PageSwitcher-selectWrapper:disabled,
.button--disabled,
.button--pagination:disabled,
.button--text:disabled,
.button:disabled {
    cursor: default;
    pointer-events: none
}

.pills {
    display: flex;
    gap: var(--space-2xs);
    flex-wrap: wrap
}

.pills+* {
    margin-top: var(--space-l)
}

.pills+h1 {
    margin-top: var(--space-m)
}

.pill {
    --pill-background-color: var(--color-brand-primary-action);
    --pill-text-color: #fff;
    --pill-border-color: transparent;
    display: inline-block;
    font-size: var(--step--1);
    padding: 6px 11px 5px;
    border-radius: 16px;
    background-color: var(--pill-background-color);
    border: 1px solid var(--pill-border-color);
    color: var(--pill-text-color);
    margin: 0
}

.pill[data-pill-theme=secondary] {
    --pill-text-color: var(--color-brand-secondary);
    --pill-background-color: var(--color-brand-secondary-subtle)
}

.pill[data-pill-theme=tertiary] {
    --pill-text-color: #000;
    --pill-background-color: transparent;
    --pill-border-color: var(--color-brand-primary-action)
}

.selectFilter {
    position: relative;
    border: none;
    color: var(--neutral-2);
    font-family: var(--font-walsheim-condensed);
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--step-0);
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    text-align: center;
    text-decoration: none;
    border-radius: 100px;
    padding: var(--space-s) var(--space-m);
    padding-right: calc(var(--space-m) + 10px + var(--space-3xs));
    background-color: var(--neutral-6);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3e%3cpath d='M7.5 4.16666L5 6.66666L2.5 4.16666' stroke='%23A8A7A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 10px
}

:root {
    --input-border-width: 0px
}

form {
    margin: 0
}

fieldset {
    border: 0;
    padding: 0
}

legend {
    color: var(--color-text);
    font-size: var(--step-0);
    font-weight: 700;
    padding: 0
}

label {
    color: var(--color-text-primary);
    font-size: var(--step--1);
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[type=date],
[type=email],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: var(--input-border-width) solid var(--color-text-disabled);
    border-radius: 12px;
    caret-color: var(--color-brand-primary-action);
    color: var(--color-7);
    font-size: var(--space--1);
    line-height: 32px;
    min-width: 0;
    padding: calc(var(--input-padding-vertical) - var(--input-border-width)) var(--input-padding-right) calc(var(--input-padding-vertical) - var(--input-border-width)) var(--input-padding-left);
    transition: border-color .3s ease-in-out
}

[type=date]::placeholder,
[type=email]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=url]::placeholder,
select::placeholder,
textarea::placeholder {
    color: var(--color-4)
}

[type=date]:hover,
[type=email]:hover,
[type=number]:hover,
[type=password]:hover,
[type=search]:hover,
[type=tel]:hover,
[type=text]:hover,
[type=url]:hover,
select:hover,
textarea:hover {
    border-color: var(--color-brand-primary-action)
}

[type=date]:focus,
[type=email]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=url]:focus,
select:focus,
textarea:focus {
    border-color: var(--color-brand-primary-action) !important;
    box-shadow: none !important
}

[type=date]:disabled,
[type=email]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=url]:disabled,
select:disabled,
textarea:disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

[type=date]:invalid,
[type=email]:invalid,
[type=number]:invalid,
[type=password]:invalid,
[type=search]:invalid,
[type=tel]:invalid,
[type=text]:invalid,
[type=url]:invalid,
select:invalid,
textarea:invalid {
    border-color: var(--color-error);
    caret-color: var(--color-error)
}

[type=search]::-webkit-search-cancel-button {
    display: none;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 10px;
    -webkit-mask-image: var(--icon-close-small);
    mask-image: var(--icon-close-small);
    -webkit-mask-size: 200%;
    mask-size: 200%;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--color-text-primary)
}

select {
    --input-icon-width: 32px;
    background-image: var(--icon-chevron-down);
    background-position: calc(100% - var(--input-padding-right));
    background-repeat: no-repeat;
    background-size: var(--input-icon-width);
    line-height: 1.5;
    -webkit-padding-end: calc(var(--input-padding-right) + var(--input-icon-width));
    padding-inline-end: calc(var(--input-padding-right) + var(--input-icon-width))
}

option {
    color: initial
}

textarea {
    inline-size: 100%;
    min-block-size: 150px;
    resize: vertical;
    vertical-align: top
}

[type=checkbox],
[type=radio] {
    accent-color: var(--color-brand-primary);
    block-size: 24px;
    display: inline-block;
    inline-size: 24px;
    -webkit-margin-before: 4px;
    margin-block-start: 4px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
    vertical-align: top
}

[type=checkbox]+label,
[type=radio]+label {
    color: var(--color-text);
    display: inline-block;
    font: inherit;
    inline-size: calc(100% - 33px)
}

[type=checkbox][hidden],
[type=radio][hidden] {
    display: none
}

[type=checkbox] {
    --checkbox-border-color: var(--color-brand-primary-action);
    --checkbox-background-color: var(--color-brand-primary-action)
}

[type=checkbox][data-checkbox-theme=rounded] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 1px solid var(--checkbox-border-color);
    border-radius: 50%;
    vertical-align: middle;
    margin: 0;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px
}

[type=checkbox][data-checkbox-theme=rounded]:checked {
    --button-text-color: var(--color-brand-primary-action);
    --button-background-color: var(--color-brand-primary-action);
    --button-border-color: #fff;
    --checkbox-border-color: transparent;
    background-color: #fff
}

[type=checkbox][data-checkbox-theme=rounded]:checked:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--icon-tick);
    mask-image: var(--icon-tick);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--checkbox-background-color)
}

.searchWrapper,
.selectWrapper,
.wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    background-color: var(--color-1);
    overflow: clip
}

.is-focused.searchWrapper,
.is-focused.selectWrapper,
.searchWrapper:hover,
.selectWrapper:hover,
.wrapper.is-focused,
.wrapper:hover {
    border-color: var(--color-brand-primary-action)
}

.searchWrapper input,
.searchWrapper select,
.selectWrapper input,
.selectWrapper select,
.wrapper input,
.wrapper select {
    border: unset;
    outline: none
}

.searchWrapper {
    gap: var(--space-2xs);
    padding: var(--space-3xs);
    padding-left: var(--space-s)
}

.searchWrapper-icon {
    width: 24px;
    aspect-ratio: 1;
    align-self: flex-start;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--color-text-placeholder);
    background-size: 100%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    align-self: center;
    margin-left: 14px;
    margin-bottom: 1px
}

.searchWrapper .button:disabled {
    opacity: 1
}

.searchWrapper .button .icon-inner:after,
.searchWrapper .button .icon-inner:before {
    background-color: var(--color-1)
}

.selectWrapper {
    gap: 4px;
    overflow: visible;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.selectWrapper label {
    display: inline-flex;
    align-items: center;
    color: var(--color-body);
    font-size: var(--step-0);
    padding: var(--input-padding-vertical) var(--input-padding-left);
    background-color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    gap: 8px;
    min-width: 220px
}

.selectWrapper select {
    position: absolute;
    padding: 0;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    min-width: auto
}

.searchBar {
    width: 100%
}

.searchBar-input {
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    width: var(--space-3xl)
}

.searchBar-button {
    margin-right: 10px
}

.pac-container {
    border-radius: 12px;
    border-top: 0
}

.pac-logo:after {
    display: none !important
}

.pac-item {
    font-size: 14px;
    padding: var(--space-s)
}

.pac-icon-marker,
.screen-reader-text {
    display: none
}

.search-results-wrapper {
    position: relative
}

.ArchiveGrid-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--space-gutter);
    gap: var(--space-gutter)
}

@media screen and (min-width:1024px) {
    .ArchiveGrid-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.ArchiveGrid-filterBar {
    background-color: var(--neutral-1);
    padding: var(--space-xs-s);
    border-radius: 100px;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-l-xl)
}

.ArchiveGrid-filters {
    display: flex;
    gap: var(--space-s)
}

.NoResults {
    border-radius: 16px;
    overflow: clip;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .NoResults {
        display: flex;
        flex-direction: row
    }
}

.NoResults-image {
    position: relative;
    flex-basis: 25%;
    min-height: 320px
}

.NoResults-text {
    flex-basis: 75%;
    background-color: var(--color-1);
    padding: var(--space-xl-2xl)
}

.AnchorLinkBar,
.PageSwitcher {
    position: fixed;
    inset: 0;
    top: auto;
    padding-bottom: var(--space-l);
    z-index: 10;
    pointer-events: none;
    transition: transform .35s ease;
    transform: translateY(105%);
    display: none
}

@media(min-width:1024px) {

    .AnchorLinkBar,
    .PageSwitcher {
        display: block
    }
}

.showAnchorLinkBar .AnchorLinkBar,
.showAnchorLinkBar .PageSwitcher {
    transition: transform .5s cubic-bezier(.24, 1.67, .73, 1.01);
    transform: translateY(0)
}

.AnchorLinkBar .container,
.PageSwitcher .container {
    display: flex;
    justify-content: center
}

.AnchorLinkBar-contentSection,
.PageSwitcher-contentSection {
    border-radius: 100px;
    background: var(--neutral-1);
    grid-template-columns: 1fr;
    display: inline-flex;
    flex-direction: row;
    padding: var(--space-2xs-xs);
    pointer-events: all
}

.AnchorLinkBar-contentSectionList,
.PageSwitcher-contentSectionList {
    width: 100%;
    position: relative
}

.AnchorLinkBar-anchorList,
.PageSwitcher-anchorList {
    flex-direction: row;
    position: relative;
    gap: var(--space-xs);
    margin: 0;
    display: none
}

@media(min-width:1024px) {

    .AnchorLinkBar-anchorList,
    .PageSwitcher-anchorList {
        display: flex
    }
}

.AnchorLinkBar-anchorListItem,
.PageSwitcher-anchorListItem {
    position: relative;
    list-style-type: none;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.AnchorLinkBar-selectWrapper,
.PageSwitcher-selectWrapper {
    margin: 0;
    padding: 0
}

.PageSwitcher .button--secondary {
    margin-left: calc(var(--space-xl) - var(--space-xs));
    display: none
}

@media screen and (min-width:1024px) {
    .PageSwitcher .button--secondary {
        display: flex
    }
}

.BlockAccordion-contentSection {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    margin-top: var(--space-l);
    gap: var(--space-l)
}

@media(min-width:768px) {
    .BlockAccordion-contentSection {
        margin-top: var(--space-2xl)
    }
}

@media(min-width:1280px) {
    .BlockAccordion-contentSection {
        flex-direction: row;
        gap: var(--space-2xl)
    }
}

.BlockAccordion-contentText {
    position: relative;
    inline-size: 100%;
    background: var(--color-brand-primary-subtle);
    border-radius: var(--variable-radius);
    padding: var(--space-l) var(--space-m)
}

@media(min-width:768px) {
    .BlockAccordion-contentText {
        padding: var(--space-xl)
    }
}

@media(min-width:1280px) {
    .BlockAccordion-contentText {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 560px;
        max-width: 30%
    }
}

.BlockAccordion .icon {
    transition: transform .4s var(--ease-out)
}

.BlockAccordion-toggleButton {
    cursor: pointer;
    display: block;
    position: absolute;
    inset: 0
}

.BlockAccordion-accordion {
    width: 100%;
    position: relative
}

.BlockAccordion-panels {
    position: relative;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.BlockAccordion-panelRow {
    position: relative;
    list-style-type: none;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.BlockAccordion-panelRow:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: var(--color-container);
    border-radius: var(--variable-radius);
    transition: border-radius, inset;
    transition-duration: .4s;
    transition-timing-function: var(--ease-out)
}

.BlockAccordion-panelRow[aria-expanded=true]:before {
    border-radius: 0;
    inset-inline: calc(-1*var(--space-gutter))
}

.BlockAccordion-panelRow[aria-expanded=true] .icon {
    transform: rotate(180deg)
}

.BlockAccordion-panelRow+.BlockAccordion-panelRow {
    margin-top: var(--space-m)
}

.BlockAccordion-panelHeading {
    position: relative;
    --flow-space: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-l-xl)
}

.BlockAccordion-panelTitle {
    flex-grow: 1
}

.BlockAccordion-panelContent {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0;
    transition: grid-template-rows;
    transition-duration: .4s;
    transition-timing-function: var(--ease-out);
    max-width: 700px;
    margin-inline: auto;
    padding-inline: var(--space-l-xl)
}

.BlockAccordion-panelContent[aria-hidden=false] {
    grid-template-rows: 1fr
}

.BlockAccordion-panelContent[aria-hidden=false] .BlockAccordion-panelContentInner {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: .7s
}

.BlockAccordion-panelContentInner {
    --flow-space: var(--space-l);
    overflow: hidden;
    transition: opacity 0s ease .35s;
    opacity: 0
}

.BlockAccordion-panelContentInner>:first-child {
    margin-top: calc(var(--space-2xl-3xl) - var(--space-l-xl))
}

.BlockAccordion-panelContentInner>:last-child {
    margin-bottom: var(--space-2xl-3xl)
}

.BlockCardCarousel {
    position: relative
}

.BlockCardCarousel-containerInner {
    position: relative;
    display: grid;
    grid-template-areas: "title" "carousel" "cta";
    grid-template-columns: minmax(0, 1fr)
}

@media(min-width:1280px) {
    .BlockCardCarousel-containerInner {
        grid-template-areas: "title cta" "carousel carousel";
        grid-template-columns: repeat(minmax(0, 1fr), 2)
    }

    .BlockCardCarousel-containerInner.hide-controls-desktop .BlockCardCarousel-controls,
    .BlockCardCarousel-containerInner.hide-controls-desktop .BlockCardCarousel-paginationContainer {
        display: none
    }
}

.BlockCardCarousel-headingContainer {
    grid-area: title;
    display: flex;
    gap: var(--space-m);
    align-items: center
}

.BlockCardCarousel-headingContainer .button {
    margin: 0
}

.BlockCardCarousel-cta {
    grid-area: cta
}

.BlockCardCarousel-carousel {
    grid-area: carousel;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: var(--space-xl);
    margin-top: var(--space-l)
}

.BlockCardCarousel-carousel:before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    height: 1px;
    background-color: var(--color-lines)
}

.BlockCardCarousel-controls {
    --flow-space: 0;
    align-self: end;
    display: flex;
    gap: var(--space-xl);
    align-items: center;
    margin-top: var(--space-xl-2xl);
    justify-content: space-between;
    pointer-events: none
}

.BlockCardCarousel-controls button.button--icon {
    pointer-events: all
}

.BlockCardCarousel-controls button.button--icon:first-of-type {
    transform: scale(-1)
}

@media(min-width:1280px) {
    .BlockCardCarousel-controls {
        justify-content: flex-end
    }
}

.BlockCardCarousel-buttons {
    display: flex;
    gap: var(--space-xs)
}

.CardGrid-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media screen and (min-width:1024px) {
    .CardGrid-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.BlockCardGridArchive {
    margin-top: var(--space-section-xs)
}

.BlockCardGridArchive-heading {
    font-size: var(--step-6)
}

.BlockCardGridArchive-heading+.BlockCardGridArchive-grid {
    margin-top: var(--space-2xl)
}

.BlockCardGridArchive-pagination {
    margin-top: var(--space-section-xs)
}

.BlockContactCard {
    position: relative;
    overflow: hidden
}

.BlockContactCard-contentSection {
    background: var(--color-brand-primary-subtle);
    border-radius: var(--variable-radius);
    padding: var(--space-l) var(--space-s)
}

@media(min-width:480px) {
    .BlockContactCard-contentSection {
        padding: var(--space-xl) var(--space-l)
    }
}

@media(min-width:1024px) {
    .BlockContactCard-contentSection {
        padding: var(--space-xl);
        display: flex;
        flex-direction: row;
        gap: var(--space-2xl);
        justify-content: space-between
    }
}

.BlockContactCard-heading {
    font-size: var(--step-3)
}

.BlockContactCard-cta {
    flex-basis: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:480px) {
    .BlockContactCard-cta {
        align-items: flex-start
    }
}

.BlockContactCard-cta button {
    margin-top: var(--space-m)
}

.BlockContactCard-contact {
    margin-top: var(--space-l);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs)
}

@media(min-width:1024px) {
    .BlockContactCard-contact {
        flex-basis: 620px;
        margin-top: 0
    }
}

.BlockContactCard-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    font-size: var(--step-1);
    color: var(--color-brand-secondary);
    word-break: break-word
}

.BlockContactCard-link span {
    --button-text-color: var(--color-brand-secondary)
}

.BlockContactCard-image {
    flex-shrink: 0;
    flex-basis: 240px
}

.BlockContentMedia {
    margin-top: var(--space-section-medium);
    position: relative;
    overflow: hidden
}

.BlockContentMedia-subheading {
    align-self: flex-start;
    margin-bottom: auto
}

.BlockContentMedia-contentSection {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: var(--space-xl)
}

@media(min-width:768px) {
    .BlockContentMedia-contentSection {
        align-items: center;
        gap: var(--space-2xl)
    }
}

@media(min-width:1024px) {
    .BlockContentMedia-contentSection {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: var(--space-3xl)
    }
}

.BlockContentMedia-text {
    position: relative;
    inline-size: 100%;
    -webkit-padding-before: var(--space-xs);
    padding-block-start: var(--space-xs)
}

@media(min-width:1024px) {
    .BlockContentMedia-text {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        max-width: 50%
    }
}

.BlockContentMedia-media {
    width: 100%;
    position: relative
}

@media(min-width:1024px) {
    .BlockContentMedia-media {
        max-width: 40%
    }
}

.BlockContentMedia-content {
    width: 80%;
    position: relative;
    font-size: var(--step-0);
    --flow-space: var(--space-s)
}

@media(min-width:1024px) {
    .BlockContentMedia-content {
        --flow-space: var(--space-m)
    }
}

.BlockContentMedia-heading {
    position: relative;
    font-size: var(--step-6);
    --flow-space: var(--space-l)
}

@media(min-width:768px) {
    .BlockContentMedia-heading {
        --flow-space: var(--space-xl)
    }
}

.BlockContentMedia-ctaContainer {
    margin-top: var(--space-xl);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--space-s);
    position: relative
}

@media(min-width:768px) {
    .BlockContentMedia-ctaContainer {
        flex-direction: row
    }
}

.Credits-heading {
    margin-bottom: var(--space-l)
}

.Credits-item {
    --flow-space: var(--space-s)
}

.Credits-item+.Credits-item {
    margin-top: var(--space-xl-2xl)
}

.Credits-column {
    margin-top: var(--space-s)
}

.Credits-column+.Credits-column {
    margin-top: var(--space-xl-2xl)
}

@media screen and (min-width:768px) {
    .Credits-column+.Credits-column {
        margin-top: var(--space-s)
    }
}

.BlockDownloads-description {
    max-width: 120ch
}

.BlockDownloads-downloadsSection {
    background: #fff;
    border-radius: var(--variable-radius);
    overflow: hidden
}

.BlockDownloads-tableHeader {
    display: none;
    background: var(--color-brand-primary-subtle);
    padding: var(--space-m) var(--space-l);
    border-bottom: var(--border)
}

@media(min-width:768px) {
    .BlockDownloads-tableHeader {
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        grid-gap: var(--space-m);
        gap: var(--space-m)
    }
}

.BlockDownloads-tableHeaderItem {
    font-size: var(--step--1);
    text-transform: uppercase
}

.BlockDownloads-downloadsList {
    display: flex;
    flex-direction: column
}

.BlockDownloads-downloadItem {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--space-s);
    gap: var(--space-s);
    padding: var(--space-m) var(--space-l);
    border-bottom: var(--border)
}

@media(min-width:768px) {
    .BlockDownloads-downloadItem {
        gap: var(--space-m);
        align-items: center;
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-areas: "title details download"
    }
}

.BlockDownloads-downloadItem:last-child {
    border-bottom: none
}

.BlockDownloads-downloadContent {
    display: flex;
    align-items: center;
    gap: var(--space-s)
}

.BlockDownloads-downloadMeta {
    min-width: 0;
    flex: 1 1
}

.BlockDownloads-downloadTitle {
    color: var(--color-text-primary);
    margin-bottom: 2px
}

.BlockDownloads-downloadSize {
    font-size: var(--step--1);
    color: var(--color-text-tertiary)
}

.BlockDownloads-downloadDetails {
    color: var(--color-text-secondary);
    font-size: var(--step--1)
}

@media(max-width:767px) {
    .BlockDownloads-downloadDetails {
        margin-top: var(--space-xs);
        padding-left: calc(40px + var(--space-s))
    }
}

.BlockDownloads-downloadDetails p {
    margin: 0
}

@media(min-width:768px) {
    .BlockDownloads-downloadLink {
        grid-area: download
    }
}

.EventDetails .l-grid+.l-grid {
    margin-top: var(--space-xl-2xl)
}

.EventDetails .icon[data-icon=quote] {
    background-color: var(--color-2)
}

.Snapshot {
    --flow-space: 0;
    background-color: var(--color-6);
    padding: var(--space-xl-2xl) var(--space-l-xl)
}

.Snapshot-title {
    color: var(--color-1);
    margin-top: var(--space-m)
}

.Snapshot-description {
    color: var(--color-2);
    margin-top: var(--space-s)
}

.Snapshot-infoRow {
    display: flex;
    margin-top: var(--space-s)
}

.Snapshot-infoRow .h8 {
    flex-shrink: 0
}

p+.Snapshot-infoRow {
    margin-top: var(--space-l-xl)
}

.Snapshot-infoRow p {
    color: var(--color-2)
}

.Snapshot-infoRow p:first-child {
    flex-basis: var(--space-3xl-4xl);
    color: var(--color-1)
}

.Snapshot-showTitle {
    position: relative;
    margin-top: var(--space-l-xl);
    padding-bottom: calc(var(--space-2xs) - 1px)
}

.Snapshot-showTitle p {
    color: var(--color-2)
}

.Snapshot-showTitle:before {
    content: "";
    --color-lines: var(--color-4);
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, var(--color-lines) 0, var(--color-lines) 20%, transparent 20%, transparent 100%);
    background-size: 5px 1px;
    background-repeat: repeat-x
}

.Tickets {
    background-color: var(--color-2);
    padding: var(--space-xl-2xl) var(--space-l-xl)
}

.Tickets-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s)
}

.Tickets-heading {
    color: var(--color-7)
}

.icon+.Tickets-heading {
    margin-top: var(--space-m)
}

.Tickets-description {
    margin-top: var(--space-s)
}

.Tickets-panel {
    position: relative
}

.Tickets-panel+.Tickets-panel {
    padding-top: var(--space-l-xl);
    margin-top: var(--space-l-xl)
}

.Tickets-panel+.Tickets-panel:before {
    content: "";
    --color-lines: var(--color-5);
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, var(--color-lines) 0, var(--color-lines) 75%, transparent 75%, transparent 100%);
    background-size: 20px 1px;
    background-repeat: repeat-x
}

.BlockForm {
    margin-top: var(--space-section-medium)
}

.BlockForm .content {
    background: #fff;
    border-radius: 27px;
    padding: var(--space-xl) var(--space-s)
}

@media(min-width:768px) {
    .BlockForm .content {
        padding: var(--space-xl) var(--space-l)
    }
}

@media(min-width:1280px) {
    .BlockForm .content {
        padding: var(--space-xl) var(--space-2xl)
    }
}

.BlockForm fieldset {
    text-align: center;
    padding: 0 !important
}

.BlockForm .frm_form_title {
    margin-bottom: var(--space-xs)
}

.BlockForm .form-subtitle {
    margin-bottom: var(--space-l)
}

.BlockForm .form-submit-container {
    margin-bottom: 0 !important
}

@media(min-width:768px) {
    .BlockForm .form-submit-container button {
        min-width: 280px
    }
}

.BlockHeading.ComponentPadding {
    padding-bottom: var(--space-xl-2xl)
}

.BlockHero {
    --flow-space: 0;
    position: relative;
    height: 100lvh;
    min-height: 600px
}

.BlockHero-content {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-2xs)
}

.BlockHero-media {
    position: absolute;
    inset: 0;
    z-index: -1
}

.BlockHero-media:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(0, 0, 0, .2)
}

.BlockHeroCta {
    position: relative;
    height: 100lvh;
    min-height: 600px
}

.BlockIcon.ComponentPadding+.BlockHeroCta {
    margin-top: calc(var(--space-l-xl) - var(--space-3xl-4xl))
}

.BlockHeroCta-content {
    height: 100%;
    padding-block: var(--space-3xl-4xl);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media screen and (min-width:1024px) {
    .BlockHeroCta-content {
        display: grid;
        justify-content: normal;
        grid-template-rows: 1fr auto;
        grid-template-areas: "heading heading" "description cta"
    }
}

.BlockHeroCta-heading {
    color: var(--color-3);
    max-width: 18ch
}

@media screen and (min-width:1024px) {
    .BlockHeroCta-heading {
        grid-area: heading
    }
}

.BlockHeroCta-description {
    max-width: 38ch;
    color: var(--color-1);
    --flow-space: var(--space-s)
}

@media screen and (min-width:1024px) {
    .BlockHeroCta-description {
        grid-area: description;
        margin: 0
    }

    .BlockHeroCta-cta {
        grid-area: cta;
        margin: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end
    }

    .BlockHeroCta-cta .button {
        float: right
    }
}

.BlockHeroCta-media {
    position: absolute;
    inset: 0;
    z-index: -1
}

.BlockHeroCta-media:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(31, 30, 29, 0), rgba(31, 30, 29, .8))
}

@media screen and (min-width:1024px) {
    .BlockHeroCta-media:before {
        right: auto;
        width: 45%;
        background: linear-gradient(270deg, rgba(31, 30, 29, 0), rgba(31, 30, 29, .8))
    }
}

.BlockIcon-container {
    background-color: var(--color-2);
    padding: var(--space-l-3xl) var(--space-m-4xl);
    border-radius: var(--space-m);
    width: 100%
}

.BlockIcon-heading {
    max-width: 20ch
}

.BlockIcon-icons {
    --flow-space: var(--space-l-3xl);
    display: grid;
    grid-row-gap: var(--space-l-3xl);
    row-gap: var(--space-l-3xl);
    grid-column-gap: var(--space-2xl);
    column-gap: var(--space-2xl);
    grid-template-columns: "1fr"
}

@media screen and (min-width:1024px) {
    .BlockIcon-icons {
        grid-template-columns: repeat(3, 1fr)
    }
}

.BlockIcon-iconHeading {
    margin-top: var(--space-m)
}

.BlockIcon-iconDescription {
    margin-top: var(--space-s)
}

.BlockIcon h2,
.BlockIcon h3,
.BlockIcon p {
    color: var(--color-6)
}

.BlockImage-full {
    position: relative;
    aspect-ratio: 16/9
}

@media screen and (min-width:1024px) {
    .BlockImage-full {
        aspect-ratio: auto;
        height: 100lvh
    }
}

.BlockImage-inpage {
    border-radius: var(--space-s-m);
    overflow: clip
}

.BlockImageCarousel-mediaSection {
    display: flex;
    flex-direction: column
}

.BlockImageCarousel-mediaSection>* {
    position: relative
}

.BlockImageCarousel .media {
    aspect-ratio: 4/3
}

@media(min-width:768px) {
    .BlockImageCarousel .media {
        aspect-ratio: 16/9
    }
}

.BlockImageCarousel .media img {
    height: 100%;
    object-fit: cover
}

@media(min-width:768px) {
    .BlockImageCarousel-mainCarousel {
        width: 82.5%
    }
}

.BlockImageCarousel-controls {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-xs);
    margin-top: var(--space-m-l)
}

.BlockImageCarousel-controls button.button--icon {
    pointer-events: all
}

.BlockImageCarousel-controls button.button--icon:first-child {
    transform: scale(-1)
}

.BlockMap-wrapper {
    margin-top: var(--space-xl);
    position: relative;
    width: 100%;
    border-radius: var(--variable-radius);
    overflow: hidden;
    border: 7px solid #fff;
    height: 440px
}

.BlockMap-map {
    height: 100%;
    width: 100%
}

.BlockMap-controls {
    position: absolute;
    top: var(--space-m);
    right: var(--space-m);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs)
}

.BlockQuote-image {
    border-radius: var(--space-s-m);
    margin-bottom: var(--space-m)
}

@media screen and (min-width:1024px) {
    .BlockQuote-image {
        margin-bottom: calc(-1*var(--space-4xl))
    }
}

.BlockQuote-text {
    padding-block: var(--space-xs-s)
}

.BlockQuote-contentSectionInner {
    margin-inline: auto;
    text-align: center;
    max-width: 780px
}

.BlockQuote-content {
    background-color: var(--color-background);
    border-radius: var(--space-m)
}

@media screen and (min-width:1024px) {
    .BlockQuote-content {
        display: flex;
        gap: var(--space-m-2xl);
        align-items: flex-start;
        padding: var(--space-xl)
    }
}

.BlockQuote .quoteName {
    margin-top: var(--space-s)
}

.BlockQuote figure {
    border-radius: var(--space-s-m);
    overflow: clip
}

.BlockQuote .icon {
    background-color: var(--color-container)
}

.BlockQuote .icon:before {
    background-color: var(--color-headline)
}

.BlockSearchResults-results {
    margin-top: var(--space-section-small);
    list-style: none;
    padding: 0
}

.BlockSearchResults-results .BlockSearchResults-result+.BlockSearchResults-result {
    margin-top: var(--space-l)
}

.BlockSearchResults-result {
    padding-bottom: var(--space-l);
    border-bottom: var(--border)
}

.BlockSearchResults-result p {
    color: var(--color-body)
}

.BlockSearchResults-result:hover .BlockSearchResults-resultHeading {
    color: var(--color-brand-primary-action)
}

.BlockSearchResults-result:hover .media img {
    transform: scale(1.05)
}

.BlockSearchResults-resultContent {
    display: flex;
    flex-direction: column;
    gap: var(--space-m)
}

@media(min-width:768px) {
    .BlockSearchResults-resultContent {
        align-items: flex-start;
        gap: var(--space-l);
        flex-direction: row
    }
}

.BlockSearchResults-resultContent .media {
    max-width: 340px
}

@media(min-width:768px) {
    .BlockSearchResults-resultContent .media {
        flex-shrink: 0;
        flex-basis: 240px
    }
}

.BlockSearchResults-resultContent .media img {
    transition: transform var(--transition)
}

.BlockSearchResults-resultText {
    margin-top: var(--space-3xs)
}

@media(min-width:768px) {
    .BlockSearchResults-resultText {
        flex-basis: 780px
    }
}

.BlockSearchResults-resultHeading {
    color: var(--color-text-primary);
    font-size: var(--step-2);
    transition: color var(--transition)
}

.BlockSearchResults-resultExcerpt {
    margin-top: var(--space-s)
}

.BlockSearchResults-noResults {
    -webkit-margin-before: calc(var(--component-spacing)/2);
    margin-block-start: calc(var(--component-spacing)/2);
    text-align: center
}

@media screen and (min-width:1024px) {
    .BlockSectionIntro .l-grid__col {
        position: relative
    }

    .BlockSectionIntro .l-grid__col:last-child:before {
        content: "";
        position: absolute;
        left: calc(-1*var(--space-gutter)/2);
        inset-block: 0;
        width: 1px;
        background-color: var(--color-lines)
    }
}

.BlockSectionIntro .button {
    margin-top: var(--space-gutter)
}

.BlockSectionIntro .h3 {
    margin-bottom: var(--space-l-3xl)
}

.BlockTeam-teamGrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--space-l);
    gap: var(--space-l)
}

@media(min-width:480px) {
    .BlockTeam-teamGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-m)
    }
}

@media(min-width:1024px) {
    .BlockTeam-teamGrid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--space-l)
    }
}

.BlockTeam-memberCard {
    text-align: center;
    background-color: #fff;
    border-radius: var(--variable-radius);
    overflow: hidden
}

.BlockTeam-memberInfo {
    padding: var(--space-m) var(--space-s) var(--space-l)
}

@media(min-width:768px) {
    .BlockTeam-memberInfo {
        padding: var(--space-l) var(--space-m) var(--space-xl)
    }

    .BlockTeam-memberName,
    .BlockTeam-memberPosition {
        font-size: var(--step-1)
    }
}

.BlockTeam-socialLinks {
    display: flex;
    justify-content: center;
    gap: var(--space-s)
}

.BlockTeam-contact {
    margin-top: var(--flow-space)
}

.Table-item {
    position: relative;
    --flow-space: var(--space-xl);
    display: flex;
    justify-content: center;
    z-index: 1
}

.Table-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--color-container);
    inset: var(--space-2xs);
    opacity: 0;
    transition: var(--ease-in-out) inset .4s, ease opacity .4s
}

.Table-item:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: var(--color-lines);
    bottom: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    transition: opacity .4s ease
}

.Table:has(a:hover) .Table-item:after {
    opacity: 0
}

.Table-item:hover:has(a):before {
    inset: 0;
    opacity: 1
}

.Table-item:hover:has(a) .Table-inner {
    width: calc(100% - 2*var(--space-s))
}

.Table-inner {
    display: flex;
    align-items: flex-start;
    gap: var(--space-s-m);
    width: 100%;
    transition: var(--ease-in-out) width .4s
}

.Table-inner .icon {
    margin-top: calc(var(--space-xs-s) - 2px)
}

.Table-content {
    flex: 1 1 auto;
    padding-block: var(--space-xs-s);
    --flow-space: 0;
    display: flex;
    justify-content: space-between;
    gap: var(--space-xs-s)
}

.Table-content>* {
    flex: 0 1 50%
}

.Table-content>:first-of-type:last-of-type {
    flex-basis: 100%
}

.Table .label {
    line-height: 1.5;
    color: var(--color-hero-headline)
}

.BlockTimeline-items {
    margin-top: var(--space-2xl)
}

@media screen and (min-width:1024px) {
    .BlockTimeline-items {
        margin-top: 0
    }
}

.BlockTimeline-item {
    display: flex;
    gap: var(--space-gutter)
}

.BlockTimeline-itemContent {
    padding-block: var(--space-m-l) var(--space-l-xl)
}

.BlockTimeline-icon {
    position: relative;
    z-index: 1
}

.BlockTimeline-icon:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, var(--color-lines) 0, var(--color-lines) 75%, transparent 75%, transparent 100%);
    background-size: 1px 20px;
    background-repeat: repeat-y
}

.BlockTimeline-icon .character p {
    transform: translateY(-1px);
    letter-spacing: -.05em
}

.TextInlineImages {
    background-color: var(--neutral-7);
    text-align: center
}

.TextInlineImages-image {
    display: inline-block;
    width: 8%;
    overflow: clip;
    border-radius: 8px;
    width: var(--step-9)
}

.TextInlineImages-description {
    margin-top: var(--space-xl)
}

.TextInlineImages-cta {
    margin-top: var(--space-2xl)
}

.DemoBlock {
    margin-top: var(--space-section-medium)
}

.DemoBlock>flynt-component {
    margin-top: var(--space-l) !important
}

.DemoBlock-content {
    display: inline-block;
    background: var(--color-brand-secondary-subtle);
    background: #fff;
    padding: var(--space-m);
    padding-right: var(--space-l);
    border-radius: var(--variable-radius)
}

.NavigationBurger .searchWrapper {
    min-width: 220px
}

.NavigationBurger .searchWrapper .button .icon {
    padding: calc(var(--space-s) - 2px)
}

@media(min-width:1440px) {
    .NavigationBurger {
        display: none
    }
}

.NavigationBurger .Logo {
    max-width: 120px
}

.NavigationBurger-container {
    position: fixed;
    z-index: 99;
    inset-inline: 0;
    top: var(--navigation-space-top)
}

.NavigationBurger-nav {
    padding: var(--space-s);
    background-color: var(--neutral-7);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.NavigationBurger-right,
.NavigationBurger-search {
    margin: 0;
    display: flex;
    gap: var(--space-xs);
    align-items: center
}

.NavigationBurger-search {
    transition: opacity .2s ease
}

.scrolled .NavigationBurger-search {
    opacity: 0;
    pointer-events: none
}

.NavigationBurger .Logo {
    block-size: 100%;
    display: block;
    flex-shrink: 0;
    text-decoration: none;
    color: #fff;
    font-size:30px;
    font-weight: 700;
    /* max-height: var(--space-l) */
}
.NavigationBurger .Logo span {
    display: inline-block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    margin-top: 5px;
}


.NavigationBurger .Logo-image {
    inline-size: auto;
    height: 100%
}

.NavigationBurger.is-open .Menu {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0) rotate(0deg)
}

.NavigationBurger .Menu,
.NavigationBurger.is-open .Menu {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.NavigationBurger .Menu {
    background-color: var(--neutral-7);
    border-radius: 8px;
    --menu-offset: calc(var(--navigation-space-top) + var(--navigation-height) + var(--space-s-m));
    block-size: calc(100dvh - var(--menu-offset) - var(--space-s-m));
    inset-block-start: var(--menu-offset);
    inset-inline: var(--space-gutter);
    list-style: none;
    margin: 0;
    padding: var(--space-l) var(--space-m);
    position: fixed;
    z-index: 98;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    will-change: translate, visibility;
    transition: transform var(--ease-bounce), visibility .45s;
    opacity: 0;
    transform-origin: left center;
    visibility: hidden;
    transition: opacity .3s, transform .5s, visibility .3s;
    transition-timing-function: var(--ease-bounce);
    transform: translate3d(0, 90px, 0) rotate(15deg)
}

.NavigationBurger .Menu-link {
    color: var(--color-text);
    display: block;
    font-size: var(--step-1);
    padding-block: var(--space-l);
    padding-inline: var(--space-xs);
    text-decoration: none
}

.NavigationBurger .Menu-panels {
    overflow-y: auto;
    overflow-x: clip
}

.NavigationBurger .Menu .button {
    align-self: center;
    flex-shrink: 0
}

.MenuPanel-contentSection {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    margin-top: var(--space-l);
    gap: var(--space-l)
}

@media(min-width:768px) {
    .MenuPanel-contentSection {
        margin-top: var(--space-2xl)
    }
}

@media(min-width:1280px) {
    .MenuPanel-contentSection {
        flex-direction: row;
        gap: var(--space-2xl)
    }
}

.MenuPanel-contentText {
    position: relative;
    inline-size: 100%;
    border-radius: var(--variable-radius);
    padding: var(--space-l) var(--space-m)
}

@media(min-width:768px) {
    .MenuPanel-contentText {
        padding: var(--space-xl)
    }
}

@media(min-width:1280px) {
    .MenuPanel-contentText {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 560px;
        max-width: 30%
    }
}

.MenuPanel .icon {
    transition: transform .4s var(--ease-out)
}

.MenuPanel-toggleButton {
    cursor: pointer;
    display: block;
    position: absolute;
    inset: 0
}

.MenuPanel-accordion {
    width: 100%;
    position: relative
}

.MenuPanel-panels {
    position: relative;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.MenuPanel-panelRow {
    color: var(--color-2);
    position: relative;
    list-style-type: none;
    margin: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0
}

.MenuPanel-panelRow[aria-expanded=true] .MenuPanel-panelHeading>.button .icon {
    transform: rotate(180deg)
}

.MenuPanel-panelRow+.MenuPanel-panelRow:before {
    content: "";
    position: absolute;
    inset: 0;
    bottom: auto;
    height: 1px;
    background-color: var(--color-6);
    pointer-events: none
}

.MenuPanel-panelHeading {
    position: relative;
    --flow-space: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xs);
    padding-block: var(--space-l)
}

.MenuPanel-panelRow:first-child .MenuPanel-panelHeading {
    padding-top: 0
}

.MenuPanel-panelTitle {
    flex-grow: 1
}

.MenuPanel-panelContent {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0;
    transition: grid-template-rows;
    transition-duration: .4s;
    transition-timing-function: var(--ease-out)
}

.MenuPanel-panelContent[aria-hidden=false] {
    grid-template-rows: 1fr
}

.MenuPanel-panelContent[aria-hidden=false] .MenuPanel-panelContentInner {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: .7s
}

.MenuPanel-panelContentInner {
    --flow-space: var(--space-l);
    overflow: hidden;
    transition: opacity 0s ease .35s;
    opacity: 0
}

.MenuPanel-panelContentInner>:last-child {
    margin-bottom: var(--space-l)
}

.MenuLink-list {
    align-items: stretch;
    align-items: flex-start;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.MenuLink-item {
    position: relative;
    width: 100%
}

.MenuLink-item:first-child .Submenu-link {
    padding-top: 0
}

.MenuLink-item:last-child .Submenu-link {
    padding-bottom: 0
}

.MenuLink-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-m);
    padding-block: calc(var(--space-l)/2)
}

.MenuLink-item:first-child .MenuLink-link {
    padding-top: 0
}

.MenuLink-item:last-child .MenuLink-link {
    padding-bottom: 0
}

.MenuLink-link p {
    margin: 0
}

.MenuLink-link:hover .Submenu-heading {
    color: rgba(0, 0, 0, 0)
}

.MenuLink-link:hover .Submenu-heading span {
    color: var(--neutral-7)
}

.MenuLink-count {
    color: var(--neutral-4)
}

.MenuLink-heading {
    position: relative;
    flex-shrink: 0;
    flex-grow: 1
}

.MenuLink-item:first-child .MenuLink-heading {
    flex-grow: 0
}

.NavigationFooter {
    position: relative;
    padding-block: var(--space-3xl);
    --flow-space: 0;
    overflow: clip
}

.NavigationFooter-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xl)
}

.NavigationFooter-heading {
    max-width: 10ch
}

.NavigationFooter-background {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--neutral-7)
}

.NavigationFooter-nav {
    padding-bottom: var(--space-m);
    border-bottom: 1px solid var(--neutral-6);
    align-self: stretch
}

.NavigationFooter-navList {
    display: flex;
    gap: var(--space-m)
}

.NavigationFooter-contact {
    display: flex;
    margin-top: var(--space-m);
    padding-top: var(--space-l);
    border-top: var(--border-light);
    gap: var(--space-s);
    justify-content: space-between;
    flex-direction: column
}

.NavigationFooter-logo {
    max-width: 126px
}

.NavigationFooter-socialList {
    grid-area: social;
    display: flex;
    gap: var(--space-2xs)
}

.NavigationFooter-legal {
    display: flex;
    flex-direction: column;
    gap: var(--space-m)
}

.NavigationFooter-legalLinks {
    display: flex;
    gap: var(--space-s);
    flex-wrap: wrap
}

.jtb {
    color: var(--neutral-2);
    display: flex;
    align-items: center;
    gap: 2px
}

.jtb-logo {
    line-height: 0;
    display: inline-block;
    font-size: 0;
    width: 22px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='20' viewBox='0 0 41 20' fill='none'%3e%3cg clip-path='url(%23clip0_18307_153367)'%3e%3cpath d='M0.500006 19.9018C0.500006 19.9549 0.543484 19.9989 0.596818 19.9989H2.7203C5.37421 19.9989 6.48551 18.1441 6.48551 16.3212V5.99891C6.48559 5.98631 6.48315 5.97381 6.47832 5.96213C6.4735 5.95046 6.46639 5.93983 6.4574 5.93087C6.44841 5.9219 6.43771 5.91476 6.42593 5.90987C6.41414 5.90498 6.40149 5.90242 6.3887 5.90234H3.36145C3.34857 5.90234 3.33581 5.90486 3.32392 5.90976C3.31202 5.91465 3.30123 5.92183 3.29218 5.93086C3.28312 5.9399 3.27597 5.95062 3.27114 5.9624C3.26632 5.97418 3.26391 5.98678 3.26406 5.99949V16.1223C3.26406 16.8863 2.94464 17.2841 2.12088 17.2841H0.613629C0.59861 17.2841 0.583739 17.287 0.569878 17.2927C0.556016 17.2984 0.543439 17.3067 0.532873 17.3173C0.522306 17.3278 0.513961 17.3403 0.50832 17.354C0.502678 17.3677 0.499853 17.3824 0.500006 17.3972V19.9018Z' fill='%23E6E5DD'/%3e%3cpath d='M12.2144 8.48865H14.4016C14.4144 8.48858 14.4271 8.48602 14.4389 8.48113C14.4506 8.47623 14.4613 8.4691 14.4703 8.46013C14.4793 8.45116 14.4864 8.44054 14.4912 8.42886C14.4961 8.41719 14.4985 8.40469 14.4984 8.39208V6.03951C14.4985 6.0269 14.4961 6.01441 14.4912 6.00273C14.4864 5.99105 14.4793 5.98043 14.4703 5.97146C14.4613 5.96249 14.4506 5.95536 14.4389 5.95046C14.4271 5.94557 14.4144 5.94301 14.4016 5.94294H12.1558C12.13 5.94294 12.1052 5.93282 12.087 5.91482C12.0687 5.89682 12.0584 5.8724 12.0584 5.84694V3.62751C12.0586 3.61049 12.0541 3.59374 12.0455 3.579C12.0369 3.56426 12.0244 3.55206 12.0094 3.54366C11.9944 3.53527 11.9773 3.53099 11.9601 3.53126C11.9428 3.53154 11.9259 3.53636 11.9112 3.54522L8.94481 5.33665C8.9306 5.34533 8.91888 5.35745 8.91077 5.37185C8.90265 5.38625 8.8984 5.40246 8.89844 5.41894V13.2949H8.90655C8.93844 14.8098 9.75293 16.3247 11.5906 16.7452C11.7587 16.7852 11.9344 16.8167 12.1181 16.8327C12.2938 16.8561 12.4695 16.8641 12.6608 16.8641H14.4016C14.4274 16.8639 14.452 16.8538 14.4701 16.8358C14.4883 16.8178 14.4984 16.7934 14.4984 16.7681V14.2709C14.4984 14.2709 14.4961 14.1578 14.3854 14.1578L13.2602 14.1595C12.437 14.1595 12.1181 13.7629 12.1181 13.0018V8.58465C12.1181 8.53151 12.161 8.48865 12.215 8.48865' fill='%23E6E5DD'/%3e%3cpath d='M30.997 16.8623H40.3999C40.4544 16.8623 40.4984 16.8195 40.4984 16.7669V14.2126C40.4984 14.2 40.4957 14.1875 40.4907 14.1758C40.4857 14.1641 40.4785 14.1536 40.4693 14.1447C40.4601 14.1358 40.4493 14.1288 40.4374 14.1241C40.4255 14.1194 40.4127 14.117 40.3999 14.1172H30.997C30.9842 14.117 30.9715 14.1194 30.9596 14.1241C30.9478 14.1287 30.9369 14.1357 30.9278 14.1445C30.9186 14.1533 30.9113 14.1638 30.9063 14.1754C30.9013 14.187 30.8986 14.1994 30.8984 14.2121V16.7669C30.8984 16.8195 30.9425 16.8623 30.997 16.8623Z' fill='%23E6E5DD'/%3e%3cpath d='M3.30079 4.21189V2.05475C3.30063 2.02918 3.31071 2.00458 3.32883 1.98629C3.34696 1.96799 3.37166 1.95748 3.3976 1.95703H6.40398C6.42991 1.95748 6.45462 1.96799 6.47274 1.98629C6.49087 2.00458 6.50094 2.02918 6.50079 2.05475V4.21189C6.5011 4.23756 6.49109 4.2623 6.47295 4.28072C6.45481 4.29913 6.43001 4.30972 6.40398 4.31017H3.3976C3.37156 4.30972 3.34677 4.29913 3.32863 4.28072C3.31049 4.2623 3.30048 4.23756 3.30079 4.21189Z' fill='%23E6E5DD'/%3e%3cpath d='M28.8396 8.82277C29.1254 9.55877 29.2634 10.3439 29.2634 11.1788C29.2634 12.0131 29.1254 12.7982 28.8402 13.5342C28.5673 14.2453 28.159 14.8983 27.6373 15.4582C27.1281 16.0068 26.5112 16.4477 25.8239 16.7542C25.1248 17.0782 24.3758 17.2348 23.5677 17.2348C22.8932 17.2388 22.2242 17.1156 21.5967 16.8719C21.0216 16.6571 20.5613 16.3851 20.2152 16.0559C20.2041 16.0453 20.1906 16.0374 20.1758 16.033C20.161 16.0286 20.1453 16.0278 20.1301 16.0306C20.1148 16.0334 20.1005 16.0397 20.0883 16.0491C20.0761 16.0585 20.0664 16.0706 20.0599 16.0845L19.6819 16.8942C19.6742 16.9108 19.6618 16.925 19.6461 16.9349C19.6305 16.9448 19.6124 16.9501 19.5938 16.9502H17.0036C16.9908 16.9501 16.9781 16.9476 16.9662 16.9426C16.9543 16.9377 16.9436 16.9305 16.9345 16.9215C16.9255 16.9125 16.9183 16.9018 16.9135 16.8901C16.9086 16.8783 16.9062 16.8657 16.9063 16.8531V0.124487C16.9063 0.0707723 16.9497 0.0273438 17.0036 0.0273438H20.021C20.0749 0.0273438 20.1184 0.0707723 20.1184 0.124487V6.16106C20.1184 6.24392 20.217 6.28791 20.2802 6.23363C21.1428 5.49649 22.2332 5.13191 23.5671 5.13191C24.3758 5.13191 25.1248 5.28906 25.8239 5.60277C26.5112 5.90923 27.1281 6.35015 27.6373 6.89877C28.1497 7.44849 28.5538 8.09649 28.8396 8.82277ZM25.9132 12.4353C26.0727 12.0354 26.1528 11.609 26.1492 11.1793C26.1492 10.7479 26.0703 10.3353 25.9132 9.94334C25.7693 9.563 25.5479 9.21569 25.2628 8.92277C24.9845 8.63939 24.6575 8.40685 24.297 8.23591C23.9297 8.06734 23.5294 7.98034 23.1242 7.98106C22.7005 7.98106 22.3068 8.03991 21.9416 8.15763C21.5867 8.26967 21.2629 8.46114 20.9955 8.71706C20.7196 8.97191 20.5028 9.29591 20.3555 9.70791C20.1973 10.1193 20.1184 10.6199 20.1184 11.2279C20.1184 11.7679 20.1973 12.2393 20.3555 12.6313C20.489 13 20.7082 13.3327 20.9955 13.6028C21.2622 13.8576 21.577 14.0542 21.9416 14.1816C22.3068 14.3188 22.7005 14.3776 23.1242 14.3776C23.5381 14.3776 23.9323 14.2993 24.297 14.1228C24.6592 13.9588 24.9868 13.7291 25.2628 13.4456C25.5435 13.1532 25.7643 12.8102 25.9132 12.4353Z' fill='%23E6E5DD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_18307_153367'%3e%3crect width='40' height='20' fill='white' transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100%
}

.NavigationMain {
    display: none;
    position: relative;
    color: #fff
}


@media(min-width:1440px) {
    .NavigationMain {
        display: block
    }
}

.NavigationMain-container {
    position: fixed;
    z-index: 99;
    inset-inline: 0;
    top: var(--navigation-space-top);
    display: flex;
    justify-content: center;
    pointer-events: none
}

.NavigationMain-nav {
    pointer-events: all;
    background-color: var(--neutral-7);
    block-size: var(--navigation-height);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-s);
    transition: var(--ease-in-out) width .6s;
    width: 100%
}

.scrolled .NavigationMain-nav {
    width: 75%
}

.NavigationMain-overlay {
    position: fixed;
    inset: 0;
    z-index: 10;
    background: var(--color-text-primary);
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none
}

.NavigationMain-right,
.NavigationMain-search {
    margin: 0;
    display: flex;
    gap: var(--space-xs);
    align-items: center
}

.NavigationMain-search {
    transition: opacity .2s ease
}

.scrolled .NavigationMain-search {
    opacity: 0;
    pointer-events: none
}

.NavigationMain .Logo {
    block-size: 100%;
    display: block;
    flex-shrink: 0;
    text-decoration: none;
    color: #fff;
    font-size:30px;
    font-weight: 700;
    /* max-height: var(--space-l) */
}


.NavigationMain .Logo span {
    display: inline-block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    margin-top: 5px;
}

.NavigationMain .Logo-image {
    inline-size: auto;
    height: 100%
}

.NavigationMain .Menu {
    align-items: center;
    display: flex;
    list-style: none;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.NavigationMain .Menu-item {
    position: relative;
    line-height: 1;
    color: var(--neutral-2)
}

.NavigationMain .Menu-item:hover {
    color: #f59021
}

.NavigationMain .Menu-item.menu-item-has-children:hover .Submenu {
    pointer-events: all;
    opacity: 1;
    visibility: visible
}

.NavigationMain .Menu-item.menu-item-has-children:hover .Submenu-list {
    transform: translate(0) rotate(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.NavigationMain .Menu-item.current-menu-item .Menu-link {
    color: var(--color-brand-primary);
    text-decoration: underline
}

.NavigationMain .Menu-link {
    padding-inline: calc(var(--space-l)/2)
}

.Submenu {
    pointer-events: none;
    opacity: 0;
    transform-origin: left center;
    visibility: hidden;
    transition: opacity .3s, transform .5s, visibility .3s;
    transition-timing-function: var(--ease-bounce);
    transform: translate(-50%);
    width: 416px;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    -webkit-padding-before: 12px;
    padding-block-start: 12px;
    position: absolute;
    z-index: 1
}

.Submenu-list {
    transition: transform .5s var(--ease-bounce);
    transform: translateY(90px) rotate(15deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: var(--color-6);
    position: relative;
    align-items: stretch;
    align-items: flex-start;
    background: var(--neutral-2);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: var(--space-2xl) var(--space-l)
}

.Submenu-item {
    position: relative;
    width: 100%
}

.Submenu-item+.Submenu-item:before {
    content: "";
    position: absolute;
    inset: 0;
    bottom: auto;
    height: 1px;
    background-color: var(--color-3);
    pointer-events: none
}

.Submenu-item:first-child .Submenu-link {
    padding-top: 0
}

.Submenu-item:last-child .Submenu-link {
    padding-bottom: 0
}

.Submenu-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-m);
    padding-block: var(--space-s)
}

.Submenu-link p {
    margin: 0
}

.Submenu-link:hover .Submenu-heading {
    color: rgba(0, 0, 0, 0)
}

.Submenu-link:hover .Submenu-heading span {
    color: var(--neutral-7)
}

.Submenu-count {
    color: var(--neutral-6)
}

.Submenu-heading {
    position: relative;
    flex-shrink: 0;
    flex-grow: 1
}

.Submenu-heading span {
    position: absolute;
    inset: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--step-3);
    color: rgba(0, 0, 0, 0)
}

.NotificationBar {
    margin-top: calc(var(--space-2xl-3xl) - var(--space-3xl-4xl));
    margin-bottom: var(--space-m-l)
}

.NotificationBar-container {
    background: var(--color-background);
    border-radius: var(--space-3xs);
    padding: var(--space-s);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.PostFilter {
    position: relative
}

.PostFilter+* {
    margin-top: var(--space-section-xs)
}

.PostFilter .filterBar {
    padding: var(--space-xs);
    background: #fff;
    border: 1px solid var(--color-background);
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xs)
}

.PostFilter .filterBar>div:first-child {
    margin-right: auto
}

.PostFilter .selectWrapper {
    overflow: hidden
}

.PageHeader {
    position: relative;
    padding-top: calc(var(--navigation-space-top) + var(--navigation-height) + var(--space-3xl-4xl));
    padding-bottom: var(--space-2xl-3xl)
}

.PageHeader .h1 {
    overflow: hidden
}

.PageHeader .h1,
.PageHeader .h7 {
    color: var(--color-hero-headline)
}

.PageHeader .text--size-l {
    color: var(--color-hero-body);
    max-width: 52ch
}

.PageHeader-chips {
    display: flex;
    gap: var(--space-xs)
}

.VideoBackground {
    position: relative;
    height: 100lvh
}

.VideoBackground .background-video {
    position: relative;
    height: 100%
}

.VideoBackground .background-video video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 1.5s ease .5s;
    border-radius: var(--variable-radius)
}

.VideoBackground .background-video video.load,
.VideoBackground .background-video video.loadeddata {
    opacity: 1
}

.BlockContentMedia .VideoBackground .background-video {
    aspect-ratio: 1
}

.VideoPlayer-container {
    border-radius: var(--variable-radius);
    overflow: clip;
    position: relative
}

.VideoPlayer-container:hover .VideoPlayer-image img {
    transform: scale(1.05)
}

.VideoPlayer-player {
    block-size: 0;
    inline-size: 100%;
    inset-block-start: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-after: 58.3333333333%;
    padding-block-end: 58.3333333333%;
    position: absolute;
    z-index: 10
}

.VideoPlayer-player[data-state=isLoading] .VideoPlayer-loader {
    display: block
}

.VideoPlayer-player[data-state=isLoaded] .VideoPlayer-loader,
.VideoPlayer-player[data-state=isLoaded] .VideoPlayer-playButton,
.VideoPlayer-player[data-state=isLoading] .VideoPlayer-playButton {
    display: none
}

.VideoPlayer-player[data-state=isLoaded] iframe {
    display: block
}

.VideoPlayer-player iframe {
    block-size: 100%;
    display: none;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute
}

.VideoPlayer-image img {
    transition: transform var(--transition-slow)
}

.VideoPlayer-image[data-state=isHidden] {
    visibility: hidden
}

.VideoPlayer-playButton {
    cursor: pointer;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center
}

.c-guides__layout,
.l-grid {
    overflow: visible;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    width: calc(100% - var(--space-s-2xl));
    max-width: var(--content-max-width-full)
}

.l-grid--xs-start {
    align-items: flex-start
}

.l-grid--xs-middle {
    align-items: center
}

.l-grid--xs-end {
    align-items: flex-end
}

.l-grid--xs-even {
    align-items: stretch
}

.l-grid--xs-center {
    justify-content: center
}

.l-grid--xs-justified {
    justify-content: space-between
}

.l-grid--xs-reverse {
    flex-direction: row-reverse
}

.l-grid--xs-col-reverse {
    flex-direction: column-reverse
}

.l-grid--xs-default-direction {
    flex-direction: row
}

@media screen and (min-width:480px) {
    .l-grid--s-start {
        align-items: flex-start
    }

    .l-grid--s-middle {
        align-items: center
    }

    .l-grid--s-end {
        align-items: flex-end
    }

    .l-grid--s-even {
        align-items: stretch
    }

    .l-grid--s-center {
        justify-content: center
    }

    .l-grid--s-justified {
        justify-content: space-between
    }

    .l-grid--s-col-reverse {
        flex-direction: column-reverse
    }

    .l-grid--s-default-direction {
        flex-direction: row
    }
}

@media screen and (min-width:768px) {
    .l-grid--m-start {
        align-items: flex-start
    }

    .l-grid--m-middle {
        align-items: center
    }

    .l-grid--m-end {
        align-items: flex-end
    }

    .l-grid--m-center {
        justify-content: center
    }

    .l-grid--m-justified {
        justify-content: space-between
    }

    .l-grid--m-reverse,
    .l-grid--m-reverse.l-grid--m-default-direction {
        flex-direction: row-reverse
    }

    .l-grid--m-even {
        align-items: stretch
    }

    .l-grid--m-col-reverse {
        flex-direction: column-reverse
    }

    .l-grid--m-default-direction {
        flex-direction: row
    }
}

@media screen and (min-width:1024px) {
    .l-grid--l-start {
        align-items: flex-start
    }

    .l-grid--l-middle {
        align-items: center
    }

    .l-grid--l-end {
        align-items: flex-end
    }

    .l-grid--l-even {
        align-items: stretch
    }

    .l-grid--l-center {
        justify-content: center
    }

    .l-grid--l-justified {
        justify-content: space-between
    }

    .l-grid--l-reverse {
        flex-direction: row-reverse
    }

    .l-grid--l-col-reverse {
        flex-direction: column-reverse
    }

    .l-grid--l-default-direction {
        flex-direction: row
    }
}

@media screen and (min-width:1280px) {
    .l-grid--xl-start {
        align-items: flex-start
    }

    .l-grid--xl-middle {
        align-items: center
    }

    .l-grid--xl-end {
        align-items: flex-end
    }

    .l-grid--xl-even {
        align-items: stretch
    }

    .l-grid--xl-center {
        justify-content: center
    }

    .l-grid--xl-justified {
        justify-content: space-between
    }

    .l-grid--xl-reverse {
        flex-direction: row-reverse
    }

    .l-grid--xl-col-reverse {
        flex-direction: column-reverse
    }

    .l-grid--xl-default-direction {
        flex-direction: row
    }
}

.l-grid--inset {
    width: calc(100% + var(--space-s-2xl));
    margin-left: calc(var(--space-s-2xl)*-.5)
}

.c-guides__column,
.l-grid__col {
    box-sizing: border-box;
    min-height: 1px;
    width: 100%;
    display: block;
    padding-left: calc(var(--space-s-2xl)*.5);
    padding-right: calc(var(--space-s-2xl)*.5)
}

.l-grid__col--xs-0-12 {
    padding-left: 0;
    padding-right: 0;
    width: 0
}

.c-guides__column,
.l-grid__col--xs-1-12 {
    width: 8.3333333333%
}

.l-grid__col--xs-2-12 {
    width: 16.6666666667%
}

.l-grid__col--xs-3-12 {
    width: 25%
}

.l-grid__col--xs-4-12 {
    width: 33.3333333333%
}

.l-grid__col--xs-5-12 {
    width: 41.6666666667%
}

.l-grid__col--xs-6-12 {
    width: 50%
}

.l-grid__col--xs-7-12 {
    width: 58.3333333333%
}

.l-grid__col--xs-8-12 {
    width: 66.6666666667%
}

.l-grid__col--xs-9-12 {
    width: 75%
}

.l-grid__col--xs-10-12 {
    width: 83.3333333333%
}

.l-grid__col--xs-11-12 {
    width: 91.6666666667%
}

.l-grid__col--xs-12-12 {
    width: 100%
}

.l-grid__col--xs-push-0-12 {
    margin-left: 0
}

.l-grid__col--xs-push-1-12 {
    margin-left: 8.3333333333%
}

.l-grid__col--xs-push-2-12 {
    margin-left: 16.6666666667%
}

.l-grid__col--xs-push-3-12 {
    margin-left: 25%
}

.l-grid__col--xs-push-4-12 {
    margin-left: 33.3333333333%
}

.l-grid__col--xs-push-5-12 {
    margin-left: 41.6666666667%
}

.l-grid__col--xs-push-6-12 {
    margin-left: 50%
}

.l-grid__col--xs-push-7-12 {
    margin-left: 58.3333333333%
}

.l-grid__col--xs-push-8-12 {
    margin-left: 66.6666666667%
}

.l-grid__col--xs-push-9-12 {
    margin-left: 75%
}

.l-grid__col--xs-push-10-12 {
    margin-left: 83.3333333333%
}

.l-grid__col--xs-push-11-12 {
    margin-left: 91.6666666667%
}

.l-grid__col--xs-push-12-12 {
    margin-left: 100%
}

.l-grid__col--xs-1-24 {
    width: 4.1666666667%
}

.l-grid__col--xs-2-24 {
    width: 8.3333333333%
}

.l-grid__col--xs-3-24 {
    width: 12.5%
}

.l-grid__col--xs-4-24 {
    width: 16.6666666667%
}

.l-grid__col--xs-5-24 {
    width: 20.8333333333%
}

.l-grid__col--xs-6-24 {
    width: 25%
}

.l-grid__col--xs-7-24 {
    width: 29.1666666667%
}

.l-grid__col--xs-8-24 {
    width: 33.3333333333%
}

.l-grid__col--xs-9-24 {
    width: 37.5%
}

.l-grid__col--xs-10-24 {
    width: 41.6666666667%
}

.l-grid__col--xs-11-24 {
    width: 45.8333333333%
}

.l-grid__col--xs-12-24 {
    width: 50%
}

.l-grid__col--xs-13-24 {
    width: 54.1666666667%
}

.l-grid__col--xs-14-24 {
    width: 58.3333333333%
}

.l-grid__col--xs-15-24 {
    width: 62.5%
}

.l-grid__col--xs-16-24 {
    width: 66.6666666667%
}

.l-grid__col--xs-17-24 {
    width: 70.8333333333%
}

.l-grid__col--xs-18-24 {
    width: 75%
}

.l-grid__col--xs-19-24 {
    width: 79.1666666667%
}

.l-grid__col--xs-20-24 {
    width: 83.3333333333%
}

.l-grid__col--xs-21-24 {
    width: 87.5%
}

.l-grid__col--xs-22-24 {
    width: 91.6666666667%
}

.l-grid__col--xs-23-24 {
    width: 95.8333333333%
}

.l-grid__col--xs-24-24 {
    width: 100%
}

.l-grid__col--xs-push-0-24 {
    margin-left: 0
}

.l-grid__col--xs-push-1-24 {
    margin-left: 4.1666666667%
}

.l-grid__col--xs-push-2-24 {
    margin-left: 8.3333333333%
}

.l-grid__col--xs-push-3-24 {
    margin-left: 12.5%
}

.l-grid__col--xs-push-4-24 {
    margin-left: 16.6666666667%
}

.l-grid__col--xs-push-5-24 {
    margin-left: 20.8333333333%
}

.l-grid__col--xs-push-6-24 {
    margin-left: 25%
}

.l-grid__col--xs-push-7-24 {
    margin-left: 29.1666666667%
}

.l-grid__col--xs-push-8-24 {
    margin-left: 33.3333333333%
}

.l-grid__col--xs-push-9-24 {
    margin-left: 37.5%
}

.l-grid__col--xs-push-10-24 {
    margin-left: 41.6666666667%
}

.l-grid__col--xs-push-11-24 {
    margin-left: 45.8333333333%
}

.l-grid__col--xs-push-12-24 {
    margin-left: 50%
}

.l-grid__col--xs-push-13-24 {
    margin-left: 54.1666666667%
}

.l-grid__col--xs-push-14-24 {
    margin-left: 58.3333333333%
}

.l-grid__col--xs-push-15-24 {
    margin-left: 62.5%
}

.l-grid__col--xs-push-16-24 {
    margin-left: 66.6666666667%
}

.l-grid__col--xs-push-17-24 {
    margin-left: 70.8333333333%
}

.l-grid__col--xs-push-18-24 {
    margin-left: 75%
}

.l-grid__col--xs-push-19-24 {
    margin-left: 79.1666666667%
}

.l-grid__col--xs-push-20-24 {
    margin-left: 83.3333333333%
}

.l-grid__col--xs-push-21-24 {
    margin-left: 87.5%
}

.l-grid__col--xs-push-22-24 {
    margin-left: 91.6666666667%
}

.l-grid__col--xs-push-23-24 {
    margin-left: 95.8333333333%
}

.l-grid__col--xs-push-24-24 {
    margin-left: 100%
}

@media screen and (min-width:480px) {
    .l-grid__col--s-0-12 {
        padding-left: 0;
        padding-right: 0;
        width: 0
    }

    .l-grid__col--s-1-12 {
        width: 8.3333333333%
    }

    .l-grid__col--s-2-12 {
        width: 16.6666666667%
    }

    .l-grid__col--s-3-12 {
        width: 25%
    }

    .l-grid__col--s-4-12 {
        width: 33.3333333333%
    }

    .l-grid__col--s-5-12 {
        width: 41.6666666667%
    }

    .l-grid__col--s-6-12 {
        width: 50%
    }

    .l-grid__col--s-7-12 {
        width: 58.3333333333%
    }

    .l-grid__col--s-8-12 {
        width: 66.6666666667%
    }

    .l-grid__col--s-9-12 {
        width: 75%
    }

    .l-grid__col--s-10-12 {
        width: 83.3333333333%
    }

    .l-grid__col--s-11-12 {
        width: 91.6666666667%
    }

    .l-grid__col--s-12-12 {
        width: 100%
    }

    .l-grid__col--s-push-0-12 {
        margin-left: 0
    }

    .l-grid__col--s-push-1-12 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--s-push-2-12 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--s-push-3-12 {
        margin-left: 25%
    }

    .l-grid__col--s-push-4-12 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--s-push-5-12 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--s-push-6-12 {
        margin-left: 50%
    }

    .l-grid__col--s-push-7-12 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--s-push-8-12 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--s-push-9-12 {
        margin-left: 75%
    }

    .l-grid__col--s-push-10-12 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--s-push-11-12 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--s-push-12-12 {
        margin-left: 100%
    }

    .l-grid__col--s-1-24 {
        width: 4.1666666667%
    }

    .l-grid__col--s-2-24 {
        width: 8.3333333333%
    }

    .l-grid__col--s-3-24 {
        width: 12.5%
    }

    .l-grid__col--s-4-24 {
        width: 16.6666666667%
    }

    .l-grid__col--s-5-24 {
        width: 20.8333333333%
    }

    .l-grid__col--s-6-24 {
        width: 25%
    }

    .l-grid__col--s-7-24 {
        width: 29.1666666667%
    }

    .l-grid__col--s-8-24 {
        width: 33.3333333333%
    }

    .l-grid__col--s-9-24 {
        width: 37.5%
    }

    .l-grid__col--s-10-24 {
        width: 41.6666666667%
    }

    .l-grid__col--s-11-24 {
        width: 45.8333333333%
    }

    .l-grid__col--s-12-24 {
        width: 50%
    }

    .l-grid__col--s-13-24 {
        width: 54.1666666667%
    }

    .l-grid__col--s-14-24 {
        width: 58.3333333333%
    }

    .l-grid__col--s-15-24 {
        width: 62.5%
    }

    .l-grid__col--s-16-24 {
        width: 66.6666666667%
    }

    .l-grid__col--s-17-24 {
        width: 70.8333333333%
    }

    .l-grid__col--s-18-24 {
        width: 75%
    }

    .l-grid__col--s-19-24 {
        width: 79.1666666667%
    }

    .l-grid__col--s-20-24 {
        width: 83.3333333333%
    }

    .l-grid__col--s-21-24 {
        width: 87.5%
    }

    .l-grid__col--s-22-24 {
        width: 91.6666666667%
    }

    .l-grid__col--s-23-24 {
        width: 95.8333333333%
    }

    .l-grid__col--s-24-24 {
        width: 100%
    }

    .l-grid__col--s-push-0-24 {
        margin-left: 0
    }

    .l-grid__col--s-push-1-24 {
        margin-left: 4.1666666667%
    }

    .l-grid__col--s-push-2-24 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--s-push-3-24 {
        margin-left: 12.5%
    }

    .l-grid__col--s-push-4-24 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--s-push-5-24 {
        margin-left: 20.8333333333%
    }

    .l-grid__col--s-push-6-24 {
        margin-left: 25%
    }

    .l-grid__col--s-push-7-24 {
        margin-left: 29.1666666667%
    }

    .l-grid__col--s-push-8-24 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--s-push-9-24 {
        margin-left: 37.5%
    }

    .l-grid__col--s-push-10-24 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--s-push-11-24 {
        margin-left: 45.8333333333%
    }

    .l-grid__col--s-push-12-24 {
        margin-left: 50%
    }

    .l-grid__col--s-push-13-24 {
        margin-left: 54.1666666667%
    }

    .l-grid__col--s-push-14-24 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--s-push-15-24 {
        margin-left: 62.5%
    }

    .l-grid__col--s-push-16-24 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--s-push-17-24 {
        margin-left: 70.8333333333%
    }

    .l-grid__col--s-push-18-24 {
        margin-left: 75%
    }

    .l-grid__col--s-push-19-24 {
        margin-left: 79.1666666667%
    }

    .l-grid__col--s-push-20-24 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--s-push-21-24 {
        margin-left: 87.5%
    }

    .l-grid__col--s-push-22-24 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--s-push-23-24 {
        margin-left: 95.8333333333%
    }

    .l-grid__col--s-push-24-24 {
        margin-left: 100%
    }
}

@media screen and (min-width:768px) {
    .l-grid__col--m-0-12 {
        padding-left: 0;
        padding-right: 0;
        width: 0
    }

    .l-grid__col--m-1-12 {
        width: 8.3333333333%
    }

    .l-grid__col--m-2-12 {
        width: 16.6666666667%
    }

    .l-grid__col--m-3-12 {
        width: 25%
    }

    .l-grid__col--m-4-12 {
        width: 33.3333333333%
    }

    .l-grid__col--m-5-12 {
        width: 41.6666666667%
    }

    .l-grid__col--m-6-12 {
        width: 50%
    }

    .l-grid__col--m-7-12 {
        width: 58.3333333333%
    }

    .l-grid__col--m-8-12 {
        width: 66.6666666667%
    }

    .l-grid__col--m-9-12 {
        width: 75%
    }

    .l-grid__col--m-10-12 {
        width: 83.3333333333%
    }

    .l-grid__col--m-11-12 {
        width: 91.6666666667%
    }

    .l-grid__col--m-12-12 {
        width: 100%
    }

    .l-grid__col--m-push-0-12 {
        margin-left: 0
    }

    .l-grid__col--m-push-1-12 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--m-push-2-12 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--m-push-3-12 {
        margin-left: 25%
    }

    .l-grid__col--m-push-4-12 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--m-push-5-12 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--m-push-6-12 {
        margin-left: 50%
    }

    .l-grid__col--m-push-7-12 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--m-push-8-12 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--m-push-9-12 {
        margin-left: 75%
    }

    .l-grid__col--m-push-10-12 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--m-push-11-12 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--m-push-12-12 {
        margin-left: 100%
    }

    .l-grid__col--m-1-24 {
        width: 4.1666666667%
    }

    .l-grid__col--m-2-24 {
        width: 8.3333333333%
    }

    .l-grid__col--m-3-24 {
        width: 12.5%
    }

    .l-grid__col--m-4-24 {
        width: 16.6666666667%
    }

    .l-grid__col--m-5-24 {
        width: 20.8333333333%
    }

    .l-grid__col--m-6-24 {
        width: 25%
    }

    .l-grid__col--m-7-24 {
        width: 29.1666666667%
    }

    .l-grid__col--m-8-24 {
        width: 33.3333333333%
    }

    .l-grid__col--m-9-24 {
        width: 37.5%
    }

    .l-grid__col--m-10-24 {
        width: 41.6666666667%
    }

    .l-grid__col--m-11-24 {
        width: 45.8333333333%
    }

    .l-grid__col--m-12-24 {
        width: 50%
    }

    .l-grid__col--m-13-24 {
        width: 54.1666666667%
    }

    .l-grid__col--m-14-24 {
        width: 58.3333333333%
    }

    .l-grid__col--m-15-24 {
        width: 62.5%
    }

    .l-grid__col--m-16-24 {
        width: 66.6666666667%
    }

    .l-grid__col--m-17-24 {
        width: 70.8333333333%
    }

    .l-grid__col--m-18-24 {
        width: 75%
    }

    .l-grid__col--m-19-24 {
        width: 79.1666666667%
    }

    .l-grid__col--m-20-24 {
        width: 83.3333333333%
    }

    .l-grid__col--m-21-24 {
        width: 87.5%
    }

    .l-grid__col--m-22-24 {
        width: 91.6666666667%
    }

    .l-grid__col--m-23-24 {
        width: 95.8333333333%
    }

    .l-grid__col--m-24-24 {
        width: 100%
    }

    .l-grid__col--m-push-0-24 {
        margin-left: 0
    }

    .l-grid__col--m-push-1-24 {
        margin-left: 4.1666666667%
    }

    .l-grid__col--m-push-2-24 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--m-push-3-24 {
        margin-left: 12.5%
    }

    .l-grid__col--m-push-4-24 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--m-push-5-24 {
        margin-left: 20.8333333333%
    }

    .l-grid__col--m-push-6-24 {
        margin-left: 25%
    }

    .l-grid__col--m-push-7-24 {
        margin-left: 29.1666666667%
    }

    .l-grid__col--m-push-8-24 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--m-push-9-24 {
        margin-left: 37.5%
    }

    .l-grid__col--m-push-10-24 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--m-push-11-24 {
        margin-left: 45.8333333333%
    }

    .l-grid__col--m-push-12-24 {
        margin-left: 50%
    }

    .l-grid__col--m-push-13-24 {
        margin-left: 54.1666666667%
    }

    .l-grid__col--m-push-14-24 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--m-push-15-24 {
        margin-left: 62.5%
    }

    .l-grid__col--m-push-16-24 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--m-push-17-24 {
        margin-left: 70.8333333333%
    }

    .l-grid__col--m-push-18-24 {
        margin-left: 75%
    }

    .l-grid__col--m-push-19-24 {
        margin-left: 79.1666666667%
    }

    .l-grid__col--m-push-20-24 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--m-push-21-24 {
        margin-left: 87.5%
    }

    .l-grid__col--m-push-22-24 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--m-push-23-24 {
        margin-left: 95.8333333333%
    }

    .l-grid__col--m-push-24-24 {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .l-grid__col--l-0-12 {
        padding-left: 0;
        padding-right: 0;
        width: 0
    }

    .l-grid__col--l-1-12 {
        width: 8.3333333333%
    }

    .l-grid__col--l-2-12 {
        width: 16.6666666667%
    }

    .l-grid__col--l-3-12 {
        width: 25%
    }

    .l-grid__col--l-4-12 {
        width: 33.3333333333%
    }

    .l-grid__col--l-5-12 {
        width: 41.6666666667%
    }

    .l-grid__col--l-6-12 {
        width: 50%
    }

    .l-grid__col--l-7-12 {
        width: 58.3333333333%
    }

    .l-grid__col--l-8-12 {
        width: 66.6666666667%
    }

    .l-grid__col--l-9-12 {
        width: 75%
    }

    .l-grid__col--l-10-12 {
        width: 83.3333333333%
    }

    .l-grid__col--l-11-12 {
        width: 91.6666666667%
    }

    .l-grid__col--l-12-12 {
        width: 100%
    }

    .l-grid__col--l-push-0-12 {
        margin-left: 0
    }

    .l-grid__col--l-push-1-12 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--l-push-2-12 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--l-push-3-12 {
        margin-left: 25%
    }

    .l-grid__col--l-push-4-12 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--l-push-5-12 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--l-push-6-12 {
        margin-left: 50%
    }

    .l-grid__col--l-push-7-12 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--l-push-8-12 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--l-push-9-12 {
        margin-left: 75%
    }

    .l-grid__col--l-push-10-12 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--l-push-11-12 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--l-push-12-12 {
        margin-left: 100%
    }

    .l-grid__col--l-1-24 {
        width: 4.1666666667%
    }

    .l-grid__col--l-2-24 {
        width: 8.3333333333%
    }

    .l-grid__col--l-3-24 {
        width: 12.5%
    }

    .l-grid__col--l-4-24 {
        width: 16.6666666667%
    }

    .l-grid__col--l-5-24 {
        width: 20.8333333333%
    }

    .l-grid__col--l-6-24 {
        width: 25%
    }

    .l-grid__col--l-7-24 {
        width: 29.1666666667%
    }

    .l-grid__col--l-8-24 {
        width: 33.3333333333%
    }

    .l-grid__col--l-9-24 {
        width: 37.5%
    }

    .l-grid__col--l-10-24 {
        width: 41.6666666667%
    }

    .l-grid__col--l-11-24 {
        width: 45.8333333333%
    }

    .l-grid__col--l-12-24 {
        width: 50%
    }

    .l-grid__col--l-13-24 {
        width: 54.1666666667%
    }

    .l-grid__col--l-14-24 {
        width: 58.3333333333%
    }

    .l-grid__col--l-15-24 {
        width: 62.5%
    }

    .l-grid__col--l-16-24 {
        width: 66.6666666667%
    }

    .l-grid__col--l-17-24 {
        width: 70.8333333333%
    }

    .l-grid__col--l-18-24 {
        width: 75%
    }

    .l-grid__col--l-19-24 {
        width: 79.1666666667%
    }

    .l-grid__col--l-20-24 {
        width: 83.3333333333%
    }

    .l-grid__col--l-21-24 {
        width: 87.5%
    }

    .l-grid__col--l-22-24 {
        width: 91.6666666667%
    }

    .l-grid__col--l-23-24 {
        width: 95.8333333333%
    }

    .l-grid__col--l-24-24 {
        width: 100%
    }

    .l-grid__col--l-push-0-24 {
        margin-left: 0
    }

    .l-grid__col--l-push-1-24 {
        margin-left: 4.1666666667%
    }

    .l-grid__col--l-push-2-24 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--l-push-3-24 {
        margin-left: 12.5%
    }

    .l-grid__col--l-push-4-24 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--l-push-5-24 {
        margin-left: 20.8333333333%
    }

    .l-grid__col--l-push-6-24 {
        margin-left: 25%
    }

    .l-grid__col--l-push-7-24 {
        margin-left: 29.1666666667%
    }

    .l-grid__col--l-push-8-24 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--l-push-9-24 {
        margin-left: 37.5%
    }

    .l-grid__col--l-push-10-24 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--l-push-11-24 {
        margin-left: 45.8333333333%
    }

    .l-grid__col--l-push-12-24 {
        margin-left: 50%
    }

    .l-grid__col--l-push-13-24 {
        margin-left: 54.1666666667%
    }

    .l-grid__col--l-push-14-24 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--l-push-15-24 {
        margin-left: 62.5%
    }

    .l-grid__col--l-push-16-24 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--l-push-17-24 {
        margin-left: 70.8333333333%
    }

    .l-grid__col--l-push-18-24 {
        margin-left: 75%
    }

    .l-grid__col--l-push-19-24 {
        margin-left: 79.1666666667%
    }

    .l-grid__col--l-push-20-24 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--l-push-21-24 {
        margin-left: 87.5%
    }

    .l-grid__col--l-push-22-24 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--l-push-23-24 {
        margin-left: 95.8333333333%
    }

    .l-grid__col--l-push-24-24 {
        margin-left: 100%
    }

    .l-grid__col--l-1-7 {
        width: 14.2857142857%
    }

    .l-grid__col--l-2-7 {
        width: 28.5714285714%
    }

    .l-grid__col--l-3-7 {
        width: 42.8571428571%
    }

    .l-grid__col--l-4-7 {
        width: 57.1428571429%
    }

    .l-grid__col--l-5-7 {
        width: 71.4285714286%
    }

    .l-grid__col--l-6-7 {
        width: 85.7142857143%
    }

    .l-grid__col--l-7-7 {
        width: 100%
    }

    .l-grid__col--l-push-0-7 {
        margin-left: 0
    }

    .l-grid__col--l-push-1-7 {
        margin-left: 14.2857142857%
    }

    .l-grid__col--l-push-2-7 {
        margin-left: 28.5714285714%
    }

    .l-grid__col--l-push-3-7 {
        margin-left: 42.8571428571%
    }

    .l-grid__col--l-push-4-7 {
        margin-left: 57.1428571429%
    }

    .l-grid__col--l-push-5-7 {
        margin-left: 71.4285714286%
    }

    .l-grid__col--l-push-6-7 {
        margin-left: 85.7142857143%
    }

    .l-grid__col--l-push-7-7 {
        margin-left: 100%
    }
}

@media screen and (min-width:1280px) {
    .l-grid__col--xl-0-12 {
        padding-left: 0;
        padding-right: 0;
        width: 0
    }

    .l-grid__col--xl-1-12 {
        width: 8.3333333333%
    }

    .l-grid__col--xl-2-12 {
        width: 16.6666666667%
    }

    .l-grid__col--xl-3-12 {
        width: 25%
    }

    .l-grid__col--xl-4-12 {
        width: 33.3333333333%
    }

    .l-grid__col--xl-5-12 {
        width: 41.6666666667%
    }

    .l-grid__col--xl-6-12 {
        width: 50%
    }

    .l-grid__col--xl-7-12 {
        width: 58.3333333333%
    }

    .l-grid__col--xl-8-12 {
        width: 66.6666666667%
    }

    .l-grid__col--xl-9-12 {
        width: 75%
    }

    .l-grid__col--xl-10-12 {
        width: 83.3333333333%
    }

    .l-grid__col--xl-11-12 {
        width: 91.6666666667%
    }

    .l-grid__col--xl-12-12 {
        width: 100%
    }

    .l-grid__col--xl-push-0-12 {
        margin-left: 0
    }

    .l-grid__col--xl-push-1-12 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--xl-push-2-12 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--xl-push-3-12 {
        margin-left: 25%
    }

    .l-grid__col--xl-push-4-12 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--xl-push-5-12 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--xl-push-6-12 {
        margin-left: 50%
    }

    .l-grid__col--xl-push-7-12 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--xl-push-8-12 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--xl-push-9-12 {
        margin-left: 75%
    }

    .l-grid__col--xl-push-10-12 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--xl-push-11-12 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--xl-push-12-12 {
        margin-left: 100%
    }

    .l-grid__col--xl-1-24 {
        width: 4.1666666667%
    }

    .l-grid__col--xl-2-24 {
        width: 8.3333333333%
    }

    .l-grid__col--xl-3-24 {
        width: 12.5%
    }

    .l-grid__col--xl-4-24 {
        width: 16.6666666667%
    }

    .l-grid__col--xl-5-24 {
        width: 20.8333333333%
    }

    .l-grid__col--xl-6-24 {
        width: 25%
    }

    .l-grid__col--xl-7-24 {
        width: 29.1666666667%
    }

    .l-grid__col--xl-8-24 {
        width: 33.3333333333%
    }

    .l-grid__col--xl-9-24 {
        width: 37.5%
    }

    .l-grid__col--xl-10-24 {
        width: 41.6666666667%
    }

    .l-grid__col--xl-11-24 {
        width: 45.8333333333%
    }

    .l-grid__col--xl-12-24 {
        width: 50%
    }

    .l-grid__col--xl-13-24 {
        width: 54.1666666667%
    }

    .l-grid__col--xl-14-24 {
        width: 58.3333333333%
    }

    .l-grid__col--xl-15-24 {
        width: 62.5%
    }

    .l-grid__col--xl-16-24 {
        width: 66.6666666667%
    }

    .l-grid__col--xl-17-24 {
        width: 70.8333333333%
    }

    .l-grid__col--xl-18-24 {
        width: 75%
    }

    .l-grid__col--xl-19-24 {
        width: 79.1666666667%
    }

    .l-grid__col--xl-20-24 {
        width: 83.3333333333%
    }

    .l-grid__col--xl-21-24 {
        width: 87.5%
    }

    .l-grid__col--xl-22-24 {
        width: 91.6666666667%
    }

    .l-grid__col--xl-23-24 {
        width: 95.8333333333%
    }

    .l-grid__col--xl-24-24 {
        width: 100%
    }

    .l-grid__col--xl-push-0-24 {
        margin-left: 0
    }

    .l-grid__col--xl-push-1-24 {
        margin-left: 4.1666666667%
    }

    .l-grid__col--xl-push-2-24 {
        margin-left: 8.3333333333%
    }

    .l-grid__col--xl-push-3-24 {
        margin-left: 12.5%
    }

    .l-grid__col--xl-push-4-24 {
        margin-left: 16.6666666667%
    }

    .l-grid__col--xl-push-5-24 {
        margin-left: 20.8333333333%
    }

    .l-grid__col--xl-push-6-24 {
        margin-left: 25%
    }

    .l-grid__col--xl-push-7-24 {
        margin-left: 29.1666666667%
    }

    .l-grid__col--xl-push-8-24 {
        margin-left: 33.3333333333%
    }

    .l-grid__col--xl-push-9-24 {
        margin-left: 37.5%
    }

    .l-grid__col--xl-push-10-24 {
        margin-left: 41.6666666667%
    }

    .l-grid__col--xl-push-11-24 {
        margin-left: 45.8333333333%
    }

    .l-grid__col--xl-push-12-24 {
        margin-left: 50%
    }

    .l-grid__col--xl-push-13-24 {
        margin-left: 54.1666666667%
    }

    .l-grid__col--xl-push-14-24 {
        margin-left: 58.3333333333%
    }

    .l-grid__col--xl-push-15-24 {
        margin-left: 62.5%
    }

    .l-grid__col--xl-push-16-24 {
        margin-left: 66.6666666667%
    }

    .l-grid__col--xl-push-17-24 {
        margin-left: 70.8333333333%
    }

    .l-grid__col--xl-push-18-24 {
        margin-left: 75%
    }

    .l-grid__col--xl-push-19-24 {
        margin-left: 79.1666666667%
    }

    .l-grid__col--xl-push-20-24 {
        margin-left: 83.3333333333%
    }

    .l-grid__col--xl-push-21-24 {
        margin-left: 87.5%
    }

    .l-grid__col--xl-push-22-24 {
        margin-left: 91.6666666667%
    }

    .l-grid__col--xl-push-23-24 {
        margin-left: 95.8333333333%
    }

    .l-grid__col--xl-push-24-24 {
        margin-left: 100%
    }
}

.c-guides {
    inset: 0;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    opacity: .1
}

.c-guides.state-hidden {
    opacity: 0
}

.c-guides__column,
.c-guides__layout {
    height: 100%
}

.c-guides__column:before {
    content: "";
    display: block;
    position: relative;
    height: 100%;
    background-color: #c9f
}

.ImageParallax {
    position: relative;
    background-color: var(--neutral-7);
    height: 110lvh
}

.floating-container {
    position: absolute;
    inset: 0;
    overflow: clip
}

.floating-element {
    position: absolute;
    will-change: transform
}

.preview-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.center-content {
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 90%;
    gap: var(--space-s)
}

.floating-image {
    object-fit: cover
}

.floating-image-s {
    width: 24vw
}

@media(min-width:768px) {
    .floating-image-s {
        width: 16vw
    }
}

.floating-image-m {
    width: 40vw
}

@media(min-width:768px) {
    .floating-image-m {
        width: 24vw
    }
}

.floating-image-l {
    width: 50vw
}

@media(min-width:768px) {
    .floating-image-l {
        width: 35vw
    }
}

.page404 {
    position: relative;
    height: 100vh;
    min-height: 600px;
    text-align: center
}

@keyframes image-anim-1 {
    0% {
        clip: rect(485px, 3000px, 165px, 0)
    }

    3.3333333333% {
        clip: rect(232px, 3000px, 660px, 0)
    }

    6.6666666667% {
        clip: rect(344px, 3000px, 685px, 0)
    }

    10% {
        clip: rect(78px, 3000px, 337px, 0)
    }

    13.3333333333% {
        clip: rect(694px, 3000px, 979px, 0)
    }

    16.6666666667% {
        clip: rect(617px, 3000px, 968px, 0)
    }

    20% {
        clip: rect(355px, 3000px, 984px, 0)
    }

    23.3333333333% {
        clip: rect(122px, 3000px, 811px, 0)
    }

    26.6666666667% {
        clip: rect(584px, 3000px, 982px, 0)
    }

    30% {
        clip: rect(579px, 3000px, 935px, 0)
    }

    33.3333333333% {
        clip: rect(785px, 3000px, 250px, 0)
    }

    36.6666666667% {
        clip: rect(697px, 3000px, 39px, 0)
    }

    40% {
        clip: rect(913px, 3000px, 492px, 0)
    }

    43.3333333333% {
        clip: rect(770px, 3000px, 290px, 0)
    }

    46.6666666667% {
        clip: rect(260px, 3000px, 957px, 0)
    }

    50% {
        clip: rect(39px, 3000px, 429px, 0)
    }

    53.3333333333% {
        clip: rect(779px, 3000px, 952px, 0)
    }

    56.6666666667% {
        clip: rect(548px, 3000px, 669px, 0)
    }

    60% {
        clip: rect(579px, 3000px, 96px, 0)
    }

    63.3333333333% {
        clip: rect(518px, 3000px, 449px, 0)
    }

    66.6666666667% {
        clip: rect(72px, 3000px, 182px, 0)
    }

    70% {
        clip: rect(717px, 3000px, 548px, 0)
    }

    73.3333333333% {
        clip: rect(756px, 3000px, 504px, 0)
    }

    76.6666666667% {
        clip: rect(125px, 3000px, 786px, 0)
    }

    80% {
        clip: rect(241px, 3000px, 428px, 0)
    }

    83.3333333333% {
        clip: rect(899px, 3000px, 85px, 0)
    }

    86.6666666667% {
        clip: rect(726px, 3000px, 292px, 0)
    }

    90% {
        clip: rect(426px, 3000px, 241px, 0)
    }

    93.3333333333% {
        clip: rect(192px, 3000px, 834px, 0)
    }

    96.6666666667% {
        clip: rect(920px, 3000px, 577px, 0)
    }

    to {
        clip: rect(654px, 3000px, 260px, 0)
    }
}

@keyframes image-anim-2 {
    0% {
        clip: rect(363px, 3000px, 499px, 0)
    }

    3.3333333333% {
        clip: rect(14px, 3000px, 985px, 0)
    }

    6.6666666667% {
        clip: rect(365px, 3000px, 337px, 0)
    }

    10% {
        clip: rect(298px, 3000px, 842px, 0)
    }

    13.3333333333% {
        clip: rect(763px, 3000px, 29px, 0)
    }

    16.6666666667% {
        clip: rect(560px, 3000px, 903px, 0)
    }

    20% {
        clip: rect(986px, 3000px, 13px, 0)
    }

    23.3333333333% {
        clip: rect(553px, 3000px, 214px, 0)
    }

    26.6666666667% {
        clip: rect(241px, 3000px, 265px, 0)
    }

    30% {
        clip: rect(307px, 3000px, 359px, 0)
    }

    33.3333333333% {
        clip: rect(294px, 3000px, 416px, 0)
    }

    36.6666666667% {
        clip: rect(188px, 3000px, 410px, 0)
    }

    40% {
        clip: rect(785px, 3000px, 663px, 0)
    }

    43.3333333333% {
        clip: rect(472px, 3000px, 453px, 0)
    }

    46.6666666667% {
        clip: rect(969px, 3000px, 444px, 0)
    }

    50% {
        clip: rect(865px, 3000px, 574px, 0)
    }

    53.3333333333% {
        clip: rect(932px, 3000px, 672px, 0)
    }

    56.6666666667% {
        clip: rect(667px, 3000px, 511px, 0)
    }

    60% {
        clip: rect(927px, 3000px, 327px, 0)
    }

    63.3333333333% {
        clip: rect(847px, 3000px, 161px, 0)
    }

    66.6666666667% {
        clip: rect(548px, 3000px, 677px, 0)
    }

    70% {
        clip: rect(836px, 3000px, 313px, 0)
    }

    73.3333333333% {
        clip: rect(459px, 3000px, 151px, 0)
    }

    76.6666666667% {
        clip: rect(112px, 3000px, 888px, 0)
    }

    80% {
        clip: rect(344px, 3000px, 161px, 0)
    }

    83.3333333333% {
        clip: rect(913px, 3000px, 923px, 0)
    }

    86.6666666667% {
        clip: rect(678px, 3000px, 211px, 0)
    }

    90% {
        clip: rect(803px, 3000px, 128px, 0)
    }

    93.3333333333% {
        clip: rect(816px, 3000px, 101px, 0)
    }

    96.6666666667% {
        clip: rect(146px, 3000px, 498px, 0)
    }

    to {
        clip: rect(440px, 3000px, 400px, 0)
    }
}

.page404-background>img {
    position: absolute;
    top: 0;
    left: 0
}

.page404-background>img:nth-child(2),
.page404-background>img:nth-child(3) {
    clip: rect(0, 0, 0, 0)
}

.page404-background>img:nth-child(2) {
    left: 2px;
    animation: image-anim-1 2s linear infinite alternate-reverse
}

.page404-background>img:nth-child(3) {
    left: -2px;
    animation: image-anim-2 3s linear infinite alternate-reverse
}

.page404-background img.grayscale {
    filter: grayscale(1);
    z-index: 5
}

.page404-background img.hue-rotate {
    filter: hue-rotate(90deg);
    z-index: 1
}

.page404 h1 {
    position: relative;
    z-index: 1
}

.page404 .l-grid {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: var(--space-2xl)
}

.page404 img {
    object-fit: cover
}

.BlockHeroCopy.theme-neutral.dark a {
    color: var(--color-hero-body)
}

.card:has(a),
.cardPost:has(a) {
    z-index: 1
}

.card:has(a):before,
.cardPost:has(a):before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--color-4);
    opacity: 0;
    transition: inset .4s var(--ease-out), opacity .2s ease;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card:has(a) img,
.cardPost:has(a) img {
    transition: transform var(--transition), opacity 1s ease;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card:has(a) h3,
.card:has(a) p,
.cardPost:has(a) h3,
.cardPost:has(a) p {
    transition: color .2s ease
}

.card:has(a) .cardPost-footer,
.cardPost:has(a) .cardPost-footer {
    transition: border-color .2s ease
}

.card:has(a):hover,
.cardPost:has(a):hover {
    --color-lines: var(--color-7)
}

.card:has(a):hover img,
.cardPost:has(a):hover img {
    transform: scale(1.05)
}

.card:has(a):hover h3,
.card:has(a):hover p:not(.chip),
.cardPost:has(a):hover h3,
.cardPost:has(a):hover p:not(.chip) {
    color: var(--color-7)
}

.card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
    padding: var(--space-xs-s)
}

.card,
.card-media {
    position: relative
}

.card-media .media {
    z-index: 0
}

.card-text {
    margin-top: var(--space-xs-s);
    padding: var(--space-s) var(--space-2xs-xs);
    --flow-space: var(--space-s)
}

.card-link,
.card-text {
    flex-grow: 1
}

.card-description {
    color: var(--color-body);
    font-size: var(--step--1)
}

.card:has(a):before {
    inset: var(--space-xs-s)
}

.card:has(a):hover:before {
    inset: 0;
    opacity: 1
}

.cardPost {
    position: relative;
    width: 100%
}

swiper-slide .cardPost {
    height: 100%
}

.cardPost-media {
    position: relative
}

.cardPost-media .media {
    z-index: 0
}

.cardPost-tags {
    position: absolute;
    z-index: 1;
    inset: var(--space-s);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--space-2xs)
}

.cardPost-text {
    padding-block: var(--space-l);
    flex-grow: 1
}

.cardPost-link {
    height: 100%;
    flex-direction: column
}

.cardPost-footer,
.cardPost-link {
    display: flex;
    justify-content: space-between
}

.cardPost-footer {
    padding: var(--card-padding);
    padding-top: var(--space-m);
    flex-direction: row;
    gap: var(--space-2xs);
    border-top: 1px solid var(--color-lines)
}

.cardPost-footer p {
    margin: 0;
    font-size: var(--step--2)
}

@media(min-width:768px) {
    .cardPost-footer p {
        font-size: var(--step--1)
    }
}

.cardPost-description {
    color: var(--color-body);
    font-size: var(--step--1)
}

.cardPost:has(a):hover:before {
    inset: calc(-1*var(--space-xs-s));
    opacity: 1
}

.cardPost--placeholder .MediaItem {
    opacity: 0
}

.cardPost--placeholder .cardPost-media,
.cardPost--placeholder h3,
.cardPost--placeholder p {
    color: rgba(0, 0, 0, 0);
    background-color: var(--neutral-3)
}

.modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 10002
}

.modal-overlay .close-button {
    z-index: 10001;
    position: absolute;
    top: var(--space-s);
    right: var(--space-s)
}

.modal-background {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity var(--transition)
}

.active .modal-background {
    opacity: 1
}

.form {
    height: 100%;
    overflow: scroll;
    display: none
}

.form.active {
    display: block
}

.modal-container.active .form-modal {
    opacity: 1
}

.form-modal {
    position: absolute;
    inset: 16px;
    background-color: #fff;
    overflow: auto;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    opacity: 0;
    transition: opacity var(--transition-quick)
}

@media(min-width:768px) {
    .form-modal {
        inset: auto;
        width: 80%;
        top: 16px;
        right: 16px;
        bottom: 16px;
        max-width: 480px
    }
}

@media(min-width:1280px) {
    .form-modal {
        width: 60%;
        max-width: 658px
    }
}

.form-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px 0 var(--space-m)
}

@media(min-width:768px) {
    .form-modal-header {
        padding: 16px 16px 0 var(--space-l)
    }
}

@media(min-width:1280px) {
    .form-modal-header {
        padding: 16px 16px 0 var(--space-xl);
        align-items: flex-start
    }
}

.form-modal-header+div {
    overflow: auto;
    flex-grow: 1;
    padding-inline: var(--space-m);
    padding-top: var(--space-l)
}

@media(min-width:768px) {
    .form-modal-header+div {
        padding-inline: var(--space-l);
        padding-top: var(--space-s)
    }
}

@media(min-width:1280px) {
    .form-modal-header+div {
        padding-inline: var(--space-xl);
        padding-top: var(--space-xl)
    }
}

@keyframes pulse {
    0% {
        opacity: .6
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .6
    }
}

.skeleton-card {
    animation: pulse 1.5s ease-in-out infinite;
    overflow: hidden;
    display: flex;
    gap: var(--space-xs)
}

.skeleton-card[data-direction=column] {
    flex-direction: column
}

.skeleton-card[data-direction=row] {
    flex-direction: row
}

.skeleton-card[data-direction=row] .skeleton-card-media {
    width: 72px;
    height: 72px
}

.skeleton-card[data-direction=row] .skeleton-card-content {
    flex: 1 1
}

.skeleton-card-content {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs)
}

.skeleton-card-media {
    width: 100%;
    height: 280px
}

.skeleton-card-media,
.skeleton-card-text {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden
}

.skeleton-card-text {
    width: 98%;
    height: var(--step-2)
}

.skeleton-card-pills {
    display: flex;
    gap: var(--space-xs)
}

.skeleton-card .skeleton-pill {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden;
    width: 80px;
    height: var(--step-2)
}

.skeleton-expandable-card {
    animation: pulse 1.5s ease-in-out infinite;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    gap: var(--space-xs)
}

.skeleton-expandable-card-media {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden;
    width: 72px;
    height: 72px
}

.skeleton-expandable-card-content {
    flex: 1 1
}

.skeleton-expandable-card-text {
    flex: 1 1;
    height: var(--step-2)
}

.skeleton-expandable-card-button,
.skeleton-expandable-card-text {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden
}

.skeleton-expandable-card-button {
    width: 72px;
    height: 72px
}

.skeleton-question {
    animation: pulse 1.5s ease-in-out infinite;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs)
}

.skeleton-question-title {
    width: 50%;
    height: var(--step-8)
}

.skeleton-question-description,
.skeleton-question-title {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden
}

.skeleton-question-description {
    width: 60%;
    height: var(--step-2)
}

.skeleton-question-description-full {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden;
    width: 100%;
    height: var(--step-2)
}

.skeleton-question-options {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs)
}

.skeleton-question .skeleton-option {
    border-radius: var(--variable-radius);
    background-color: #d3d3d3;
    overflow: hidden;
    width: 40%;
    height: var(--step-3)
}

swiper-container::part(pagination) {
    --swiper-pagination-bottom: 24px;
    --swiper-pagination-bullet-size: 9px;
    line-height: var(--swiper-pagination-bullet-size)
}

swiper-container::part(bullet) {
    background: #fff;
    opacity: .5;
    transition: opacity .2s ease;
    color: light
}

swiper-container::part(bullet-active) {
    background: #fff;
    opacity: 1
}

swiper-container::part(button-next),
swiper-container::part(button-prev),
swiper-container::part(pagination) {
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .2s ease, transform .2s ease-out
}

swiper-container::part(button-next),
swiper-container::part(button-prev) {
    --swiper-theme-color: transparent;
    --swiper-navigation-size: 32px;
    width: var(--swiper-navigation-size);
    border-radius: 50%;
    background: var(--color-background);
    border: 1px solid var(--color-text-disabled)
}

swiper-container::part(button-next):before,
swiper-container::part(button-prev):before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--color-brand-secondary);
    -webkit-mask: var(--icon-chevron-left-large);
    mask: var(--icon-chevron-left-large);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

swiper-container::part(button-next):before {
    -webkit-mask: var(--icon-chevron-right-large);
    mask: var(--icon-chevron-right-large);
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

swiper-container {
    height: 100%
}

.card:hover swiper-container::part(button-next),
.card:hover swiper-container::part(button-prev),
.card:hover swiper-container::part(pagination) {
    opacity: 1;
    transform: translateY(0)
}

swiper-container::part(wrapper) {
    height: 100%;
    transition-timing-function: var(--ease-out)
}

swiper-slide {
    height: auto
}

swiper-container::part(container) {
    overflow: visible
}

.carousel-container-card swiper-slide {
    width: 280px
}

@media(min-width:768px) {
    .carousel-container-card swiper-slide {
        width: 360px
    }
}

@media(min-width:1280px) {
    .carousel-container-card swiper-slide {
        width: auto
    }
}

.swiper-scrollbar-horizontal {
    background: var(--color-lines);
    max-width: 50%;
    width: 100%;
    height: 9px;
    border-radius: 9px
}

@media(min-width:1280px) {
    .swiper-scrollbar-horizontal {
        max-width: 246px
    }
}

.swiper-scrollbar-drag {
    background: var(--color-headline);
    border-radius: inherit;
    height: 100%
}

.Pagination {
    margin-top: var(--space-3xl-4xl);
    display: flex;
    gap: var(--space-xs);
    justify-content: center
}

.contentContainer .route {
    z-index: 1003;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 46px;
    transform: translateX(-50%);
    text-align: center
}

.contentContainer .background-anim {
    z-index: 1000;
    position: fixed;
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end
}

.contentContainer .background-anim.animating {
    pointer-events: all
}

.contentContainer .background-animChild {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--neutral-7);
    display: grid;
    place-items: center
}

.CustomCursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 250;
    direction: ltr;
    contain: layout style size;
    pointer-events: none;
    transition: opacity .3s, color .4s;
    --cursor-border-color: var(--color-6)
}

.CustomCursor .CustomCursor-bg {
    position: relative
}

.CustomCursor .CustomCursor-bg:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    transform: scale(.2);
    background-color: var(--color-block);
    border: 1px solid var(--cursor-border-color);
    border-radius: 50%;
    transition: transform .25s ease-in-out, opacity .1s, border-color .1s ease .3s, background-color .4s
}

.CustomCursor.-pointer .CustomCursor-bg:before {
    transform: scale(.15)
}

.CustomCursor.-text {
    --cursor-border-color: transparent
}

.CustomCursor.-text .CustomCursor-bg:before {
    transition-delay: 0s;
    transform: scale(1.7)
}

.CustomCursor.-text.-active .CustomCursor-bg:before {
    transform: scale(1.6);
    transition-duration: .2s
}

.CustomCursor.-hidden .CustomCursor-bg:before {
    transform: scale(0)
}

.CustomCursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: var(--color-text-dark);
    text-align: center;
    transition: opacity .4s, transform .3s
}

.CustomCursor.-icon .CustomCursor-text,
.CustomCursor.-text:not(.-hidden) .CustomCursor-text {
    opacity: 1;
    transform: scale(1)
}

.Component:first-child:not(.BlockHero, .BlockHeroCta) {
    padding-top: calc(var(--navigation-space-top) + var(--navigation-height) + var(--navigation-space-bottom))
}

.ComponentPadding {
    padding-block: var(--space-3xl-4xl)
}

.TextInlineImages {
    padding-block: var(--space-4xl-5xl) !important
}

.ComponentPadding.dark.theme-neutral+.ComponentPadding.dark.theme-neutral,
.ComponentPadding.dark:not(.theme-neutral)+.ComponentPadding.dark:not(.theme-neutral):not(.theme-neutral),
.ComponentPadding.light.theme-neutral+.ComponentPadding.light.theme-neutral,
.ComponentPadding.light:not(.theme-neutral)+.ComponentPadding.light:not(.theme-neutral):not(.theme-neutral),
.ComponentPadding:not(.dark):not(.light):not(.theme-neutral)+.ComponentPadding:not(.dark):not(.light):not(.theme-neutral):not(.theme-neutral) {
    padding-top: 0
}

@font-face {
    font-family: fontSuperDisplay;
    src: url(/_next/static/media/08831533076a7c94-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontSuperDisplay;
    src: url(/_next/static/media/671d380c30adce03-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: fontSuperDisplay Fallback;
    src: local("Arial");
    ascent-override: 92.89%;
    descent-override: 23.93%;
    line-gap-override: 0.00%;
    size-adjust: 99.05%
}

.__className_5d5563 {
    font-family: fontSuperDisplay, fontSuperDisplay Fallback
}

.__variable_5d5563 {
    --font-super: "fontSuperDisplay", "fontSuperDisplay Fallback"
}

@font-face {
    font-family: fontWaslsheimCondensed;
    src: url(/_next/static/media/2eed5653db6bedb7-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: fontWaslsheimCondensed;
    src: url(/_next/static/media/50994b4b5cbeb075-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: fontWaslsheimCondensed;
    src: url(/_next/static/media/01fe565afa157765-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontWaslsheimCondensed Fallback;
    src: local("Arial");
    ascent-override: 105.19%;
    descent-override: 28.63%;
    line-gap-override: 0.00%;
    size-adjust: 85.56%
}

.__className_7f845d {
    font-family: fontWaslsheimCondensed, fontWaslsheimCondensed Fallback
}

.__variable_7f845d {
    --font-walsheim-condensed: "fontWaslsheimCondensed", "fontWaslsheimCondensed Fallback"
}

@font-face {
    font-family: fontWaslsheim;
    src: url(/_next/static/media/b92669db5f60feaa-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: fontWaslsheim;
    src: url(/_next/static/media/befc37c41b7abf32-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontWaslsheim Fallback;
    src: local("Arial");
    ascent-override: 88.73%;
    descent-override: 24.16%;
    line-gap-override: 0.00%;
    size-adjust: 101.43%
}

.__className_2b64e3 {
    font-family: fontWaslsheim, fontWaslsheim Fallback
}

.__variable_2b64e3 {
    --font-walsheim: "fontWaslsheim", "fontWaslsheim Fallback"
}