@font-face {
            font-display: swap;
            font-family: DrukMedium;
            font-style: normal;
            src: url(/_nuxt/DrukMedium.BRGZC52w.otf)
        }

        @font-face {
            font-display: swap;
            font-family: IBM Plex Mono;
            font-style: normal;
            src: url(/_nuxt/IBMPlexMono-Medium.DNBbcQit.ttf)
        }

        html {
            font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            font-size: 16px;
            height: -webkit-fill-available;
            word-spacing: 1px;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box
        }

        *,
        :after,
        :before {
            box-sizing: border-box;
            margin: 0
        }

        a {
            text-decoration: none
        }
 
        @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;
            overflow: clip;
            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: translateZ(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 {
            overflow: auto;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .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: rgba(0, 0, 0, .15)
        }

        .swiper-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
        }

        .swiper-lazy-preloader {
            border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
            border-radius: 50%;
            border-top: 4px solid transparent;
            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(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }
   
        .swiper .swiper-notification {
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            z-index: -1000
        }
  
        .swiper-cards {
            overflow: visible
        }

        .swiper-cards .swiper-slide {
            backface-visibility: hidden;
            overflow: hidden;
            transform-origin: center bottom
        }
   
        .swiper-creative .swiper-slide {
            backface-visibility: hidden;
            overflow: hidden;
            transition-property: transform, opacity, height
        }
   
        .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;
            bottom: 0;
            content: "";
            filter: blur(50px);
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .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-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-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-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-direction: column;
            flex-wrap: wrap
        }
 
        :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: center;
            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: translateZ(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: translate3d(0, -50%, 0)
        }

        .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: translateX(-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, rgba(0, 0, 0, .25));
            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: left top;
            width: 100%
        }

        .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            transform-origin: right top
        }

        .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, rgba(0, 0, 0, .1));
            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, rgba(0, 0, 0, .5));
            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-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
        }
   
        .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
        }
   
        #error-scene[data-v-e143297d] {
            height: 100%;
            left: 0;
            opacity: 1;
            position: fixed;
            top: 0;
            width: 100%
        }
  
        @keyframes soundLine {
            0% {
                height: 1px
            }

            50% {
                height: 9px
            }

            to {
                height: 1px
            }
        }

        @keyframes infinityLineMove {
            0% {
                transform: translateX(0)
            }

            to {
                transform: translateX(14px)
            }
        }

        .social-links-global-parent {
            opacity: 0
        }

        .social-links-global,
        .social-links-global-parent {
            bottom: 13px;
            left: 0;
            position: fixed;
            width: 100%;
            z-index: 12
        }

        .social-links-global {
            display: flex;
            justify-content: space-between;
            padding: 0 20px
        }

        @media (max-width:991px) {
            .social-links-global {
                padding: 0 8px
            }
        }

        .social-links-global .ar-mode {
            align-items: center;
            background: #000;
            border-radius: 16px;
            bottom: 0;
            -webkit-clip-path: circle(18px at calc(100% - 18px) calc(100% - 18px));
            clip-path: circle(18px at calc(100% - 18px) calc(100% - 18px));
            height: auto;
            justify-content: flex-end;
            min-height: 84px;
            position: absolute;
            right: 20px;
            transition: .5s ease-in-out;
            width: 250px
        }

        @media (max-width:991px) {
            .social-links-global .ar-mode {
                right: 8px
            }
        }

        .social-links-global .ar-mode .options-menu {
            background: #000;
            border-radius: 16px 16px 0 0;
            height: 0;
            overflow: hidden;
            padding: 9px;
            position: absolute;
            transform: translateY(calc(-100% + 13px)) translateZ(0);
            width: 100%
        }

        .social-links-global .ar-mode .options-menu .menu {
            height: 102px;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            width: calc(100% - 18px)
        }

        .social-links-global .ar-mode .options-menu .menu .colors {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .social-links-global .ar-mode .options-menu .menu .colors .color {
            border: 1px solid #343639;
            border-radius: 4px;
            height: 23.5px;
            margin-bottom: 2px;
            width: 23.5px
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin: auto;
            padding-top: 0
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block input {
            background: hsla(0, 0%, 100%, .3);
            border-radius: 4px;
            height: 28px;
            width: calc(100% - 56px)
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block input[type=range] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 4px;
            height: 20px;
            position: relative;
            z-index: 0
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block .slider:before {
            background: #fff;
            border-radius: 3px;
            content: "";
            height: 100%;
            pointer-events: none;
            position: absolute;
            width: var(--ProgressPercent, 100%)
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block .slider-2:before {
            background: #fff;
            border-radius: 3px;
            content: "";
            height: 100%;
            pointer-events: none;
            position: absolute;
            width: var(--ProgressPercent2, 100%)
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block input[type=range]::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            appearance: none;
            background: #005a3c;
            border-radius: 999px;
            height: 0
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            background: #fff;
            border: 1px solid #000;
            border-radius: 3px;
            height: 28px;
            pointer-events: all;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            width: 10px;
            z-index: 1
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block .value-block {
            align-items: center;
            border: 1px solid #fff;
            border-radius: 4px;
            display: flex;
            height: 28px;
            justify-content: center;
            width: 48px
        }

        .social-links-global .ar-mode .options-menu .menu .slider-block .value-block .value {
            color: #fff;
            font-family: IBM Plex Mono;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: .048px;
            line-height: 20px
        }

        .social-links-global .ar-mode .selected-menu {
            display: flex;
            flex-direction: column;
            height: 84px;
            justify-content: space-between;
            padding: 9px;
            position: absolute;
            transform: translateZ(0);
            width: 250px
        }

        .social-links-global .ar-mode .selected-menu .top {
            transform: translateY(4px)
        }

        .social-links-global .ar-mode .selected-menu .top .options {
            display: flex;
            justify-content: space-between
        }

        .social-links-global .ar-mode .selected-menu .top .options .item {
            flex: 0 0 24%;
            height: 26px
        }

        .social-links-global .ar-mode .selected-menu .top .options .item .pattern {
            height: 100%;
            width: 100%
        }

        .social-links-global .ar-mode .selected-menu .top .options .color-item .color {
            background: red;
            border: 1px solid #343639;
            border-radius: 24px;
            height: 100%;
            width: 100%
        }

        .social-links-global .ar-mode .selected-menu .bottom {
            align-items: center;
            display: flex;
            justify-content: space-between;
            width: 100%
        }

        .social-links-global .ar-mode .selected-menu .bottom .place,
        .social-links-global .ar-mode .selected-menu .bottom .restart {
            width: 18px
        }

        .social-links-global .ar-mode .selected-menu .title {
            color: #b6b6b6;
            font-family: IBM Plex Mono;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .36px;
            line-height: 13px;
            text-align: center;
            text-transform: uppercase
        }

        .social-links-global .ar-mode .jel-icon {
            bottom: 0;
            margin-bottom: 8px;
            margin-right: 8px;
            position: absolute;
            right: 0;
            transform: translateZ(0);
            width: 20px
        }

        .social-links-global .ar-mode.active,
        .social-links-global .ar-mode:hover {
            -webkit-clip-path: circle(300px at calc(100% - 18px) calc(100% - 18px));
            clip-path: circle(300px at calc(100% - 18px) calc(100% - 18px));
            -webkit-mask-position: calc(100% + 400px) calc(100% + 400px);
            mask-position: calc(100% + 400px) calc(100% + 400px);
            -webkit-mask-size: 800px;
            mask-size: 800px
        }

        .social-links-global .volume {
            align-items: center;
            background: #000;
            border-radius: 50px !important;
            -webkit-clip-path: none !important;
            clip-path: none !important;
            display: flex;
            height: 36px;
            justify-content: flex-end;
            overflow: hidden;
            padding-right: 7px;
            position: relative;
            transform: translateZ(0);
            width: 88px
        }

        .social-links-global .volume .lines {
            align-items: center;
            display: flex;
            height: 100%;
            position: absolute;
            width: 100%
        }

        .social-links-global .volume .lines .off {
            height: 2px;
            transform: translateX(10px);
            transition: opacity .3s ease-in-out;
            width: 57px
        }

        .social-links-global .volume .lines .off.active {
            opacity: 0
        }

        .social-links-global .volume .lines .on {
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-name: infinityLineMove;
            animation-timing-function: linear;
            height: 16px;
            left: 0;
            opacity: 0;
            position: absolute;
            transform: translateX(10px);
            transition: opacity .3s ease-in-out;
            width: 57px
        }

        .social-links-global .volume .lines .on.active {
            opacity: 1
        }

        .social-links-global .volume .status {
            position: relative;
            z-index: 2
        }

        .social-links-global .volume .status p {
            color: #b6b6b6;
            font-family: IBM Plex Mono;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .36px;
            line-height: 1;
            text-align: center;
            text-transform: uppercase
        }

        .social-links-global .volume .status.active p {
            transform: translateX(-4px)
        }

        .social-links-global .volume .back-left {
            background: linear-gradient(90deg, #000 14.85%, transparent 95.83%);
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 36px
        }

        .social-links-global .volume .back-right {
            background: linear-gradient(90deg, #000 63.71%, transparent 95.83%);
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            transform: rotate(180deg);
            width: 49px
        }
   
        #cursor {
            background: transparent;
            height: 25px;
            left: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            transform-origin: center;
            width: 25px;
            z-index: 100
        }

        #cursor,
        #cursor .wrapper {
            align-items: center;
            display: flex;
            justify-content: center
        }

        #cursor .wrapper {
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            background: hsla(0, 0%, 100%, .6);
            border-radius: 50%;
            height: 100%;
            transform: translateY(-50%) translateX(-50%);
            transition: .3s ease-in-out;
            width: 100%
        }

        #cursor .wrapper .text {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .36px;
            line-height: 14px;
            opacity: 0;
            text-align: center;
            text-transform: uppercase
        }

        #cursor.dif {
            mix-blend-mode: difference
        }

        #cursor.dif .wrapper {
            background: #fff
        }
 
        .transition-component {
            align-items: center;
            background: #fff;
            -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
            display: flex;
            height: 100vh;
            justify-content: center;
            left: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 200
        }

        .transition-component .wrapper {
            position: relative;
            z-index: 2
        }

        .transition-component .wrapper .logo {
            width: 50vw
        }

        .transition-component .dots {
            background-image: url(images/transitionDots.png);
            background-repeat: repeat;
            background-size: 8%;
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%
        }

        @media (max-width:767px) {
            .transition-component .dots {
                background-size: 20%
            }
        }

        .index-page-body .transition-component {
            -webkit-clip-path: circle(0 at 50% 50%);
            clip-path: circle(0 at 50% 50%)
        }
    
        .error-page {
            min-height: 100vh;
            position: relative
        }

        .error-page .social-links-global-parent {
            opacity: 1
        }

        .error-page .go-home {
            background: transparent;
            border: none;
            bottom: 20px;
            color: #000;
            cursor: none !important;
            font-family: DrukMedium;
            font-size: 33.528px;
            font-style: normal;
            font-weight: 500;
            left: calc(50% - 129px);
            letter-spacing: .671px;
            line-height: 93%;
            outline: none;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            z-index: 20
        }

        @media (max-width:991px) {
            .error-page .go-home {
                bottom: 18px;
                font-size: 24px;
                left: calc(50% - 96px);
                line-height: 31px;
                position: fixed
            }
        }

        @media (max-width:767px) {
            .error-page .go-home {
                bottom: 18px;
                font-size: 20px;
                left: calc(50% - 83.5px);
                line-height: 26px
            }
        }

        .error-page .go-home img {
            filter: invert(1);
            left: 3px;
            position: relative;
            top: 1px;
            transition: .3s ease-in-out;
            width: 28px
        }

        @media (max-width:991px) {
            .error-page .go-home img {
                width: 20px
            }
        }

        .error-page .go-home:hover img {
            transform: translateX(5px)
        }
   
        html {
            background: linear-gradient(0deg, #b4cbf5, #f7faff), linear-gradient(0deg, #96bbff, #edf4ff), linear-gradient(0deg, #b4cbf5, #fff 111.72%);
            background-attachment: fixed
        }
    
        header {
            height: 65px;
            left: 0;
            opacity: 0;
            padding: 0 20px;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 20
        }

        @media (max-width:991px) {
            header {
                height: 58px;
                padding: 0 8px
            }
        }

        header .header {
            align-content: center;
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: space-between;
            width: 100%
        }

        header .header .vr {
            align-items: center;
            -webkit-backdrop-filter: blur(3.2257750034px);
            backdrop-filter: blur(3.2257750034px);
            background: hsla(0, 0%, 100%, .4);
            border: 2px solid #fff;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            height: 47px;
            justify-content: center;
            width: 47px
        }

        @media (max-width:767px) {
            header .header .vr {
                display: block
            }
        }

        header .header .menu-switch {
            display: none;
            height: 42px;
            position: relative;
            width: 42px;
            z-index: 2
        }

        header .header .menu-switch .line {
            background-color: #000;
            height: 1px;
            left: calc(50% - 18px);
            position: absolute;
            top: 50%;
            transition: .3s ease-in-out;
            width: 36px
        }

        header .header .menu-switch .line:nth-child(2) {
            transform: rotate(90deg)
        }

        header .header .menu-switch .el {
            font-family: IBM Plex Mono;
            font-size: 10px;
            position: absolute
        }

        header .header .menu-switch .el-1 {
            left: 0;
            top: 0
        }

        header .header .menu-switch .el-2 {
            right: 0;
            top: 0
        }

        header .header .menu-switch .el-3 {
            bottom: 0;
            left: 0
        }

        header .header .menu-switch .el-4 {
            bottom: 0;
            right: 0
        }

        @media (max-width:767px) {
            header .header .menu-switch {
                display: block
            }
        }

        header .header .menu-switch.active .line:first-child {
            transform: rotate(-45deg)
        }

        header .header .menu-switch.active .line:nth-child(2) {
            transform: rotate(45deg)
        }

        header .header .mobile-menu {
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            background-image: url(images/footerPatern.png), linear-gradient(180deg, #fff, hsla(0, 0%, 100%, .3) 79%);
            background-repeat: repeat;
            background-size: 30%;
            display: none;
            flex-direction: column;
            height: 100vh;
            justify-content: space-between;
            left: 0;
            opacity: 0;
            padding: 147px 0 27px;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%
        }

        @media (max-width:767px) {
            header .header .mobile-menu {
                display: flex
            }

            header .header .mobile-menu a {
                display: block !important
            }
        }

        header .header .mobile-menu .top a {
            font-size: 48px;
            letter-spacing: .96px;
            margin-bottom: 30px !important
        }

        header .header .mobile-menu .bottom a,
        header .header .mobile-menu .top a {
            color: #000;
            font-family: DrukMedium;
            font-style: normal;
            font-weight: 500;
            line-height: 93%;
            text-align: center;
            text-transform: uppercase
        }

        header .header .mobile-menu .bottom a {
            font-size: 38px;
            letter-spacing: .76px
        }

        header .header .mobile-menu .bottom a:last-child {
            margin-top: 50px
        }

        header .header .header-logo {
            position: relative;
            z-index: 2
        }

        @media (max-width:767px) {
            header .header .header-logo img {
                height: 55px;
                transform: translateY(5px)
            }
        }

        header .header .right-menu {
            align-items: center;
            display: flex;
            justify-content: space-between;
            padding: 0
        }

        @media (max-width:767px) {
            header .header .right-menu {
                padding: 0
            }
        }

        header .header .right-menu a {
            color: #000;
            display: inline-block;
            font-family: IBM Plex Mono;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .39px;
            line-height: 1;
            text-transform: uppercase
        }

        @media (max-width:767px) {
            header .header .right-menu a {
                display: none
            }
        }

        header .header .right-menu a span {
            display: inline-block;
            transition: .3s ease-in-out
        }

        header .header .right-menu a:hover span {
            padding: 0 8px
        }

        header .header .right-menu a:nth-child(2) {
            margin: 0 18px
        }
   
        #_/_nuxt {
            position: relative;
            z-index: 11
        }

        body,
        body a {
            cursor: none
        }

        .home-page {
            height: 10000px;
            -webkit-user-select: none
        }

        .home-page audio {
            display: none
        }
   
        .scene-texts {
            height: 100%;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 8
        }

        .scene-texts .right-bar {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            position: absolute;
            right: 8px;
            top: 0;
            width: 15px
        }

        @media (max-width:991px) {
            .scene-texts .right-bar {
                display: none
            }
        }

        .scene-texts .right-bar .parent img {
            display: block;
            margin: auto
        }

        .scene-texts .right-bar .parent .progress {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 9px;
            font-style: normal;
            font-weight: 500;
            height: 40px;
            letter-spacing: .27px;
            line-height: 13px;
            text-align: center;
            text-transform: uppercase;
            transform: rotate(90deg) translateY(14px);
            transform-origin: center
        }

        .scene-texts .left-bar {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            left: 8px;
            position: absolute;
            top: 0;
            width: 15px
        }

        @media (max-width:991px) {
            .scene-texts .left-bar {
                display: none
            }
        }

        .scene-texts .left-bar .parent .cross {
            background: #000;
            display: block;
            height: 1px;
            margin: 0 auto 15px;
            width: 5px
        }

        .scene-texts .left-bar .parent .cross:before {
            background: #000;
            content: "";
            height: 1px;
            position: absolute;
            transform: rotate(90deg);
            width: 5px
        }

        .scene-texts .left-bar .parent .value {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .33px;
            line-height: 13px;
            margin-bottom: 15px;
            text-align: center;
            text-transform: uppercase
        }

        .scene-texts .wrapper {
            height: 100%;
            position: relative;
            width: 100%
        }

        .scene-texts .wrapper .left-text,
        .scene-texts .wrapper .right-text {
            align-items: center;
            display: flex;
            height: 100%;
            left: 44px;
            opacity: 0;
            position: absolute
        }

        @media (max-width:991px) {

            .scene-texts .wrapper .left-text,
            .scene-texts .wrapper .right-text {
                align-items: flex-start;
                left: 8px;
                padding-top: 80px
            }
        }

        .scene-texts .wrapper .left-text p,
        .scene-texts .wrapper .right-text p {
            color: #000;
            font-family: DrukMedium;
            font-size: 48px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .978px;
            line-height: 93%;
            text-align: left;
            text-transform: uppercase;
            width: 27vw
        }

        @media (max-width:991px) {

            .scene-texts .wrapper .left-text p,
            .scene-texts .wrapper .right-text p {
                font-size: 28px;
                width: 85vw
            }
        }

        .scene-texts .wrapper .right-text {
            left: unset;
            right: 44px
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .right-text {
                align-items: flex-end;
                left: unset;
                padding-bottom: 80px;
                right: 8px
            }
        }

        .scene-texts .wrapper .right-text p {
            text-align: right
        }

        .scene-texts .wrapper .bottom-texts {
            bottom: 10px;
            display: flex;
            justify-content: center;
            left: calc(50% - 20vw);
            position: absolute;
            width: 40vw
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .bottom-texts {
                left: 0;
                width: 100%
            }
        }

        .scene-texts .wrapper .bottom-texts .bottom-text {
            bottom: 0;
            color: #000;
            /* display: flex; */
            font-family: DrukMedium;
            font-size: 34px;
            font-style: normal;
            font-weight: 500;
            justify-content: space-between;
            line-height: 1;
            margin-bottom: 5px;
            position: absolute;
            text-align: center;
            text-transform: uppercase
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .bottom-texts .bottom-text {
                bottom: 60px;
                font-size: 28px;
                width: 100%
            }
        }

        .scene-texts .wrapper .bottom-texts .bottom-text img {
            height: 29px;
            left: 50%;
            position: absolute;
            top: -35px;
            transform: translateX(-50%)
        }

        .scene-texts .wrapper .bottom-texts .bottom-text-1 {
            opacity: 0;
            width: 604px
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .bottom-texts .bottom-text-1 {
                padding: 0 8px;
                width: 100%
            }
        }

        .scene-texts .wrapper .bottom-texts .bottom-text-2 {
            opacity: 0;
            width: 420px
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .bottom-texts .bottom-text-2 {
                justify-content: center;
                padding: 0 8px;
                text-align: center;
                width: 100vw
            }
        }

        .scene-texts .wrapper .bottom-texts .bottom-text-2 img {
            height: 25px
        }

        .scene-texts .wrapper .bottom-texts .bottom-text-3 {
            opacity: 0;
            width: 654px
        }

        @media (max-width:991px) {
            .scene-texts .wrapper .bottom-texts .bottom-text-3 {
                padding: 0 8px;
                width: 100%
            }
        }

        .scene-texts .wrapper .bottom-texts .bottom-text-3 img {
            height: 40px;
            top: -45px
        }
   
        @keyframes showPreloader {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .home-preloader {
            align-content: center;
            align-items: center;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            left: 0;
            opacity: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 99
        }

        .home-preloader .top {
            height: 110px
        }

        .home-preloader .center {
            align-items: center;
            display: flex;
            justify-content: center;
            position: relative;
            width: calc(100% - 60px)
        }

        @media (max-width:767px) {
            .home-preloader .center {
                flex-wrap: wrap;
                justify-content: space-between;
                width: calc(100% - 12px)
            }
        }

        .home-preloader .center .done {
            display: flex;
            height: 100%;
            justify-content: center;
            left: 0;
            opacity: 1;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%
        }

        @media (max-width:767px) {
            .home-preloader .center .done {
                opacity: 0
            }
        }

        .home-preloader .center .done .send {
            display: flex;
            justify-content: center;
            position: relative;
            transform: scale(0);
            width: 0;
            z-index: 2
        }

        @media (max-width:991px) {
            .home-preloader .center .done .send {
                top: -30px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .done .send {
                top: -22px
            }
        }

        .home-preloader .center .done .send .child {
            height: 149px;
            position: relative
        }

        @media (max-width:767px) {
            .home-preloader .center .done .send .child {
                height: 90px
            }
        }

        .home-preloader .center .done .send .child .elem {
            color: #000;
            display: inline-block;
            position: absolute;
            transition: .3s ease-in-out
        }

        @media (max-width:767px) {
            .home-preloader .center .done .send .child .elem {
                font-size: 10px
            }
        }

        .home-preloader .center .done .send .child .elem-1 {
            left: 0;
            top: 0
        }

        .home-preloader .center .done .send .child .elem-2 {
            right: 0;
            top: 0
        }

        .home-preloader .center .done .send .child .elem-3 {
            bottom: 0;
            left: 0
        }

        .home-preloader .center .done .send .child .elem-4 {
            bottom: 0;
            right: 0
        }

        .home-preloader .center .done .send .child:hover .elem-1 {
            transform: translateX(-20px)
        }

        .home-preloader .center .done .send .child:hover .elem-2 {
            transform: translateX(20px)
        }

        .home-preloader .center .done .send .child:hover .elem-3 {
            transform: translateX(-20px)
        }

        .home-preloader .center .done .send .child:hover .elem-4 {
            transform: translateX(20px)
        }

        .home-preloader .center .done .send .child .circle {
            align-items: center;
            background: #fff;
            border-radius: 50%;
            display: flex;
            height: 149px;
            justify-content: center;
            width: 149px
        }

        @media (max-width:767px) {
            .home-preloader .center .done .send .child .circle {
                height: 90px;
                width: 90px
            }
        }

        .home-preloader .center .done .send .child .circle .inner-circle {
            align-items: center;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 50%;
            display: flex;
            height: 138px;
            justify-content: center;
            width: 138px
        }

        @media (max-width:767px) {
            .home-preloader .center .done .send .child .circle .inner-circle {
                height: 80px;
                width: 80px
            }
        }

        .home-preloader .center .done .send .child .circle .inner-circle p {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .39px;
            line-height: 14px;
            text-align: center;
            text-transform: uppercase
        }

        .home-preloader .center .done .text-1 {
            -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%)
        }

        @media (max-width:767px) {
            .home-preloader .center .done .text-1 {
                -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0)
            }
        }

        .home-preloader .center .done .text-2 {
            -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0)
        }

        @media (max-width:767px) {
            .home-preloader .center .done .text-2 {
                -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0)
            }
        }

        .home-preloader .center .done .text p {
            color: #000;
            font-family: DrukMedium;
            font-size: 130px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase
        }

        @media (max-width:991px) {
            .home-preloader .center .done .text p {
                font-size: 80px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .done .text p {
                font-size: 40px
            }
        }

        .home-preloader .center .done .text p .arrow {
            filter: invert(1);
            height: 80px;
            position: relative;
            top: -9px
        }

        @media (max-width:991px) {
            .home-preloader .center .done .text p .arrow {
                height: 50px;
                top: -6px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .done .text p .arrow {
                height: 25px;
                top: -3px
            }
        }

        .home-preloader .center .progress {
            -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
            width: calc(100% - 424px)
        }

        @media (max-width:991px) {
            .home-preloader .center .progress {
                width: calc(100% - 262px)
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .progress {
                order: 3;
                width: 100%
            }
        }

        .home-preloader .center .progress .bar {
            border: 2px solid #000;
            border-radius: 70px;
            height: 98px;
            margin: auto;
            padding: 0 8px 0 91px;
            position: relative;
            width: calc(100% - 20px)
        }

        @media (max-width:767px) {
            .home-preloader .center .progress .bar {
                height: 40px;
                padding: 0 2px 0 36px;
                width: 100%
            }
        }

        .home-preloader .center .progress .bar .space {
            height: 100%;
            position: relative
        }

        .home-preloader .center .progress .bar .space .fill {
            background: #000;
            border-radius: 50%;
            height: 84px;
            left: 0;
            position: absolute;
            top: 5px;
            /* transform: translateX(-100%);
            transition: .3s ease-in-out; */
            width: 84px
        }

        @media (max-width:767px) {
            .home-preloader .center .progress .bar .space .fill {
                height: 34px;
                top: 1px;
                width: 34px
            }
        }

        .home-preloader .center .loading {
            -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
            width: 278px;

        }

        @media (max-width:991px) {
            .home-preloader .center .loading {
                width: 171px
            }
        }

        /*@media (max-width:767px) {*/
        /*    .home-preloader .center .loading {*/
        /*        flex: 0 0 50%;*/
        /*        width: auto*/
        /*    }*/
        /*}*/

        .home-preloader .center .loading p {
            color: #000;
            font-family: DrukMedium;
            font-size: 50px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }

        @media (max-width:991px) {
            .home-preloader .center .loading p {
                font-size: 80px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .loading p {
                font-size: 40px
            }
        }

        .home-preloader .center .value {
            -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
            white-space: nowrap;
            width: 146px
        }

        @media (max-width:991px) {
            .home-preloader .center .value {
                width: 91px
            }
        }

        /*@media (max-width:767px) {*/
        /*    .home-preloader .center .value {*/
        /*        flex: 0 0 50%;*/
        /*        text-align: right;*/
        /*        width: auto*/
        /*    }*/
        /*}*/

        .home-preloader .center .value p {
            color: #000;
            font-family: DrukMedium;
            font-size: 130px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase
        }

        @media (max-width:991px) {
            .home-preloader .center .value p {
                font-size: 80px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .value p {
                font-size: 40px
            }
        }

        .home-preloader .center .value p span {
            display: inline-block;
            font-size: 60px;
            transform: translateY(-70%)
        }

        @media (max-width:991px) {
            .home-preloader .center .value p span {
                font-size: 38px
            }
        }

        @media (max-width:767px) {
            .home-preloader .center .value p span {
                font-size: 18px
            }
        }

        .home-preloader .bottom {
            margin-bottom: 20px
        }

        .home-preloader .bottom div {
            text-align: center
        }

        .home-preloader .bottom p {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .54px;
            line-height: 110%;
            text-align: center;
            text-transform: uppercase
        }

        .home-preloader .bottom .volume {
            align-items: center;
            background: #000;
            border-radius: 50px;
            display: flex;
            height: 36px;
            justify-content: flex-end;
            margin: 0 auto 15px;
            overflow: hidden;
            padding-right: 7px;
            position: relative;
            transform: translateZ(0);
            width: 88px
        }

        .home-preloader .bottom .volume .lines {
            align-items: center;
            display: flex;
            height: 100%;
            position: absolute;
            width: 100%
        }

        .home-preloader .bottom .volume .lines .off {
            height: 2px;
            transform: translateX(10px);
            transition: opacity .3s ease-in-out;
            width: 57px
        }

        .home-preloader .bottom .volume .lines .off.active {
            opacity: 0
        }

        .home-preloader .bottom .volume .lines .on {
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-name: infinityLineMove;
            animation-timing-function: linear;
            height: 16px;
            left: 0;
            opacity: 0;
            position: absolute;
            transform: translateX(10px);
            transition: opacity .3s ease-in-out;
            width: 57px
        }

        .home-preloader .bottom .volume .lines .on.active {
            opacity: 1
        }

        .home-preloader .bottom .volume .status {
            position: relative;
            z-index: 2
        }

        .home-preloader .bottom .volume .status p {
            color: #b6b6b6;
            font-family: IBM Plex Mono;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .36px;
            line-height: 1;
            text-align: center;
            text-transform: uppercase
        }

        .home-preloader .bottom .volume .status.active p {
            transform: translateX(-4px)
        }

        .home-preloader .bottom .volume .back-left {
            background: linear-gradient(90deg, #000 14.85%, transparent 95.83%);
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 36px
        }

        .home-preloader .bottom .volume .back-right {
            background: linear-gradient(90deg, #000 63.71%, transparent 95.83%);
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            transform: rotate(180deg);
            width: 49px
        }
 
        .home-footer {
            -webkit-backdrop-filter: blur(16.75px);
            backdrop-filter: blur(16.75px);
            background: hsla(0, 0%, 100%, .4);
            bottom: 0;
            height: 50vh;
            left: 0;
            position: relative;
            width: 100%;
            z-index: 10
        }

        .home-footer .wrapper {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            padding: 25px 20px 15px;
            position: relative;
            width: 100%
        }

        @media (max-width:767px) {
            .home-footer .wrapper {
                padding: 25px 8px 15px
            }
        }

        .home-footer .wrapper .for-social {
            position: relative;
            z-index: 2
        }

        .home-footer .wrapper .socials {
            display: flex;
            justify-content: center;
            margin-bottom: 8px
        }

        @media (max-width:767px) {
            .home-footer .wrapper .socials {
                flex-wrap: wrap
            }
        }

        .home-footer .wrapper .socials a {
            color: #000;
            font-family: DrukMedium;
            font-size: 7.5vw;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -2.3px;
            line-height: 76.8%;
            text-align: center;
            text-transform: uppercase
        }

        @media (max-width:767px) {
            .home-footer .wrapper .socials a {
                font-size: 15.3vw;
                text-align: center
            }

            .home-footer .wrapper .socials a:nth-child(2) {
                margin-bottom: 10px;
                margin-top: 10px;
                order: 3
            }
        }

        .home-footer .wrapper h4 {
            color: #000;
            font-family: DrukMedium;
            font-size: 48.897px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .978px;
            line-height: 93%;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            z-index: 2
        }

        @media (max-width:767px) {
            .home-footer .wrapper h4 {
                font-size: 32px
            }
        }

        .home-footer .wrapper .bottom {
            display: flex;
            justify-content: space-between;
            position: relative;
            z-index: 2
        }

        .home-footer .wrapper .bottom a,
        .home-footer .wrapper .bottom p {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .39px;
            line-height: 14px;
            text-transform: uppercase
        }

        .home-footer .wrapper .send {
            display: flex;
            justify-content: center;
            position: relative;
            z-index: 2
        }

        .home-footer .wrapper .send .child {
            position: relative
        }

        .home-footer .wrapper .send .child .elem {
            display: inline-block;
            position: absolute;
            transition: .3s ease-in-out
        }

        .home-footer .wrapper .send .child .elem-1 {
            left: 0;
            top: 0
        }

        .home-footer .wrapper .send .child .elem-2 {
            right: 0;
            top: 0
        }

        .home-footer .wrapper .send .child .elem-3 {
            bottom: 0;
            left: 0
        }

        .home-footer .wrapper .send .child .elem-4 {
            bottom: 0;
            right: 0
        }

        .home-footer .wrapper .send .child:hover .elem-1 {
            transform: translateX(-20px)
        }

        .home-footer .wrapper .send .child:hover .elem-2 {
            transform: translateX(20px)
        }

        .home-footer .wrapper .send .child:hover .elem-3 {
            transform: translateX(-20px)
        }

        .home-footer .wrapper .send .child:hover .elem-4 {
            transform: translateX(20px)
        }

        .home-footer .wrapper .send .child .circle {
            align-items: center;
            background: #fff;
            border-radius: 50%;
            display: flex;
            height: 149px;
            justify-content: center;
            width: 149px
        }

        .home-footer .wrapper .send .child .circle .inner-circle {
            align-items: center;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 50%;
            display: flex;
            height: 138px;
            justify-content: center;
            width: 138px
        }

        .home-footer .wrapper .send .child .circle .inner-circle p {
            color: #000;
            font-family: IBM Plex Mono;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .39px;
            line-height: 14px;
            text-align: center;
            text-transform: uppercase
        }

        .home-footer .wrapper .points {
            background-image: url(images/footerPatern.png);
            background-repeat: repeat;
            background-size: 5%;
            height: 100%;
            left: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 100%
        }

        @media (max-width:767px) {
            .home-footer .wrapper .points {
                background-size: 8%
            }
        }

        .my-hidden {
            display: none !important;
        }