/*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */
html.lenis,
html.lenis body {
    height: auto;

}
.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

@layer base {
    @font-face {
        font-family: swiper-icons;
        font-style: normal;
        font-weight: 400;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    }
    :root {
        --swiper-theme-color: #007aff;
    }
    :host {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1
    }
    .swiper {
        display: block;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 1
    }
    .swiper-vertical>.swiper-wrapper {
        flex-direction: column
    }
    .swiper-wrapper {
        box-sizing: content-box;
        display: flex;
        height: 100%;
        position: relative;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        width: 100%;
        z-index: 1
    }
    .swiper-android .swiper-slide,
    .swiper-ios .swiper-slide,
    .swiper-wrapper {
        transform: translate(0)
    }
    .swiper-horizontal {
        touch-action: pan-y
    }
    .swiper-vertical {
        touch-action: pan-x
    }
    .swiper-slide {
        display: block;
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        width: 100%
    }
    .swiper-slide-invisible-blank {
        visibility: hidden
    }
    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        height: auto
    }
    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height
    }
    .swiper-backface-hidden .swiper-slide {
        backface-visibility: hidden;
        transform: translateZ(0)
    }
    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }
    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }
    .swiper-3d {
        perspective: 1200px
    }
    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }
    .swiper-css-mode>.swiper-wrapper {
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: auto
    }
    .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
        display: none
    }
    .swiper-css-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }
    .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
        scroll-snap-type: x mandatory
    }
    .swiper-css-mode.swiper-vertical>.swiper-wrapper {
        scroll-snap-type: y mandatory
    }
    .swiper-css-mode.swiper-free-mode>.swiper-wrapper {
        scroll-snap-type: none
    }
    .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: none
    }
    .swiper-css-mode.swiper-centered>.swiper-wrapper:before {
        content: "";
        flex-shrink: 0;
        order: 9999
    }
    .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }
    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }
    .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }
    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }
    .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
        height: var(--swiper-centered-offset-after);
        min-width: 1px;
        width: 100%
    }
    .swiper-3d .swiper-slide-shadow,
    .swiper-3d .swiper-slide-shadow-bottom,
    .swiper-3d .swiper-slide-shadow-left,
    .swiper-3d .swiper-slide-shadow-right,
    .swiper-3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }
    .swiper-3d .swiper-slide-shadow {
        background: #00000026
    }
    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, #00000080, #0000)
    }
    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, #00000080, #0000)
    }
    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(#0000, #00000080)
    }
    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(#00000080, #0000)
    }
    .swiper-lazy-preloader {
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top: 4px solid #0000;
        box-sizing: border-box;
        height: 42px;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        position: absolute;
        top: 50%;
        transform-origin: 50%;
        width: 42px;
        z-index: 10
    }
    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite
    }
    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }
    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }
    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0)
        }
        to {
            transform: rotate(1turn)
        }
    }
    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        transform: translateZ(0)
    }
    .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
        content: "";
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0
    }
    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
        height: 1px;
        width: var(--swiper-virtual-size)
    }
    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
        height: var(--swiper-virtual-size);
        width: 1px
    }
    :root {
        --swiper-navigation-size: 44px
    }
    .swiper-button-next,
    .swiper-button-prev {
        align-items: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
        cursor: pointer;
        display: flex;
        height: var(--swiper-navigation-size);
        justify-content: center;
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size)/44*27);
        z-index: 10
    }
    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }
    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events: none
    }
    .swiper-navigation-disabled .swiper-button-next,
    .swiper-navigation-disabled .swiper-button-prev {
        display: none !important
    }
    .swiper-button-next svg,
    .swiper-button-prev svg {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        transform-origin: 50%;
        width: 100%
    }
    .swiper-rtl .swiper-button-next svg,
    .swiper-rtl .swiper-button-prev svg {
        transform: rotate(180deg)
    }
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto
    }
    .swiper-button-lock {
        display: none
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        font-variant: normal;
        letter-spacing: 0;
        line-height: 1;
        text-transform: none !important
    }
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: auto;
        right: var(--swiper-navigation-sides-offset, 10px)
    }
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }
    .swiper-pagination {
        position: absolute;
        text-align: center;
        transform: translate(0);
        transition: opacity .3s;
        z-index: 10
    }
    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }
    .swiper-pagination-disabled>.swiper-pagination,
    .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        left: 0;
        top: var(--swiper-pagination-top, auto);
        width: 100%
    }
    .swiper-pagination-bullets-dynamic {
        font-size: 0;
        overflow: hidden
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        position: relative;
        transform: scale(.33)
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }
    .swiper-pagination-bullet {
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        display: inline-block;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
    }
    button.swiper-pagination-bullet {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0
    }
    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }
    .swiper-pagination-bullet:only-child {
        display: none !important
    }
    .swiper-pagination-bullet-active {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        opacity: var(--swiper-pagination-bullet-opacity, 1)
    }
    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        left: var(--swiper-pagination-left, auto);
        right: var(--swiper-pagination-right, 8px);
        top: 50%;
        transform: translateY(-50%)
    }
    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0
    }
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        transition: transform .2s, top .2s
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translate(-50%);
        white-space: nowrap
    }
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s, left .2s
    }
    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s, right .2s
    }
    .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color, inherit)
    }
    .swiper-pagination-progressbar {
        background: var(--swiper-pagination-progressbar-bg-color, #00000040);
        position: absolute
    }
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: scale(0);
        transform-origin: 0 0;
        width: 100%
    }
    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: 100% 0
    }
    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0;
        width: 100%
    }
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-vertical>.swiper-pagination-progressbar {
        height: 100%;
        left: 0;
        top: 0;
        width: var(--swiper-pagination-progressbar-size, 4px)
    }
    .swiper-pagination-lock {
        display: none
    }
    .swiper-scrollbar {
        background: var(--swiper-scrollbar-bg-color, #0000001a);
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        position: relative;
        touch-action: none
    }
    .swiper-scrollbar-disabled>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }
    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: var(--swiper-scrollbar-bottom, 4px);
        height: var(--swiper-scrollbar-size, 4px);
        left: var(--swiper-scrollbar-sides-offset, 1%);
        position: absolute;
        top: var(--swiper-scrollbar-top, auto);
        width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        z-index: 50
    }
    .swiper-scrollbar.swiper-scrollbar-vertical,
    .swiper-vertical>.swiper-scrollbar {
        height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        left: var(--swiper-scrollbar-left, auto);
        position: absolute;
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        width: var(--swiper-scrollbar-size, 4px);
        z-index: 50
    }
    .swiper-scrollbar-drag {
        background: var(--swiper-scrollbar-drag-bg-color, #00000080);
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .swiper-scrollbar-cursor-drag {
        cursor: move
    }
    .swiper-scrollbar-lock {
        display: none
    }
    .swiper-zoom-container {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        text-align: center;
        width: 100%
    }
    .swiper-zoom-container>canvas,
    .swiper-zoom-container>img,
    .swiper-zoom-container>svg {
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .swiper-slide-zoomed {
        cursor: move;
        touch-action: none
    }
    .swiper .swiper-notification {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: -1000
    }
    .swiper-free-mode>.swiper-wrapper {
        margin: 0 auto;
        transition-timing-function: ease-out
    }
    .swiper-grid>.swiper-wrapper {
        flex-wrap: wrap
    }
    .swiper-grid-column>.swiper-wrapper {
        flex-flow: column wrap
    }
    .swiper-fade.swiper-free-mode .swiper-slide {
        transition-timing-function: ease-out
    }
    .swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity
    }
    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }
    .swiper-fade .swiper-slide-active,
    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }
    .swiper.swiper-cube {
        overflow: visible
    }
    .swiper-cube .swiper-slide {
        backface-visibility: hidden;
        height: 100%;
        pointer-events: none;
        transform-origin: 0 0;
        visibility: hidden;
        width: 100%;
        z-index: 1
    }
    .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }
    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }
    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }
    .swiper-cube .swiper-slide-active,
    .swiper-cube .swiper-slide-next,
    .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }
    .swiper-cube .swiper-cube-shadow {
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        width: 100%;
        z-index: 0
    }
    .swiper-cube .swiper-cube-shadow:before {
        background: #000;
        content: "";
        filter: blur(50px);
        inset: 0;
        position: absolute
    }
    .swiper-cube .swiper-slide-next+.swiper-slide {
        pointer-events: auto;
        visibility: visible
    }
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        backface-visibility: hidden;
        z-index: 0
    }
    .swiper.swiper-flip {
        overflow: visible
    }
    .swiper-flip .swiper-slide {
        backface-visibility: hidden;
        pointer-events: none;
        z-index: 1
    }
    .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }
    .swiper-flip .swiper-slide-active,
    .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        backface-visibility: hidden;
        z-index: 0
    }
    .swiper-creative .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height
    }
    .swiper.swiper-cards {
        overflow: visible
    }
    .swiper-cards .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transform-origin: bottom
    }
    *,
    ::backdrop,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }
    :host,
    html {
        -webkit-text-size-adjust: 100%;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }
    body {
        line-height: inherit;
    }
    hr {
        border-top-width: 1px;
        color: inherit;
        height: 0
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    pre,
    samp {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-size: 1em;
        font-variation-settings: var(--default-mono-font-variation-settings, normal)
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    menu,
    ol,
    ul {
        list-style: none
    }
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }
    img,
    video {
        height: auto;
        max-width: 100%
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }
    ::file-selector-button {
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::-moz-placeholder {
        color: color-mix(in oklab, currentColor 50%, transparent);
        opacity: 1
    }
    ::placeholder {
        color: color-mix(in oklab, currentColor 50%, transparent);
        opacity: 1
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button],
    [type=reset],
    [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
    @font-face {
        font-display: swap;
        font-family: NB International;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/nb_international_pro_regular-webfont.woff2)format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: NB International;
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/NBInternationalBoldWebfont.woff2)format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: NB International;
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/NBInternationalLightWebfont.woff2)format("woff2")
    }
    @font-face {
        font-display: swap;
        font-family: NB International Mono;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/NBInternationalMonoWebfont.woff2)format("woff2")
    }
    html {
        background-color: var(--color-background);
        color: var(--color-text)
    }
    html.has-modal-open {
        overflow: hidden
    }
    html.is-transitioning {
        cursor: wait
    }
    html.is-loaded {
        transition-duration: var(--transition-duration-fast);
        transition-property: background-color, color
    }
    button {
        cursor: pointer
    }
    :focus-visible:not(input):not(textarea):not(select) {
        outline-offset: var(--focus-offset, 5px);
        outline-style: var(--focus-style, auto);
        outline-width: var(--focus-width, 10px)
    }
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible {
        outline-offset: var(--focus-offset, 0);
        outline-style: var(--focus-style, auto);
        outline-width: var(--focus-width, 10px)
    }
    [type=button]:-moz-focusring,
    button:-moz-focusring {
        outline-offset: var(--focus-offset, 5px);
        outline-style: var(--focus-style, auto);
        outline-width: var(--focus-width, 10px)
    }
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline-offset: var(--focus-offset, 5px);
        outline-style: var(--focus-style, auto);
        outline-width: var(--focus-width, 10px)
    }
    main:focus-visible {
        outline-offset: -10px !important
    }
    html.is-safari :focus-visible {
        outline-color: var(--color-text);
        outline-offset: 2px;
        outline-style: dashed;
        outline-width: 2px
    }
    html.is-safari body:focus {
        outline: none
    }
    @keyframes slideInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, var(--spacing-fluid-xl), 0)
        }
        to {
            opacity: 1;
            transform: translate(0)
        }
    }
}

#cc-main {
    color: var(--cc-primary-color);
    font-family: var(--cc-font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    background: 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.15;
    position: fixed;
    z-index: var(--cc-z-index)
}

#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
    all: unset;
    box-sizing: border-box
}

#cc-main .pm__badge,
#cc-main button {
    all: initial;
    box-sizing: border-box;
    color: unset;
    visibility: unset
}

#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden
}

#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
    all: revert;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

:root {
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147480000;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-enabled-icon-color: var(--cc-bg);
    --cc-toggle-disabled-icon-color: var(--cc-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: #000000a6;
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #e4eaed;
    --cc-pm-toggle-border-radius: 4em
}

#cc-main.cc--rtl {
    direction: rtl
}

#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
    font-weight: 600
}

#cc-main button>span {
    pointer-events: none
}

#cc-main .cc__link,
#cc-main a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    font-weight: 600;
    position: relative;
    transition: background-size .25s, color .25s
}

#cc-main .cc__link:hover,
#cc-main a:hover {
    background-size: 100% 1px;
    color: var(--cc-primary-color)
}

#cc-main .cc__link {
    color: var(--cc-link-color)
}

#cc-main .cm__desc,
#cc-main .pm__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin
}

@media screen and (width>=640px) {
    #cc-main ::-webkit-scrollbar,
    #cc-main ::-webkit-scrollbar-thumb {
        all: revert
    }
    #cc-main ::-webkit-scrollbar-track {
        all: revert
    }
    #cc-main ::-webkit-scrollbar-thumb {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: var(--cc-toggle-readonly-bg);
        border: .25rem solid var(--cc-bg);
        border-radius: 1rem
    }
    #cc-main ::-webkit-scrollbar-thumb:hover {
        background: var(--cc-toggle-off-bg)
    }
    #cc-main ::-webkit-scrollbar {
        background: 0 0;
        width: 12px
    }
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    height: auto !important;
    overflow: hidden !important
}

@media (prefers-reduced-motion) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

.cc--darkmode {
    --cc-bg: #161a1c;
    --cc-primary-color: #ebf3f6;
    --cc-secondary-color: #aebbc5;
    --cc-btn-primary-bg: #c2d0e0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #98a7b6;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #242c31;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #353d43;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: #000000a6;
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: #0c0e0f;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #060809
}

.cc--darkmode #cc-main {
    color-scheme: dark
}

#cc-main .cm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    max-width: 24rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(1.6em);
    visibility: hidden;
    z-index: 1
}

#cc-main .cm--top {
    top: var(--cc-modal-margin)
}

#cc-main .cm--middle {
    top: 50%;
    transform: translateY(calc(1.6em - 50%))
}

#cc-main .cm--bottom {
    bottom: var(--cc-modal-margin)
}

#cc-main .cm--center {
    left: var(--cc-modal-margin);
    margin: 0 auto;
    right: var(--cc-modal-margin);
    width: unset
}

#cc-main .cm--left {
    left: var(--cc-modal-margin);
    margin-right: var(--cc-modal-margin)
}

#cc-main .cm--right {
    margin-left: var(--cc-modal-margin);
    right: var(--cc-modal-margin)
}

#cc-main .cm__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

#cc-main .cm__btns,
#cc-main .cm__links {
    padding: 1rem 1.3rem;
    width: unset
}

#cc-main .cm__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0 0
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 1.3rem
}

#cc-main .cm__title {
    font-size: 1.05em
}

#cc-main .cm__title+.cm__desc {
    margin-top: 1.1em
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color);
    font-size: .9em;
    line-height: 1.5;
    max-height: 40vh;
    overflow: visible auto;
    padding-bottom: 1em
}

#cc-main .cm__btns {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

#cc-main .cm__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr)
}

#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
    margin-top: .375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .cm--inline .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-right: 0
}

#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-right: .375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
    display: flex;
    flex: 1;
    justify-content: space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
    flex-direction: row-reverse
}

#cc-main .cm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    padding: .5em 1em;
    text-align: center
}

#cc-main .cm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close {
    border-radius: 0;
    border-bottom-left-radius: var(--cc-btn-border-radius);
    border-right: none;
    border-top: none;
    display: none;
    font-size: 1em;
    height: 42px;
    min-width: auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

#cc-main .cm__btn--close svg {
    stroke: var(--cc-btn-primary-color);
    transform: scale(.5);
    transition: stroke .15s
}

#cc-main .cm__btn--close:hover svg {
    stroke: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
    stroke: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close+.cm__texts .cm__title {
    padding-right: 3rem
}

#cc-main .cm--inline .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: .4em 0 .5em
}

#cc-main .cm__links {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    padding-top: 0
}

#cc-main .cm__link-group {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    width: 100%
}

#cc-main .cm__link-group>*+* {
    margin-left: 1.3rem
}

#cc-main .cm--flip .cm__btn:last-child {
    grid-row: 1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--box .cm__btn--close {
    display: block
}

#cc-main .cm--box.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--box.cm--wide {
    max-width: 36em
}

#cc-main .cm--box.cm--wide .cm__btns {
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--box.cm--wide .cm__btn {
    min-width: 120px;
    padding-left: 1.8em;
    padding-right: 1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--cloud {
    max-width: 54em;
    width: unset
}

#cc-main .cm--cloud .cm__body {
    flex-direction: row
}

#cc-main .cm--cloud .cm__texts {
    flex: 1
}

#cc-main .cm--cloud .cm__desc {
    max-height: 9.4em
}

#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid var(--cc-separator-border-color);
    border-top: none;
    max-width: 23em
}

#cc-main .cm--cloud .cm__btn-group {
    flex-direction: column
}

#cc-main .cm--cloud .cm__btn {
    min-width: 19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
    flex-direction: row
}

#cc-main .cm--cloud.cm--inline .cm__btn {
    min-width: 10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
    flex-direction: row-reverse
}

#cc-main .cm--bar {
    max-width: unset;
    opacity: 1;
    --cc-modal-transition-duration: .35s;
    border-radius: 0;
    left: 0;
    margin: 0;
    right: 0;
    transform: translateY(0);
    width: 100vw
}

#cc-main .cm--bar.cm--top {
    top: 0;
    transform: translateY(-100%)
}

#cc-main .cm--bar.cm--bottom {
    bottom: 0;
    transform: translateY(100%)
}

#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    margin: 0 auto;
    max-width: 55em;
    width: 100%
}

#cc-main .cm--bar .cm__body {
    padding: .5em 0 .9em
}

#cc-main .cm--bar .cm__btns {
    border-top: none;
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--bar .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--bar .cm__btn {
    min-width: 120px;
    padding-left: 2em;
    padding-right: 2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--bar.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
    max-width: 74em
}

#cc-main .cm--bar.cm--inline .cm__body {
    flex-direction: row;
    padding: 0
}

#cc-main .cm--bar.cm--inline .cm__btns {
    flex-direction: column;
    justify-content: center;
    max-width: 23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
    transition: opacity var(--cc-modal-transition-duration)ease, visibility var(--cc-modal-transition-duration)ease, transform var(--cc-modal-transition-duration)ease
}

#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    transition: background-color .15s, border-color .15s, color .15s
}

.disable--interaction #cc-main .cm-wrapper:before {
    background: var(--cc-overlay-bg);
    content: "";
    inset: 0;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    z-index: 0
}

.show--consent #cc-main .cc--anim .cm {
    opacity: 1;
    transform: translateY(0);
    visibility: visible !important
}

.show--consent #cc-main .cc--anim .cm--middle {
    transform: translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar {
    transform: translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .cm__btn--close {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--cc-btn-border-radius);
    left: 0;
    right: unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
    padding-left: 3rem !important;
    padding-right: 1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm__link-group>*+* {
    margin-left: 0;
    margin-right: 1.3rem
}

@media screen and (width<=640px) {
    #cc-main {
        --cc-modal-margin: .5em
    }
    #cc-main .cm {
        max-width: none !important;
        width: auto !important
    }
    #cc-main .cm__body {
        flex-direction: column !important;
        padding: 0 !important
    }
    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important
    }
    #cc-main .cm__btns {
        border-left: none !important;
        border-top: 1px solid var(--cc-separator-border-color) !important;
        flex-direction: column !important;
        max-width: none !important;
        min-width: auto !important
    }
    #cc-main .cm__btn+.cm__btn,
    #cc-main .cm__btn-group+.cm__btn-group {
        margin: .375rem 0 0 !important
    }
    #cc-main .cm--flip .cm__btn+.cm__btn,
    #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }
    #cc-main .cm__btn-group {
        display: flex !important;
        flex-direction: column !important;
        min-width: auto !important
    }
    #cc-main .cm__btn {
        flex: auto !important
    }
    #cc-main .cm__link-group {
        justify-content: center !important
    }
    #cc-main .cm--flip .cm__btn-group,
    #cc-main .cm--flip .cm__btns {
        flex-direction: column-reverse !important
    }
}

#cc-main .pm-wrapper {
    position: relative;
    z-index: 2
}

#cc-main .pm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em #0000024d;
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
    width: unset;
    z-index: 1
}

#cc-main svg {
    fill: none;
    width: 100%
}

#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm__header {
    align-items: center;
    border-bottom: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    margin-right: 2em
}

#cc-main .pm__close-btn {
    background: var(--cc-btn-secondary-bg);
    border: 1px solid var(--cc-btn-secondary-border-color);
    border-radius: var(--cc-btn-border-radius);
    height: 40px;
    position: relative;
    transition: all .15s;
    width: 40px
}

#cc-main .pm__close-btn span {
    display: flex;
    height: 100%;
    width: 100%
}

#cc-main .pm__close-btn svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5);
    transition: stroke .15s
}

#cc-main .pm__close-btn:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color)
}

#cc-main .pm__close-btn:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm__body {
    flex: 1;
    overflow-y: auto;
    overflow-y: overlay
}

#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: var(--cc-btn-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-border);
    border-radius: var(--cc-btn-border-radius);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: 0 !important;
    overflow: hidden
}

#cc-main .pm__section {
    border: 1px solid var(--cc-separator-border-color);
    padding: 1em;
    transition: background-color .25s, border-color .25s
}

#cc-main .pm__section:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none
}

#cc-main .pm__section:not(:first-child):hover {
    background: var(--cc-cookie-category-block-bg);
    border-color: var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-toggles+.pm__section {
    margin-top: 2em
}

#cc-main .pm__section--toggle {
    background: var(--cc-cookie-category-block-bg);
    border-top: none;
    margin-bottom: .375rem
}

#cc-main .pm__section--toggle .pm__section-title {
    align-items: center;
    background: var(--cc-cookie-category-block-bg);
    border: 1px solid var(--cc-cookie-category-block-border);
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 1.1em 5.4em 1.1em 1.2em;
    position: relative;
    transition: background-color .25s, border-color .25s;
    width: 100%
}

#cc-main .pm__section--toggle .pm__section-title:hover {
    background: var(--cc-cookie-category-block-hover-bg);
    border-color: var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle .pm__section-desc {
    margin-top: 0;
    padding: 1em
}

#cc-main .pm__section--toggle.is-expanded {
    --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
    transform: scale(.5)rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    display: flex
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding-left: 3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: var(--cc-toggle-readonly-bg);
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 18px;
    pointer-events: none;
    position: absolute;
    width: 20px
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5)
}

#cc-main .pm__section-title-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .85em
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: .95em;
    font-weight: 600
}

#cc-main .pm__badge {
    align-items: center;
    background: var(--cc-btn-secondary-bg);
    border-radius: 5em;
    color: var(--cc-secondary-color);
    display: flex;
    flex: none;
    font-size: .8em;
    font-weight: 600;
    height: 23px;
    justify-content: center;
    margin-left: 1em;
    min-width: 23px;
    overflow: hidden;
    padding: 0 .6em 1px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

#cc-main .pm__service-counter {
    background: var(--cc-btn-primary-bg);
    color: var(--cc-btn-primary-color);
    padding: 0;
    width: 23px
}

#cc-main .pm__service-counter[data-counterlabel] {
    padding: 0 .6em 1px;
    width: auto
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--cc-pm-toggle-border-radius);
    height: 23px;
    transform: translateZ(0);
    width: 50px
}

#cc-main .section__toggle-wrapper {
    cursor: pointer;
    position: absolute;
    right: 18px;
    z-index: 1
}

#cc-main .toggle-service {
    height: 19px;
    position: relative;
    right: 0;
    width: 42px
}

#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
    height: 19px;
    width: 42px
}

#cc-main .toggle-service .toggle__icon {
    position: relative
}

#cc-main .toggle-service .toggle__icon-circle {
    height: 19px;
    width: 19px
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translate(23px)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none !important
}

#cc-main .section__toggle {
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

#cc-main .section__toggle:disabled {
    cursor: not-allowed
}

#cc-main .toggle__icon {
    background: var(--cc-toggle-off-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
    display: flex;
    flex-direction: row;
    pointer-events: none;
    position: absolute;
    transition: all .25s
}

#cc-main .toggle__icon-circle {
    background: var(--cc-toggle-off-knob-bg);
    border: none;
    border-radius: var(--cc-pm-toggle-border-radius);
    box-shadow: 0 1px 2px #1820035c;
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s, background-color .25s;
    width: 23px
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    height: 100%;
    position: absolute;
    transition: opacity .15s;
    width: 100%
}

#cc-main .toggle__icon-on {
    opacity: 0;
    transform: rotate(45deg)
}

#cc-main .toggle__icon-on svg {
    stroke: var(--cc-toggle-on-bg);
    transform: scale(.55)rotate(-45deg)
}

#cc-main .toggle__icon-off {
    opacity: 1
}

#cc-main .toggle__icon-off svg {
    stroke: var(--cc-toggle-off-bg);
    transform: scale(.55)
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: var(--cc-toggle-on-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: var(--cc-toggle-on-knob-bg);
    transform: translate(27px)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
    opacity: 1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
    opacity: 0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    background: var(--cc-toggle-readonly-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
    background: var(--cc-toggle-readonly-knob-bg);
    box-shadow: none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

#cc-main .pm__section-desc-wrapper {
    color: var(--cc-secondary-color);
    display: flex;
    flex-direction: column;
    font-size: .9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services {
    display: flex;
    flex-direction: column
}

#cc-main .pm__service {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .4em 1.2em;
    position: relative;
    transition: background-color .15s
}

#cc-main .pm__service:hover {
    background-color: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__service-header {
    align-items: center;
    display: flex;
    margin-right: 1em;
    width: 100%
}

#cc-main .pm__service-icon {
    border: 2px solid;
    border-radius: 100%;
    height: 8px;
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 1px;
    min-width: 8px
}

#cc-main .pm__service-title {
    font-size: .95em;
    width: 100%;
    word-break: break-word
}

#cc-main .pm__section-desc {
    line-height: 1.5em
}

#cc-main .pm__section-table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%
}

#cc-main .pm__table-caption {
    text-align: left
}

#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
    border-bottom: 1px dashed var(--cc-separator-border-color);
    color: var(--cc-primary-color);
    font-weight: 600
}

#cc-main .pm__table-tr {
    transition: background-color .15s
}

#cc-main .pm__table-tr:hover {
    background: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .625em .625em .625em 1.2em;
    vertical-align: top
}

#cc-main .pm__footer {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__btn-group {
    display: flex
}

#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
    margin-left: .375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .pm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    flex: auto;
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    min-width: 110px;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s, border-color .15s, color .15s
}

#cc-main .pm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .pm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm--box {
    height: calc(100% - 2em);
    left: var(--cc-modal-margin);
    margin: 0 auto;
    max-height: 37.5em;
    max-width: 43em;
    right: var(--cc-modal-margin);
    top: 50%;
    transform: translateY(calc(1.6em - 50%))
}

#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm--bar {
    opacity: 1;
    --cc-modal-transition-duration: .35s;
    border-radius: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: 29em;
    top: 0;
    width: 100%
}

#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
    display: block
}

#cc-main .pm--bar .pm__table-head {
    display: none
}

#cc-main .pm--bar .pm__table-caption {
    display: block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td {
    display: flex;
    justify-content: space-between
}

#cc-main .pm--bar .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis
}

#cc-main .pm--bar .pm__table-td>div {
    flex: 3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
    padding: 1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
    flex-direction: column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin: .375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
    flex-direction: column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
    display: none
}

#cc-main .pm--bar.pm--left {
    left: 0;
    transform: translate(-100%)
}

#cc-main .pm--bar.pm--right {
    right: 0;
    transform: translate(100%)
}

#cc-main .pm--bar.pm--wide {
    max-width: 35em
}

#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm-overlay {
    background: var(--cc-overlay-bg);
    content: "";
    inset: 0;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    z-index: 1
}

#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
    transition: opacity var(--cc-modal-transition-duration)ease, visibility var(--cc-modal-transition-duration)ease, transform var(--cc-modal-transition-duration)ease
}

.show--preferences #cc-main .cc--anim .pm {
    opacity: 1;
    visibility: visible !important
}

.show--preferences #cc-main .cc--anim .pm--box {
    transform: translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar {
    transform: translate(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .pm__service-header {
    margin-left: 1em;
    margin-right: 0
}

#cc-main.cc--rtl .pm__section-arrow {
    left: unset;
    right: 18px
}

#cc-main.cc--rtl .section__toggle-wrapper {
    left: 18px;
    right: unset;
    transform-origin: 0
}

#cc-main.cc--rtl .toggle-service {
    left: 0
}

#cc-main.cc--rtl .pm__service-icon {
    margin-left: 20px;
    margin-right: 5px
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
    padding-left: 5.4em;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
    padding-right: 3.4em
}

#cc-main.cc--rtl .pm__badge {
    margin-left: unset;
    margin-right: 1em
}

#cc-main.cc--rtl .toggle__icon-circle {
    transform: translate(27px)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
    transform: translate(23px)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translate(0)
}

#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
    padding-left: unset;
    padding-right: 1.2em;
    text-align: right
}

#cc-main.cc--rtl .pm__table-td {
    padding-left: unset;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__table-td:before {
    padding-left: 2em;
    padding-right: unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin-left: 0
}

@media screen and (width<=640px) {
    #cc-main .pm {
        border-radius: 0;
        height: auto;
        inset: 0;
        max-height: 100%;
        max-width: none !important;
        transform: translateY(1.6em)
    }
    #cc-main .pm__body,
    #cc-main .pm__footer,
    #cc-main .pm__header {
        padding: .9em !important
    }
    #cc-main .pm__badge {
        display: none
    }
    #cc-main .pm__section-table,
    #cc-main .pm__table-body,
    #cc-main .pm__table-caption,
    #cc-main .pm__table-td,
    #cc-main .pm__table-th,
    #cc-main .pm__table-tr {
        display: block
    }
    #cc-main .pm__table-head {
        display: none
    }
    #cc-main .pm__table-tr:not(:last-child) {
        border-bottom: 1px solid var(--cc-separator-border-color)
    }
    #cc-main .pm__table-td {
        display: flex;
        justify-content: space-between
    }
    #cc-main .pm__table-td:before {
        color: var(--cc-primary-color);
        content: attr(data-column);
        flex: 1;
        font-weight: 600;
        min-width: 100px;
        overflow: hidden;
        padding-right: 2em;
        text-overflow: ellipsis
    }
    #cc-main .pm__table-td>div {
        flex: 3
    }
    #cc-main .pm__btn-group,
    #cc-main .pm__footer {
        flex-direction: column !important
    }
    #cc-main .pm__btn-group {
        display: flex !important
    }
    #cc-main .pm__btn+.pm__btn,
    #cc-main .pm__btn-group+.pm__btn-group {
        margin: .375rem 0 0 !important
    }
    #cc-main .pm--flip .pm__btn+.pm__btn,
    #cc-main .pm--flip .pm__btn-group+.pm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }
    #cc-main .pm--flip .pm__btn-group,
    #cc-main .pm--flip .pm__footer {
        flex-direction: column-reverse !important
    }
    .show--preferences #cc-main .cc--anim .pm {
        transform: translateY(0) !important
    }
}

@layer theme {
    :host,
    :root {
        --font-sans: "NB International", sans-serif;
        --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-mono: "NB International Mono", sans-serif;
        --color-red-50: oklch(.971 .013 17.38);
        --color-red-100: oklch(.936 .032 17.717);
        --color-red-200: oklch(.885 .062 18.334);
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-red-600: oklch(.577 .245 27.325);
        --color-red-700: oklch(.505 .213 27.518);
        --color-red-800: oklch(.444 .177 26.899);
        --color-red-900: oklch(.396 .141 25.723);
        --color-red-950: oklch(.258 .092 26.042);
        --color-orange-50: oklch(.98 .016 73.684);
        --color-orange-100: oklch(.954 .038 75.164);
        --color-orange-200: oklch(.901 .076 70.697);
        --color-orange-300: oklch(.837 .128 66.29);
        --color-orange-400: oklch(.75 .183 55.934);
        --color-orange-500: oklch(.705 .213 47.604);
        --color-orange-600: oklch(.646 .222 41.116);
        --color-orange-700: oklch(.553 .195 38.402);
        --color-orange-800: oklch(.47 .157 37.304);
        --color-orange-900: oklch(.408 .123 38.172);
        --color-orange-950: oklch(.266 .079 36.259);
        --color-amber-50: oklch(.987 .022 95.277);
        --color-amber-100: oklch(.962 .059 95.617);
        --color-amber-200: oklch(.924 .12 95.746);
        --color-amber-300: oklch(.879 .169 91.605);
        --color-amber-400: oklch(.828 .189 84.429);
        --color-amber-500: oklch(.769 .188 70.08);
        --color-amber-600: oklch(.666 .179 58.318);
        --color-amber-700: oklch(.555 .163 48.998);
        --color-amber-800: oklch(.473 .137 46.201);
        --color-amber-900: oklch(.414 .112 45.904);
        --color-amber-950: oklch(.279 .077 45.635);
        --color-yellow-50: oklch(.987 .026 102.212);
        --color-yellow-100: oklch(.973 .071 103.193);
        --color-yellow-200: oklch(.945 .129 101.54);
        --color-yellow-300: oklch(.905 .182 98.111);
        --color-yellow-400: oklch(.852 .199 91.936);
        --color-yellow-500: oklch(.795 .184 86.047);
        --color-yellow-600: oklch(.681 .162 75.834);
        --color-yellow-700: oklch(.554 .135 66.442);
        --color-yellow-800: oklch(.476 .114 61.907);
        --color-yellow-900: oklch(.421 .095 57.708);
        --color-yellow-950: oklch(.286 .066 53.813);
        --color-lime-50: oklch(.986 .031 120.757);
        --color-lime-100: oklch(.967 .067 122.328);
        --color-lime-200: oklch(.938 .127 124.321);
        --color-lime-300: oklch(.897 .196 126.665);
        --color-lime-400: oklch(.841 .238 128.85);
        --color-lime-500: oklch(.768 .233 130.85);
        --color-lime-600: oklch(.648 .2 131.684);
        --color-lime-700: oklch(.532 .157 131.589);
        --color-lime-800: oklch(.453 .124 130.933);
        --color-lime-900: oklch(.405 .101 131.063);
        --color-lime-950: oklch(.274 .072 132.109);
        --color-green-50: oklch(.982 .018 155.826);
        --color-green-100: oklch(.962 .044 156.743);
        --color-green-200: oklch(.925 .084 155.995);
        --color-green-300: oklch(.871 .15 154.449);
        --color-green-400: oklch(.792 .209 151.711);
        --color-green-500: oklch(.723 .219 149.579);
        --color-green-600: oklch(.627 .194 149.214);
        --color-green-700: oklch(.527 .154 150.069);
        --color-green-800: oklch(.448 .119 151.328);
        --color-green-900: oklch(.393 .095 152.535);
        --color-green-950: oklch(.266 .065 152.934);
        --color-emerald-50: oklch(.979 .021 166.113);
        --color-emerald-100: oklch(.95 .052 163.051);
        --color-emerald-200: oklch(.905 .093 164.15);
        --color-emerald-300: oklch(.845 .143 164.978);
        --color-emerald-400: oklch(.765 .177 163.223);
        --color-emerald-500: oklch(.696 .17 162.48);
        --color-emerald-600: oklch(.596 .145 163.225);
        --color-emerald-700: oklch(.508 .118 165.612);
        --color-emerald-800: oklch(.432 .095 166.913);
        --color-emerald-900: oklch(.378 .077 168.94);
        --color-emerald-950: oklch(.262 .051 172.552);
        --color-teal-50: oklch(.984 .014 180.72);
        --color-teal-100: oklch(.953 .051 180.801);
        --color-teal-200: oklch(.91 .096 180.426);
        --color-teal-300: oklch(.855 .138 181.071);
        --color-teal-400: oklch(.777 .152 181.912);
        --color-teal-500: oklch(.704 .14 182.503);
        --color-teal-600: oklch(.6 .118 184.704);
        --color-teal-700: oklch(.511 .096 186.391);
        --color-teal-800: oklch(.437 .078 188.216);
        --color-teal-900: oklch(.386 .063 188.416);
        --color-teal-950: oklch(.277 .046 192.524);
        --color-cyan-50: oklch(.984 .019 200.873);
        --color-cyan-100: oklch(.956 .045 203.388);
        --color-cyan-200: oklch(.917 .08 205.041);
        --color-cyan-300: oklch(.865 .127 207.078);
        --color-cyan-400: oklch(.789 .154 211.53);
        --color-cyan-500: oklch(.715 .143 215.221);
        --color-cyan-600: oklch(.609 .126 221.723);
        --color-cyan-700: oklch(.52 .105 223.128);
        --color-cyan-800: oklch(.45 .085 224.283);
        --color-cyan-900: oklch(.398 .07 227.392);
        --color-cyan-950: oklch(.302 .056 229.695);
        --color-sky-50: oklch(.977 .013 236.62);
        --color-sky-100: oklch(.951 .026 236.824);
        --color-sky-200: oklch(.901 .058 230.902);
        --color-sky-300: oklch(.828 .111 230.318);
        --color-sky-400: oklch(.746 .16 232.661);
        --color-sky-500: oklch(.685 .169 237.323);
        --color-sky-600: oklch(.588 .158 241.966);
        --color-sky-700: oklch(.5 .134 242.749);
        --color-sky-800: oklch(.443 .11 240.79);
        --color-sky-900: oklch(.391 .09 240.876);
        --color-sky-950: oklch(.293 .066 243.157);
        --color-blue-50: oklch(.97 .014 254.604);
        --color-blue-100: oklch(.932 .032 255.585);
        --color-blue-200: oklch(.882 .059 254.128);
        --color-blue-300: oklch(.809 .105 251.813);
        --color-blue-400: oklch(.707 .165 254.624);
        --color-blue-500: oklch(.623 .214 259.815);
        --color-blue-600: oklch(.546 .245 262.881);
        --color-blue-700: oklch(.488 .243 264.376);
        --color-blue-800: oklch(.424 .199 265.638);
        --color-blue-900: oklch(.379 .146 265.522);
        --color-blue-950: oklch(.282 .091 267.935);
        --color-indigo-50: oklch(.962 .018 272.314);
        --color-indigo-100: oklch(.93 .034 272.788);
        --color-indigo-200: oklch(.87 .065 274.039);
        --color-indigo-300: oklch(.785 .115 274.713);
        --color-indigo-400: oklch(.673 .182 276.935);
        --color-indigo-500: oklch(.585 .233 277.117);
        --color-indigo-600: oklch(.511 .262 276.966);
        --color-indigo-700: oklch(.457 .24 277.023);
        --color-indigo-800: oklch(.398 .195 277.366);
        --color-indigo-900: oklch(.359 .144 278.697);
        --color-indigo-950: oklch(.257 .09 281.288);
        --color-violet-50: oklch(.969 .016 293.756);
        --color-violet-100: oklch(.943 .029 294.588);
        --color-violet-200: oklch(.894 .057 293.283);
        --color-violet-300: oklch(.811 .111 293.571);
        --color-violet-400: oklch(.702 .183 293.541);
        --color-violet-500: oklch(.606 .25 292.717);
        --color-violet-600: oklch(.541 .281 293.009);
        --color-violet-700: oklch(.491 .27 292.581);
        --color-violet-800: oklch(.432 .232 292.759);
        --color-violet-900: oklch(.38 .189 293.745);
        --color-violet-950: oklch(.283 .141 291.089);
        --color-purple-50: oklch(.977 .014 308.299);
        --color-purple-100: oklch(.946 .033 307.174);
        --color-purple-200: oklch(.902 .063 306.703);
        --color-purple-300: oklch(.827 .119 306.383);
        --color-purple-400: oklch(.714 .203 305.504);
        --color-purple-500: oklch(.627 .265 303.9);
        --color-purple-600: oklch(.558 .288 302.321);
        --color-purple-700: oklch(.496 .265 301.924);
        --color-purple-800: oklch(.438 .218 303.724);
        --color-purple-900: oklch(.381 .176 304.987);
        --color-purple-950: oklch(.291 .149 302.717);
        --color-fuchsia-50: oklch(.977 .017 320.058);
        --color-fuchsia-100: oklch(.952 .037 318.852);
        --color-fuchsia-200: oklch(.903 .076 319.62);
        --color-fuchsia-300: oklch(.833 .145 321.434);
        --color-fuchsia-400: oklch(.74 .238 322.16);
        --color-fuchsia-500: oklch(.667 .295 322.15);
        --color-fuchsia-600: oklch(.591 .293 322.896);
        --color-fuchsia-700: oklch(.518 .253 323.949);
        --color-fuchsia-800: oklch(.452 .211 324.591);
        --color-fuchsia-900: oklch(.401 .17 325.612);
        --color-fuchsia-950: oklch(.293 .136 325.661);
        --color-pink-50: oklch(.971 .014 343.198);
        --color-pink-100: oklch(.948 .028 342.258);
        --color-pink-200: oklch(.899 .061 343.231);
        --color-pink-300: oklch(.823 .12 346.018);
        --color-pink-400: oklch(.718 .202 349.761);
        --color-pink-500: oklch(.656 .241 354.308);
        --color-pink-600: oklch(.592 .249 .584);
        --color-pink-700: oklch(.525 .223 3.958);
        --color-pink-800: oklch(.459 .187 3.815);
        --color-pink-900: oklch(.408 .153 2.432);
        --color-pink-950: oklch(.284 .109 3.907);
        --color-rose-50: oklch(.969 .015 12.422);
        --color-rose-100: oklch(.941 .03 12.58);
        --color-rose-200: oklch(.892 .058 10.001);
        --color-rose-300: oklch(.81 .117 11.638);
        --color-rose-400: oklch(.712 .194 13.428);
        --color-rose-500: oklch(.645 .246 16.439);
        --color-rose-600: oklch(.586 .253 17.585);
        --color-rose-700: oklch(.514 .222 16.935);
        --color-rose-800: oklch(.455 .188 13.697);
        --color-rose-900: oklch(.41 .159 10.272);
        --color-rose-950: oklch(.271 .105 12.094);
        --color-slate-50: oklch(.984 .003 247.858);
        --color-slate-100: oklch(.968 .007 247.896);
        --color-slate-200: oklch(.929 .013 255.508);
        --color-slate-300: oklch(.869 .022 252.894);
        --color-slate-400: oklch(.704 .04 256.788);
        --color-slate-500: oklch(.554 .046 257.417);
        --color-slate-600: oklch(.446 .043 257.281);
        --color-slate-700: oklch(.372 .044 257.287);
        --color-slate-800: oklch(.279 .041 260.031);
        --color-slate-900: oklch(.208 .042 265.755);
        --color-slate-950: oklch(.129 .042 264.695);
        --color-gray-50: oklch(.985 .002 247.839);
        --color-gray-100: oklch(.967 .003 264.542);
        --color-gray-200: oklch(.928 .006 264.531);
        --color-gray-300: oklch(.872 .01 258.338);
        --color-gray-400: oklch(.707 .022 261.325);
        --color-gray-500: oklch(.551 .027 264.364);
        --color-gray-600: oklch(.446 .03 256.802);
        --color-gray-700: oklch(.373 .034 259.733);
        --color-gray-800: oklch(.278 .033 256.848);
        --color-gray-900: oklch(.21 .034 264.665);
        --color-gray-950: oklch(.13 .028 261.692);
        --color-zinc-50: oklch(.985 0 0);
        --color-zinc-100: oklch(.967 .001 286.375);
        --color-zinc-200: oklch(.92 .004 286.32);
        --color-zinc-300: oklch(.871 .006 286.286);
        --color-zinc-400: oklch(.705 .015 286.067);
        --color-zinc-500: oklch(.552 .016 285.938);
        --color-zinc-600: oklch(.442 .017 285.786);
        --color-zinc-700: oklch(.37 .013 285.805);
        --color-zinc-800: oklch(.274 .006 286.033);
        --color-zinc-900: oklch(.21 .006 285.885);
        --color-zinc-950: oklch(.141 .005 285.823);
        --color-neutral-50: oklch(.985 0 0);
        --color-neutral-100: oklch(.97 0 0);
        --color-neutral-200: oklch(.922 0 0);
        --color-neutral-300: oklch(.87 0 0);
        --color-neutral-400: oklch(.708 0 0);
        --color-neutral-500: oklch(.556 0 0);
        --color-neutral-600: oklch(.439 0 0);
        --color-neutral-700: oklch(.371 0 0);
        --color-neutral-800: oklch(.269 0 0);
        --color-neutral-900: oklch(.205 0 0);
        --color-neutral-950: oklch(.145 0 0);
        --color-stone-50: oklch(.985 .001 106.423);
        --color-stone-100: oklch(.97 .001 106.424);
        --color-stone-200: oklch(.923 .003 48.717);
        --color-stone-300: oklch(.869 .005 56.366);
        --color-stone-400: oklch(.709 .01 56.259);
        --color-stone-500: oklch(.553 .013 58.071);
        --color-stone-600: oklch(.444 .011 73.639);
        --color-stone-700: oklch(.374 .01 67.558);
        --color-stone-800: oklch(.268 .007 34.298);
        --color-stone-900: oklch(.216 .006 56.043);
        --color-stone-950: oklch(.147 .004 49.25);
        --color-black: #232020;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 700px;
        --breakpoint-md: 1000px;
        --breakpoint-lg: 1200px;
        --breakpoint-xl: 1400px;
        --breakpoint-2xl: 1600px;
        --container-3xs: 16rem;
        --container-2xs: 18rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: 1.33333;
        --text-sm: .875rem;
        --text-sm--line-height: 1.42857;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.55556;
        --text-xl: clamp(2.125rem, -2.5272rem + 23.2609vw, 15.5rem);
        --text-xl--line-height: .75;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.33333;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.11111;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-thin: 100;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -.05em;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-xs: .125rem;
        --radius-sm: 4px;
        --radius-md: 12px;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --shadow-2xs: 0 1px #0000000d;
        --shadow-xs: 0 1px 2px 0 #0000000d;
        --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-2xl: 0 25px 50px -12px #00000040;
        --inset-shadow-2xs: inset 0 1px #0000000d;
        --inset-shadow-xs: inset 0 1px 1px #0000000d;
        --inset-shadow-sm: inset 0 2px 4px #0000000d;
        --drop-shadow-xs: 0 1px 1px #0000000d;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --drop-shadow-2xl: 0 25px 25px #00000026;
        --ease-in: cubic-bezier(.9, 0, 1, 1);
        --ease-out: cubic-bezier(0, .25, 0, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --perspective-dramatic: 100px;
        --perspective-near: 300px;
        --perspective-normal: 500px;
        --perspective-midrange: 800px;
        --perspective-distant: 1200px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --text-xxl: clamp(3.75rem, -1.0326rem + 23.913vw, 17.5rem);
        --text-xxl--line-height: 1;
        --text-xxl--letter-spacing: -.05em;
        --text-xxl--font-weight: 300;
        --text-stats-md: clamp(3.75rem, -0.337rem + 20.4348vw, 15.5rem);
        --text-stats-md--line-height: .75;
        --text-stats-md--letter-spacing: -.05em;
        --text-stats-md--font-weight: 300;
        --text-stats-sm: clamp(5.4375rem, 4.2853rem + 5.7609vw, 8.75rem);
        --text-stats-sm--line-height: .75;
        --text-stats-sm--letter-spacing: -.05em;
        --text-stats-sm--font-weight: 300;
        --text-xl--letter-spacing: -.05em;
        --text-xl--font-weight: 300;
        --text-h1: clamp(2.125rem, 1.212rem + 4.5652vw, 4.75rem);
        --text-h1--line-height: 1;
        --text-h1--letter-spacing: -.04em;
        --text-h2: clamp(1.875rem, 1.2663rem + 3.0435vw, 3.625rem);
        --text-h2--line-height: 1;
        --text-h2--letter-spacing: -.03em;
        --text-h3: clamp(1.75rem, 1.4022rem + 1.7391vw, 2.75rem);
        --text-h3--line-height: 1.1;
        --text-h3--letter-spacing: -.03em;
        --text-h4: clamp(1.5rem, 1.2826rem + 1.087vw, 2.125rem);
        --text-h4--line-height: 1.2;
        --text-h4--letter-spacing: -.03em;
        --text-h5: clamp(1.125rem, 0.9511rem + 0.8696vw, 1.625rem);
        --text-h5--line-height: 1.3;
        --text-h5--letter-spacing: -.03em;
        --text-h6: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
        --text-h6--line-height: 1.4;
        --text-h6--letter-spacing: -.01em;
        --text-large: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
        --text-large--line-height: 1.4;
        --text-large--letter-spacing: -.01em;
        --text-body: clamp(0.75rem, 0.663rem + 0.4348vw, 1rem);
        --text-body--line-height: 1.4;
        --text-body--letter-spacing: 0;
        --text-medium: clamp(0.75rem, 0.7065rem + 0.2174vw, 0.875rem);
        --text-medium--line-height: 1.4;
        --text-medium--letter-spacing: 0;
        --text-small: clamp(0.625rem, 0.5815rem + 0.2174vw, 0.75rem);
        --text-small--line-height: 1.4;
        --text-small--letter-spacing: 0;
        --text-mono: clamp(0.625rem, 0.6033rem + 0.1087vw, 0.6875rem);
        --text-mono--line-height: 1.4;
        --text-mono--letter-spacing: 0;
        --text-label: 10px;
        --text-label--line-height: 1;
        --text-label--font-weight: 700;
        --text-label--letter-spacing: 0;
        --text-button: 12px;
        --text-button--line-height: 1.4;
        --text-button--font-weight: 700;
        --text-button--letter-spacing: 0;
        --color-grey: #ededed;
        --color-royal: #1458e4;
        --color-royal-light: #2c6df1;
        --color-royal-dark: #1652d0;
        --color-aqua: #5dceff;
        --spacing-unit-sm: var(--unit-sm);
        --spacing-unit-md: var(--unit-md);
        --spacing-fluid-xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
        --spacing-fluid-sm: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
        --spacing-fluid-md: clamp(1.5rem, 1.3261rem + 0.8696vw, 2rem);
        --spacing-fluid-lg: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
        --spacing-fluid-xl: clamp(2.5rem, 2.1522rem + 1.7391vw, 3.5rem);
        --spacing-fluid-2xl: clamp(3.5rem, 2.9783rem + 2.6087vw, 5rem);
        --spacing-fluid-3xl: clamp(5rem, 3.9565rem + 5.2174vw, 8rem);
        --spacing-fluid-4xl: clamp(8rem, 7.3043rem + 3.4783vw, 10rem);
        --breakpoint-2xs: 340px;
        --breakpoint-to-2xs: 339px;
        --breakpoint-xs: 500px;
        --breakpoint-to-xs: 499px;
        --breakpoint-to-sm: 699px;
        --breakpoint-to-md: 999px;
        --breakpoint-to-lg: 1199px;
        --breakpoint-to-xl: 1399px;
        --breakpoint-to-2xl: 1599px;
        --breakpoint-3xl: 1800px;
        --breakpoint-to-3xl: 1799px;
        --breakpoint-4xl: 2000px;
        --breakpoint-to-4xl: 1999px;
        --breakpoint-5xl: 2400px;
        --breakpoint-to-5xl: 2399px;
        --transition-duration-fast: .2s;
        --transition-duration-med: .3s;
        --transition-duration: .4s;
        --transition-duration-slow: .6s;
        --transition-duration-slower: .8s;
        --transition-duration-slowest: 1s;
        --ease: cubic-bezier(.645, 0, 0, 1);
        --ease-custom: cubic-bezier(.53, 0, 0, 1);
        --ease-bounce-smooth: cubic-bezier(.5, 1.8, .62, 1);
        --ease-bounce-soft: cubic-bezier(.4, 1.65, .3, 1);
        --z-index-modal: 300;
        --z-index-menu: 200;
        --z-index-header: 100;
        --z-index: 0;
        --z-index-above: 1;
        --z-index-below: -1
    }
}

@layer components {
    :root[data-theme=blue],
    :root[data-theme=blue] .c-button.-color-accent,
    :root[data-theme] .theme-blue,
    :root[data-theme] .theme-blue .c-button.-color-accent {
        --button-color: var(--color-royal);
        --button-background: var(--color-white);
        --button-hover-background: var(--color-aqua)
    }
    :root[data-theme=blue] .c-button.-color-black,
    :root[data-theme] .theme-blue .c-button.-color-black {
        --button-color: var(--color-white);
        --button-background: var(--color-black);
        --button-hover-background: var(--color-aqua)
    }
    :root[data-theme=blue] .c-button.-color-white,
    :root[data-theme] .theme-blue .c-button.-color-white {
        --button-color: var(--color-black);
        --button-background: var(--color-white);
        --button-hover-color: var(--color-black);
        --button-hover-background: var(--color-aqua)
    }
    :root[data-theme=blue] .c-button.-transparent,
    :root[data-theme] .theme-blue .c-button.-transparent {
        --button-color: var(--color-white);
        --button-background: transparent;
        --button-hover-background: var(--color-white);
        --button-hover-color: var(--color-royal)
    }
    :root[data-theme=light],
    :root[data-theme] .theme-light {
        --button-color: var(--color-black);
        --button-background: var(--color-grey);
        --button-hover-color: var(--color-white);
        --button-hover-background: var(--color-royal)
    }
    :root[data-theme=light] .c-button.-color-accent,
    :root[data-theme] .theme-light .c-button.-color-accent {
        --button-color: var(--color-white);
        --button-background: var(--color-royal);
        --button-hover-color: var(--color-white);
        --button-hover-background: var(--color-black)
    }
    :root[data-theme=light] .c-button.-color-black,
    :root[data-theme] .theme-light .c-button.-color-black {
        --button-color: var(--color-white);
        --button-background: var(--color-black);
        --button-hover-color: var(--color-white);
        --button-hover-background: var(--color-royal)
    }
    :root[data-theme=light] .c-button.-color-white,
    :root[data-theme] .theme-light .c-button.-color-white {
        --button-color: var(--color-black);
        --button-background: var(--color-white);
        --button-hover-color: var(--color-white);
        --button-hover-background: var(--color-royal)
    }
    :root[data-theme=light] .c-button.-transparent,
    :root[data-theme] .theme-light .c-button.-transparent {
        --button-color: var(--color-royal);
        --button-background: transparent;
        --button-hover-background: var(--color-royal);
        --button-hover-color: var(--color-white)
    }
    :root[data-theme=light] .c-button.-pagination,
    :root[data-theme] .theme-light .c-button.-pagination {
        --button-background: transparent;
        --button-stroke: var(--color-grey);
        --button-hover-background: var(--color-black);
        --button-active-color: var(--color-white);
        --button-active-background: var(--color-black)
    }
    .c-button {
        color: var(--button-color);
        display: inline-flex;
        height: var(--button-height)
    }
    .c-button:disabled,
    .c-button[disabled] {
        color: var(--color-neutral-400);
        pointer-events: none;
        --button-color: var(--color-white) !important;
        --button-background: var(--color-grey) !important
    }
    .c-button.-pagination {
        width: var(--button-height)
    }
    .c-button.is-active {
        pointer-events: none
    }
    .c-button_inner {
        -moz-column-gap: 1px;
        column-gap: 1px;
        display: inline-flex;
        flex: 1;
        overflow: hidden;
        pointer-events: none
    }
    .c-button_inner,
    .c-button_label {
        clip-path: inset(0 round var(--radius-sm));
        height: 100%;
        width: 100%
    }
    .c-button_label {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-inline: calc(var(--spacing)*4);
        position: relative;
        z-index: 0
    }
    .c-button_label:after,
    .c-button_label:before {
        clip-path: inset(0 round var(--radius-sm));
        content: "";
        inset: calc(var(--spacing)*0);
        position: absolute;
        z-index: var(--z-index-below)
    }
    .c-button_label:before {
        background-color: var(--button-background)
    }
    .c-button_label:after {
        background-color: var(--button-hover-background);
        transform: translateY(100%)
    }
    .c-button.-pagination .c-button_label:before {
        border: 1px solid var(--button-stroke);
        border-radius: var(--radius-sm)
    }
    .c-button.-pagination.is-active .c-button_label {
        color: var(--button-active-color)
    }
    .c-button.-pagination.is-active .c-button_label:after {
        background-color: var(--button-active-background);
        transform: translate(0)
    }
    @media (hover:hover) {
        .c-button_label {
            transition: color var(--transition-duration);
            transition-delay: var(--transition-duration-fast)
        }
        .c-button_label:before {
            transition-delay: calc(var(--transition-duration-med)/1.8);
            transition-duration: var(--transition-duration-med);
            transition-property: transform;
            transition-timing-function: var(--ease-out)
        }
        .c-button_label:after {
            transition-duration: var(--transition-duration-med);
            transition-property: transform;
            transition-timing-function: var(--ease-in)
        }
        .c-button:hover .c-button_label,
        [data-button-parent]:hover .c-button_label {
            color: var(--button-hover-color);
            transition-delay: 0s
        }
        .c-button:hover .c-button_label:before,
        [data-button-parent]:hover .c-button_label:before {
            transform: scale(.9);
            transition-delay: 0s;
            transition-timing-function: var(--ease-in)
        }
        .c-button:hover .c-button_label:after,
        [data-button-parent]:hover .c-button_label:after {
            transform: translate(0);
            transition-delay: calc(var(--transition-duration-med)/1.8);
            transition-timing-function: var(--ease-out)
        }
    }
    .c-button_icon-container {
        align-items: center;
        clip-path: inset(0 round var(--radius-sm));
        display: flex;
        flex-shrink: 0;
        height: var(--button-height);
        justify-content: center;
        position: relative;
        width: var(--button-height)
    }
    .c-button_icon-container:after,
    .c-button_icon-container:before {
        clip-path: inset(0 round var(--radius-sm));
        content: "";
        inset: calc(var(--spacing)*0);
        position: absolute;
        z-index: -1
    }
    .c-button_icon-container:before {
        background-color: var(--button-background)
    }
    .c-button_icon-container:after {
        background-color: var(--button-hover-background);
        transform: translateY(100%)
    }
    @media (hover:hover) {
        .c-button_icon-container {
            transition: color var(--transition-duration);
            transition-delay: var(--transition-duration-fast)
        }
        .c-button_icon-container:before {
            transition-delay: calc(var(--transition-duration-med)/1.8 + var(--master-delay, 0s));
            transition-duration: var(--transition-duration-med);
            transition-property: transform;
            transition-timing-function: var(--ease-out)
        }
        .c-button_icon-container:after {
            transition-delay: var(--master-delay, 0s);
            transition-duration: var(--transition-duration-med);
            transition-property: transform;
            transition-timing-function: var(--ease-in)
        }
        .c-button:hover .c-button_icon-container,
        [data-button-parent]:hover .c-button_icon-container {
            color: var(--button-hover-color);
            transition-delay: var(--master-delay, 0s)
        }
        .c-button:hover .c-button_icon-container:before,
        [data-button-parent]:hover .c-button_icon-container:before {
            transform: scale(.85);
            transition-delay: var(--master-delay, 0s);
            transition-timing-function: var(--ease-in)
        }
        .c-button:hover .c-button_icon-container:after,
        [data-button-parent]:hover .c-button_icon-container:after {
            transform: translate(0);
            transition-delay: calc(var(--transition-duration-med)/1.8 + var(--master-delay, 0s));
            transition-timing-function: var(--ease-out)
        }
    }
    .c-accordion_details {
        position: relative
    }
    .c-accordion_summary {
        align-items: center;
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1);
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        list-style-type: none;
        position: relative
    }
    .c-accordion_summary::marker {
        display: none
    }
    .c-accordion_summary::-webkit-details-marker {
        display: none
    }
    .c-accordion_details.is-active .c-accordion_icon {
        transform: rotate(180deg)
    }
    html.is-ready .c-accordion_icon {
        transition: transform var(--transition-duration-fast)var(--ease-out)
    }
    .c-tile-article {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing)*4);
        position: relative
    }
    .c-tile-article_image {
        aspect-ratio: 325/203;
        overflow: hidden;
        position: relative
    }
    .c-image {
        position: relative
    }
    .c-image.-contain,
    .c-image.-cover {
        height: 100%;
        width: 100%
    }
    .c-image.-parallax {
        overflow: hidden
    }
    .c-image_inner {
        display: block
    }
    .c-image:not(.-transparent) .c-image_inner {
        background-color: var(--color-placeholder)
    }
    .c-image.-rounded .c-image_inner {
        clip-path: inset(0 round var(--radius-sm))
    }
    .c-image.-contain .c-image_inner,
    .c-image.-cover .c-image_inner {
        inset: calc(var(--spacing)*0);
        position: absolute
    }
    .c-image_parallax {
        height: 100%;
        width: 100%
    }
    .c-image_img {
        width: 100%
    }
    .c-image.-cover .c-image_img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
    .c-image.-contain .c-image_img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }
    html:not(.is-mobile) .c-image.-parallax .c-image_img {
        transform: scale3d(var(--parallax-scale), var(--parallax-scale), 1)
    }
    @media (width>=1000px) {
        .c-image_caption {
            grid-column: 8/13;
            text-align: right
        }
    }
    .c-tile-speaker {
        display: flex;
        flex-direction: column;
        gap: 1.25rem
    }
    .c-tile-speaker.-color-light {
        color: var(--color-white)
    }
    .c-tile-info {
        background-color: var(--color-grey);
        border-radius: var(--radius-sm);
        display: grid;
        height: 100%
    }
    .c-tile-info_ratio:before {
        content: "";
        float: left;
        padding-top: 100%
    }
    .c-tile-info_ratio:after {
        clear: both;
        content: "";
        display: table
    }
    .c-tile-info_inner {
        gap: var(--spacing-fluid-xl);
        height: 100%;
        justify-content: space-between;
        padding: var(--unit-md)
    }
    .c-tile-info_head,
    .c-tile-info_inner {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }
    .c-tile-info_head {
        row-gap: calc(var(--spacing)*6)
    }
    .c-tile-info_title {
        color: var(--color-royal);
        font-size: var(--text-h6)
    }
    .c-wysiwyg>*+* {
        margin-block-start: var(--flow-space, 1em)
    }
    .c-wysiwyg {
        font-size: var(--text-large);
        letter-spacing: var(--tw-tracking, var(--text-large--letter-spacing));
        line-height: var(--tw-leading, var(--text-large--line-height))
    }
    .c-wysiwyg h1,
    .c-wysiwyg h2,
    .c-wysiwyg h3,
    .c-wysiwyg h4,
    .c-wysiwyg h5,
    .c-wysiwyg h6,
    .c-wysiwyg ol,
    .c-wysiwyg p,
    .c-wysiwyg ul {
        display: block;
        margin-left: calc(var(--spacing)*0);
        margin-right: auto;
        position: relative;
        width: 100%
    }
    .c-wysiwyg a,
    .c-wysiwyg span {
        display: inline
    }
    .c-wysiwyg table,
    .c-wysiwyg td,
    .c-wysiwyg th {
        border: 1px solid
    }
    .c-wysiwyg td,
    .c-wysiwyg th {
        padding: calc(var(--spacing)*3);
        text-align: left
    }
    .c-wysiwyg ol,
    .c-wysiwyg ul {
        --li-margin-top: .5em;
        --li-padding-left: 0em;
        list-style-type: circle;
        margin-left: 1em
    }
    .c-wysiwyg ol>li,
    .c-wysiwyg ul>li {
        padding-left: var(--li-padding-left)
    }
    .c-wysiwyg ol>li+li,
    .c-wysiwyg ul>li+li {
        margin-top: var(--li-margin-top)
    }
    .c-wysiwyg ul>li:before {
        content: "";
        height: 1px;
        position: absolute;
        top: .7em;
        width: .36em
    }
    .c-wysiwyg ol {
        counter-reset: counter
    }
    .c-wysiwyg ol>li {
        counter-increment: counter
    }
    .c-wysiwyg ol>li:before {
        color: color-mix(in srgb, currentColor 40%, transparent);
        content: counter(counter)
    }
    .c-wysiwyg bold,
    .c-wysiwyg strong {
        font-weight: 700
    }
    .c-wysiwyg a {
        color: var(--color-accent);
        text-decoration: underline
    }
    .c-wysiwyg h1,
    .c-wysiwyg h2,
    .c-wysiwyg h3,
    .c-wysiwyg h4,
    .c-wysiwyg h5,
    .c-wysiwyg h6 {
        margin-block-end: var(--flow-space, .8em)
    }
    .c-wysiwyg h1 {
        font-size: var(--wysiwyg-h1)
    }
    .c-wysiwyg h2 {
        font-size: var(--wysiwyg-h2)
    }
    .c-wysiwyg h3 {
        font-size: var(--wysiwyg-h3)
    }
    .c-wysiwyg h4 {
        font-size: var(--wysiwyg-h4)
    }
    .c-wysiwyg h5 {
        font-size: var(--wysiwyg-h5)
    }
    .c-wysiwyg h6 {
        font-size: var(--wysiwyg-h6)
    }
    .c-wysiwyg img {
        border-radius: var(--radius-sm);
        width: 100%
    }
    .c-wysiwyg blockquote {
        margin-left: calc(var(--spacing)*0);
        margin-right: auto;
        --flow-space: 2em;
        margin-bottom: var(--flow-space);
        position: relative;
        quotes: "“" "”" "’" "’"
    }
    .c-wysiwyg blockquote,
    .c-wysiwyg blockquote p {
        font-size: var(--text-h5);
        letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
        line-height: var(--tw-leading, var(--text-h5--line-height));
        padding: calc(var(--spacing)*0)
    }
    .c-wysiwyg blockquote p {
        max-width: 100%;
        text-wrap: balance
    }
    .c-wysiwyg blockquote p:before {
        content: open-quote
    }
    .c-wysiwyg blockquote p:after {
        content: close-quote
    }
    .c-wysiwyg_excerpt {
        font-size: var(--text-h5);
        letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
        line-height: var(--tw-leading, var(--text-h5--line-height))
    }
    :root {
        --header-button-color: var(--color-white);
        --header-button-color-inverted: var(--color-royal);
        --header-button-background: var(--color-royal);
        --header-button-background-inverted: var(--color-white);
        --header-button-border: var(--color-royal-light);
        --header-button-border-inverted: var(--color-grey)
    }
    :root[data-theme=blue] {
        --header-button-color: var(--color-royal);
        --header-button-color-inverted: var(--color-white);
        --header-button-background: var(--color-white);
        --header-button-background-inverted: var(--color-royal);
        --header-button-border: var(--color-grey);
        --header-button-border-inverted: var(--color-royal-light)
    }
    .c-header {
        left: calc(var(--spacing)*0);
        padding-top: var(--header-gutter);
        pointer-events: none;
        position: fixed;
        right: calc(var(--spacing)*0);
        top: calc(var(--spacing)*0);
        z-index: var(--z-index-header)
    }
    @media (width<=1000px) {
        .c-header {
            align-items: center;
            border-bottom-left-radius: var(--radius-sm);
            border-bottom-right-radius: var(--radius-sm);
            -moz-column-gap: calc(var(--spacing)*3);
            column-gap: calc(var(--spacing)*3);
            display: flex;
            padding-bottom: var(--header-gutter)
        }
    }
    .c-header_button {
        padding: var(--spacing-unit-sm);
        pointer-events: auto
    }
    @media (hover:hover) {
        html[data-theme=light] .c-header_button {
            transition: color var(--transition-duration-fast)
        }
        html[data-theme=light] .c-header_button:hover {
            color: var(--color-royal)
        }
    }
    @media (width>=1000px) {
        .c-header_background {
            --focus-offset: 2px
        }
        html.has-scrolled .c-header:focus-within .c-header_background {
            background-color: var(--header-button-background-inverted);
            border-radius: var(--radius-sm)
        }
    }
    .c-header_dropdown {
        display: inline-block;
        pointer-events: auto
    }
    .c-header_inner {
        align-items: center;
        height: var(--header-height);
        justify-content: space-between
    }
    html[data-header-theme=light] .c-header_inner {
        color: var(--color-white)
    }
    html[data-header-theme=dark] .c-header_inner {
        color: var(--color-black)
    }
    @media (width<=1000px) {
        .c-header_inner {
            display: flex;
            flex-grow: 1
        }
    }
    @media (width>=1000px) {
        .c-header_inner {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter);
            display: grid;
            grid-template-columns: 1fr auto 1fr
        }
        html.is-loaded .c-header_inner {
            transition: transform var(--transition-duration-slow)var(--ease)
        }
        html.has-scrolled .c-header:not(:focus-within) .c-header_inner {
            transform: translate3d(0, calc(var(--header-height)*-1 - var(--header-gutter)), 0)
        }
    }
    @media (width<=1000px) {
        .c-header_logo {
            align-items: center;
            background-color: var(--header-button-background-inverted);
            border: 1px solid var(--header-button-border-inverted);
            border-radius: var(--radius-sm);
            display: flex;
            height: var(--button-height);
            justify-content: center
        }
    }
    .c-header_logo_link {
        padding: var(--spacing-unit-sm);
        pointer-events: auto
    }
    @media (width>=1000px) {
        .c-header_logo_link {
            margin-left: calc(var(--spacing-unit-sm)*-1)
        }
    }
    @media (width<=1000px) {
        .c-header_nav {
            display: none
        }
    }
    @media (width>=1000px) {
        .c-header_nav {
            margin-left: calc(var(--spacing-unit-sm)*-1);
            margin-right: calc(var(--spacing-unit-sm)*-1)
        }
    }
    .c-header_list {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
    .c-header_tools {
        color: var(--header-color)
    }
    @media (width<=1000px) {
        .c-header_tools {
            display: none
        }
    }
    @media (width>=1000px) {
        .c-header_tools {
            align-items: center;
            -moz-column-gap: calc(var(--spacing)*4);
            column-gap: calc(var(--spacing)*4);
            display: flex;
            justify-content: flex-end
        }
    }
    .c-dropdown {
        position: relative
    }
    .c-dropdown.is-active .c-dropdown_icon {
        transform: rotate(180deg)
    }
    html.is-ready .c-dropdown_icon {
        transition: transform var(--transition-duration-med)var(--ease-custom)
    }
    .c-dropdown_container {
        -webkit-backdrop-filter: blur(26px);
        backdrop-filter: blur(26px);
        border-radius: var(--radius-sm);
        left: 50%;
        margin-top: -1px;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 1643.6'%3E%3Cpath d='M90.5 0H0v1643.6h270V0h-90.5v4c0 2.2-1.8 4-4 4h-81c-2.2 0-4-1.8-4-4z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 1643.6'%3E%3Cpath d='M90.5 0H0v1643.6h270V0h-90.5v4c0 2.2-1.8 4-4 4h-81c-2.2 0-4-1.8-4-4z'/%3E%3C/svg%3E");
        -webkit-mask-position: top;
        mask-position: top;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        position: absolute;
        top: calc(100% + var(--spacing-unit-sm));
        transform: translate(-50%);
        z-index: var(--z-index-above)
    }
    @media (width>=1000px) {
        .c-dropdown_container {
            width: 270px
        }
    }
    .c-dropdown:not(.is-active) .c-dropdown_container {
        height: 0;
        overflow: hidden
    }
    .c-dropdown_menu {
        -webkit-backdrop-filter: blur(26px);
        backdrop-filter: blur(26px);
        padding: calc(var(--spacing)*8)
    }
    html[data-theme=light] .c-dropdown_menu {
        background-color: color-mix(in oklab, var(--color-grey)70%, transparent)
    }
    html[data-theme=blue] .c-dropdown_menu {
        background-color: color-mix(in oklab, var(--color-aqua)70%, transparent)
    }
    .c-menu {
        --menu-padding-x: calc(var(--grid-margin) - var(--menu-offset-left));
        --menu-items-stagger: 50ms;
        --modal-color: var(--header-button-color);
        --modal-background-color: var(--header-button-background);
        --menu-offset-left: calc(var(--header-gutter) + var(--header-height) + 2px);
        --modal-padding: 0 var(--menu-padding-x);
        --modal-z-index: var(--z-index-menu);
        --modal-transition-duration: var(--transition-duration-slow)
    }
    @media (width>=1000px) {
        .c-menu {
            padding: var(--header-gutter)var(--header-gutter)var(--header-gutter)var(--menu-offset-left)
        }
    }
    .c-menu_container {
        height: 100%
    }
    .c-menu.is-active .c-menu_container {
        clip-path: inset(0 0 0 0 round var(--menu-radius))
    }
    html.is-loaded .c-menu_container {
        transition: clip-path var(--modal-transition-duration)var(--ease-custom)
    }
    @media (width<=1000px) {
        .c-menu_container {
            --menu-radius: 0;
            clip-path: inset(0 0 100% 0 round var(--menu-radius));
            padding: var(--header-gutter)var(--grid-margin);
            width: 100%
        }
    }
    @media (width>=1000px) {
        .c-menu_container {
            --menu-radius: var(--radius-sm);
            clip-path: inset(0 100% 100% 0 round var(--menu-radius));
            width: calc(50vw - var(--menu-offset-left))
        }
    }
    .c-menu_inner {
        display: flex;
        flex-direction: column;
        row-gap: calc(var(--spacing)*8)
    }
    .c-menu_head {
        align-items: center;
        -moz-column-gap: calc(var(--spacing)*3);
        column-gap: calc(var(--spacing)*3);
        display: flex;
        height: var(--header-height);
        justify-content: space-between
    }
    .c-menu_logo,
    .c-menu_primary {
        flex-grow: 1
    }
    @media (width<=1000px) {
        .c-menu_primary {
            display: flex;
            flex-direction: column;
            justify-content: center
        }
    }
    @media (width>=1000px) and (width<=1399px) {
        .c-menu_primary {
            align-items: center;
            display: flex
        }
    }
    @media (width>=1400px) {
        .c-menu_primary {
            padding-top: clamp(100px, 12vw, 180px)
        }
    }
    .c-menu_secondary {
        padding-bottom: var(--menu-padding-x)
    }
    .c-menu_item {
        --focus-offset: -1px;
        clip-path: inset(-100% 0 200%);
        display: block;
        transform: translateY(100%)
    }
    html.is-loaded .c-menu_item {
        transition-duration: var(--transition-duration-slower);
        transition-property: transform, clip-path;
        transition-timing-function: var(--ease-custom)
    }
    .c-menu.is-active .c-menu_item {
        clip-path: inset(-.1em);
        transform: translate(0);
        transition-delay: calc(var(--index)*var(--menu-items-stagger) + var(--menu-items-delay, 0s))
    }
    @media (width>=1000px) {
        .c-menu_chat-button {
            visibility: hidden
        }
    }
    .c-sticky-nav {
        color: var(--header-button-color);
        display: flex;
        flex-direction: column;
        left: var(--header-gutter);
        position: fixed;
        top: var(--header-gutter);
        z-index: calc(var(--z-index-menu) + 1)
    }
    @media (width<=1000px) {
        .c-sticky-nav {
            display: none
        }
    }
    .c-sticky-nav_monogram {
        align-items: center;
        height: var(--header-height)
    }
    .c-sticky-nav_menu,
    .c-sticky-nav_monogram {
        background-color: var(--header-button-background);
        border: 1px solid var(--header-button-border);
        border-radius: var(--radius-sm);
        display: flex;
        justify-content: center;
        width: var(--header-height)
    }
    .c-sticky-nav_menu {
        align-items: flex-end;
        height: var(--sticky-nav-height);
        margin-top: 2px;
        padding-block: calc(var(--spacing)*3);
        position: relative
    }
    .c-sticky-nav_menu_inner {
        display: flex;
        flex-direction: column;
        height: 1lh;
        overflow: hidden;
        pointer-events: none
    }
    .c-sticky-nav_menu_label {
        display: inline-block
    }
    .c-sticky-nav_menu_label:first-child {
        transition-delay: .1s
    }
    html.has-menu-open .c-sticky-nav_menu_label {
        transform: translateY(-100%)
    }
    html.has-menu-open .c-sticky-nav_menu_label:first-child {
        transition-delay: 0s
    }
    html.has-menu-open .c-sticky-nav_menu_label:nth-child(2) {
        transition-delay: .1s
    }
    html.is-loaded .c-sticky-nav_menu_label {
        transition: transform var(--transition-duration-slow)var(--ease-custom)
    }
    .c-chat-button {
        align-items: center;
        color: var(--header-button-color);
        display: flex;
        flex-shrink: 0;
        height: calc(var(--header-height) - 4px);
        justify-content: center;
        pointer-events: auto;
        width: calc(var(--header-height) - 4px)
    }
    @media (width<=1000px) {
        .c-chat-button {
            position: relative
        }
    }
    @media (width>=1000px) {
        .c-chat-button {
            position: absolute;
            right: var(--header-gutter);
            top: var(--header-gutter)
        }
    }
    .c-chat-button_background {
        color: var(--header-button-background);
        inset: calc(var(--spacing)*0);
        position: absolute;
        z-index: var(--z-index-below)
    }
    .c-chat-button_background svg {
        stroke: var(--header-button-border)
    }
    @media (hover:hover) {
        .c-chat-button_background svg {
            transition: stroke var(--transition-duration-fast)
        }
        .c-chat-button:hover .c-chat-button_background svg {
            stroke: var(--color-aqua)
        }
        .c-chat-button_background {
            transition: transform var(--transition-duration)var(--ease-custom), color var(--transition-duration)var(--ease-custom)
        }
        .c-chat-button:hover .c-chat-button_background {
            color: var(--color-aqua);
            transform: rotate(45deg)scale(1.2)
        }
    }
    .c-chat-button_inner {
        inset: calc(var(--spacing)*0);
        overflow: hidden;
        position: absolute
    }
    .c-chat-button_icon {
        align-items: center;
        animation: anim-chat-icon 5s var(--ease-custom)infinite;
        display: flex;
        height: 100%;
        justify-content: center;
        left: calc(var(--spacing)*0);
        position: absolute;
        width: 100%
    }
    .c-chat-button_icon:first-child {
        top: 0
    }
    .c-chat-button_icon:nth-child(2) {
        top: 100%
    }
    .c-carousel-collection {
        overflow: hidden;
        padding-bottom: var(--grid-gutter);
        padding-top: var(--grid-gutter)
    }
    .c-carousel-collection_content {
        display: flex;
        position: relative
    }
    @media (width>=700px) {
        @container (width<=699px) {
            .c-carousel-collection.-showcase .c-carousel-collection_content:before {
                content: "";
                float: left;
                padding-top: 56.25%
            }
            .c-carousel-collection.-showcase .c-carousel-collection_content:after {
                clear: both;
                content: "";
                display: table
            }
        }
        .c-carousel-collection.-news .c-carousel-collection_content:before {
            content: "";
            float: left;
            padding-top: 41.0909%
        }
        .c-carousel-collection.-news .c-carousel-collection_content:after {
            clear: both;
            content: "";
            display: table
        }
    }
    .c-carousel-collection_carousel_clip {
        position: relative
    }
    .c-carousel-collection_carousel_clip:before {
        background-color: var(--color-placeholder);
        content: "";
        height: 100%;
        left: calc(var(--grid-gutter)*-1);
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 1px;
        z-index: 2
    }
    .c-carousel-collection.-showcase .c-carousel-collection_carousel_clip {
        clip-path: inset(calc(var(--grid-gutter)*-1)calc(var(--grid-margin-sm)*-1)calc(var(--grid-gutter)*-1)calc(var(--grid-gutter)*-1)round 4px)
    }
    .c-carousel-collection.-news .c-carousel-collection_carousel_clip {
        clip-path: inset(calc(var(--grid-gutter)*-1)calc(var(--grid-margin-sm)*-1)calc(var(--grid-gutter)*-1)calc(var(--grid-gutter)*-1))
    }
    .c-carousel-collection_el {
        overflow: visible !important
    }
    @media (width>=700px) {
        .c-carousel-collection.-showcase .c-carousel-collection_el li {
            max-width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
        .c-carousel-collection.-news .c-carousel-collection_el li {
            max-width: calc(var(--vw, 1vw)*100*.33333 - var(--grid-margin, 0px)*2*.33333 - var(--grid-gutter, 0px)*.66667 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-tile-showcase {
        display: flex;
        height: 100%;
        position: relative
    }
    .c-tile-showcase_inner {
        display: grid;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        position: relative;
        width: 100%
    }
    @media (width>=700px) {
        @container (width>=700px) {
            .c-tile-showcase_inner {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }
    }
    .c-tile-showcase_heading {
        max-width: 433px
    }
    .c-tile-showcase_link:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
    .c-tile-showcase_link:after {
        background-color: var(--color-placeholder);
        border-radius: 4px;
        box-sizing: content-box;
        content: "";
        height: 100%;
        left: calc(var(--grid-gutter)*-.5);
        opacity: 0;
        padding: calc(var(--grid-gutter)*.5);
        position: absolute;
        top: calc(var(--grid-gutter)*-.5);
        transition: opacity var(--transition-duration-fast);
        width: 100%;
        z-index: -1
    }
    @media (hover:hover) {
        .c-tile-showcase_link:hover,
        .hover-parent:hover .c-tile-showcase_link {
            text-decoration: underline
        }
        .c-tile-showcase_link:hover:after,
        .hover-parent:hover .c-tile-showcase_link:after {
            opacity: 1
        }
    }
    .c-offset-grid {
        display: grid;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    @media (width>=1000px) and (width<=1199px) {
        .c-offset-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }
    @media (width>=1200px) {
        .c-offset-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
    @media (width>=1000px) and (width<=1199px) {
        .c-offset-grid_item:nth-child(8n+1),
        .c-offset-grid_item:nth-child(8n+3) {
            grid-column-start: 1
        }
        .c-offset-grid_item:nth-child(8n+4) {
            grid-column-start: 3
        }
        .c-offset-grid_item:nth-child(8n+7) {
            grid-column-start: 2
        }
    }
    @media (width>=1200px) {
        .c-offset-grid_item:nth-child(8n+1) {
            grid-column-start: 1
        }
        .c-offset-grid_item:nth-child(8n+3) {
            grid-column-start: 4
        }
        .c-offset-grid_item:nth-child(8n+4),
        .c-offset-grid_item:nth-child(8n+7) {
            grid-column-start: 2
        }
    }
    .c-footer {
        display: grid;
        margin-inline: auto;
        max-width: none !important;
        padding: calc(var(--spacing)*10) var(--grid-margin) calc(var(--spacing)*12);
        width: 100%
    }
    @media (width>=339px) {
        .c-footer {
            max-width: 339px
        }
    }
    @media (width>=340px) {
        .c-footer {
            max-width: 340px
        }
    }
    @media (width>=499px) {
        .c-footer {
            max-width: 499px
        }
    }
    @media (width>=500px) {
        .c-footer {
            max-width: 500px
        }
    }
    @media (width>=699px) {
        .c-footer {
            max-width: 699px
        }
    }
    @media (width>=700px) {
        .c-footer {
            max-width: 700px
        }
    }
    @media (width>=999px) {
        .c-footer {
            max-width: 999px
        }
    }
    @media (width>=1000px) {
        .c-footer {
            max-width: 1000px
        }
    }
    @media (width>=1199px) {
        .c-footer {
            max-width: 1199px
        }
    }
    @media (width>=1200px) {
        .c-footer {
            max-width: 1200px
        }
    }
    @media (width>=1399px) {
        .c-footer {
            max-width: 1399px
        }
    }
    @media (width>=1400px) {
        .c-footer {
            max-width: 1400px
        }
    }
    @media (width>=1599px) {
        .c-footer {
            max-width: 1599px
        }
    }
    @media (width>=1600px) {
        .c-footer {
            max-width: 1600px
        }
    }
    @media (width>=1799px) {
        .c-footer {
            max-width: 1799px
        }
    }
    @media (width>=1800px) {
        .c-footer {
            max-width: 1800px
        }
    }
    @media (width>=1999px) {
        .c-footer {
            max-width: 1999px
        }
    }
    @media (width>=2000px) {
        .c-footer {
            max-width: 2000px
        }
    }
    @media (width>=2399px) {
        .c-footer {
            max-width: 2399px
        }
    }
    @media (width>=2400px) {
        .c-footer {
            max-width: 2400px
        }
    }
    @media (width<=1000px) {
        .c-footer {
            grid-template-areas: "sitemap""contact""newsletter""legals"
        }
    }
    @media (width>=1000px) {
        .c-footer {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter);
            grid-template-areas: "sitemap sitemap""newsletter contact""legals legals";
            grid-template-columns: repeat(2, 1fr)
        }
    }
    .c-footer_sitemap {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-grey);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        display: grid;
        grid-area: sitemap;
        margin-bottom: calc(var(--spacing)*6);
        padding-bottom: calc(var(--spacing)*12);
        padding-top: calc(var(--spacing)*6)
    }
    @media (width<=1200px) {
        .c-footer_sitemap {
            grid-template-columns: repeat(1, minmax(0, 1fr));
            row-gap: var(--spacing-fluid-xl)
        }
    }
    @media (width>=1200px) {
        .c-footer_sitemap {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter);
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: repeat(5, min-content auto)
        }
    }
    .c-footer_nav {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: grid
    }
    @media (width<=1200px) {
        .c-footer_nav {
            grid-template-columns: repeat(2, 1fr);
            row-gap: var(--spacing-fluid-md)
        }
    }
    @media (width>=1200px) {
        .c-footer_nav {
            grid-row: 1/-1;
            grid-template-rows: subgrid
        }
        .c-footer_nav.-secondary {
            margin-left: auto
        }
    }
    .c-footer_list {
        display: grid
    }
    .c-footer_list:nth-child(4),
    .c-footer_list:nth-child(5),
    .c-footer_list:nth-child(6) {
        grid-row-start: 3
    }
    @media (width>=1200px) {
        .c-footer_list {
            grid-row: 1/span 2;
            grid-template-rows: subgrid;
            width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-footer_list_title {
        margin-bottom: calc(var(--spacing)*4)
    }
    @media (width>=1200px) {
        .c-footer_list_title {
            gird-row: 1/2
        }
        .c-footer_list_inner {
            grid-row: 2/3
        }
    }
    .c-footer_newsletter {
        display: flex;
        flex-direction: column;
        grid-area: newsletter;
        row-gap: var(--spacing-fluid-xl)
    }
    @media (width<=1000px) {
        .c-footer_newsletter {
            border-color: var(--color-grey);
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
            margin-top: calc(var(--spacing)*10);
            padding-top: calc(var(--spacing)*2)
        }
    }
    @media (width>=1000px) {
        .c-footer_newsletter {
            border-color: var(--color-grey);
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
            justify-content: space-between;
            padding-right: calc(var(--spacing)*4)
        }
    }
    @media (width>=1200px) {
        .c-footer_newsletter_form {
            width: calc(var(--vw, 1vw)*100*.41667 - var(--grid-margin, 0px)*2*.41667 - var(--grid-gutter, 0px)*.58333 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-footer_contact {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: grid;
        grid-area: contact;
        row-gap: var(--spacing-fluid-lg)
    }
    @media (width<=1200px) {
        .c-footer_contact {
            grid-template-areas: "socials social""phone mail""locations locations";
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (width>=1200px) {
        .c-footer_contact {
            grid-template-areas: "phone mail socials""locations locations locations";
            grid-template-columns: repeat(3, minmax(0, 1fr));
            grid-template-rows: 1fr auto
        }
    }
    .c-footer_phone {
        grid-area: phone
    }
    .c-footer_mail {
        grid-area: mail
    }
    .c-footer_locations {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: grid;
        grid-area: locations;
        row-gap: var(--spacing-fluid-md)
    }
    @media (width<=1200px) {
        .c-footer_locations {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (width>=1200px) {
        .c-footer_locations {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }
    .c-footer_address {
        font-style: normal;
        line-height: normal
    }
    .c-footer_socials {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        grid-area: socials
    }
    .c-footer_socials_link {
        align-items: center;
        background-color: color-mix(in oklab, var(--color-grey)0%, transparent);
        border-radius: var(--radius-sm);
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }
    @media (hover:hover) {
        .c-footer_socials_link {
            transition: background-color var(--transition-duration-fast)
        }
        .c-footer_socials_link:hover {
            background-color: var(--color-grey)
        }
    }
    .c-footer_legals {
        border-color: var(--color-grey);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: grid;
        grid-area: legals;
        margin-top: calc(var(--spacing)*8);
        padding-top: calc(var(--spacing)*6)
    }
    @media (width<=1000px) {
        .c-footer_legals {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (width>=1000px) {
        .c-footer_legals {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
    @media (width<=1000px) {
        .c-footer_legals_item:first-child {
            grid-column: 1/2
        }
        .c-footer_legals_item:nth-child(2) {
            grid-column: 2/-1;
            grid-row-start: 1
        }
        .c-footer_legals_item:nth-child(3) {
            grid-column: 2/-1;
            grid-row-start: 2
        }
        .c-footer_legals_item:nth-child(4) {
            grid-column: 1/2
        }
        .c-footer_legals_item:nth-child(5) {
            grid-column: 2/-1
        }
    }
    @media (width>=1000px) {
        .c-footer_legals_item:first-child {
            grid-column: 1/span 2
        }
        .c-footer_legals_item:nth-child(2) {
            grid-column: 3/span 4
        }
        .c-footer_legals_item:nth-child(3) {
            grid-column: 7/span 2
        }
        .c-footer_legals_item:nth-child(4) {
            grid-column: 9/span 2
        }
        .c-footer_legals_item:nth-child(5) {
            grid-column: 11/-1;
            text-align: right
        }
    }
    .c-footer_legals_link {
        opacity: .5
    }
    @media (hover:hover) {
        .c-footer_legals_link {
            transition: opacity var(--transition-duration-fast)
        }
        .c-footer_legals_link:hover {
            opacity: 1
        }
    }
    .c-newsletter_input-container {
        border-color: var(--color-grey);
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        -moz-column-gap: var(--spacing-unit-sm);
        column-gap: var(--spacing-unit-sm);
        display: flex;
        padding: calc(var(--spacing)*2);
        position: relative
    }
    .c-newsletter_input {
        background-color: #0000;
        flex-grow: 1;
        padding-inline: calc(var(--spacing)*1)
    }
    .c-newsletter_input::-moz-placeholder {
        font-size: var(--text-body);
        letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing));
        line-height: var(--tw-leading, var(--text-body--line-height))
    }
    .c-newsletter_input::placeholder {
        font-size: var(--text-body);
        letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing));
        line-height: var(--tw-leading, var(--text-body--line-height))
    }
    :root .theme-blue,
    :root[data-theme=blue] {
        --color-highlighted-paragraph-illustration: var(--color-white)
    }
    :root .theme-light,
    :root[data-theme=light] {
        --color-highlighted-paragraph-illustration: var(--color-aqua)
    }
    .c-highlighted-paragraph_heading {
        letter-spacing: 0 !important
    }
    @media (width<=699px) {
        .c-highlighted-paragraph_heading {
            margin-bottom: var(--spacing-fluid-lg)
        }
    }
    @media (width>=700px) {
        .c-highlighted-paragraph_heading {
            left: 0;
            position: absolute;
            top: .1em
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-highlighted-paragraph_heading {
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-highlighted-paragraph_heading {
            width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width<=699px) {
        .c-highlighted-paragraph_main:not(.-no-indent) {
            text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-highlighted-paragraph_main:not(.-no-indent) {
            text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    @media (width>=1200px) {
        .c-highlighted-paragraph_main:not(.-no-indent) {
            text-indent: min(220px, calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*1))
        }
    }
    .c-highlighted-paragraph_columns {
        width: 100%
    }
    @media (width>=1200px) {
        .c-highlighted-paragraph_columns {
            width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-highlighted-paragraph.-single-col .c-highlighted-paragraph_col:first-child {
        grid-column-start: 2
    }
    .c-highlighted-paragraph_illustration {
        --illustration-width: 130%;
        aspect-ratio: 1;
        color: var(--color-highlighted-paragraph-illustration, var(--color-aqua))
    }
    @media (width<=1199px) {
        .c-highlighted-paragraph_illustration {
            display: block !important;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            width: max(calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0), 300px)
        }
    }
    @media (width>=1200px) {
        .c-highlighted-paragraph_illustration {
            --width: min(calc(var(--vw, 1vw)*100*0.25 - var(--grid-margin, 0px)*2*0.25 - var(--grid-gutter, 0px)*0.75 + var(--grid-gutter, 0px)*0), 300px);
            left: calc(var(--vw, 1vw)*100*.25/2 - var(--grid-margin, 0px)*2*.25/2 - var(--grid-gutter, 0px)*.75/2 + var(--grid-gutter, 0px)*0/2);
            position: absolute;
            top: 0;
            transform: translate(-50%);
            width: var(--width)
        }
    }
    .c-highlighted-paragraph_illustration svg {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .c-tile-steps {
        background-color: var(--color-placeholder);
        border-radius: calc(var(--spacing)*3);
        display: flex;
        height: 100%;
        padding: calc(var(--spacing)*5);
        width: 100%
    }
    .c-tile-steps:before {
        content: "";
        float: left;
        padding-top: 100%
    }
    .c-tile-steps:after {
        clear: both;
        content: "";
        display: table
    }
    .c-tile-expertise {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent);
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        display: grid;
        height: 100%;
        position: relative;
        z-index: var(--z-index)
    }
    [data-theme=light] .c-tile-expertise,
    [data-theme] .theme-light .c-tile-expertise {
        border-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
    [data-theme=blue] .c-tile-expertise,
    [data-theme] .theme-blue .c-tile-expertise {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
    .c-tile-expertise_ratio:before {
        content: "";
        float: left;
        padding-top: 120%
    }
    .c-tile-expertise_ratio:after {
        clear: both;
        content: "";
        display: table
    }
    .c-tile-expertise_inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding: var(--unit-sm);
        position: relative
    }
    .c-tile-expertise_background {
        color: var(--color-aqua);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: var(--z-index-below)
    }
    .c-tile-expertise_icon {
        --icon-width: 100%;
        --icon-height: 100%;
        height: 100%;
        overflow: hidden;
        width: 100%
    }
    .c-tile-expertise_icon svg {
        opacity: 0;
        stroke-dasharray: var(--stroke-dasharray);
        stroke-dashoffset: var(--stroke-dasharray)
    }
    html.is-ready .c-tile-expertise_icon svg {
        transition: stroke-dashoffset 0s var(--transition-duration-fast), opacity var(--transition-duration-fast)
    }
    .c-tile-expertise:hover .c-tile-expertise_icon svg {
        opacity: 1;
        stroke-dashoffset: 0;
        transition: stroke-dashoffset var(--transition-duration-slower)cubic-bezier(.2, .25, 0, .8), opacity 0s
    }
    .c-timeline {
        --item-padding: calc(var(--spacing)*3)
    }
    .c-timeline_item {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: flex;
        justify-content: space-between;
        opacity: min(1, calc(1.2 - var(--progress)));
        overflow: hidden;
        width: 100%
    }
    .c-timeline_item span {
        display: inline-block;
        padding-bottom: var(--item-padding);
        padding-top: var(--item-padding);
        position: relative
    }
    .c-timeline_item span:before {
        background-color: var(--color-placeholder);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100vw
    }
    .c-timeline_year {
        width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
    }
    @media (width>=700px) {
        .c-timeline_year {
            max-width: min(calc(var(--vw, 1vw)*100*.66667 - var(--grid-margin, 0px)*2*.66667 - var(--grid-gutter, 0px)*.33333 + var(--grid-gutter, 0px)*0), 930px);
            width: 100%
        }
    }
    .c-timeline_description {
        padding-bottom: var(--item-padding);
        padding-top: var(--item-padding);
        width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
    }
    @media (width>=700px) and (width<=999px) {
        .c-timeline_description {
            width: calc(var(--vw, 1vw)*100*.33333 - var(--grid-margin, 0px)*2*.33333 - var(--grid-gutter, 0px)*.66667 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1000px) {
        .c-timeline_description {
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    :root .theme-blue,
    :root[data-theme=blue] {
        --quote-background-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 46 40'%3E%3Cpath fill='%235DCEFF' d='M0 39.284V18.891q0-8.372 5.143-13.596Q10.288 0 18.545 0q.724 0 .724.716V8.8q0 .716-.724.716-2.535 0-4.926 2.147-2.318 2.074-2.318 5.653 0 .715.724.715h6.52q.724 0 .724.716v20.536q0 .716-.724.716H.725Q-.001 40 0 39.284m26.73 0V18.891q0-8.372 5.144-13.596Q37.017 0 45.276 0q.723 0 .724.716V8.8q0 .716-.724.716-2.608 0-4.999 2.147-2.318 2.074-2.318 5.653 0 .715.797.715h6.52q.724 0 .724.716v20.536q0 .716-.724.716h-17.82q-.726 0-.725-.716Z'/%3E%3C/svg%3E")
    }
    :root .theme-light,
    :root[data-theme=light] {
        --quote-background-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 46 40'%3E%3Cpath fill='%231458E4' d='M0 39.284V18.891q0-8.372 5.143-13.596Q10.288 0 18.545 0q.724 0 .724.716V8.8q0 .716-.724.716-2.535 0-4.926 2.147-2.318 2.074-2.318 5.653 0 .715.724.715h6.52q.724 0 .724.716v20.536q0 .716-.724.716H.725Q-.001 40 0 39.284m26.73 0V18.891q0-8.372 5.144-13.596Q37.017 0 45.276 0q.723 0 .724.716V8.8q0 .716-.724.716-2.608 0-4.999 2.147-2.318 2.074-2.318 5.653 0 .715.797.715h6.52q.724 0 .724.716v20.536q0 .716-.724.716h-17.82q-.726 0-.725-.716Z'/%3E%3C/svg%3E")
    }
    .c-carousel-testimonials {
        position: relative
    }
    .c-carousel-testimonials:before {
        background-color: var(--color-placeholder);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    @media (width<=700px) {
        .c-carousel-testimonials {
            overflow: hidden
        }
    }
    .c-carousel-testimonials_content {
        flex: 1;
        width: 100%
    }
    @media (width>=700px) {
        .c-carousel-testimonials_content {
            overflow: visible !important
        }
        .c-carousel-testimonials_content ul {
            height: var(--slide-height) !important
        }
    }
    .c-carousel-testimonials_placeholder {
        --icon-width: 50px;
        --icon-height: 50px
    }
    .c-carousel-testimonials_aside {
        display: flex;
        position: relative
    }
    @media (width<=699px) {
        .c-carousel-testimonials_aside {
            flex-direction: row-reverse;
            gap: var(--grid-gutter);
            justify-content: space-between
        }
    }
    @media (width>=700px) {
        .c-carousel-testimonials_aside {
            align-items: flex-end;
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
        .c-carousel-testimonials_aside:before {
            background-color: var(--color-placeholder);
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 1px
        }
        .c-carousel-testimonials_heading {
            left: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1);
            position: absolute;
            top: 0;
            width: calc(var(--vw, 1vw)*100*.58333 - var(--grid-margin, 0px)*2*.58333 - var(--grid-gutter, 0px)*.41667 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-carousel-testimonials_tile {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    @media (width<=700px) {
        .c-carousel-testimonials_tile {
            height: 100%
        }
    }
    @media (width>=700px) {
        .c-carousel-testimonials_tile {
            height: var(--slide-height)
        }
    }
    .c-carousel-testimonials_quote {
        max-width: 1016px;
        position: relative
    }
    .c-carousel-testimonials_quote:before {
        background-image: var(--quote-background-svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: .84em;
        content: "";
        height: .84em;
        left: 0;
        position: absolute;
        top: 0;
        width: .84em
    }
    @media (width<=699px) {
        .c-carousel-testimonials_quote {
            text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-carousel-testimonials_quote>span:first-child {
            text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    @media (width>=1200px) {
        .c-carousel-testimonials_quote>span:first-child {
            text-indent: min(220px, calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*1))
        }
    }
    @media (width>=700px) {
        .c-carousel-testimonials_quote {
            --stagger-delay: 25ms
        }
        .c-carousel-testimonials_quote:before {
            left: calc(var(--vw, 1vw)*100*.25*-1 - var(--grid-margin, 0px)*2*.25*-1 - var(--grid-gutter, 0px)*.75*-1 + var(--grid-gutter, 0px)*1*-1)
        }
        .c-carousel-testimonials_slide .c-carousel-testimonials_quote span {
            clip-path: inset(-100% 0 100%);
            opacity: 0;
            transform: translateY(100%)rotate(5deg);
            transform-origin: 0;
            will-change: transform
        }
        .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_quote span {
            clip-path: inset(-10%);
            opacity: 1;
            transform: translate(0)
        }
        html.is-ready .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_quote span {
            transition: clip-path var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom);
            transition-delay: calc(var(--word-index)*var(--stagger-delay) + var(--extra-delay, 0s))
        }
        .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_quote span {
            clip-path: inset(100% 0 -100%);
            opacity: 0;
            transform: translateY(-100%)
        }
        html.is-ready .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_quote span {
            transition: opacity var(--transition-duration-slower)var(--ease-custom), clip-path var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom)
        }
    }
    .c-carousel-testimonials_visual {
        align-items: center;
        aspect-ratio: 296/190;
        background-color: var(--color-placeholder);
        display: flex;
        justify-content: center;
        position: relative
    }
    @media (width<=699px) {
        .c-carousel-testimonials_visual {
            width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-carousel-testimonials_visual {
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-carousel-testimonials_visual {
            max-width: 200px;
            width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=700px) {
        .c-carousel-testimonials_visual {
            --stagger-delay: 25ms
        }
        .c-carousel-testimonials_slide .c-carousel-testimonials_visual {
            opacity: 0;
            transform: translate(0)scale(.9);
            transform-origin: 50%;
            will-change: transform
        }
        .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_visual {
            opacity: 1;
            transform: translate(0)
        }
        html.is-ready .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_visual {
            transition: transform var(--transition-duration-slower)var(--ease-custom)
        }
        .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_visual {
            opacity: 0;
            pointer-events: none;
            transform: translate(5%, 20%)rotate(5deg);
            transform-origin: 0
        }
        html.is-ready .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_visual {
            transition: opacity var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom)
        }
    }
    .c-carousel-testimonials_infos {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing)*2);
        max-width: 300px
    }
    @media (width<=699px) {
        .c-carousel-testimonials_infos {
            width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-carousel-testimonials_infos {
            width: calc(var(--vw, 1vw)*100*.75 - var(--grid-margin, 0px)*2*.75 - var(--grid-gutter, 0px)*.25 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-carousel-testimonials_infos {
            width: calc(var(--vw, 1vw)*100*.58333 - var(--grid-margin, 0px)*2*.58333 - var(--grid-gutter, 0px)*.41667 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-carousel-testimonials_infos p {
        padding-top: calc(var(--spacing)*1);
        position: relative
    }
    .c-carousel-testimonials_infos p:before {
        background-color: var(--color-placeholder);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    @media (width>=700px) {
        .c-carousel-testimonials_infos p {
            --stagger-delay: 25ms
        }
        .c-carousel-testimonials_slide .c-carousel-testimonials_infos p {
            clip-path: inset(-100% 0 100%);
            opacity: 0;
            transform: translateY(100%)
        }
        .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_infos p {
            clip-path: inset(-10%);
            opacity: 1;
            transform: translate(0)
        }
        html.is-ready .c-carousel-testimonials_slide.is-active .c-carousel-testimonials_infos p {
            transition: clip-path var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom);
            transition-delay: calc(var(--info-index)*var(--stagger-delay) + var(--extra-delay, 0s))
        }
        .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_infos p {
            clip-path: inset(100% 0 -100%);
            opacity: 0;
            transform: translateY(-100%)
        }
        html.is-ready .c-carousel-testimonials_slide.is-prev .c-carousel-testimonials_infos p {
            transition: opacity var(--transition-duration-slower)var(--ease-custom), clip-path var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom)
        }
    }
    @media (width<=700px) {
        .c-carousel-testimonials_slide {
            height: auto
        }
    }
    @media (width>=700px) {
        .c-carousel-testimonials_slide {
            height: 100% !important;
            left: 0;
            pointer-events: none;
            position: absolute !important;
            top: 0;
            width: 100% !important
        }
        .c-carousel-testimonials_slide.is-active {
            pointer-events: auto
        }
        .c-carousel-testimonials_slide.is-prev {
            z-index: 1
        }
    }
    .c-steps-stairs {
        padding-bottom: var(--spacing-fluid-2xl);
        --gutter: calc(var(--spacing)*0.5);
        --content-width: calc(var(--vw, 1vw)*100*0.625 - var(--grid-margin, 0px)*2*0.625 - var(--grid-gutter, 0px)*0.375 + var(--grid-gutter, 0px)*0 + var(--grid-gutter) - var(--gutter)/2);
        --number-width: calc(var(--vw, 1vw)*100*0.375 - var(--grid-margin, 0px)*2*0.375 - var(--grid-gutter, 0px)*0.625 + var(--grid-gutter, 0px)*0 + var(--grid-gutter) - var(--gutter)/2);
        --border: calc(var(--spacing)*3)
    }
    @media (width>=700px) and (width<=999px) {
        .c-steps-stairs {
            --content-width: calc(var(--vw, 1vw)*100*0.5 - var(--grid-margin, 0px)*2*0.5 - var(--grid-gutter, 0px)*0.5 + var(--grid-gutter, 0px)*0 + var(--grid-gutter)/2 - var(--gutter)/2);
            --number-width: calc(var(--vw, 1vw)*100*0.375 - var(--grid-margin, 0px)*2*0.375 - var(--grid-gutter, 0px)*0.625 + var(--grid-gutter, 0px)*0 + var(--grid-gutter)/2 - var(--gutter)/2)
        }
    }
    @media (width>=1000px) {
        .c-steps-stairs {
            --content-width: calc(var(--vw, 1vw)*100*0.33333 - var(--grid-margin, 0px)*2*0.33333 - var(--grid-gutter, 0px)*0.66667 + var(--grid-gutter, 0px)*0 + var(--grid-gutter)/2 - var(--gutter)/2);
            --number-width: calc(var(--vw, 1vw)*100*0.33333 - var(--grid-margin, 0px)*2*0.33333 - var(--grid-gutter, 0px)*0.66667 + var(--grid-gutter, 0px)*0 + var(--grid-gutter)/2 - var(--gutter)/2)
        }
    }
    .c-steps-stairs_item {
        clip-path: inset(0 round var(--border));
        display: grid;
        gap: var(--gutter);
        grid-template-columns: 1fr auto;
        overflow: hidden
    }
    .c-steps-stairs_content {
        background-color: var(--color-placeholder);
        clip-path: inset(0 round var(--border));
        width: var(--content-width)
    }
    .c-tile-steps_tile {
        width: min(100%, 320px)
    }
    .c-steps-stairs_number {
        align-items: center;
        background-color: var(--color-placeholder);
        border-radius: var(--border);
        display: flex;
        justify-content: center;
        line-height: .75 !important;
        margin-left: auto;
        padding: calc(var(--spacing)*5);
        position: relative;
        width: var(--number-width)
    }
    @media (width>=700px) {
        .c-steps-stairs_number {
            --offset: calc((1*(var(--vw, 1vw)*100 - 2*var(--grid-margin, 0px)) - (1 - 1)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px) - var(--content-width) - var(--number-width) - var(--gutter))*-1*var(--progress, 0))
        }
        @media (prefers-reduced-motion:no-preference) {
            .c-steps-stairs_number {
                transform: translate3d(var(--offset, 0), 0, 0)
            }
        }
    }
    @media (prefers-reduced-motion:reduce) {
        .c-steps-stairs_number {
            width: 100%
        }
    }
    .c-steps-stairs_number:before {
        background-color: var(--color-placeholder);
        clip-path: inset(0 round var(--border));
        content: "";
        height: 100%;
        left: calc(100% + var(--gutter));
        position: absolute;
        top: 0;
        width: 100vw
    }
    .c-steps-stairs_number span {
        transform: translate(-.04em)
    }
    .c-home-hero {
        --card-ratio: 40/25;
        --card-from-width: 250px;
        --card-from-height: calc(var(--card-from-width)*var(--card-ratio));
        --card-to-width: 100%;
        --card-to-height: 100%;
        --card-width: calc(var(--card-from-width) + (var(--mask-progress, 0) - 0)/1*(var(--card-to-width) - var(--card-from-width)));
        --card-height: calc(var(--card-from-height) + (var(--mask-progress, 0) - 0)/1*(var(--card-to-height) - var(--card-from-height)));
        --card-spacing: calc(var(--spacing)*4);
        display: flex;
        min-height: 200vh;
        position: relative
    }
    @media (prefers-reduced-motion:reduce) {
        .c-home-hero {
            --card-width: var(--card-from-width);
            --card-height: var(--card-from-height);
            min-height: 100vh
        }
    }
    .c-home-hero_main {
        height: 100vh;
        left: calc(var(--spacing)*0);
        overflow: hidden;
        position: absolute;
        top: calc(var(--spacing)*0);
        width: 100%
    }
    .c-home-hero_logo {
        --icon-width: calc(var(--vw, 1vw)*100);
        background-color: var(--color-background);
        bottom: 0;
        clip-path: inset(0);
        left: 0;
        position: absolute;
        width: 100%
    }
    @media (width>=700px) {
        .c-home-hero_logo:nth-last-child(-n+3) {
            display: none
        }
    }
    .c-home-hero_ref_from,
    .c-home-hero_ref_to {
        left: calc(var(--spacing)*0);
        pointer-events: none;
        position: absolute;
        top: calc(var(--spacing)*0);
        visibility: hidden
    }
    .c-home-hero_ref_from {
        height: var(--card-from-height);
        width: var(--card-from-width)
    }
    .c-home-hero_ref_to {
        height: var(--card-to-height);
        width: var(--card-to-width)
    }
    .c-home-hero_sticky {
        align-items: center;
        display: flex;
        height: 100vh;
        justify-content: center;
        left: calc(var(--spacing)*0);
        position: sticky;
        top: calc(var(--spacing)*0);
        width: 100%;
        z-index: 10
    }
    .c-home-hero_label {
        position: absolute;
        top: var(--top);
        z-index: 2
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-home-hero_label {
            --clip-progress-multiplier: 2.5;
            --clip-progress: clamp(0, calc(var(--mask-progress, 0)*var(--clip-progress-multiplier) - var(--stagger-offset, 0)), 1)
        }
    }
    .c-home-hero_label.-left {
        --stagger-offset: 0;
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2 + var(--card-spacing));
        --left: calc(var(--vw, 1vw)*50 - var(--card-width)/2 + var(--card-spacing));
        left: var(--left)
    }
    .c-home-hero_label.-right {
        --stagger-offset: .15;
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2 + var(--card-spacing));
        --right: calc(var(--vw, 1vw)*50 - var(--card-width)/2 + var(--card-spacing));
        right: var(--right)
    }
    .c-home-hero_label span {
        clip-path: inset(calc(100%*var(--clip-progress, 0))-10% 0 -10%);
        display: block;
        opacity: calc(1 - var(--clip-progress));
        transform: translate3d(0, calc(-100%*var(--clip-progress, 0)), 0)
    }
    .c-home-hero_mask {
        align-items: center;
        clip-path: inset(calc(50% - var(--card-height)/2)calc(50% - var(--card-width)/2)round calc(var(--radius-md)*(1 - var(--mask-progress, 0))));
        display: flex;
        height: 100%;
        justify-content: center;
        position: relative;
        width: 100%
    }
    @media (prefers-reduced-motion:reduce) {
        .c-home-hero_mask {
            clip-path: inset(calc(50% - var(--card-height)/2)calc(50% - var(--card-width)/2)round calc(var(--radius-md)))
        }
    }
    .c-home-hero_video {
        background-color: var(--color-aqua);
        height: 100%;
        transform: scale(calc(var(--cover-ratio) + (var(--mask-progress, 0) - 0)/1*(1 - var(--cover-ratio))));
        width: 100%
    }
    @media (prefers-reduced-motion:reduce) {
        .c-home-hero_video {
            transform: scale(var(--cover-ratio))
        }
    }
    .c-home-hero_video:before {
        background-color: var(--color-royal);
        content: "";
        -webkit-mask-image: -webkit-linear-gradient(90deg, #000, #0000 50%);
        opacity: .4;
        z-index: 1
    }
    .c-home-hero_button,
    .c-home-hero_video:before {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-home-hero_button {
        align-items: center;
        display: flex;
        justify-content: center
    }
    .c-home-hero_play {
        --button-rail-width: calc(var(--card-from-width) - 16px);
        --button-rail-height: 34px;
        left: calc(50% - var(--card-from-width)/2 + 8px);
        position: absolute;
        top: calc(50% - var(--button-rail-height)/2);
        transform: translate3d(0, calc((var(--card-from-height)/2 - var(--button-rail-height)/2)*(1 - var(--mask-progress, 0)) - (1 - var(--mask-progress, 0))*8px), 0);
        z-index: var(--z-index-above)
    }
    @media (prefers-reduced-motion:reduce) {
        .c-home-hero_play {
            transform: translate3d(0, calc(var(--card-from-height)/2 - var(--button-rail-height)/2 - 8px), 0)
        }
    }
    .c-stats-listing {
        --rotation-increment: 7deg;
        --padding-bottom: calc(var(--spacing)*2);
        overflow: hidden;
        padding-bottom: var(--spacing-fluid-xl)
    }
    .c-stats-listing_item {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: grid;
        grid-template-columns: 1fr auto;
        padding-bottom: var(--padding-bottom);
        padding-top: var(--spacing-fluid-xl);
        position: relative;
        width: 100%
    }
    .c-stats-listing_item:before {
        background-color: var(--color-placeholder);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-stats-listing_value {
            --rotate: calc(20deg*(1 - var(--progress, 0)));
            clip-path: inset(0 -10% calc(100%*(1 - var(--progress, 0)) - var(--padding-bottom))-10%);
            transform: translate3d(0, calc(100%*(1 - var(--progress, 0))), 0)
        }
    }
    .c-stats-listing_value>span {
        display: block;
        transform: rotate(var(--rotate));
        transform-origin: 0 100%
    }
    @media (width>=700px) {
        .c-stats-listing_value {
            flex: 1
        }
    }
    .c-stats-listing_label {
        opacity: min(1, calc(var(--progress) + .1));
        width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
    }
    .c-stats-listing_image_wrapper {
        aspect-ratio: 4/3;
        display: flex;
        flex-direction: column;
        margin-top: auto;
        opacity: min(1, calc(var(--progress)*2));
        position: relative;
        width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0);
        z-index: 1
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-stats-listing_image_wrapper {
            transform: translate3d(0, calc(50%*(1 - var(--progress, 0))), 0)
        }
    }
    @media (width<=1000px) {
        .c-stats-listing_image_wrapper {
            max-width: 200px
        }
    }
    @media (width>=1000px) {
        .c-stats-listing_image_wrapper {
            margin-bottom: var(--padding-bottom);
            max-width: 200px;
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-stats-listing_image_wrapper {
            max-width: 200px;
            width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-stats-listing_image {
        clip-path: inset(0 round calc(var(--spacing)*1))
    }
    .c-stats-listing_image,
    .c-stats-listing_image_item {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform-origin: 50%;
        width: 100%
    }
    .c-stats-listing_image_item {
        --rotate: calc((var(--rotation-increment)*(1 - var(--index, 0)))*var(--progress, 0) + var(--rotation-increment)*2*(1 - var(--progress, 0)));
        z-index: calc(var(--js-index, 0)*-1)
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-stats-listing_image_item {
            transform: rotate(var(--rotate))
        }
    }
    .c-stats-listing_image_cta {
        --rotate: calc((var(--rotation-increment)*(1 - 1))*var(--progress, 0) + var(--rotation-increment)*2*(1 - var(--progress, 0)));
        left: 50%;
        position: absolute;
        top: 50%;
        transform-origin: 50%
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-stats-listing_image_cta {
            transform: translate3d(-50%, -50%, 0)rotate(var(--rotate))
        }
    }
    .c-stats-listing_item.is-clicked .c-stats-listing_image_cta {
        opacity: 0;
        transition: none
    }
    html.is-ready .c-stats-listing_image_cta {
        transition: opacity var(--transition-duration-slower)var(--ease-custom)
    }
    .c-page-head {
        padding-bottom: var(--unit-md)
    }
    @media (width<=1000px) {
        .c-page-head {
            padding-top: calc(var(--header-area) + var(--header-gutter) + var(--spacing-fluid-2xl))
        }
    }
    @media (width>=1000px) {
        .c-page-head {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: calc(var(--header-area) + var(--header-gutter) + var(--sticky-nav-height) + 2lh);
            padding-top: calc(var(--header-area) + var(--header-gutter) + var(--sticky-nav-height))
        }
        .c-page-head_heading {
            margin-top: -1lh
        }
    }
    @media (width<=1000px) {
        .c-page-head_title {
            padding-left: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    @media (width>=1000px) {
        .c-page-head_title {
            padding-left: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    .c-page-head_subtitle {
        margin-bottom: var(--spacing-fluid-lg)
    }
    @media (width>=1000px) {
        .c-page-head_after {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter);
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            margin-top: auto
        }
        .c-page-head_after_inner {
            grid-column: 4/13
        }
    }
    @media (width<=1000px) {
        .c-nav-resources {
            margin-left: calc(var(--grid-margin)*-1);
            margin-right: calc(var(--grid-margin)*-1);
            padding: var(--grid-margin)0;
            scroll-snap-type: x mandatory;
            -ms-overflow-style: none;
            overflow-x: auto;
            scrollbar-width: none
        }
        .c-nav-resources::-webkit-scrollbar {
            display: none
        }
    }
    .c-nav-resources_list {
        display: flex
    }
    @media (width>=1000px) {
        .c-nav-resources_list {
            -moz-column-gap: var(--spacing-fluid-md);
            column-gap: var(--spacing-fluid-md);
            flex-wrap: wrap;
            row-gap: var(--spacing-unit-sm)
        }
    }
    .c-nav-resources_item {
        display: inline-flex
    }
    @media (width<=1000px) {
        .c-nav-resources_item {
            padding-left: var(--grid-margin);
            padding-right: var(--grid-margin);
            scroll-snap-align: start;
            white-space: nowrap
        }
    }
    .c-nav-resources_link {
        display: inline-flex
    }
    .c-abstract-mask {
        --mask-gutter: calc(var(--spacing)*3);
        --mask-outer-background: var(--color-background);
        --mask-inner-background: var(--color-placeholder);
        --mask-progress-area: calc(var(--lvh, 1lvh)*100);
        --card-ratio: 40/25;
        --card-from-width: 250px;
        --card-from-height: calc(var(--card-from-width)*var(--card-ratio));
        --card-to-width: calc(100% - var(--mask-gutter)*2);
        --card-to-height: calc(100% - var(--mask-gutter)*2);
        --card-width: calc(var(--card-from-width) + (var(--mask-progress, 0) - 0)/1*(var(--card-to-width) - var(--card-from-width)));
        --card-height: calc(var(--card-from-height) + (var(--mask-progress, 0) - 0)/1*(var(--card-to-height) - var(--card-from-height)));
        --card-spacing: calc(var(--spacing)*4);
        --content-appear-offset: calc(var(--lvh, 1lvh)*40);
        display: block;
        position: relative
    }
    @media (prefers-reduced-motion) {
        .c-abstract-mask {
            --mask-progress: 1 !important
        }
    }
    .c-abstract-mask_mask {
        height: calc(var(--lvh, 1lvh)*100);
        left: 0;
        top: 0;
        width: 100%;
        z-index: 3
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-abstract-mask_mask {
            position: sticky
        }
    }
    .c-abstract-mask_el {
        background: var(--mask-outer-background);
        clip-path: polygon(0 0, 0 100%, calc(50% - var(--card-width)/2)100%, calc(50% - var(--card-width)/2)calc(50% - var(--card-height)/2), calc(50% + var(--card-width)/2)calc(50% - var(--card-height)/2), calc(50% + var(--card-width)/2)calc(50% + var(--card-height)/2), calc(50% - var(--card-width)/2)calc(50% + var(--card-height)/2), calc(50% - var(--card-width)/2)100%, 100% 100%, 100% 0);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-abstract-mask_el_from {
        height: var(--card-from-height);
        width: var(--card-from-width)
    }
    .c-abstract-mask_el_from,
    .c-abstract-mask_el_top {
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        visibility: hidden
    }
    .c-abstract-mask_el_top {
        height: var(--card-to-height);
        width: var(--card-to-width)
    }
    .c-abstract-mask_corners {
        height: 100%;
        left: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-abstract-mask_corners span {
        --border-radius: 24px;
        color: var(--mask-outer-background);
        height: var(--border-radius);
        left: var(--left);
        position: absolute;
        top: var(--top);
        width: var(--border-radius)
    }
    .c-abstract-mask_corners span:first-child {
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2);
        --left: calc(var(--vw, 1vw)*50 - var(--card-width)/2);
        transform: scaleX(-1)
    }
    .c-abstract-mask_corners span:nth-child(2) {
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2);
        --left: calc(var(--vw, 1vw)*50 + var(--card-width)/2 - var(--border-radius))
    }
    .c-abstract-mask_corners span:nth-child(3) {
        --top: calc(var(--lvh, 1lvh)*50 + var(--card-height)/2 - var(--border-radius));
        --left: calc(var(--vw, 1vw)*50 - var(--card-width)/2);
        transform: scaleX(-1)scaleY(-1)
    }
    .c-abstract-mask_corners span:nth-child(4) {
        --top: calc(var(--lvh, 1lvh)*50 + var(--card-height)/2 - var(--border-radius));
        --left: calc(var(--vw, 1vw)*50 + var(--card-width)/2 - var(--border-radius));
        transform: scaleY(-1)
    }
    .c-abstract-mask_corners span:before {
        background: var(--mask-outer-background);
        content: "";
        height: calc(var(--lvh, 1lvh)*100);
        left: 100%;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-abstract-mask_corners span:after {
        background: var(--mask-outer-background);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: -100%;
        width: calc(var(--vw, 1vw)*100)
    }
    .c-abstract-mask_corners span svg {
        fill: currentColor;
        height: 100%;
        width: 100%
    }
    .c-abstract-mask_reference {
        height: var(--mask-progress-area);
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: -1
    }
    .c-abstract-mask_inner {
        margin-top: calc(var(--lvh, 1lvh)*100*-1);
        padding-top: calc(var(--lvh, 1lvh)*100 + var(--mask-progress-area) - var(--content-appear-offset));
        position: relative
    }
    @media (prefers-reduced-motion) {
        .c-abstract-mask_inner {
            min-height: 100vh;
            padding-top: 0
        }
    }
    .c-abstract-mask_background_position {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-abstract-mask_background {
        align-items: center;
        display: flex;
        height: calc(var(--lvh, 1lvh)*100);
        justify-content: center;
        left: 0;
        top: 0;
        width: 100%
    }
    @media (prefers-reduced-motion) {
        .c-abstract-mask_background {
            height: 100%
        }
    }
    @media (prefers-reduced-motion:no-preference) {
        .c-abstract-mask_background {
            position: sticky
        }
    }
    .c-abstract-mask_background_slot {
        background: var(--mask-inner-background);
        flex: 1;
        height: 100%;
        overflow: hidden;
        position: relative;
        transform: scale(calc(var(--cover-ratio) + (var(--mask-progress, 0) - 0)/1*(1 - var(--cover-ratio))));
        width: 100%
    }
    .c-abstract-mask_label {
        --clip-progress-multiplier: 2.5;
        --clip-progress: clamp(0, calc(var(--mask-progress, 0)*var(--clip-progress-multiplier) - var(--stagger-offset, 0)), 1);
        color: var(--mask-rail-color, var(--color-white));
        position: absolute;
        top: var(--top);
        z-index: -1
    }
    .c-abstract-mask_label.-left {
        --stagger-offset: 0;
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2 + var(--card-spacing));
        --left: calc(var(--vw, 1vw)*50 - var(--card-width)/2 + var(--card-spacing));
        left: var(--left)
    }
    .c-abstract-mask_label.-right {
        --stagger-offset: .15;
        --top: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2 + var(--card-spacing));
        --right: calc(var(--vw, 1vw)*50 - var(--card-width)/2 + var(--card-spacing));
        right: var(--right)
    }
    .c-abstract-mask_label span {
        clip-path: inset(calc(100%*var(--clip-progress, 0))-10% 0 -10%);
        display: block;
        opacity: calc(1 - var(--clip-progress));
        transform: translate3d(0, calc(-100%*var(--clip-progress, 0)), 0)
    }
    .c-abstract-mask_rail {
        --clip-progress-multiplier: 2.5;
        --clip-progress: clamp(0, calc(var(--mask-progress, 0)*var(--clip-progress-multiplier)), 1);
        bottom: calc(var(--lvh, 1lvh)*50 - var(--card-height)/2 + var(--card-spacing));
        clip-path: inset(0 -10% calc(100%*var(--clip-progress, 0))-10%);
        left: 0;
        overflow: hidden;
        transform: translate3d(0, calc(100%*var(--clip-progress, 0)), 0);
        width: 100%
    }
    .c-abstract-mask_badge,
    .c-abstract-mask_rail {
        opacity: calc(1 - var(--clip-progress));
        position: absolute;
        z-index: -1
    }
    .c-abstract-mask_badge {
        --clip-progress-multiplier: 2;
        --clip-progress: clamp(0, calc(var(--mask-progress, 0)*var(--clip-progress-multiplier)), 1);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .c-abstract-mask_content {
        position: relative;
        z-index: 1
    }
    .c-rail {
        display: block;
        overflow: hidden;
        width: 100%
    }
    .c-rail_marquee {
        -moz-column-gap: 1em;
        column-gap: 1em;
        display: inline-flex;
        justify-content: flex-start
    }
    .c-rail_marquee_group {
        align-items: center;
        animation: railCtaMarquee 1s linear infinite paused;
        display: inline-flex;
        justify-content: space-around
    }
    .c-rail.is-inview .c-rail_marquee_group {
        animation-play-state: running
    }
    @media (prefers-reduced-motion) {
        .c-rail_marquee_group {
            animation: none
        }
    }
    @keyframes railCtaMarquee {
        0% {
            transform: translate(0)
        }
        to {
            transform: translate(-100%)
        }
    }
    .c-filters_form {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing-fluid-2xl)
    }
    .c-filters_form_inner {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: var(--spacing-fluid-lg)
    }
    .c-modal-filters .c-filters_form_inner {
        align-items: center
    }
    .c-filters_list {
        display: flex;
        flex-wrap: wrap;
        gap: calc(var(--spacing)*1)
    }
    .c-modal-filters .c-filters_list {
        justify-content: center;

    }
    .c-filters_reset {
        color: var(--color-black);
        display: inline-block;
        opacity: .5;
        text-decoration-line: underline
    }
    @media (hover:hover) {
        .c-filters_reset:hover {
            opacity: 1
        }
    }
    .c-filters_submit-container {
        bottom: var(--grid-margin);
        display: flex;
        justify-content: center;
        position: sticky;
        z-index: var(--z-index-above)
    }
    .c-modal-filters {
        --modal-padding: calc(var(--grid-margin)*2)var(--grid-margin);
        --modal-color: var(--color-black);
        --modal-background-color: var(--color-white);
        --modal-transition-duration: var(--transition-duration-fast);
        align-items: flex-end
    }
    .c-modal-filters_container {
        border-radius: var(--radius-md)var(--radius-md)0 0;
        max-height: calc(100% - var(--header-area));
        width: 100%
    }
    .c-modal-filters:not(.is-active) .c-modal-filters_container {
        transform: translateY(100%)
    }
    html.is-loaded .c-modal-filters_container {
        transition: transform var(--transition-duration)var(--ease-custom)
    }
    .c-modal-filters_inner {
        display: flex;
        flex-direction: column;
        row-gap: calc(var(--spacing)*8)
    }
    .c-checkbox {
        background-color: var(--input-background-color);
        border-radius: var(--radius-sm);
        position: relative
    }
    .c-checkbox_input {
        --focus-offset: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%
    }
    .c-checkbox_label {
        border-radius: .25rem;
        cursor: pointer;
        display: inline-flex;
        padding: var(--input-padding-y)var(--input-padding-x);
        position: relative
    }
    html.is-loaded .c-checkbox_label {
        transition: background-color var(--transition-duration-fast), color var(--transition-duration-fast)
    }
    .c-contact-form .c-checkbox_label {
        font-size: var(--text-h5) !important;
        letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing)) !important;
        line-height: var(--tw-leading, var(--text-h5--line-height)) !important;
        padding-block: calc(var(--spacing)*8);
        padding-inline: calc(var(--spacing)*11);
        width: 100%
    }
    @media (width>=1000px) {
        .c-contact-form .c-checkbox_label {
            padding-inline: calc(var(--spacing)*20)
        }
    }
    @media (width>=1200px) {
        .c-contact-form .c-checkbox_label {
            font-size: var(--text-h6);
            letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
            line-height: var(--tw-leading, var(--text-h6--line-height))
        }
    }
    .c-checkbox_input:checked+.c-checkbox_label {
        background-color: var(--active-input-background-color);
        color: var(--active-input-color)
    }
    .c-checkbox_input:user-invalid~.c-checkbox_label {
        --outline-color: #fd5959;
        --input-background-color: #4358c8
    }
    :is(.c-checkbox_input:focus-visible~.c-checkbox_label,
    .c-checkbox_input:user-invalid~.c-checkbox_label) {
        outline: 1px solid var(--outline-color)
    }
    .c-fullscreen-showcase_stats_container {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: #00000008;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing)*5);
        margin-bottom: calc(var(--spacing)*12);
        margin-left: var(--grid-margin);
        margin-right: var(--grid-margin);
        padding: calc(var(--spacing)*5)
    }
    @media (width>=1000px) {
        .c-fullscreen-showcase_stats_container {
            display: grid;
            gap: var(--grid-gap);
            grid-template-columns: repeat(12, 1fr)
        }
    }
    .c-steps-listing_image_container {
        aspect-ratio: 171/215;
        flex-shrink: 0;
        overflow: hidden;
        position: relative
    }
    @media (width<=1000px) {
        .c-steps-listing_image_container {
            width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1000px) {
        .c-steps-listing_image_container {
            width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-steps-listing_image_container {
            margin-right: calc(var(--vw, 1vw)*100*.08333 - var(--grid-margin, 0px)*2*.08333 - var(--grid-gutter, 0px)*.91667 + var(--grid-gutter, 0px)*0 + var(--grid-gutter))
        }
    }
    .c-steps-listing_image {
        height: 100%;
        left: calc(var(--spacing)*0);
        position: absolute;
        top: calc(var(--spacing)*0);
        transform: translateY(100%);
        width: 100%
    }
    .c-steps-listing_image:first-of-type {
        transform: translateY(0)
    }
    @media (width>=1200px) {
        .c-steps-listing_heading {
            max-width: calc(var(--vw, 1vw)*100*.41667 - var(--grid-margin, 0px)*2*.41667 - var(--grid-gutter, 0px)*.58333 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width<=500px) {
        .c-steps-listing_section {
            display: flex;
            flex-direction: column
        }
    }
    @media (width>=500px) {
        .c-steps-listing_section {
            display: grid;
            grid-template-columns: repeat(2, 1fr)
        }
    }
    @media (width<=1000px) {
        .c-steps-listing_section {
            gap: var(--grid-margin)
        }
    }
    @media (width>=1000px) {
        .c-steps-listing_section {
            gap: 4px
        }
    }
    .c-split-text {
        --stagger-delay: 30ms
    }
    .c-split-text span {
        clip-path: inset(-100% 0 110%);
        opacity: 0;
        transform: translateY(110%)rotate(10deg);
        transform-origin: 0;
        will-change: transform
    }
    .c-split-text.is-inview span {
        clip-path: inset(-10%);
        opacity: 1;
        transform: translate(0)rotate(0)
    }
    html.is-ready .c-split-text.is-inview span {
        transition: clip-path var(--transition-duration-slower)var(--ease-custom), transform var(--transition-duration-slower)var(--ease-custom);
        transition-delay: calc(var(--word-index)*var(--stagger-delay) + var(--extra-delay, 0s))
    }
    .c-prefooter {
        border-color: var(--color-grey);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        padding-block: var(--spacing-fluid-3xl)
    }
    @media (width<=999px) {
        .c-prefooter_text>span:first-child {
            text-indent: 80px
        }
    }
    @media (width>=1000px) {
        .c-prefooter_text>span:first-child {
            text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
        }
    }
    .c-prefooter_inner {
        position: relative
    }
    .c-prefooter_icon-container {
        align-items: flex-end;
        display: flex;
        height: 1em;
        left: calc(var(--spacing)*0);
        padding-bottom: .1em;
        position: absolute;
        top: calc(var(--spacing)*0)
    }
    .c-prefooter_icon {
        --icon-width: clamp(1.5rem, 0.9783rem + 2.6087vw, 3rem);
        color: var(--color-royal)
    }
    .c-prefooter_button {
        margin-top: calc(var(--spacing)*10)
    }
    .c-tile-values {
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        display: grid
    }
    [data-theme=light] .c-tile-values {
        border-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
    [data-theme=blue] .c-tile-values {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
    .theme-light .c-tile-values {
        border-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
    .theme-blue .c-tile-values {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
    .c-tile-values_ratio:before {
        content: "";
        float: left
    }
    @media (width<=699px) {
        .c-tile-values_ratio:before {
            padding-top: 60%
        }
    }
    @media (width>=700px) {
        .c-tile-values_ratio:before {
            padding-top: 100%
        }
    }
    .c-tile-values_ratio:after {
        clear: both;
        content: "";
        display: table
    }
    .c-tile-values_inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding: var(--unit-sm);
        position: relative;
        row-gap: var(--spacing-fluid-lg)
    }
    .c-tile-values_title {
        max-width: 230px
    }
    @media (width<=699px) {
        .c-tile-values_title {
            font-size: var(--text-h3);
            letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
            line-height: var(--tw-leading, var(--text-h3--line-height))
        }
    }
    @media (width>=700px) {
        .c-tile-values_title {
            font-size: var(--text-h5);
            letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
            line-height: var(--tw-leading, var(--text-h5--line-height))
        }
    }
    .c-tile-values_description {
        font-size: var(--text-body);
        letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing));
        line-height: var(--tw-leading, var(--text-body--line-height));
        max-width: 230px;
        opacity: .6
    }
    @media (width<=999px) {
        .c-values-listing_section {
            display: grid;
            gap: var(--grid-gutter)
        }
    }
    @media (width>=700px) and (width<=999px) {
        .c-values-listing_section {
            grid-template-columns: repeat(2, 1fr)
        }
    }
    @media (width>=1000px) {
        .c-values-listing_section {
            display: flex;
            flex-direction: column;
            gap: 1.25rem
        }
    }
    .c-floating-cards {
        --safety-padding: 300px;
        position: relative
    }
    .c-floating-cards_image {
        height: 56.25vw;
        min-height: max(100svh, 800px)
    }
    .c-floating-cards_container {
        bottom: calc(var(--safety-padding)*-1);
        left: 0;
        overflow: hidden;
        padding-bottom: var(--safety-padding);
        padding-top: var(--safety-padding);
        position: absolute;
        right: 0;
        top: calc(var(--safety-padding)*-1)
    }
    .c-floating-cards_inner {
        height: 100%;
        position: relative;
        width: 100%
    }
    .c-floating-cards_item {
        position: absolute;
        width: clamp(15.625rem, 12.3641rem + 16.3043vw, 25rem)
    }
    .c-floating-cards_item:first-of-type {
        left: 0;
        top: 0;
        transform: translate3d(0, calc(-300px + (1 - var(--progress))*300px), 0)rotate(calc(-8deg + var(--progress)*8deg))
    }
    .c-floating-cards_item:nth-of-type(2) {
        bottom: 0;
        right: 0;
        transform: translate3d(0, calc(-50px + (1 - var(--progress))*100px), 0)rotate(calc(3deg + (1 - var(--progress))*3deg))
    }
    .c-locations-listing {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: flex;
        flex-direction: column;
        margin-bottom: 20vw;
        margin-top: 10vw;
        row-gap: calc(var(--spacing)*12);
        width: 100%
    }
    @media (width>=1000px) {
        .c-locations-listing {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .c-locations-listing_item {
            grid-column: span 4/span 4
        }
        .c-locations-listing_item:nth-of-type(3n+2) {
            transform: translate3d(0, calc(10vw - 10vw*var(--progress)), 0)
        }
        .c-locations-listing_item:nth-of-type(3n+3) {
            transform: translate3d(0, calc(20vw - 20vw*var(--progress)), 0)
        }
    }
    .c-hero-approach_button {
        opacity: calc((var(--mask-progress) - .35)*1.6)
    }
    .c-hero-approach_title {
        z-index: 10;
        --tw-translate-x: -50%;
        width: 100%;
        --tw-translate-y: -50%;
        color: var(--color-white);
        font-size: var(--text-h1);
        left: 50%;
        letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
        line-height: var(--tw-leading, var(--text-h1--line-height));
        position: absolute;
        text-align: center;
        top: 30%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    @media (height>=620px) {
        .c-hero-approach_title {
            top: 40%
        }
    }
    @media (height>=780px) {
        .c-hero-approach_title {
            top: 50%
        }
    }
    .c-hero-approach_span_container span {
        clip-path: inset(calc(-100% + var(--mask-progress)*100%)0 calc(100% - var(--mask-progress)*100%)0) !important;
        transform: translate3d(0, calc(100% - var(--mask-progress)*100%), 0) !important;
        transition: none !important
    }
    .c-hero-approach_focus_area {
        pointer-events: none;
        position: relative;
        top: -100vh;
        visibility: hidden;
        width: 100vw
    }
    .c-image-cards {
        --aspect-ratio: 1.77778;
        aspect-ratio: var(--aspect-ratio);
        position: relative
    }
    .c-image-cards_overflow {
        height: calc(100% + 400px);
        left: calc(var(--spacing)*0);
        overflow: hidden;
        padding: 200px 0;
        position: absolute;
        top: -200px;
        width: 100%
    }
    .c-image-cards_inner {
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 0
    }
    .c-image-cards_item {
        --parent-width: calc(var(--vw, 1vw)*100);
        --parent-height: calc(var(--parent-width)/(var(--aspect-ratio)));
        --image-width: calc(var(--item-width, 150)/1440*var(--parent-width));
        --duration: calc(0.6s + var(--index, 0)*30ms);
        --easing: cubic-bezier(.145, .467, 0, 1);
        --delay: .3s;
        bottom: calc(var(--item-bottom, 0)/(1440/var(--aspect-ratio))*var(--parent-height));
        display: none;
        left: calc(var(--item-left, 0)/1440*var(--parent-width));
        position: absolute;
        transform: translate3d(calc(var(--item-left, 0)*-1/1440*var(--parent-width)), calc(var(--item-bottom, 0)/(1440/var(--aspect-ratio))*var(--parent-height)), 0)
    }
    html.is-ready .c-image-cards.is-inview .c-image-cards_item {
        transform: translate(0)
    }
    @media (prefers-reduced-motion:no-preference) {
        html.is-ready .c-image-cards.is-inview .c-image-cards_item {
            transition: transform var(--duration)var(--easing);
            transition-delay: var(--delay)
        }
    }
    .c-image-cards_item:first-child {
        --item-width: 151;
        --item-left: -16;
        --item-bottom: 288;
        --item-rotate: -15deg;
        display: block
    }
    .c-image-cards_item:nth-child(2) {
        --item-width: 318;
        --item-left: 196;
        --item-bottom: 235;
        --item-rotate: -5deg;
        display: block
    }
    .c-image-cards_item:nth-child(3) {
        --item-width: 331;
        --item-left: 363;
        --item-bottom: 208;
        --item-rotate: -8deg;
        display: block;
        z-index: -1
    }
    .c-image-cards_item:nth-child(4) {
        --item-width: 303;
        --item-left: 484;
        --item-bottom: 507;
        --item-rotate: 6deg;
        display: block;
        z-index: -1
    }
    .c-image-cards_item:nth-child(5) {
        --item-width: 414;
        --item-left: 518;
        --item-bottom: 399;
        --item-rotate: -4deg;
        display: block;
        z-index: -1
    }
    .c-image-cards_item:nth-child(6) {
        --item-width: 303;
        --item-left: 864;
        --item-bottom: 432;
        --item-rotate: 10deg;
        display: block
    }
    .c-image-cards_item:nth-child(7) {
        --item-width: 207;
        --item-left: 851;
        --item-bottom: 639;
        --item-rotate: -25deg;
        display: block
    }
    .c-image-cards_item:nth-child(8) {
        --item-width: 207;
        --item-left: 943;
        --item-bottom: 628;
        --item-rotate: -8deg;
        display: block
    }
    .c-image-cards_item:nth-child(9) {
        --item-width: 276;
        --item-left: 1146;
        --item-bottom: 538;
        --item-rotate: -2deg;
        display: block
    }
    .c-image-cards_item:nth-child(10) {
        --item-width: 154;
        --item-left: 1228;
        --item-bottom: 733;
        --item-rotate: -4deg;
        display: block
    }
    .c-image-cards_item:nth-child(11) {
        --item-width: 414;
        --item-left: 1321;
        --item-bottom: 590;
        --item-rotate: -14deg;
        display: block
    }
    .c-image-cards_item:nth-child(12) {
        --item-width: 154;
        --item-left: 1509;
        --item-bottom: 684;
        --item-rotate: -5deg;
        display: block
    }
    .c-image-cards_item-inner {
        height: calc(var(--image-width)/(var(--width)/var(--height)));
        transform: translate(-100%, 100%);
        width: var(--image-width)
    }
    html.is-ready .c-image-cards.is-inview .c-image-cards_item-inner {
        transform: translate3d(-50%, 50%, 0)rotate(var(--item-rotate, 0))
    }
    @media (prefers-reduced-motion:no-preference) {
        html.is-ready .c-image-cards.is-inview .c-image-cards_item-inner {
            transition: transform var(--duration)var(--easing);
            transition-delay: var(--delay)
        }
    }
    .c-gallery {
        --image-ratio: 1.6
    }
    @media (width>=1000px) {
        .c-gallery {
            position: relative
        }
    }
    @media (width<=1000px) {
        .c-gallery {
            display: flex;
            flex-direction: column-reverse;
            row-gap: calc(var(--spacing)*3)
        }
    }
    .c-gallery_swiper {
        display: block;
        margin-left: calc(var(--grid-margin)*-1);
        margin-right: calc(var(--grid-margin)*-1);
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin)
    }
    .c-gallery_image {
        aspect-ratio: var(--image-ratio);
        position: relative
    }
    @media (width<=1000px) {
        .c-gallery_image {
            width: auto
        }
    }
    @media (width>=1000px) {
        .c-gallery_image {
            width: calc(var(--vw, 1vw)*100*1 - var(--grid-margin, 0px)*2*1 - var(--grid-gutter, 0px)*0 + var(--grid-gutter, 0px)*0)
        }
        .c-gallery_nav-container {
            left: calc(var(--spacing)*0);
            padding-top: calc(1/var(--image-ratio)*100%);
            pointer-events: none;
            position: absolute;
            top: calc(var(--spacing)*0);
            width: 100%;
            z-index: var(--z-index-above)
        }
    }
    .c-gallery_nav {
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1);
        display: flex
    }
    @media (width>=1000px) {
        .c-gallery_nav {
            padding-top: calc(var(--spacing)*2);
            pointer-events: auto
        }
    }
    .c-approach-vision {
        --mask-rail-speed: 25s;
        display: flex;
        flex-direction: column;
        position: relative
    }
    @media (prefers-reduced-motion:reduce) {
        .c-approach-vision {
            margin-top: var(--spacing-fluid-2xl)
        }
    }
    .c-input-text {
        --outline-color: var(--color-white);
        background-color: var(--input-background-color);
        border-radius: var(--radius-sm);
        display: flex;
        flex-direction: column;
        padding: 20px 24px;
        position: relative
    }
    :is(.c-input-text:has(.c-input-text_input:focus-visible),
    .c-input-text:has(.c-input-text_input:user-invalid)) {
        outline: 1px solid var(--outline-color)
    }
    .c-input-text:has(.c-input-text_input:user-invalid) {
        --outline-color: #fd5959;
        --input-background-color: #4358c8
    }
    .c-input-text_input {
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height));
        transition: transform var(--transition-duration-fast)var(--ease)
    }
    .c-input-text_input.-has-value,
    .c-input-text_input:focus-visible {
        outline: none;
        transform: translateY(6px)
    }
    .c-input-text_input:-webkit-autofill {
        box-shadow: 0 0 0 1000px var(--input-background-color)inset !important;
        -webkit-transition: background-color 5000s ease-in-out;
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: #fff !important;
        background-clip: content-box !important;
        background-color: var(--input-background-color) !important
    }
    .c-input-text_label {
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height));
        --tw-leading: 1;
        color: var(--color-grey);
        height: 20px;
        line-height: 1;
        opacity: .7;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transform-origin: 0;
        transition: all var(--transition-duration-fast)var(--ease)
    }
    .c-input-text_input.-has-value~.c-input-text_label,
    .c-input-text_input:focus-visible~.c-input-text_label {
        top: 10px;
        transform: scale(.6)
    }
    .c-textarea {
        --outline-color: var(--color-white);
        background-color: var(--input-background-color);
        border-radius: var(--radius-sm);
        display: flex;
        flex-direction: column;
        padding: 20px 24px;
        position: relative
    }
    .c-contact-form .c-textarea {
        min-height: 200px
    }
    :is(.c-textarea:has(.c-textarea_input:focus-visible),
    .c-textarea:has(.c-textarea_input:user-invalid)) {
        outline: 1px solid var(--outline-color)
    }
    .c-textarea:has(.c-textarea_input:user-invalid) {
        --outline-color: #fd5959;
        --input-background-color: #4358c8
    }
    .c-textarea_input {
        flex: 1;
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height));
        resize: none;
        transition: transform var(--transition-duration-fast)var(--ease)
    }
    .c-textarea_input.-has-value,
    .c-textarea_input:focus-visible {
        outline: none;
        transform: translateY(6px)
    }
    .c-textarea_label {
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height));
        --tw-leading: 1;
        color: var(--color-grey);
        height: 20px;
        line-height: 1;
        opacity: .7;
        pointer-events: none;
        position: absolute;
        transform: translateY(8px);
        transform-origin: 0;
        transition: transform var(--transition-duration-fast)var(--ease)
    }
    .c-textarea_input.-has-value~.c-textarea_label,
    .c-textarea_input:focus-visible~.c-textarea_label {
        transform: scale(.6)translateY(-17.5px)
    }
    .c-modal-video {
        --modal-background-color: transparent;
        --modal-padding: var(--grid-gutter)var(--grid-margin);
        --media-accent-color: var(--color-royal)
    }
    .c-modal-video_close {
        pointer-events: auto;
        position: absolute;
        right: var(--grid-gutter);
        top: var(--grid-gutter);
        z-index: 10
    }
    .c-modal-video:not(.is-active) .c-modal-video_close {
        transform: translate3d(0, calc(-100% - var(--grid-gutter)), 0)
    }
    html.is-ready .c-modal-video_close {
        transition: transform var(--transition-duration)var(--ease-out)
    }
    .c-modal-video_container {
        pointer-events: none;
        width: 100%
    }
    .c-modal-video_inner {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%
    }
    .c-modal-video:not(.is-active) .c-modal-video_inner {
        opacity: 0;
        transform: translateY(20%)
    }
    html.is-ready .c-modal-video_inner {
        transition: opacity var(--transition-duration)var(--ease-out), transform var(--transition-duration)var(--ease-out)
    }
    .c-modal-video_player {
        aspect-ratio: 16/9;
        clip-path: inset(0 round var(--radius-sm));
        pointer-events: auto
    }
    .c-inline-video {
        display: block;
        height: 100%;
        position: relative;
        width: 100%
    }
    .c-radio {
        --outline-color: var(--color-white)
    }
    .c-radio,
    .c-radio_label {
        border-radius: var(--radius-sm)
    }
    .c-radio_label {
        background-color: var(--input-background-color);
        cursor: pointer;
        display: block;
        font-size: var(--text-h5);
        height: 100%;
        letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
        line-height: var(--tw-leading, var(--text-h5--line-height));
        padding-block: calc(var(--spacing)*8);
        padding-inline: calc(var(--spacing)*11);
        transition: background-color var(--transition-duration-fast), color var(--transition-duration-fast);
        width: 100%
    }
    @media (width>=1000px) {
        .c-radio_label {
            padding-inline: calc(var(--spacing)*20)
        }
    }
    @media (width>=1200px) {
        .c-radio_label {
            font-size: var(--text-h6);
            letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
            line-height: var(--tw-leading, var(--text-h6--line-height))
        }
    }
    .c-radio_input {
        opacity: 0;
        position: absolute
    }
    :is(.c-radio:has(.c-radio_input:focus-visible),
    .c-radio:has(.c-radio_input:user-invalid)) {
        outline: 1px solid var(--outline-color)
    }
    .c-radio:has(.c-radio_input:user-invalid) {
        --outline-color: #fd5959;
        --input-background-color: #4358c8
    }
    .c-radio_input:checked+.c-radio_label {
        background-color: var(--active-input-background-color);
        color: var(--active-input-color)
    }
    .c-people {
        overflow: hidden;
        padding-top: calc(var(--header-height) + var(--sticky-nav-height));
        position: relative;
        z-index: var(--z-index-above)
    }
    .c-people_cover {
        left: calc(var(--spacing)*0);
        -webkit-mask-image: -webkit-linear-gradient(90deg, #0000, #000 50%);
        position: absolute;
        top: calc(var(--spacing)*0);
        transform: translateY(-50%);
        width: calc(var(--vw, 1vw)*100);
        z-index: var(--z-index-below)
    }
    .c-people_cover_img {
        filter: blur(74px);
        margin-left: -10%;
        width: 120%
    }
    .c-people_inner {
        background-color: var(--color-white);
        border-radius: var(--radius-sm);
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: var(--unit-sm);
        width: 100%
    }
    .c-people_infos {
        display: grid;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: calc(var(--spacing)*2)
    }
    .c-people_description {
        display: flex;
        flex-direction: column;
        margin-top: auto;
        padding-top: var(--spacing-fluid-3xl);
        row-gap: calc(var(--spacing)*6)
    }
    .c-dialog {
        background-color: #0000;
        border: none;
        margin: 0;
        max-height: 100lvh;
        max-width: inherit;
        padding: 0;
        position: relative
    }
    @media (width<=1000px) {
        .c-dialog {
            --modal-padding: 0;
            --modal-background-color: var(--color-white)
        }
    }
    @media (width>=1000px) {
        .c-dialog {
            --modal-padding: var(--header-gutter);
            --modal-background-color: transparent
        }
    }
    .c-dialog_container {
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 2
    }
    .c-dialog:not(.is-active) .c-dialog_container {
        opacity: 0;
        transform: translateY(100px)
    }
    html.is-loaded .c-dialog_container {
        transition: opacity var(--transition-duration)var(--ease-custom), transform var(--transition-duration)var(--ease-custom)
    }
    .c-dialog_close {
        z-index: 2
    }
    @media (width<=1000px) {
        .c-dialog_close {
            bottom: var(--unit-md);
            left: calc(50% - var(--button-height)/2);
            margin-bottom: var(--unit-md);
            margin-top: var(--unit-md);
            position: sticky
        }
    }
    @media (width>=1000px) {
        .c-dialog_close {
            left: 100%;
            position: absolute;
            top: var(--modal-padding)
        }
    }
    .c-dialog_inner {
        margin: 0 auto;
        position: relative;
        width: 100%
    }
    @media (width>=1000px) {
        .c-dialog_inner {
            display: flex;
            max-width: var(--breakpoint-sm)
        }
    }
    .c-dialog_backdrop {
        cursor: default;
        inset: 0;
        position: absolute;
        z-index: 1
    }
    .c-dialog:not([open]) .c-dialog_backdrop {
        pointer-events: none
    }
    .c-embed-video {
        align-items: center;
        aspect-ratio: 16/10;
        background-color: var(--color-grey);
        clip-path: inset(0 round var(--radius-md));
        display: flex;
        justify-content: center;
        position: relative
    }
    .c-embed-video_button {
        position: relative;
        z-index: var(--z-index-above)
    }
    .c-embed-video_inner {
        z-index: 10
    }
    .c-embed-video_inner,
    .c-embed-video_thumbnail {
        height: 100%;
        left: calc(var(--spacing)*0);
        pointer-events: none;
        position: absolute;
        top: calc(var(--spacing)*0);
        width: 100%
    }
    .c-embed-video iframe {
        height: 100%;
        width: 100%
    }
    .c-tile-service {
        display: grid;
        height: 100%
    }
    .c-tile-service_ratio:before {
        content: "";
        float: left;
        padding-top: 100%
    }
    .c-tile-service_ratio:after {
        clear: both;
        content: "";
        display: table
    }
    .c-tile-service_inner {
        border-radius: var(--radius-sm);
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding: calc(var(--spacing)*3);
        position: relative
    }
    [data-theme=light] .c-tile-service_inner {
        background-color: var(--color-grey)
    }
    [data-theme=blue] .c-tile-service_inner {
        background-color: var(--color-placeholder)
    }
    .c-tile-service_button {
        position: absolute;
        right: 4px;
        top: 4px
    }
    .c-tile-service_title {
        max-width: 75%
    }
    .c-tile-service_title.-link:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .c-solution {
        padding-top: calc(var(--header-height) + var(--sticky-nav-height));
        position: relative;
        z-index: var(--z-index-above)
    }
    .c-solution_inner {
        display: flex;
        flex-direction: column;
        gap: 4px
    }
    .c-solution_gradient {
        background-color: var(--color-grey);
        height: 80svh;
        left: 0;
        -webkit-mask-image: -webkit-linear-gradient(90deg, #0000, #000);
        position: absolute;
        top: 0;
        width: 100%;
        z-index: var(--z-index-below)
    }
    .c-solution_main {
        display: grid;
        flex-grow: 1
    }
    @media (width>=1000px) {
        .c-solution_main {
            border: 1px solid var(--color-grey);
            border-radius: var(--radius-sm)
        }
    }
    .c-solution_main_inner {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-fluid-3xl);
        height: 100%;
        justify-content: space-between;
        padding: var(--unit-sm)
    }
    .c-solution_bottom {
        border-radius: var(--radius-sm);
        display: grid
    }
    .c-solution_bottom_ratio:before {
        content: "";
        float: left;
        padding-top: 39.0879%
    }
    .c-solution_bottom_ratio:after {
        clear: both;
        content: "";
        display: table
    }
    .c-solution_bottom_inner {
        display: grid;
        gap: var(--grid-gutter);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 1fr auto;
        height: 100%;
        padding: var(--unit-sm)
    }
    .c-solution_description {
        grid-column-start: 2;
        grid-row-start: 2
    }
    .c-menu-toggler {
        align-items: center;
        display: flex;
        height: 30px;
        justify-content: center;
        pointer-events: auto;
        width: 30px
    }
    @media (width>=999px) {
        .c-menu-toggler {
            display: none
        }
    }
    @media (width<=1000px) {
        .c-menu-toggler {
            background-color: var(--header-button-background-inverted);
            border: 1px solid var(--header-button-border-inverted);
            border-radius: var(--radius-sm);
            height: var(--button-height);
            width: var(--button-height)
        }
        .c-menu .c-menu-toggler {
            color: var(--header-button-color-inverted)
        }
    }
    .c-tile-logo {
        align-items: flex-end;
        aspect-ratio: 8/5;
        background-color: var(--color-placeholder);
        border-radius: var(--radius-sm);
        display: flex;
        padding: 4px 8px;
        position: relative;
        z-index: 0
    }
    .c-tile-logo_image-container {
        inset: calc(var(--spacing)*0);
        padding: 10%;
        position: absolute;
        z-index: -1
    }
    .c-tile-logo_image {
        height: 100%;
        width: 100%
    }
    [data-theme=light] .c-tile-logo_image {
        filter: grayscale()
    }
    [data-theme=blue] .c-tile-logo_image {
        filter: grayscale()invert()
    }
    .theme-light .c-tile-logo_image {
        filter: grayscale()
    }
    .theme-blue .c-tile-logo_image {
        filter: grayscale()invert()
    }
    .c-tile-ordered {
        --color-text: var(--color-black);
        --color-background: var(--color-white);
        --color-accent: var(--color-royal);
        --color-placeholder: var(--color-grey);
        background-color: var(--color-background);
        border-radius: var(--radius-sm);
        color: var(--color-text);
        display: flex;
        flex-direction: column;
        gap: var(--spacing-fluid-xl);
        padding: clamp(1rem, .0435rem + 4.7826vw, 3.75rem)
    }
    .c-button-rail {
        border: 1px solid var(--color-white);
        border-radius: calc(var(--radius-md)*.5);
        overflow: hidden;
        width: var(--button-rail-width, 200px)
    }
    .c-button-rail,
    .c-button-rail_inner {
        height: var(--button-rail-height, 34px)
    }
    .c-button-rail_inner {
        align-items: center;
        display: flex;
        pointer-events: none;
        transition: transform var(--transition-duration)var(--ease-out);
        white-space: nowrap
    }
    .c-button-rail_inner:first-child {
        color: var(--color-white)
    }
    .c-button-rail_inner:nth-child(2) {
        background-color: var(--color-white);
        color: var(--color-royal)
    }
    @media (hover:hover) {
        .c-button-rail:focus-visible .c-button-rail_inner,
        .c-button-rail:hover .c-button-rail_inner,
        .c-home-hero_button:focus-visible+.c-button-rail .c-button-rail_inner,
        .c-home-hero_button:hover+.c-button-rail .c-button-rail_inner {
            transform: translateY(-100%)
        }
    }
    .c-button-rail_list {
        align-items: center;
        animation: rail 6s linear infinite;
        display: flex;
        height: 100%;
        white-space: nowrap
    }
    .c-button-rail_inner:nth-child(2) .c-button-rail_list {
        animation-direction: reverse
    }
    @keyframes rail {
        0% {
            transform: translate(0)
        }
        to {
            transform: translate(-100%)
        }
    }
    .c-statistic {
        border-color: var(--color-grey);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        display: flex;
        margin-bottom: var(--spacing-fluid-lg);
        padding-block: var(--spacing-unit-md)
    }
    @media (width<=700px) {
        .c-statistic {
            flex-direction: column-reverse;
            row-gap: var(--spacing-fluid-lg)
        }
    }
    @media (width>=700px) {
        .c-statistic_value {
            flex: auto
        }
    }
    @media (width<=700px) {
        .c-statistic_details {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter);
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (width>=700px) {
        .c-statistic_details {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            row-gap: calc(var(--spacing)*6);
            width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1000px) {
        .c-statistic_details {
            width: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    .c-table-listing {
        display: flex;
        flex-direction: column;
        row-gap: var(--spacing-fluid-2xl)
    }
    .c-table-listing_inner {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        row-gap: var(--unit-md)
    }
    @media (width<=700px) {
        .c-table-listing_inner {
            display: flex;
            flex-direction: column
        }
    }
    @media (width>=700px) {
        .c-table-listing_inner {
            display: grid
        }
    }
    @media (width>=700px) and (width<=1199px) {
        .c-table-listing_inner {
            grid-template-columns: auto 1fr calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=1200px) {
        .c-table-listing_inner {
            grid-template-columns: auto 1fr calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*0)
        }
    }
    @media (width>=700px) {
        .c-table-listing_item {
            display: contents
        }
    }
    .c-table-listing_item_inner {
        border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
        padding: var(--unit-sm)0
    }
    @media (width>=700px) {
        .c-table-listing_item_inner {
            display: grid;
            grid-column: 1/-1;
            grid-template-columns: subgrid
        }
    }
    @media (width<=700px) {
        .c-table-listing_item_inner {
            display: flex;
            flex-direction: column;
            row-gap: var(--unit-sm)
        }
    }
    .c-select {
        --outline-color: var(--color-white);
        background-color: var(--input-background-color);
        border-radius: var(--radius-sm);
        display: flex;
        flex-direction: column;
        padding: 20px 24px;
        position: relative
    }
    :is(.c-select:has(.c-select_input:focus-visible),
    .c-select:has(.c-select_input:user-invalid)) {
        outline: 1px solid var(--outline-color)
    }
    .c-select:has(.c-select_input:user-invalid) {
        --outline-color: #fd5959;
        --input-background-color: #4358c8
    }
    .c-select_input {
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height));
        transition: transform var(--transition-duration-fast)var(--ease)
    }
    .c-select_input.-has-value,
    .c-select_input:focus-visible {
        outline: none
    }
    .c-select_input option {
        background-color: var(--input-background-color)
    }
    .c-mask-rail {
        border: 1px solid var(--color-white);
        border-radius: calc(var(--radius-md)*.5);
        color: var(--mask-rail-color, var(--color-white));
        overflow: hidden;
        width: var(--mask-rail-width, 200px)
    }
    .c-mask-rail_inner {
        pointer-events: none
    }
    .c-mask-rail_inner,
    .c-mask-rail_list {
        align-items: center;
        display: flex;
        white-space: nowrap
    }
    .c-mask-rail_list {
        animation: rail linear infinite;
        animation-duration: var(--mask-rail-speed, 15s);
        height: 100%
    }
    .c-mask-rail_inner:nth-child(2) .c-mask-rail_list {
        animation-direction: reverse
    }
    .c-mask-rail_label {
        color: var(--mask-rail-color, var(--color-white));
        font-size: var(--text-h3);
        letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
        line-height: var(--tw-leading, var(--text-h3--line-height));
        padding-bottom: .1em;
        padding-right: calc(var(--spacing)*3)
    }
}

@layer utilities {
    .\@container {
        container-type: inline-size
    }
    .pointer-events-auto {
        pointer-events: auto
    }
    .pointer-events-none {
        pointer-events: none
    }
    .modal {
        display: flex;
        height: 100dvh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--modal-z-index, var(--z-index-modal))
    }
    .modal:before {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: color-mix(in oklab, var(--color-black)10%, transparent);
        content: "";
        inset: calc(var(--spacing)*0);
        position: fixed;
        transition: opacity var(--modal-transition-duration, var(--transition-duration-slow));
        z-index: var(--z-index-below)
    }
    .modal:not(.is-active) {
        transition: visibility var(--modal-transition-duration, var(--transition-duration-slow));
        visibility: hidden
    }
    .modal:not(.is-active):before {
        opacity: 0
    }
    .\ !visible {
        visibility: visible !important
    }
    .collapse {
        visibility: collapse
    }
    .invisible {
        visibility: hidden
    }
    .visible {
        visibility: visible
    }
    .visible\ ! {
        visibility: visible !important
    }
    .loading_spinner {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: min(100%, 100vh);
        justify-content: center;
        left: calc(var(--spacing)*0);
        position: sticky;
        top: calc(var(--spacing)*0);
        width: 100%
    }
    .loading_spinner:before {
        animation: spin var(--transition-duration-fast)linear infinite;
        border-bottom: 2px solid var(--color-accent);
        border-left: 2px solid #0000;
        border-radius: 100%;
        border-right: 2px solid var(--color-accent);
        border-top: 2px solid #0000;
        content: "";
        display: block;
        height: 2em;
        width: 2em
    }
    .link-bg:before {
        left: 0;
        top: 0;
        z-index: var(--z-index-above)
    }
    .link-bg:after,
    .link-bg:before {
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }
    .link-bg:after {
        background-color: var(--color-placeholder);
        border-radius: 4px;
        box-sizing: content-box;
        left: calc(var(--grid-gutter)*-.5);
        opacity: 0;
        padding: calc(var(--grid-gutter)*.5);
        top: calc(var(--grid-gutter)*-.5);
        transition: opacity var(--transition-duration-fast);
        z-index: -1
    }
    @media (hover:hover) {
        .hover-parent:hover .link-bg,
        .link-bg:hover {
            text-decoration: underline
        }
        .hover-parent:hover .link-bg:after,
        .link-bg:hover:after {
            opacity: 1
        }
    }
    .sticky-scrollable {
        margin-left: calc(var(--unit-sm)*-1);
        margin-right: calc(var(--unit-sm)*-1);
        margin-top: calc(var(--unit-sm)*-1);
        max-height: calc(100svh - var(--header-area));
        overflow-y: auto;
        padding: var(--unit-sm) var(--unit-sm) calc(var(--spacing)*6);
        position: sticky;
        top: var(--header-area)
    }
    @media (hover:hover) {
        .hover-underline {
            cursor: pointer;
            position: relative
        }
        .hover-underline:before {
            background-color: currentColor;
            bottom: 0;
            content: "";
            height: max(1px, .05em);
            left: 0;
            position: absolute;
            transform: scaleX(0);
            transform-origin: 100% 0;
            transition: transform var(--transition-duration-med)var(--ease-custom);
            width: 100%
        }
        .hover-parent:hover .hover-underline:before,
        .hover-underline:hover:before {
            transform: scaleX(1);
            transform-origin: 0 0
        }
    }
    .sr-only {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
    .loading {
        display: none;
        height: 100%;
        left: calc(var(--spacing)*0);
        position: absolute;
        top: calc(var(--spacing)*0);
        width: 100%;
        z-index: var(--z-index-above)
    }
    .is-animating>.loading {
        display: block
    }
    .\ !absolute {
        position: absolute !important
    }
    .\ !relative {
        position: relative !important
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .inset-0 {
        inset: calc(var(--spacing)*0)
    }
    .start-1 {
        inset-inline-start: calc(var(--spacing)*1)
    }
    .end-1 {
        inset-inline-end: calc(var(--spacing)*1)
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .top-1 {
        top: calc(var(--spacing)*1)
    }
    .top-2 {
        top: calc(var(--spacing)*2)
    }
    .top-3 {
        top: calc(var(--spacing)*3)
    }
    .top-5 {
        top: calc(var(--spacing)*5)
    }
    .top-6 {
        top: calc(var(--spacing)*6)
    }
    .top-10 {
        top: calc(var(--spacing)*10)
    }
    .top-\[0px\] {
        top: 0
    }
    .top-\[4px\] {
        top: 4px
    }
    .top-\[50\%\] {
        top: 50%
    }
    .right-\[4px\] {
        right: 4px
    }
    .right-unit-md {
        right: var(--spacing-unit-md)
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .bottom-6 {
        bottom: calc(var(--spacing)*6)
    }
    .bottom-\[3rem\] {
        bottom: 3rem
    }
    .bottom-unit-md {
        bottom: var(--spacing-unit-md)
    }
    .left-0 {
        left: calc(var(--spacing)*0)
    }
    .left-2 {
        left: calc(var(--spacing)*2)
    }
    .left-\[50\%\] {
        left: 50%
    }
    .isolate {
        isolation: isolate
    }
    .\ !z {
        z-index: var(--z-index) !important
    }
    .-z-\[1\] {
        z-index: -1
    }
    .z {
        z-index: var(--z-index)
    }
    .z-0 {
        z-index: 0
    }
    .z-2 {
        z-index: 2
    }
    .z-10 {
        z-index: 10
    }
    .z-\[5\] {
        z-index: 5
    }
    .z-\[10\] {
        z-index: 10
    }
    .z-above {
        z-index: var(--z-index-above)
    }
    .z-below {
        z-index: var(--z-index-below)
    }
    .col-span-1 {
        grid-column: span 1/span 1
    }
    .col-span-2 {
        grid-column: span 2/span 2
    }
    .col-span-3 {
        grid-column: span 3/span 3
    }
    .col-span-4 {
        grid-column: span 4/span 4
    }
    .col-span-full {
        grid-column: 1/-1
    }
    .col-start-1 {
        grid-column-start: 1
    }
    .col-start-2 {
        grid-column-start: 2
    }
    .col-start-10 {
        grid-column-start: 10
    }
    .col-end-13 {
        grid-column-end: 13
    }
    .row-start-2 {
        grid-row-start: 2
    }
    .row-start-3 {
        grid-row-start: 3
    }
    .float-right {
        float: right
    }
    @media (width>=339px) {
        .\ !container {
            max-width: 339px !important
        }
    }
    @media (width>=340px) {
        .\ !container {
            max-width: 340px !important
        }
    }
    @media (width>=499px) {
        .\ !container {
            max-width: 499px !important
        }
    }
    @media (width>=500px) {
        .\ !container {
            max-width: 500px !important
        }
    }
    @media (width>=699px) {
        .\ !container {
            max-width: 699px !important
        }
    }
    @media (width>=700px) {
        .\ !container {
            max-width: 700px !important
        }
    }
    @media (width>=999px) {
        .\ !container {
            max-width: 999px !important
        }
    }
    @media (width>=1000px) {
        .\ !container {
            max-width: 1000px !important
        }
    }
    @media (width>=1199px) {
        .\ !container {
            max-width: 1199px !important
        }
    }
    @media (width>=1200px) {
        .\ !container {
            max-width: 1200px !important
        }
    }
    @media (width>=1399px) {
        .\ !container {
            max-width: 1399px !important
        }
    }
    @media (width>=1400px) {
        .\ !container {
            max-width: 1400px !important
        }
    }
    @media (width>=1599px) {
        .\ !container {
            max-width: 1599px !important
        }
    }
    @media (width>=1600px) {
        .\ !container {
            max-width: 1600px !important
        }
    }
    @media (width>=1799px) {
        .\ !container {
            max-width: 1799px !important
        }
    }
    @media (width>=1800px) {
        .\ !container {
            max-width: 1800px !important
        }
    }
    @media (width>=1999px) {
        .\ !container {
            max-width: 1999px !important
        }
    }
    @media (width>=2000px) {
        .\ !container {
            max-width: 2000px !important
        }
    }
    @media (width>=2399px) {
        .\ !container {
            max-width: 2399px !important
        }
    }
    @media (width>=2400px) {
        .\ !container {
            max-width: 2400px !important
        }
    }
    @media (width>=339px) {
        .container {
            max-width: 339px
        }
    }
    @media (width>=340px) {
        .container {
            max-width: 340px
        }
    }
    @media (width>=499px) {
        .container {
            max-width: 499px
        }
    }
    @media (width>=500px) {
        .container {
            max-width: 500px
        }
    }
    @media (width>=699px) {
        .container {
            max-width: 699px
        }
    }
    @media (width>=700px) {
        .container {
            max-width: 700px
        }
    }
    @media (width>=999px) {
        .container {
            max-width: 999px
        }
    }
    @media (width>=1000px) {
        .container {
            max-width: 1000px
        }
    }
    @media (width>=1199px) {
        .container {
            max-width: 1199px
        }
    }
    @media (width>=1200px) {
        .container {
            max-width: 1200px
        }
    }
    @media (width>=1399px) {
        .container {
            max-width: 1399px
        }
    }
    @media (width>=1400px) {
        .container {
            max-width: 1400px
        }
    }
    @media (width>=1599px) {
        .container {
            max-width: 1599px
        }
    }
    @media (width>=1600px) {
        .container {
            max-width: 1600px
        }
    }
    @media (width>=1799px) {
        .container {
            max-width: 1799px
        }
    }
    @media (width>=1800px) {
        .container {
            max-width: 1800px
        }
    }
    @media (width>=1999px) {
        .container {
            max-width: 1999px
        }
    }
    @media (width>=2000px) {
        .container {
            max-width: 2000px
        }
    }
    @media (width>=2399px) {
        .container {
            max-width: 2399px
        }
    }
    @media (width>=2400px) {
        .container {
            max-width: 2400px
        }
    }
    @media (width>=339px) {
        .container\ ! {
            max-width: 339px !important
        }
    }
    @media (width>=340px) {
        .container\ ! {
            max-width: 340px !important
        }
    }
    @media (width>=499px) {
        .container\ ! {
            max-width: 499px !important
        }
    }
    @media (width>=500px) {
        .container\ ! {
            max-width: 500px !important
        }
    }
    @media (width>=699px) {
        .container\ ! {
            max-width: 699px !important
        }
    }
    @media (width>=700px) {
        .container\ ! {
            max-width: 700px !important
        }
    }
    @media (width>=999px) {
        .container\ ! {
            max-width: 999px !important
        }
    }
    @media (width>=1000px) {
        .container\ ! {
            max-width: 1000px !important
        }
    }
    @media (width>=1199px) {
        .container\ ! {
            max-width: 1199px !important
        }
    }
    @media (width>=1200px) {
        .container\ ! {
            max-width: 1200px !important
        }
    }
    @media (width>=1399px) {
        .container\ ! {
            max-width: 1399px !important
        }
    }
    @media (width>=1400px) {
        .container\ ! {
            max-width: 1400px !important
        }
    }
    @media (width>=1599px) {
        .container\ ! {
            max-width: 1599px !important
        }
    }
    @media (width>=1600px) {
        .container\ ! {
            max-width: 1600px !important
        }
    }
    @media (width>=1799px) {
        .container\ ! {
            max-width: 1799px !important
        }
    }
    @media (width>=1800px) {
        .container\ ! {
            max-width: 1800px !important
        }
    }
    @media (width>=1999px) {
        .container\ ! {
            max-width: 1999px !important
        }
    }
    @media (width>=2000px) {
        .container\ ! {
            max-width: 2000px !important
        }
    }
    @media (width>=2399px) {
        .container\ ! {
            max-width: 2399px !important
        }
    }
    @media (width>=2400px) {
        .container\ ! {
            max-width: 2400px !important
        }
    }
    .m-1 {
        margin: calc(var(--spacing)*1)
    }
    .m-2 {
        margin: calc(var(--spacing)*2)
    }
    .\ !container {
        margin-inline: auto !important;
        padding-left: var(--grid-margin) !important;
        padding-right: var(--grid-margin) !important;
        width: 100% !important
    }
    .\ !container,
    .container {
        max-width: none !important
    }
    .container {
        margin-inline: auto;
        padding-left: var(--grid-margin);
        padding-right: var(--grid-margin);
        width: 100%
    }
    .container\ ! {
        margin-inline: auto !important;
        max-width: none !important;
        padding-left: var(--grid-margin) !important;
        padding-right: var(--grid-margin) !important;
        width: 100% !important
    }
    .container-sm {
        margin-inline: auto;
        max-width: none;
        padding-left: var(--grid-margin-sm);
        padding-right: var(--grid-margin-sm);
        width: 100%
    }
    .my-fluid-3xl {
        margin-block: var(--spacing-fluid-3xl)
    }
    .my-fluid-4xl {
        margin-block: var(--spacing-fluid-4xl)
    }
    .-mt-\[3\.5vw\] {
        margin-top: -3.5vw
    }
    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }
    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }
    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }
    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }
    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }
    .mt-14 {
        margin-top: calc(var(--spacing)*14)
    }
    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }
    .mt-28 {
        margin-top: calc(var(--spacing)*28)
    }
    .mt-fluid-2xl {
        margin-top: var(--spacing-fluid-2xl)
    }
    .mt-fluid-3xl {
        margin-top: var(--spacing-fluid-3xl)
    }
    .mt-fluid-4xl {
        margin-top: var(--spacing-fluid-4xl)
    }
    .mr-5 {
        margin-right: calc(var(--spacing)*5)
    }
    .mr-8 {
        margin-right: calc(var(--spacing)*8)
    }
    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }
    .mb-7 {
        margin-bottom: calc(var(--spacing)*7)
    }
    .mb-fluid-2xl {
        margin-bottom: var(--spacing-fluid-2xl)
    }
    .mb-fluid-4xl {
        margin-bottom: var(--spacing-fluid-4xl)
    }
    .mb-fluid-lg {
        margin-bottom: var(--spacing-fluid-lg)
    }
    .ml-5 {
        margin-left: calc(var(--spacing)*5)
    }
    .ai-badge {
        background-color: color-mix(in oklab, var(--color-black)15%, transparent);
        color: var(--color-white);
        --icon-width: 20px;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        clip-path: inset(0 round 12px);
        gap: 8px;
        padding: 8px
    }
    .ai-badge,
    .ai-badge-round {
        align-items: center;
        display: inline-flex
    }
    .ai-badge-round {
        background-color: color-mix(in oklab, var(--color-white)40%, transparent);
        color: var(--color-black);
        --icon-width: 32px;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        clip-path: inset(0 round 28px);
        padding: 20px
    }
    .theme-blue .ai-badge-round,
    [data-theme=blue] .ai-badge-round {
        background-color: color-mix(in oklab, var(--color-black)15%, transparent);
        color: var(--color-white)
    }
    .ai-badge-round[data-theme=light] .ai-badge-round,
    .theme-light .ai-badge-round {
        background-color: color-mix(in oklab, var(--color-white)40%, transparent);
        color: var(--color-black)
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .\ !hidden {
        display: none !important
    }
    .\ !inline {
        display: inline !important
    }
    .\ !table {
        display: table !important
    }
    .block {
        display: block
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-block {
        display: inline-block
    }
    .inline-flex {
        display: inline-flex
    }
    .list-item {
        display: list-item
    }
    .table {
        display: table
    }
    .table\ ! {
        display: table !important
    }
    .table-caption {
        display: table-caption
    }
    .table-cell {
        display: table-cell
    }
    .aspect-\[16\/10\] {
        aspect-ratio: 16/10
    }
    .aspect-\[171\/264\] {
        aspect-ratio: 171/264
    }
    .aspect-\[298\/400\] {
        aspect-ratio: 298/400
    }
    .aspect-\[1392\/252\] {
        aspect-ratio: 1392/252
    }
    .aspect-square {
        aspect-ratio: 1
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }
    .modal_inner {
        height: auto;
        min-height: 100%;
        padding: var(--modal-padding, var(--grid-gutter))
    }
    .size-1 {
        height: calc(var(--spacing)*1);
        width: calc(var(--spacing)*1)
    }
    .size-6 {
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*6)
    }
    .h-1 {
        height: calc(var(--spacing)*1)
    }
    .h-2 {
        height: calc(var(--spacing)*2)
    }
    .h-3 {
        height: calc(var(--spacing)*3)
    }
    .h-20 {
        height: calc(var(--spacing)*20)
    }
    .h-200 {
        height: calc(var(--spacing)*200)
    }
    .h-\[50vw\] {
        height: 50vw
    }
    .h-\[80vh\] {
        height: 80vh
    }
    .h-\[100svh\] {
        height: 100svh
    }
    .h-\[400vh\] {
        height: 400vh
    }
    .h-auto {
        height: auto
    }
    .h-auto\ ! {
        height: auto !important
    }
    .h-full {
        height: 100%
    }
    .h-screen {
        height: 100vh
    }
    .min-h-\[800px\] {
        min-height: 800px
    }
    .min-h-screen {
        min-height: 100vh
    }
    .w-1 {
        width: calc(var(--spacing)*1)
    }
    .w-10 {
        width: calc(var(--spacing)*10)
    }
    .w-20 {
        width: calc(var(--spacing)*20)
    }
    .w-\[55\%\] {
        width: 55%
    }
    .w-\[280px\] {
        width: 280px
    }
    .w-\[300px\] {
        width: 300px
    }
    .w-\[325px\] {
        width: 325px
    }
    .w-\[400px\] {
        width: 400px
    }
    .w-full {
        width: 100%
    }
    .w-screen {
        width: 100vw
    }
    .max-w-\[50\%\] {
        max-width: 50%
    }
    .max-w-\[65\%\] {
        max-width: 65%
    }
    .max-w-\[80\%\] {
        max-width: 80%
    }
    .max-w-\[200px\] {
        max-width: 200px
    }
    .max-w-\[260px\] {
        max-width: 260px
    }
    .max-w-\[300px\] {
        max-width: 300px
    }
    .max-w-\[320px\] {
        max-width: 320px
    }
    .max-w-\[350px\] {
        max-width: 350px
    }
    .max-w-\[400px\] {
        max-width: 400px
    }
    .max-w-\[510px\] {
        max-width: 510px
    }
    .max-w-\[700px\] {
        max-width: 700px
    }
    .max-w-\[932px\] {
        max-width: 932px
    }
    .max-w-\[1015px\] {
        max-width: 1015px
    }
    .max-w-full {
        max-width: 100%
    }
    .flex-1 {
        flex: 1
    }
    .shrink {
        flex-shrink: 1
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .flex-grow,
    .grow {
        flex-grow: 1
    }
    .border-collapse {
        border-collapse: collapse
    }
    .-translate-x-\[50\%\] {
        --tw-translate-x: -50%
    }
    .-translate-x-\[50\%\],
    .-translate-y-\[25\%\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-\[25\%\] {
        --tw-translate-y: -25%
    }
    .-translate-y-\[50\%\] {
        --tw-translate-y: -50%
    }
    .-translate-y-\[50\%\],
    .translate-y-\[100\%\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-\[100\%\] {
        --tw-translate-y: 100%
    }
    .translate-y-\[200\%\] {
        --tw-translate-y: 200%
    }
    .translate-y-\[200\%\],
    .translate-y-\[300\%\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-\[300\%\] {
        --tw-translate-y: 300%
    }
    .\ !transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y) !important
    }
    .hover-scale {
        clip-path: inset(0 round 4px);
        transition: clip-path .25s ease-out
    }
    .hover-scale .c-image_inner {
        transition: transform .25s ease-out
    }
    @media (hover:hover) {
        .hover-scale:hover,
        [data-anim]:hover .hover-scale {
            clip-path: inset(1% round 4px)
        }
        .hover-scale:hover .c-image_inner,
        [data-anim]:hover .hover-scale .c-image_inner {
            transform: scale(1.075)
        }
    }
    .transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
    }
    html.is-loaded .slide-in-up {
        animation: slideInUp var(--transition-duration-slow)var(--ease-out)calc(var(--transition-duration-fast) + var(--index, 0)*30ms)both
    }
    .resize {
        resize: both
    }
    .columns-1 {
        -moz-columns: 1;
        column-count: 1
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .grid-rows-\[1fr_auto_1fr\] {
        grid-template-rows: 1fr auto 1fr
    }
    .flex-col {
        flex-direction: column
    }
    .flex-col-reverse {
        flex-direction: column-reverse
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .items-start {
        align-items: flex-start
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .justify-start {
        justify-content: flex-start
    }
    .justify-items-end {
        justify-items: end
    }
    .gap-1 {
        gap: calc(var(--spacing)*1)
    }
    .gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .gap-3 {
        gap: calc(var(--spacing)*3)
    }
    .gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .gap-5 {
        gap: calc(var(--spacing)*5)
    }
    .gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .gap-7 {
        gap: calc(var(--spacing)*7)
    }
    .gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .gap-10 {
        gap: calc(var(--spacing)*10)
    }
    .gap-12 {
        gap: calc(var(--spacing)*12)
    }
    .gap-16 {
        gap: calc(var(--spacing)*16)
    }
    .gap-20 {
        gap: calc(var(--spacing)*20)
    }
    .gap-26 {
        gap: calc(var(--spacing)*26)
    }
    .gap-fluid-2xl {
        gap: var(--spacing-fluid-2xl)
    }
    .gap-fluid-3xl {
        gap: var(--spacing-fluid-3xl)
    }
    .gap-fluid-md {
        gap: var(--spacing-fluid-md)
    }
    .gap-fluid-sm {
        gap: var(--spacing-fluid-sm)
    }
    .gap-fluid-xl {
        gap: var(--spacing-fluid-xl)
    }
    .gap-gutter {
        gap: var(--grid-gutter)
    }
    .gap-x-1 {
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1)
    }
    .gap-x-2 {
        -moz-column-gap: calc(var(--spacing)*2);
        column-gap: calc(var(--spacing)*2)
    }
    .gap-x-5 {
        -moz-column-gap: calc(var(--spacing)*5);
        column-gap: calc(var(--spacing)*5)
    }
    .gap-x-gutter {
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
    .gap-y-0 {
        row-gap: calc(var(--spacing)*0)
    }
    .gap-y-0\.5 {
        row-gap: calc(var(--spacing)*.5)
    }
    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }
    .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }
    .gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }
    .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
    }
    .gap-y-9 {
        row-gap: calc(var(--spacing)*9)
    }
    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }
    .gap-y-fluid-2xl {
        row-gap: var(--spacing-fluid-2xl)
    }
    .gap-y-fluid-3xl {
        row-gap: var(--spacing-fluid-3xl)
    }
    .gap-y-fluid-lg {
        row-gap: var(--spacing-fluid-lg)
    }
    .gap-y-fluid-sm {
        row-gap: var(--spacing-fluid-sm)
    }
    .gap-y-fluid-xl {
        row-gap: var(--spacing-fluid-xl)
    }
    .modal_container {
        background-color: var(--modal-background-color, var(--color-royal));
        color: var(--modal-color, var(--color-white));
        overflow: auto
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .overflow-hidden,
    .truncate {
        overflow: hidden
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-\[4px\] {
        border-radius: 4px
    }
    .rounded-\[12px\] {
        border-radius: 12px
    }
    .rounded-full {
        border-radius: 3.40282e+38px
    }
    .rounded-sm {
        border-radius: var(--radius-sm)
    }
    .border,
    .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-grey {
        border-color: var(--color-grey)
    }
    .border-neutral-200 {
        border-color: var(--color-neutral-200)
    }
    .theme-blue {
        --color-text: var(--color-white);
        --color-background: var(--color-royal);
        --color-accent: var(--color-aqua);
        --color-placeholder: #346ae8;
        --input-background-color: var(--color-royal-dark);
        --active-input-background-color: var(--color-white);
        --active-input-color: var(--color-black)
    }
    .theme-blue,
    .theme-light {
        background-color: var(--color-background);
        color: var(--color-text)
    }
    .theme-light {
        --color-text: var(--color-black);
        --color-background: var(--color-white);
        --color-accent: var(--color-royal);
        --color-placeholder: var(--color-grey)
    }
    .bg-\[\#232020\] {
        background-color: #232020
    }
    .bg-\[var\(--color-placeholder\)\] {
        background-color: var(--color-placeholder)
    }
    .bg-aqua {
        background-color: var(--color-aqua)
    }
    .bg-black {
        background-color: var(--color-black)
    }
    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }
    .bg-grey {
        background-color: var(--color-grey)
    }
    .bg-royal {
        background-color: var(--color-royal)
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .p-1 {
        padding: calc(var(--spacing)*1)
    }
    .p-2 {
        padding: calc(var(--spacing)*2)
    }
    .p-3 {
        padding: calc(var(--spacing)*3)
    }
    .p-4 {
        padding: calc(var(--spacing)*4)
    }
    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }
    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }
    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }
    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }
    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }
    .py-25 {
        padding-block: calc(var(--spacing)*25)
    }
    .py-fluid-2xl {
        padding-block: var(--spacing-fluid-2xl)
    }
    .py-fluid-4xl {
        padding-block: var(--spacing-fluid-4xl)
    }
    .py-fluid-xl {
        padding-block: var(--spacing-fluid-xl)
    }
    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }
    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }
    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }
    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }
    .pt-fluid-2xl {
        padding-top: var(--spacing-fluid-2xl)
    }
    .pt-fluid-3xl {
        padding-top: var(--spacing-fluid-3xl)
    }
    .pt-fluid-4xl {
        padding-top: var(--spacing-fluid-4xl)
    }
    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }
    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }
    .pb-9 {
        padding-bottom: calc(var(--spacing)*9)
    }
    .pb-\[0\.1em\] {
        padding-bottom: .1em
    }
    .pb-fluid-2xl {
        padding-bottom: var(--spacing-fluid-2xl)
    }
    .pb-fluid-3xl {
        padding-bottom: var(--spacing-fluid-3xl)
    }
    .pb-fluid-4xl {
        padding-bottom: var(--spacing-fluid-4xl)
    }
    @media (width>=1000px) {
        .padding-container-sm {
            padding-left: calc(var(--grid-margin) - var(--grid-margin-sm))
        }
    }
    .text-center {
        text-align: center
    }
    .typo-mono {
        font-family: var(--font-mono);
        font-size: var(--text-mono);
        letter-spacing: var(--tw-tracking, var(--text-mono--letter-spacing));
        line-height: var(--tw-leading, var(--text-mono--line-height));
        text-transform: uppercase
    }
    .font-sans {
        font-family: var(--font-sans)
    }
    .typo-button {
        font-size: var(--text-button);
        font-weight: var(--tw-font-weight, var(--text-button--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-button--letter-spacing));
        line-height: var(--tw-leading, var(--text-button--line-height));
        text-transform: uppercase
    }
    .typo-label {
        font-size: var(--text-label);
        font-weight: var(--tw-font-weight, var(--text-label--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-label--letter-spacing));
        line-height: var(--tw-leading, var(--text-label--line-height));
        text-transform: uppercase
    }
    .typo-body {
        font-size: var(--text-body);
        letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing));
        line-height: var(--tw-leading, var(--text-body--line-height))
    }
    .typo-h1 {
        font-size: var(--text-h1);
        letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
        line-height: var(--tw-leading, var(--text-h1--line-height))
    }
    .typo-h2 {
        font-size: var(--text-h2);
        letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
        line-height: var(--tw-leading, var(--text-h2--line-height))
    }
    .typo-h3 {
        font-size: var(--text-h3);
        letter-spacing: var(--tw-tracking, var(--text-h3--letter-spacing));
        line-height: var(--tw-leading, var(--text-h3--line-height))
    }
    .typo-h4 {
        font-size: var(--text-h4);
        letter-spacing: var(--tw-tracking, var(--text-h4--letter-spacing));
        line-height: var(--tw-leading, var(--text-h4--line-height))
    }
    .typo-h5 {
        font-size: var(--text-h5);
        letter-spacing: var(--tw-tracking, var(--text-h5--letter-spacing));
        line-height: var(--tw-leading, var(--text-h5--line-height))
    }
    .typo-h6 {
        font-size: var(--text-h6);
        letter-spacing: var(--tw-tracking, var(--text-h6--letter-spacing));
        line-height: var(--tw-leading, var(--text-h6--line-height))
    }
    .typo-medium {
        font-size: var(--text-medium);
        letter-spacing: var(--tw-tracking, var(--text-medium--letter-spacing));
        line-height: var(--tw-leading, var(--text-medium--line-height))
    }
    .typo-small {
        font-size: var(--text-small);
        letter-spacing: var(--tw-tracking, var(--text-small--letter-spacing));
        line-height: var(--tw-leading, var(--text-small--line-height))
    }
    .typo-stats-md {
        font-size: var(--text-stats-md);
        font-weight: var(--tw-font-weight, var(--text-stats-md--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-stats-md--letter-spacing));
        line-height: var(--tw-leading, var(--text-stats-md--line-height))
    }
    .typo-stats-sm {
        font-size: var(--text-stats-sm);
        font-weight: var(--tw-font-weight, var(--text-stats-sm--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-stats-sm--letter-spacing));
        line-height: var(--tw-leading, var(--text-stats-sm--line-height))
    }
    .typo-xl {
        font-size: var(--text-xl);
        font-weight: var(--tw-font-weight, var(--text-xl--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    .typo-xxl {
        font-size: var(--text-xxl);
        font-weight: var(--tw-font-weight, var(--text-xxl--font-weight));
        letter-spacing: var(--tw-tracking, var(--text-xxl--letter-spacing));
        line-height: var(--tw-leading, var(--text-xxl--line-height))
    }
    .text-\[11px\] {
        font-size: 11px
    }
    .text-\[18px\] {
        font-size: 18px
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }
    .text-wrap {
        text-wrap: wrap
    }
    .color-accent {
        color: var(--color-accent)
    }
    .text-black {
        color: var(--color-black)
    }
    .text-current {
        color: currentColor
    }
    .text-neutral-400 {
        color: var(--color-neutral-400)
    }
    .text-royal {
        color: var(--color-royal)
    }
    .text-white {
        color: var(--color-white)
    }
    .capitalize {
        text-transform: capitalize
    }
    .lowercase {
        text-transform: lowercase
    }
    .uppercase {
        text-transform: uppercase
    }
    .italic {
        font-style: italic
    }
    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }
    .line-through {
        text-decoration-line: line-through
    }
    .overline {
        text-decoration-line: overline
    }
    .underline {
        text-decoration-line: underline
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .opacity-0 {
        opacity: 0
    }
    .opacity-10 {
        opacity: .1
    }
    .opacity-40 {
        opacity: .4
    }
    .opacity-50 {
        opacity: .5
    }
    .opacity-60 {
        opacity: .6
    }
    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }
    .ring,
    .shadow {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }
    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }
    .\ !blur {
        --tw-blur: blur(8px) !important;
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important
    }
    .blur {
        --tw-blur: blur(8px)
    }
    .blur,
    .drop-shadow {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f)
    }
    .\ !invert {
        --tw-invert: invert(100%) !important;
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important
    }
    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .\ !filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important
    }
    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }
    .\ !transition {
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important
    }
    .transition {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }
    .\ !ease {
        --tw-ease: var(--ease) !important;
        transition-timing-function: var(--ease) !important
    }
    .ease {
        --tw-ease: var(--ease);
        transition-timing-function: var(--ease)
    }
    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }
    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }
    .\[a-zA-Z0-9\:\.\%\] {
        a-zA-Z0-9: .%
    }
    .\[loadFonts\:API\] {
        loadFonts: API
    }
    .backface-hidden {
        backface-visibility: hidden
    }
    .select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        user-select: all
    }
    @media (hover:hover) {
        .hover\:underline:hover {
            text-decoration-line: underline
        }
        .hover\:opacity-100:hover {
            opacity: 1
        }
    }
    @media (width<1000px) {
        .max-md\:mt-fluid-xl {
            margin-top: var(--spacing-fluid-xl)
        }
    }
    @media (width<700px) {
        .max-sm\:hidden {
            display: none
        }
    }
    @media (width>=500px) {
        .xs\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }
    @media (width>=700px) {
        .sm\:col-start-3 {
            grid-column-start: 3
        }
        .sm\:col-end-11 {
            grid-column-end: 11
        }
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .sm\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }
        .sm\:flex-row {
            flex-direction: row
        }
        .sm\:flex-row-reverse {
            flex-direction: row-reverse
        }
        .sm\:items-end {
            align-items: flex-end
        }
        .sm\:gap-fluid-lg {
            gap: var(--spacing-fluid-lg)
        }
        .sm\:gap-gutter {
            gap: var(--grid-gutter)
        }
        .sm\:typo-h2 {
            font-size: var(--text-h2);
            letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
            line-height: var(--tw-leading, var(--text-h2--line-height))
        }
    }
    @media (width>=1000px) {
        .md\:relative {
            position: relative
        }
        .md\:sticky {
            position: sticky
        }
        .md\:top-\[1rem\] {
            top: 1rem
        }
        .md\:col-span-2 {
            grid-column: span 2/span 2
        }
        .md\:col-span-3 {
            grid-column: span 3/span 3
        }
        .md\:col-span-4 {
            grid-column: span 4/span 4
        }
        .md\:col-span-6 {
            grid-column: span 6/span 6
        }
        .md\:col-span-8 {
            grid-column: span 8/span 8
        }
        .md\:col-span-9 {
            grid-column: span 9/span 9
        }
        .md\:col-span-12 {
            grid-column: span 12/span 12
        }
        .md\:col-start-1 {
            grid-column-start: 1
        }
        .md\:col-start-3 {
            grid-column-start: 3
        }
        .md\:col-start-4 {
            grid-column-start: 4
        }
        .md\:col-start-5 {
            grid-column-start: 5
        }
        .md\:col-start-7 {
            grid-column-start: 7
        }
        .md\:col-start-8 {
            grid-column-start: 8
        }
        .md\:col-start-9 {
            grid-column-start: 9
        }
        .md\:col-end-3 {
            grid-column-end: 3
        }
        .md\:col-end-8 {
            grid-column-end: 8
        }
        .md\:col-end-10 {
            grid-column-end: 10
        }
        .md\:col-end-13 {
            grid-column-end: 13
        }
        .md\:-mt-\[2vw\] {
            margin-top: -2vw
        }
        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }
        .md\:mt-24 {
            margin-top: calc(var(--spacing)*24)
        }
        .md\:block {
            display: block
        }
        .md\:grid {
            display: grid
        }
        .md\:hidden {
            display: none
        }
        .md\:h-\[45vw\] {
            height: 45vw
        }
        .md\:h-\[calc\(100vh-2\.5rem\)\] {
            height: calc(100vh - 2.5rem)
        }
        .md\:w-auto {
            width: auto
        }
        .md\:max-w-\[90\%\] {
            max-width: 90%
        }
        .md\:max-w-none {
            max-width: none
        }
        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
        .md\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
        .md\:grid-cols-9 {
            grid-template-columns: repeat(9, minmax(0, 1fr))
        }
        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .md\:flex-col {
            flex-direction: column
        }
        .md\:flex-row {
            flex-direction: row
        }
        .md\:flex-wrap {
            flex-wrap: wrap
        }
        .md\:items-start {
            align-items: flex-start
        }
        .md\:justify-between {
            justify-content: space-between
        }
        .md\:gap-1 {
            gap: calc(var(--spacing)*1)
        }
        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }
        .md\:gap-10 {
            gap: calc(var(--spacing)*10)
        }
        .md\:gap-40 {
            gap: calc(var(--spacing)*40)
        }
        .md\:gap-gutter {
            gap: var(--grid-gutter)
        }
        .md\:gap-x-gutter {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter)
        }
        .md\:gap-y-20 {
            row-gap: calc(var(--spacing)*20)
        }
        .md\:gap-y-fluid-lg {
            row-gap: var(--spacing-fluid-lg)
        }
        .md\:pr-4 {
            padding-right: calc(var(--spacing)*4)
        }
        .md\:text-right {
            text-align: right
        }
        .md\:text-\[20px\] {
            font-size: 20px
        }
    }
    @media (width>=1200px) {
        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }
        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }
        .lg\:col-span-9 {
            grid-column: span 9/span 9
        }
        .lg\:col-span-12 {
            grid-column: span 12/span 12
        }
        .lg\:col-start-1 {
            grid-column-start: 1
        }
        .lg\:col-start-4 {
            grid-column-start: 4
        }
        .lg\:col-start-5 {
            grid-column-start: 5
        }
        .lg\:col-start-7 {
            grid-column-start: 7
        }
        .lg\:col-start-9 {
            grid-column-start: 9
        }
        .lg\:col-end-7 {
            grid-column-end: 7
        }
        .lg\:col-end-10 {
            grid-column-end: 10
        }
        .lg\:col-end-13 {
            grid-column-end: 13
        }
        .lg\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }
        .lg\:grid {
            display: grid
        }
        .lg\:aspect-\[5\/4\] {
            aspect-ratio: 5/4
        }
        .lg\:aspect-\[297\/368\] {
            aspect-ratio: 297/368
        }
        .lg\:h-auto {
            height: auto
        }
        .lg\:max-w-\[932px\] {
            max-width: 932px
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }
        .lg\:gap-18 {
            gap: calc(var(--spacing)*18)
        }
        .lg\:gap-gutter {
            gap: var(--grid-gutter)
        }
        .lg\:gap-x-gutter {
            -moz-column-gap: var(--grid-gutter);
            column-gap: var(--grid-gutter)
        }
        .lg\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }
    }
    @media (width>=1400px) {
        .xl\:col-start-4 {
            grid-column-start: 4
        }
        .xl\:col-start-10 {
            grid-column-start: 10
        }
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
        .xl\:typo-h1 {
            font-size: var(--text-h1);
            letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
            line-height: var(--tw-leading, var(--text-h1--line-height))
        }
    }
    @media (width>=1600px) {
        .\32 xl\:col-span-2 {
            grid-column: span 2/span 2
        }
        .\32 xl\:col-start-7 {
            grid-column-start: 7
        }
        .\32 xl\:col-start-10 {
            grid-column-start: 10
        }
        .\32 xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
    @media (width>=700px) {
        @container (width>=420px) {
            .sm\:\@min-\[420px\]\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
        }
        @container (width>=700px) {
            .sm\:\@min-\[700px\]\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .sm\:\@min-\[700px\]\:gap-fluid-lg {
                gap: var(--spacing-fluid-lg)
            }
        }
        @container (width>=800px) {
            .sm\:\@min-\[800px\]\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
        }
    }
    .\[\ {
        data\: t\
    }
    \]\:z:is() {
        z-index: var(--z-index)
    }
}

:root {
    --unit-sm: 10px;
    --unit-md: 20px;
    --grid-columns: 4;
    --grid-gutter: 16px;
    --grid-margin: 16px;
    --grid-margin-sm: 16px
}

@media (width>=1000px) {
    :root {
        --grid-columns: 12;
        --grid-gutter: 20px;
        --grid-margin: 96px;
        --grid-margin-sm: 12px
    }
}

@media (prefers-reduced-motion) {
    :root {
        --transition-duration-fast: 0s;
        --transition-duration: 0s;
        --transition-duration-slow: 0s;
        --transition-duration-slower: 0s;
        --transition-duration-slowest: 0s
    }
}

:root {
    --button-height: 44px;
    --header-height: 56px;
    --header-gutter: 12px;
    --header-area: calc(var(--header-height) + var(--header-gutter));
    --sticky-nav-height: 160px
}

@media (width>=700px) {
    :root {
        --header-height: 60px
    }
}

:root[data-theme=blue],
:root[data-theme] .theme-blue {
    --color-text: var(--color-white);
    --color-background: var(--color-royal);
    --color-accent: var(--color-aqua);
    --color-placeholder: #346ae8
}

:root[data-theme=light],
:root[data-theme] .theme-light {
    --color-text: var(--color-black);
    --color-background: var(--color-white);
    --color-accent: var(--color-royal);
    --color-placeholder: var(--color-grey)
}

:root {
    --input-background-color: var(--color-grey);
    --active-input-background-color: var(--color-black);
    --active-input-color: var(--color-white);
    --input-padding-x: 1em;
    --input-padding-y: 0.66667em;
    --input-placeholder-color: color-mix(in srgb, currentColor 40%, transparent);
    --input-border-color: color-mix(in srgb, currentColor 10%, transparent);
    --input-select-padding-right: calc(16px + var(--input-padding-right)*2);
    --wysiwyg-heading-multiplier: .9;
    --wysiwyg-heading-font-size: 30px;
    --wysiwyg-h1: calc(var(--wysiwyg-heading-font-size)*(2 - var(--wysiwyg-heading-multiplier)));
    --wysiwyg-h2: var(--wysiwyg-heading-font-size);
    --wysiwyg-h3: calc(var(--wysiwyg-h2)*var(--wysiwyg-heading-multiplier));
    --wysiwyg-h4: calc(var(--wysiwyg-h3)*var(--wysiwyg-heading-multiplier));
    --wysiwyg-h5: calc(var(--wysiwyg-h4)*var(--wysiwyg-heading-multiplier));
    --wysiwyg-h6: calc(var(--wysiwyg-h5)*var(--wysiwyg-heading-multiplier))
}

html.is-changing .transition-default {
    opacity: 1;
    transition: opacity .25s
}

html.is-animating .transition-default {
    opacity: 0
}

#listing.is-changing {
    transition: opacity var(--transition-duration)
}

#listing.is-animating {
    opacity: .4
}

:root {
    --_icon-width: 16px;
    --_icon-ratio: 1
}

.c-icon {
    fill: currentColor;
    display: inline-block;
    vertical-align: middle
}

.c-icon svg {
    --_icon-height: calc(var(--icon-width, var(--_icon-width))*1/(var(--icon-ratio, var(--_icon-ratio))));
    display: block;
    height: var(--icon-height, var(--_icon-height));
    width: var(--icon-width, var(--_icon-width))
}

.svg-facebook,
.svg-instagram,
.svg-linkedin,
.svg-pinterest,
.svg-youtube {
    --_icon-width: 22px
}

.svg-nenuphar {
    --_icon-width: 40px
}

.svg-chat {
    --_icon-width: 22px
}

.svg-monogram {
    --_icon-width: 28px;
    --_icon-ratio: 28/18
}

.svg-logo {
    --_icon-width: clamp(3.75rem, 3.0978rem + 3.2609vw, 5.625rem);
    --_icon-ratio: 90/20
}

.svg-menu {
    --_icon-width: 23px;
    --_icon-ratio: 23/15
}

.svg-close {
    --_icon-width: 22px
}

.svg-decagon {
    --_icon-width: calc(var(--header-height) - 4px);
    --_icon-ratio: 56/58
}

.svg-arrow-external,
.svg-chevron-down,
.svg-chevron-left,
.svg-chevron-right,
.svg-chevron-up,
.svg-plus {
    --_icon-width: 1em
}

.svg-impact-ia {
    --_icon-width: clamp(10.625rem, 6.538rem + 20.4348vw, 22.375rem);
    --_icon-ratio: 358/151
}

.svg-tile-scratch-01,
.svg-tile-scratch-02 {
    --_icon-width: 273px;
    --_icon-ratio: 273/344;
    --stroke-dasharray: 1120px
}

.svg-tile-scratch-03 {
    --_icon-width: 273px;
    --_icon-ratio: 273/344;
    --stroke-dasharray: 1293px
}

.svg-tile-scratch-04 {
    --_icon-width: 273px;
    --_icon-ratio: 273/344;
    --stroke-dasharray: 963px
}

.svg-tile-scratch-05 {
    --_icon-width: 273px;
    --_icon-ratio: 273/344;
    --stroke-dasharray: 1135px
}

.svg-tile-scratch-06 {
    --_icon-width: 273px;
    --_icon-ratio: 273/344;
    --stroke-dasharray: 1210px
}

.svg-profile {
    --_icon-width: 256px;
    --_icon-ratio: 1
}

.svg-main-dans-la-main {
    --_icon-width: clamp(11.25rem, 9.0761rem + 10.8696vw, 17.5rem);
    --_icon-ratio: 740/520
}

.c-tile-events {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (width>=700px) {
    .c-tile-events {
        flex-direction: row
    }
}

.c-tile-events_visual {
    aspect-ratio: 403/251;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (width>=700px) {
    .c-tile-events_visual {
        width: calc(var(--vw, 1vw)*100*.33333 - var(--grid-margin, 0px)*2*.33333 - var(--grid-gutter, 0px)*.66667 + var(--grid-gutter, 0px)*0)
    }
}

.c-tile-location {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@keyframes anim-chat-icon {
    0% {
        transform: translate(0)
    }
    20% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(-100%)
    }
}

c-svg-underline .line {
    font-style: normal;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

c-svg-underline .line svg {
    height: 1.4em;
    pointer-events: none;
    width: 100%;
    stroke: var(--stroke-color, var(--color-aqua));
    bottom: -1.1em;
    left: 0;
    position: absolute;
    z-index: -1
}

c-svg-underline .line svg path {
    fill: none;
    stroke-width: 1px;
    stroke-linecap: round;
    stroke-dashoffset: var(--path-length);
    stroke-dasharray: var(--path-length);
    transition: none
}

.is-inview c-svg-underline .line svg path {
    stroke-dashoffset: 0
}

html.is-loaded .is-inview c-svg-underline .line svg path {
    transition: stroke-dashoffset var(--transition-duration-slow)var(--ease)calc(.25s*var(--path-index))
}

.c-expertises-listing_image_container {
    aspect-ratio: 171/215;
    background-color: var(--color-placeholder);
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: calc(var(--vw, 1vw)*100*.5 - var(--grid-margin, 0px)*2*.5 - var(--grid-gutter, 0px)*.5 + var(--grid-gutter, 0px)*0)
}

@media (width>=1000px) {
    .c-expertises-listing_image_container {
        width: calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*0)
    }
}

@media (width>=1200px) {
    .c-expertises-listing_image_container {
        margin-right: calc(var(--vw, 1vw)*100*.08333 - var(--grid-margin, 0px)*2*.08333 - var(--grid-gutter, 0px)*.91667 + var(--grid-gutter, 0px)*0 + var(--grid-gutter))
    }
}

.c-expertises-listing_image {
    background-color: var(--color-grey);
    border-radius: var(--radius-sm);
    height: 100%;
    left: calc(var(--spacing)*0);
    position: absolute;
    top: calc(var(--spacing)*0);
    transform: translateY(100%);
    width: 100%
}

.c-expertises-listing_image:first-of-type {
    transform: translateY(0)
}

@media (width>=1200px) {
    .c-expertises-listing_heading {
        max-width: calc(var(--vw, 1vw)*100*.41667 - var(--grid-margin, 0px)*2*.41667 - var(--grid-gutter, 0px)*.58333 + var(--grid-gutter, 0px)*0)
    }
}

.c-fullscreen-showcase {
    --mask-rail-color: var(--color-black);
    --mask-rail-speed: 25s;
    --content-appear-offset: calc(var(--lvh, 1lvh)*0)
}

@media (width<=699px) {
    .c-fullscreen-showcase_title {
        text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
    }
}

@media (width>=700px) and (width<=1199px) {
    .c-fullscreen-showcase_title {
        text-indent: calc(var(--vw, 1vw)*100*.25 - var(--grid-margin, 0px)*2*.25 - var(--grid-gutter, 0px)*.75 + var(--grid-gutter, 0px)*1)
    }
}

@media (width>=1200px) {
    .c-fullscreen-showcase_title {
        text-indent: min(220px, calc(var(--vw, 1vw)*100*.16667 - var(--grid-margin, 0px)*2*.16667 - var(--grid-gutter, 0px)*.83333 + var(--grid-gutter, 0px)*1))
    }
}

.c-fullscreen-description_image {
    transform: scale(1.4)translate3d(0, calc(-10% + var(--progress)*10%), 0)
}

.c-easter-egg {
    background-color: var(--color-royal)
}

.c-easter-egg_inner {
    height: 200vh;
    position: relative
}

@media (prefers-reduced-motion) {
    .c-easter-egg_inner {
        height: 100vh
    }
}

.c-easter-egg_logo {
    background-color: var(--color-royal);
    clip-path: inset(0);
    left: 50%;
    padding: 1rem;
    position: absolute;
    top: 45%;
    transform: translate(-50%)translateY(-50%);
    width: 100%;
    z-index: 30
}

.c-easter-egg_logo_svg {
    left: 0;
    position: absolute;
    top: 0
}

.c-easter-egg_background {
    clip-path: inset(50% round 12px);
    transform: scale(1.25)
}

.c-approach-vision_steps {
    opacity: calc((var(--mask-progress) - .35)*1.6)
}

.c-approach-vision_title {
    opacity: 0
}

.c-approach-vision_title.-first {
    opacity: 1
}

.c-approach-vision_title.-first span {
    clip-path: inset(calc(-100% + var(--mask-progress)*100%)0 calc(100% - var(--mask-progress)*100%)0) !important;
    transform: translate3d(0, calc(100% - var(--mask-progress)*100%), 0) !important;
    transition: none !important
}

@layer component {
    .c-skip-link {
        left: 50%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: var(--unit-md);
        transform: translate(-50%, -100%);
        white-space: nowrap;
        z-index: var(--z-index-modal)
    }
    .c-skip-link.-absolute {
        position: absolute;
        top: 0;
        z-index: var(--z-index-above)
    }
    html.is-first-loaded .c-skip-link {
        transition: opacity var(--transition-duration-fast)var(--ease-out), transform var(--transition-duration-fast)var(--ease-out)
    }
    @media (prefers-reduced-motion) {
        html.is-first-loaded .c-skip-link {
            transition: none
        }
    }
    .c-skip-link:focus-within {
        opacity: 1;
        pointer-events: all;
        transform: translate(-50%)
    }
}

#cc-main {
    --cc-modal-border-radius: var(--radius-sm);
    --cc-footer-bg: transparent;
    --cc-footer-border-color: transparent;
    --cc-btn-border-radius: var(--radius-sm);
    --cc-toggle-on-bg: var(--color-royal);
    --cc-btn-primary-bg: var(--color-royal);
    --cc-btn-primary-border-color: transparent
}

#cc-main .cm {
    border: 1px solid var(--color-grey);
    box-shadow: none !important
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}