/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

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;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

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
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

div[style="width: 0; height: 0;"] {
    position: fixed;
    z-index: -9999
}

html {
    font-size: 10px;
    margin-top: 0!important
}

@media (min-width: 1440px) {
    html {
        font-size:.6944444444444444vw
    }
}

body,html {
    min-height: 100%;
    width: 100%
}

button:focus {
    outline: none
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #000;
    font-family: FixelDisplay,Roboto,sans-serif;
    font-kerning: none;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3;
    margin-right: 0!important
}

[style^="--aspect"] {
    aspect-ratio: var(--aspect)
}

main[tabindex="-1"] {
    outline: none
}

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

.is-animating,.is-transitioning {
    cursor: progress!important;
    pointer-events: none!important
}

.is-loading section:not("[data-component=`intro-section`]") {
    opacity: 0
}

[data-component=parallax-box],[data-component=parallax-box]>* {
    will-change: transform
}

.no-touchevents .lg:overflow-y-auto,.no-touchevents .md:overflow-y-auto,.no-touchevents .overflow-y-auto {
    -webkit-overflow-scrolling: touch
}

.no-touchevents .lg:overflow-y-auto::-webkit-scrollbar,.no-touchevents .md:overflow-y-auto::-webkit-scrollbar,.no-touchevents .overflow-y-auto::-webkit-scrollbar {
    background: transparent;
    width: 4px
}

.no-touchevents .lg:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .md:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3)
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 2.5rem
}

.h1,h1 {
    font-size: 4rem
}

@media (min-width: 1024px) {
    .h1,h1 {
        font-size:7rem
    }
}

.h2,h2 {
    font-size: 3rem;
    line-height: 1.1
}

@media (min-width: 1024px) {
    .h2,h2 {
        font-size:4rem
    }
}

.h3,h3 {
    font-size: 2.5rem;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .h3,h3 {
        font-size:3.5rem
    }
}

.h4,h4 {
    font-size: 2.2rem
}

.h5,h5 {
    font-size: 2rem
}

.h6,h6 {
    font-size: 1.8rem
}

p {
    margin-bottom: 2rem
}

.reset-last>:last-child {
    margin-bottom: 0
}

.wysiwyg {
    letter-spacing: 0
}

.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6 {
    letter-spacing: -.01em;
    line-height: 1.3;
    margin-bottom: 4rem
}

@media (min-width: 1280px) {
    .wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6 {
        padding-right:4rem
    }
}

.wysiwyg .h1,.wysiwyg h1 {
    font-size: 2.6rem
}

@media (min-width: 1280px) {
    .wysiwyg .h1,.wysiwyg h1 {
        font-size:3.4rem
    }
}

.wysiwyg .h2,.wysiwyg h2 {
    font-size: 2.4rem
}

@media (min-width: 1280px) {
    .wysiwyg .h2,.wysiwyg h2 {
        font-size:3.2rem
    }
}

.wysiwyg .h3,.wysiwyg h3 {
    font-size: 2rem
}

@media (min-width: 1280px) {
    .wysiwyg .h3,.wysiwyg h3 {
        font-size:2.8rem
    }
}

.wysiwyg .h4,.wysiwyg h4 {
    font-size: 1.8rem
}

@media (min-width: 1280px) {
    .wysiwyg .h4,.wysiwyg h4 {
        font-size:2.2rem
    }
}

.wysiwyg blockquote {
    display: grid;
    font-family: MariupolStrong,Roboto,sans-serif;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1;
    margin: 6rem 0;
    text-transform: uppercase
}

@media (min-width: 1280px) {
    .wysiwyg blockquote {
        font-size:4.6rem;
        margin: 8rem 0
    }
}

.wysiwyg blockquote p {
    margin: 0;
    padding-right: 4rem
}

.wysiwyg blockquote p:last-child:not(:first-child) {
    border-top: 1px solid;
    font-family: FixelDisplay,Roboto,sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 5rem;
    order: -1;
    padding-top: .5rem;
    text-transform: none
}

@media (min-width: 1024px) {
    .wysiwyg p {
        padding-right:6rem
    }

    .wysiwyg p img {
        max-width: none
    }

    .wysiwyg p img[style="width:25%;"] {
        width: calc(25% + 6rem)!important
    }

    .wysiwyg p img[style="width:50%;"] {
        width: calc(50% + 2.3rem)!important
    }

    .wysiwyg p img[style="width:75%;"] {
        width: calc(75% + 6rem)!important
    }

    .wysiwyg p img[style="width:100%;"] {
        width: calc(100% + 6rem)!important
    }
}

.wysiwyg .image__container {
    margin: 4rem 0 6rem;
    overflow: hidden;
    position: relative
}

@media (min-width: 1280px) {
    .wysiwyg .image__container {
        margin-bottom:8rem
    }
}

.wysiwyg .image__container:before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width: 1023px) {
    .wysiwyg .image_resized {
        width:100%!important
    }
}

.wysiwyg a {
    text-decoration: underline
}

.wysiwyg a:hover {
    text-decoration: none
}

.wysiwyg ol,.wysiwyg p,.wysiwyg ul {
    margin-bottom: 4rem
}

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

.wysiwyg .image {
    margin: 4rem 0 6rem
}

.wysiwyg .\!image {
    margin: 4rem 0 6rem!important
}

.wysiwyg .image .image__container {
    margin: 0
}

.wysiwyg .\!image .image__container {
    margin: 0!important
}

@media (min-width: 1024px) {
    .wysiwyg .image[style="width:25%;"],.wysiwyg .image[style="width:50%;"],.wysiwyg .image[style="width:75%;"] {
        width:100%!important
    }

    .wysiwyg .image[style="width:25%;"] .image__container,.wysiwyg .image[style="width:50%;"] .image__container,.wysiwyg .image[style="width:75%;"] .image__container {
        width: calc(50% - .7rem)
    }

    .wysiwyg .\!image[style="width:25%;"],.wysiwyg .\!image[style="width:50%;"],.wysiwyg .\!image[style="width:75%;"] {
        width: 100%!important
    }

    .wysiwyg .\!image[style="width:25%;"] .image__container,.wysiwyg .\!image[style="width:50%;"] .image__container,.wysiwyg .\!image[style="width:75%;"] .image__container {
        width: calc(50% - .7rem)!important
    }
}

@media (min-width: 1280px) {
    .wysiwyg .image {
        margin-bottom:8rem
    }

    .wysiwyg .\!image {
        margin-bottom: 8rem!important
    }
}

.wysiwyg .image img {
    margin: 0
}

.wysiwyg .\!image img {
    margin: 0!important
}

.wysiwyg .image figcaption {
    margin-top: 1rem;
    opacity: .4
}

.wysiwyg .\!image figcaption {
    margin-top: 1rem!important;
    opacity: .4!important
}

@media (min-width: 1024px) {
    .wysiwyg .image figcaption {
        padding-right:6rem
    }

    .wysiwyg .\!image figcaption {
        padding-right: 6rem!important
    }
}

.wysiwyg .media {
    margin: 4rem 0 6rem
}

@media (min-width: 1280px) {
    .wysiwyg .media {
        margin-bottom:8rem
    }
}

.wysiwyg ol {
    counter-reset: ol-counter;
    list-style: none
}

.wysiwyg ol li {
    counter-increment: ol-counter;
    display: block
}

.wysiwyg ol li:before {
    content: "0" counter(ol-counter)".";
    display: inline-block;
    font-size: 1.2rem;
    margin-right: .7rem;
    position: relative;
    top: .2em;
    vertical-align: top
}

.wysiwyg ul {
    list-style: none
}

.wysiwyg ul>li {
    padding-left: 3rem;
    position: relative
}

.wysiwyg ul>li:before {
    background: currentColor;
    border: .2rem solid;
    border-radius: 50%;
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    top: .4em;
    width: 1rem
}

.wysiwyg ol ol,.wysiwyg ol ul,.wysiwyg ul ol,.wysiwyg ul ul {
    padding-top: 1.25em
}

.wysiwyg ol ul>li:before,.wysiwyg ul ul>li:before {
    background-color: transparent
}

.wysiwyg ol li,.wysiwyg ul li {
    margin-bottom: 1.25em
}

.wysiwyg ol li:last-child,.wysiwyg ul li:last-child {
    margin-bottom: 0
}

.wysiwyg--font-description ol,.wysiwyg--font-description p,.wysiwyg--font-description ul {
    margin-bottom: 1.25em;
    padding-right: 0
}

.-translate-x-1\/2,.-translate-y-1\/2,.group-hover\:scale-110,.hover\:rotate-180,.md\:-translate-y-1\/2,.rotate-180,.rotate-45,.rotate-90,.scale-0,.scale-\[calc\(105\/140\)\],.scale-\[calc\(170\/105\)\],.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.blur,.filter,.grayscale {
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow:
}

.backdrop-filter {
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

html {
    box-sizing: border-box
}

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

@font-face {
    font-display: swap;
    font-family: FixelDisplay;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/dcc3807da8e7f0dce39e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: FixelDisplay;
    font-style: normal;
    font-weight: 500;
    src: url(./assets/fonts/366a8327f2faf30683f7.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Almaz;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/851eaba15e28350e50d8.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CyGrotesk;
    font-style: normal;
    font-weight: 900;
    src: url(./assets/fonts/e76eb99d36571c2a194e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DigitalStitch;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/499f3ca220ca5bb43f25.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DRKrukSingle;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/ab6d58f982bf347c58c3.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: IrpinType;
    font-style: normal;
    font-weight: 500;
    src: url(./assets/fonts/22b3f3a5feb2ab8a97c4.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: ITExtrazium;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/459736af8ca289c96bc8.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: KharkivTone;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/54c59ca940d4d9b45490.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: KREIS;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/03bffd8566f6524cd2ed.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Kamenyar;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/4e75a80e6787bccb41a5.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Lezo;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/50b4a1ab2d607d0b3667.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: LutskSity;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/07d08b6653ec039fa04c.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MakBlack;
    font-style: normal;
    font-weight: 900;
    src: url(./assets/fonts/de992c17263ff18df8d5.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MariupolStrong;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/663258c4bdec3060c418.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MarsType;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/0a6708668e0c491a8c90.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Mavka;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/a43d46d33e802ef3c9b2.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Misto;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/612258aaabe777ac90e1.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Monofontis;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/bd6aabb2eed008b2aa60.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MortaBrute;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/e59b46f77a2ea00ff1a9.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Nastup;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/8bb4f547496dc0a47504.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OldKharkiv;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/5cb62161f9b029272c61.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Palitura;
    font-style: normal;
    font-weight: 600;
    src: url(./assets/fonts/be5602887f9ea00f995e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Ponzu;
    font-style: normal;
    font-weight: 600;
    src: url(./assets/fonts/746dfd4bd0323f3567aa.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Rutenia;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/fd6ecf062824341c5748.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Waldemar;
    font-style: normal;
    font-weight: 900;
    src: url(./assets/fonts/028d380a310ccb7cd12b.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: ZlukaTitling;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/20240aafda4f4f34640a.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Extatica;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/cafb8427c8f78c8ed3d2.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Shtozer;
    font-style: normal;
    font-weight: 800;
    src: url(./assets/fonts/5011f76efad885553157.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gnit;
    font-style: normal;
    font-weight: 400;
    src: url(./assets/fonts/127596f8325ce2e5ebe3.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: RockStar;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/efe7880286d94c71671e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NAMU;
    font-style: normal;
    font-weight: 700;
    src: url(./assets/fonts/5917f83e19649cbc9b1e.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Volja;
    font-style: normal;
    font-weight: 900;
    src: url(./assets/fonts/c2806149a9a5fed9807a.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Stereonic;
    font-style: normal;
    font-weight: 600;
    src: url(./assets/fonts/69b7a2eaf4f82587c02f.woff2) format("woff2")
}

body,html {
    height: 100%;
    overflow: hidden;
    position: fixed
}

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

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

.is-loading,.is-loading body {
    height: 100%;
    overflow: hidden
}

.is-loading [data-animation=circular-cards],.is-loading [data-animation=moveUp],.is-loading [data-animation=split] {
    opacity: 0
}

.is-loaded [data-scroll-wrapper] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: none
}

[data-component=page-overlay] {
    color: #e8e4d9;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

[data-component=lazyload] {
    opacity: 0;
    transition: opacity .35s cubic-bezier(.3,.86,.36,.95)
}

[data-component=lazyload][data-ll-status=loaded] {
    opacity: 1
}

[data-page-cursor] {
    --size: 20px;
    background-color: red;
    border-radius: 50%;
    height: var(--size);
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translate3d(calc(100vw*var(--cursor-x) - var(--size)/2),calc(100vh*var(--cursor-y) - var(--size)/2),0);
    width: var(--size);
    z-index: 100
}

[data-animation=parallax] {
    will-change: transform
}

@keyframes link {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 100%
    }

    49.9% {
        transform: scaleX(0);
        transform-origin: 100% 100%
    }

    50% {
        transform: scaleX(0);
        transform-origin: 0 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

.image__container {
    overflow: hidden
}

.image__container img {
    transform: scale(1.1)
}

.text-svg path,.text-svg rect {
    opacity: 0;
    transition: opacity .35s cubic-bezier(.3,.86,.36,.95),transform .35s cubic-bezier(.3,.86,.36,.95)
}

.text-svg path:first-child,.text-svg rect:first-child {
    opacity: 1
}

.text-svg g {
    cursor: pointer
}

.text-svg g:hover path,.text-svg g:hover rect {
    opacity: 1
}

.text-svg g:hover path:first-child,.text-svg g:hover rect:first-child {
    opacity: 0
}

.content-intro ol,.content-intro p,.content-intro ul {
    margin-bottom: 3rem
}

.svg-large-33 text {
    fill: currentColor;
    font-size: 9px
}

.svg-icon {
    fill: currentColor;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-cards-block] [data-card-holder] {
    perspective: 2500px
}

[data-animation=multi-text] {
    display: grid;
    font-size: calc(47.7vw - 5.4rem);
    letter-spacing: -.105em;
    line-height: .65;
    text-indent: -3.3%;
    text-transform: uppercase;
    white-space: nowrap
}

[data-animation=multi-text] span {
    background: var(--bg);
    grid-area: 1/1/2/2;
    will-change: transform
}

[data-circular-item] {
    position: absolute
}

[data-circular-item]:nth-child(2n) {
    display: none
}

[data-animation=circular-cards] [data-cards-container] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.social-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -.5rem
}

.social-list__item {
    padding: .3rem
}

.social-list__link {
    align-items: center;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    display: flex;
    height: 4rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: color .35s cubic-bezier(.3,.86,.36,.95);
    width: 4rem;
    z-index: 1
}

.social-list__link svg {
    height: 1.6rem;
    width: 1.6rem
}

.social-list__link:before {
    background: #000;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scale(0);
    transform-origin: center;
    transition: transform .35s cubic-bezier(.3,.86,.36,.95);
    width: 100%;
    z-index: -1
}

.group:hover .social-list__link,.is-active .social-list__link,.social-list__link.is-active,.social-list__link:hover {
    color: #fff
}

.group:hover .social-list__link:before,.is-active .social-list__link:before,.social-list__link.is-active:before,.social-list__link:hover:before {
    transform: scale(1)
}

.social-list__link--light {
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.3)
}

.social-list__link--light:before {
    background: #fff
}

.group:hover .social-list__link--light,.is-active .social-list__link--light,.social-list__link--light.is-active,.social-list__link--light:hover {
    color: #000
}

[data-shuffle-group] {
    position: relative
}

.event-main-title {
    font-size: 18.5vw;
    line-height: 1
}

[lang=en] .event-main-title {
    font-size: 19.2vw
}

.event-letter-counter {
    opacity: 1;
    transition: opacity .35s cubic-bezier(.3,.86,.36,.95)
}

.is-loading .event,[data-top=false] .event-letter-counter {
    opacity: 0
}

.accordion-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.accordion-icon:after,.accordion-icon:before {
    background: currentColor;
    content: "";
    height: .1rem;
    position: absolute;
    transition: transform .35s cubic-bezier(.3,.86,.36,.95);
    width: 100%
}

.accordion-icon:after {
    transform: rotate(90deg)
}

.is-active .accordion-icon:after {
    transform: none
}

[data-split=words] .line-w {
    margin-bottom: -.3em;
    overflow: hidden;
    padding-bottom: .15em;
    padding-top: .15em;
    vertical-align: top
}

mark {
    background: none;
    color: currentColor;
    opacity: .5
}

[data-page-overlay] {
    display: grid;
    grid-auto-flow: column;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

[data-page-overlay] .is-col {
    display: grid;
    width: 6rem
}

[data-page-overlay] .is-col div {
    aspect-ratio: 1/1;
    background: #161616;
    visibility: hidden;
    width: 100%
}

[data-component=intro-section] {
    height: 100vh
}

.jsr.touchevents [data-component=intro-section] {
    height: calc(var(--vh)*100)
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.\!static {
    position: static!important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-bottom-1 {
    bottom: -.1rem
}

.-left-1 {
    left: -.1rem
}

.-right-10 {
    right: -1rem
}

.-top-70 {
    top: -7rem
}

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 1rem
}

.bottom-15 {
    bottom: 1.5rem
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-18 {
    right: 1.8rem
}

.right-full {
    right: 100%
}

.top-0 {
    top: 0
}

.top-2 {
    top: .2rem
}

.top-auto {
    top: auto
}

.-z-1 {
    z-index: -1
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-5 {
    z-index: 5
}

.z-50 {
    z-index: 50
}

.col-span-1 {
    grid-column: span 1/span 1
}

.-m-6 {
    margin: -.6rem
}

.m-auto {
    margin: auto
}

.-mx-10 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-20 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-mx-\[2\.7rem\] {
    margin-left: -2.7rem;
    margin-right: -2.7rem
}

.mx-1 {
    margin-left: .1rem;
    margin-right: .1rem
}

.mx-10 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-40 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-10 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-100 {
    margin-bottom: 10rem;
    margin-top: 10rem
}

.my-40 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.-mt-1 {
    margin-top: -.1rem
}

.-mt-5 {
    margin-top: -.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-100 {
    margin-bottom: 10rem
}

.mb-12 {
    margin-bottom: 1.2rem
}

.mb-15 {
    margin-bottom: 1.5rem
}

.mb-150 {
    margin-bottom: 15rem
}

.mb-2 {
    margin-bottom: .2rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-25 {
    margin-bottom: 2.5rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mb-35 {
    margin-bottom: 3.5rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: .5rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-65 {
    margin-bottom: 6.5rem
}

.mb-70 {
    margin-bottom: 7rem
}

.mb-80 {
    margin-bottom: 8rem
}

.mr-12 {
    margin-right: 1.2rem
}

.mr-5 {
    margin-right: .5rem
}

.mt-100 {
    margin-top: 10rem
}

.mt-50 {
    margin-top: 5rem
}

.mt-60 {
    margin-top: 6rem
}

.mt-80 {
    margin-top: 8rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[105\/146\] {
    aspect-ratio: 105/146
}

.aspect-\[155\/215\] {
    aspect-ratio: 155/215
}

.aspect-\[270\/374\] {
    aspect-ratio: 270/374
}

.aspect-\[336\/383\] {
    aspect-ratio: 336/383
}

.aspect-\[76\/105\] {
    aspect-ratio: 76/105
}

.aspect-\[814\/314\] {
    aspect-ratio: 814/314
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-1 {
    height: .1rem
}

.h-14 {
    height: 1.4rem
}

.h-140 {
    height: 14rem
}

.h-26 {
    height: 2.6rem
}

.h-300 {
    height: 30rem
}

.h-\[9\.6rem\] {
    height: 9.6rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-full {
    max-height: 100%
}

.min-h-\[27rem\] {
    min-height: 27rem
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 1rem
}

.w-14 {
    width: 1.4rem
}

.w-150 {
    width: 15rem
}

.w-18 {
    width: 1.8rem
}

.w-200 {
    width: 20rem
}

.w-26 {
    width: 2.6rem
}

.w-50 {
    width: 5rem
}

.w-\[10\.5rem\] {
    width: 10.5rem
}

.w-\[18rem\] {
    width: 18rem
}

.w-\[24rem\] {
    width: 24rem
}

.w-\[33\.6rem\] {
    width: 33.6rem
}

.w-\[8\.7rem\] {
    width: 8.7rem
}

.w-\[9\.6rem\] {
    width: 9.6rem
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.max-w-160 {
    max-width: 16rem
}

.max-w-200 {
    max-width: 20rem
}

.max-w-440 {
    max-width: 44rem
}

.max-w-700 {
    max-width: 70rem
}

.max-w-800 {
    max-width: 80rem
}

.max-w-900 {
    max-width: 90rem
}

.max-w-\[108rem\] {
    max-width: 108rem
}

.max-w-\[33rem\] {
    max-width: 33rem
}

.max-w-\[36rem\] {
    max-width: 36rem
}

.max-w-\[71rem\] {
    max-width: 71rem
}

.max-w-\[75rem\] {
    max-width: 75rem
}

.max-w-\[81\.4rem\] {
    max-width: 81.4rem
}

.max-w-\[90\.6rem\] {
    max-width: 90.6rem
}

.max-w-\[94rem\] {
    max-width: 94rem
}

.max-w-\[96rem\] {
    max-width: 96rem
}

.max-w-screen-lg {
    max-width: 1024px
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow,.grow {
    flex-grow: 1
}

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-center {
    transform-origin: center
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,.rotate-45 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,.scale-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-\[calc\(105\/140\)\] {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75
}

.scale-\[calc\(105\/140\)\],.scale-\[calc\(170\/105\)\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[calc\(170\/105\)\] {
    --tw-scale-x: 1.61905;
    --tw-scale-y: 1.61905
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

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

.grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-10 {
    gap: 1rem
}

.gap-x-10 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-12 {
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem
}

.gap-x-15 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-20 {
    row-gap: 2rem
}

.gap-y-30 {
    row-gap: 3rem
}

.gap-y-40 {
    row-gap: 4rem
}

.gap-y-50 {
    row-gap: 5rem
}

.gap-y-60 {
    row-gap: 6rem
}

.gap-y-65 {
    row-gap: 6.5rem
}

.gap-y-70 {
    row-gap: 7rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-ellipsis,.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-circle {
    border-radius: 50%
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: .1rem
}

.border-b {
    border-bottom-width: .1rem
}

.border-l {
    border-left-width: .1rem
}

.border-r {
    border-right-width: .1rem
}

.border-t {
    border-top-width: .1rem
}

.border-dashed {
    border-style: dashed
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-current {
    border-color: currentColor
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.border-opacity-20 {
    --tw-border-opacity: 0.2
}

.border-opacity-30 {
    --tw-border-opacity: 0.3
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(111 141 181/var(--tw-bg-opacity))
}

.bg-brown {
    --tw-bg-opacity: 1;
    background-color: rgb(94 79 43/var(--tw-bg-opacity))
}

.bg-cream {
    --tw-bg-opacity: 1;
    background-color: rgb(232 228 217/var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(22 22 22/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(201 187 63/var(--tw-bg-opacity))
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-10 {
    padding: 1rem
}

.p-20 {
    padding: 2rem
}

.p-6 {
    padding: .6rem
}

.p-60 {
    padding: 6rem
}

.px-1 {
    padding-left: .1rem;
    padding-right: .1rem
}

.px-10 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-18 {
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-28 {
    padding-left: 2.8rem;
    padding-right: 2.8rem
}

.px-30 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-40 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-5 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-50 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-10 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-12 {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem
}

.py-15 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-20 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-30 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-45 {
    padding-bottom: 4.5rem;
    padding-top: 4.5rem
}

.py-5 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-50 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-60 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.py-70 {
    padding-bottom: 7rem;
    padding-top: 7rem
}

.pb-10 {
    padding-bottom: 1rem
}

.pb-100 {
    padding-bottom: 10rem
}

.pb-110 {
    padding-bottom: 11rem
}

.pb-12 {
    padding-bottom: 1.2rem
}

.pb-150 {
    padding-bottom: 15rem
}

.pb-20 {
    padding-bottom: 2rem
}

.pb-200 {
    padding-bottom: 20rem
}

.pb-280 {
    padding-bottom: 28rem
}

.pb-40 {
    padding-bottom: 4rem
}

.pb-50 {
    padding-bottom: 5rem
}

.pb-80 {
    padding-bottom: 8rem
}

.pr-10 {
    padding-right: 1rem
}

.pr-20 {
    padding-right: 2rem
}

.pr-50 {
    padding-right: 5rem
}

.pr-60 {
    padding-right: 6rem
}

.pr-80 {
    padding-right: 8rem
}

.pt-10 {
    padding-top: 1rem
}

.pt-130 {
    padding-top: 13rem
}

.pt-15 {
    padding-top: 1.5rem
}

.pt-150 {
    padding-top: 15rem
}

.pt-200 {
    padding-top: 20rem
}

.pt-30 {
    padding-top: 3rem
}

.pt-35 {
    padding-top: 3.5rem
}

.pt-5 {
    padding-top: .5rem
}

.pt-50 {
    padding-top: 5rem
}

.pt-60 {
    padding-top: 6rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-almaz {
    font-family: Almaz,Roboto,sans-serif
}

.font-cyGrotesk {
    font-family: CyGrotesk,Roboto,sans-serif
}

.font-digitalStitch {
    font-family: DigitalStitch,Roboto,sans-serif
}

.font-extatica {
    font-family: Extatica,Roboto,sans-serif
}

.font-extrazium {
    font-family: ITExtrazium,Roboto,sans-serif
}

.font-fixel {
    font-family: FixelDisplay,Roboto,sans-serif
}

.font-gnit {
    font-family: Gnit,Roboto,sans-serif
}

.font-irpinType {
    font-family: IrpinType,Roboto,sans-serif
}

.font-kamenyar {
    font-family: Kamenyar,Roboto,sans-serif
}

.font-kharkivTone {
    font-family: KharkivTone,Roboto,sans-serif
}

.font-kreis {
    font-family: KREIS,Roboto,sans-serif
}

.font-kruk {
    font-family: DRKrukSingle,Roboto,sans-serif
}

.font-lezo {
    font-family: Lezo,Roboto,sans-serif
}

.font-lutskType {
    font-family: LutskSity,Roboto,sans-serif
}

.font-mak {
    font-family: MakBlack,Roboto,sans-serif
}

.font-mariupolStrong {
    font-family: MariupolStrong,Roboto,sans-serif
}

.font-marsType {
    font-family: MarsType,Roboto,sans-serif
}

.font-mavka {
    font-family: Mavka,Roboto,sans-serif
}

.font-misto {
    font-family: Misto,Roboto,sans-serif
}

.font-monofontis {
    font-family: Monofontis,Roboto,sans-serif
}

.font-morta {
    font-family: MortaBrute,Roboto,sans-serif
}

.font-namu {
    font-family: NAMU,Roboto,sans-serif
}

.font-nastup {
    font-family: Nastup,Roboto,sans-serif
}

.font-oldKharkiv {
    font-family: OldKharkiv,Roboto,sans-serif
}

.font-palitura {
    font-family: Palitura,Roboto,sans-serif
}

.font-ponzu {
    font-family: Ponzu,Roboto,sans-serif
}

.font-primary {
    font-family: FixelDisplay,Roboto,sans-serif
}

.font-rockStar {
    font-family: RockStar,Roboto,sans-serif
}

.font-ruthenia {
    font-family: Rutenia,Roboto,sans-serif
}

.font-shtozer {
    font-family: Shtozer,Roboto,sans-serif
}

.font-stereonic {
    font-family: Stereonic,Roboto,sans-serif
}

.font-volja {
    font-family: Volja,Roboto,sans-serif
}

.font-waldemar {
    font-family: Waldemar,Roboto,sans-serif
}

.font-zluka {
    font-family: ZlukaTitling,Roboto,sans-serif
}

.text-\[11\.2rem\] {
    font-size: 11.2rem
}

.text-\[2\.2rem\] {
    font-size: 2.2rem
}

.text-\[2\.4rem\] {
    font-size: 2.4rem
}

.text-\[2\.8rem\] {
    font-size: 2.8rem
}

.text-\[3\.2rem\] {
    font-size: 3.2rem
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[4\.6rem\] {
    font-size: 4.6rem
}

.text-lg {
    font-size: 2rem
}

.text-md {
    font-size: 1.8rem
}

.text-sm {
    font-size: 1.4rem
}

.text-xl {
    font-size: 2.2rem
}

.text-xs {
    font-size: 1.2rem
}

.text-xxs {
    font-size: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.italic {
    font-style: italic
}

.leading-base {
    line-height: 1.3
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.4
}

.leading-small {
    line-height: 1.2
}

.leading-tight {
    line-height: 1.1
}

.leading-xs {
    line-height: .8
}

.tracking-high {
    letter-spacing: .01em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.02em
}

.tracking-tighter {
    letter-spacing: -.04em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(111 141 181/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.\!opacity-100 {
    opacity: 1!important
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.mix-blend-difference {
    mix-blend-mode: difference
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.grayscale {
    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)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.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: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.will-change-transform {
    will-change: transform
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.7rem;
    padding-right: 2.7rem;
    width: 100%
}

.btn__icon,.btn__text {
    position: relative;
    transition: inherit;
    z-index: 1
}

.btn__icon {
    align-items: center;
    display: flex;
    height: 2.6rem;
    justify-content: center;
    margin-left: auto;
    width: 2.6rem
}

.btn__icon svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.btn {
    align-items: center;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-flex;
    font-family: FixelDisplay,Roboto,sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.3;
    padding: 1.2rem 0;
    position: relative;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform
}

.btn:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: inherit;
    width: 100%
}

.no-touchevents .btn:hover .btn__icon,.no-touchevents .group:not(.group--no-events):hover .btn .btn__icon {
    transform: translateX(-1.2rem)
}

.no-touchevents .btn:hover .btn__text,.no-touchevents .group:not(.group--no-events):hover .btn .btn__text {
    transform: translateX(1.2rem)
}

.no-touchevents .btn:hover:before,.no-touchevents .group:not(.group--no-events):hover .btn:before {
    transform: scaleY(1)
}

.btn:disabled {
    opacity: .5;
    pointer-events: none
}

.btn:focus {
    outline: none
}

.btn--primary {
    box-shadow: inset 0 -.1rem 0 0 #000;
    color: #000
}

.btn--primary:before {
    background-color: #000
}

.no-touchevents .btn--primary:hover,.no-touchevents .group:not(.group--no-events):hover .btn--primary {
    color: #fff
}

.link {
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.link:after {
    background: currentColor;
    bottom: 0;
    content: "";
    height: .1rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    will-change: transform
}

.active .link:after,.group.is-active .link:after,.link--underline:after,.link.is-active:after,.link.is-complete:after,.no-touchevents .group.is-active .link:after,.no-touchevents .group:hover .link:after,.no-touchevents .link.is-active:after,.no-touchevents .link.is-complete:after,.no-touchevents .link:hover:after {
    transform: scaleX(1);
    transform-origin: 0 0
}

.link--underline:after {
    animation: none
}

.group.is-active .link--underline:after,.link--underline.is-active:after,.no-touchevents .group.is-active .link--underline:after,.no-touchevents .group:hover .link--underline:after,.no-touchevents .link--underline.is-active:after,.no-touchevents .link--underline:hover:after {
    animation: link .75s forwards
}

.touchevents .link--underline {
    text-decoration: underline
}

.touchevents .link--underline:after {
    display: none
}

.group.is-active .link--underline-default,.group:hover .link--underline-default,.link--underline-default.is-active,.link--underline-default:hover {
    text-decoration: none
}

.no-touchevents .group.is-active .link--custom .link__hover-text,.no-touchevents .group:hover .link--custom .link__hover-text,.no-touchevents .link--custom.is-active .link__hover-text,.no-touchevents .link--custom:hover .link__hover-text {
    transform: none
}

.no-touchevents .group.is-active .link--custom .link__default-text,.no-touchevents .group:hover .link--custom .link__default-text,.no-touchevents .link--custom.is-active .link__default-text,.no-touchevents .link--custom:hover .link__default-text {
    transform: translateY(-125%)
}

.group.is-active .link--custom .link__hover-text,.link--custom.is-active .link__hover-text {
    transform: none
}

.group.is-active .link--custom .link__default-text,.link--custom.is-active .link__default-text {
    transform: translateY(-125%)
}

.link--innactive .splitter-row .link {
    display: inline-block!important;
    vertical-align: top
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2710%27 height=%276%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 .725 5.275 5 9.55.725%27 stroke=%27%23141413%27/%3E%3C/svg%3E");
    background-position: calc(100% - 2rem) 50%;
    background-repeat: no-repeat;
    background-size: 1rem
}

input[type=submit] {
    border: 1px solid undefined;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    height: 4rem;
    line-height: 1;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

input[type=submit]:hover {
    background-color: transparent
}

.woocommerce-input-wrapper .choices,input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid;
    border-radius: 0;
    color: currentColor;
    font-family: FixelDisplay,Roboto,sans-serif;
    font-size: 1.6rem;
    height: 4rem;
    line-height: 1;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    width: 100%
}

.woocommerce-input-wrapper .choices:focus,.woocommerce-input-wrapper .choices:hover,input[type=email]:focus,input[type=email]:hover,input[type=password]:focus,input[type=password]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover {
    opacity: 1;
    outline: none
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    min-height: 100%
}

textarea:placeholder {
    bottom: 1rem;
    position: absolute;
    width: 100%
}

input::-moz-placeholder,textarea::-moz-placeholder {
    transition-duration: .3s;
    -moz-transition-property: opacity;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

input::placeholder,textarea::placeholder {
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

input:hover::-moz-placeholder,textarea:hover::-moz-placeholder {
    opacity: 1
}

input:hover::placeholder,textarea:hover::placeholder {
    opacity: 1
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus::placeholder,textarea:focus::placeholder {
    opacity: 0
}

input:not(:-moz-placeholder-shown),textarea:not(:-moz-placeholder-shown) {
    opacity: 1
}

input:not(:placeholder-shown),textarea:not(:placeholder-shown) {
    opacity: 1
}

hr {
    border-color: currentColor;
    opacity: .15
}

.language-list {
    align-items: center;
    display: inline-flex;
    text-transform: uppercase
}

.language-list li:after {
    content: "/";
    display: inline-block;
    margin: 0 .5em;
    position: relative;
    top: -.05em;
    vertical-align: middle
}

.language-list li:last-child:after {
    display: none
}

[data-component=preloader] {
    height: calc(var(--vh)*100)
}

[data-header] {
    transform: translateY(-100%)
}

.is-loaded [data-header] {
    transform: none;
    transition: transform 1.2s cubic-bezier(.3,.86,.36,.95)
}

[header-theme=light] [data-header] {
    color: #fff;
    mix-blend-mode: difference
}

[header-theme=dark] [data-header] {
    color: #000
}

.menu--opened [data-header] {
    color: #000;
    mix-blend-mode: normal
}

[data-header-logo] {
    display: inline-flex;
    font-size: 1.6rem;
    letter-spacing: .04em;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

[data-header-logo] [data-letters] {
    display: flex;
    justify-content: space-between;
    left: 0;
    min-width: 3.7rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition: transform .35s cubic-bezier(.3,.86,.36,.95)
}

[data-header-logo] [data-letters]:before {
    content: "("
}

[data-header-logo] [data-letters]:after {
    content: ")"
}

[data-header-logo] [data-home] {
    transform: translateY(105%);
    transition: transform .35s cubic-bezier(.3,.86,.36,.95)
}

[data-header-logo]:hover [data-home] {
    transform: none
}

[data-header-logo]:hover [data-letters] {
    transform: translateY(-105%)
}

.wrapper:before {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(0,0,0,.8);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s cubic-bezier(.3,.86,.36,.95),visibility 0s linear .5s;
    visibility: hidden;
    z-index: 30
}

/* perf: закрытый оверлей (во всю высоту страницы, ~10-18 тыс. px) с backdrop-filter был отдельным
   композитным слоем и перерисовывался при скролле; visibility:hidden убирает слой, пока меню/попап закрыты */
.menu--opened .wrapper:before,.popup--active .wrapper:before {
    opacity: 1;
    pointer-events: all;
    transition-duration: .8s;
    transition-delay: 0s;
    visibility: visible
}

.popup--active .wrapper:before {
    z-index: 51
}

[data-menu] {
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    height: 39rem;
    left: 1.4rem;
    pointer-events: none;
    position: fixed;
    right: 1.4rem;
    top: 0;
    transition: -webkit-clip-path .3s cubic-bezier(.3,.86,.36,.95);
    transition: clip-path .3s cubic-bezier(.3,.86,.36,.95);
    transition: clip-path .3s cubic-bezier(.3,.86,.36,.95),-webkit-clip-path .3s cubic-bezier(.3,.86,.36,.95);
    z-index: 49
}

.menu--opened [data-menu] {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    pointer-events: all;
    transition-duration: .6s
}

[data-menu-opener] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    transition: transform .7s cubic-bezier(.3,.86,.36,.95);
    width: 4.7rem
}

[data-menu-opener]:hover {
    transform: scaleX(.75)
}

[data-menu-opener] div {
    position: absolute;
    transition: transform .7s cubic-bezier(.3,.86,.36,.95)
}

[data-menu-opener] div:first-child {
    transform: translateY(-.3rem)
}

[data-menu-opener] div:last-child {
    transform: translateY(.3rem)
}

.menu--opened [data-menu-opener] div {
    transform: none
}

[data-menu-link] {
    letter-spacing: .03em
}

[data-menu-link] span {
    -webkit-text-stroke: .1rem #000;
    position: relative;
    transition: color .35s cubic-bezier(.3,.86,.36,.95);
    transition-delay: calc(var(--i)*15ms)
}

[data-menu-link]:hover span {
    color: transparent
}

[data-menu-link].is-active {
    opacity: .5;
    pointer-events: none
}

.intro-section__main-svg {
    transform-origin: 50% 100%
}

.is-loading .intro-section__main-svg {
    transform: scale(.3846153846)
}

.intro-section__block {
    margin-top: -3.3rem
}

.intro-section__block--left,.intro-section__block--right {
    left: 2.8rem;
    right: 2.8rem;
    width: auto
}

.is-loading [data-component=intro-section] [data-letter] {
    transform: translateY(110%)
}

.preloader-passed [data-component=intro-section] .intro-section__add-svg {
    opacity: 0
}

[data-component=intro-section] [data-marquee-card]:not([data-marquee-card=central]) {
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(.3,.86,.36,.95)
}

.is-loaded [data-component=intro-section] [data-marquee-card]:not([data-marquee-card=central]) {
    opacity: 1
}

[data-component=intro-section] [data-marquee-card]:last-child {
    display: none
}

[data-component=intro-section] [data-cards-container] {
    transform-origin: top
}

[data-component=intro-section] [data-intro-card] {
    flex-shrink: 0;
    position: absolute;
    top: 0
}

[data-component=intro-section] [data-intro-card]:not(.passed) {
    transform: scale(.00001)
}

[data-component=intro-section] [data-intro-card]:not(.passed):first-child {
    left: -15.2vh;
    top: 36.7vh;
    transform: scale(.00001) rotate(-135deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(2) {
    left: -21.3vh;
    top: 21.5vh;
    transform: scale(.00001) rotate(-90deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(3) {
    left: -15.2vh;
    top: 6.4vh;
    transform: scale(.00001) rotate(-45deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(5) {
    left: 15.2vh;
    top: 6.4vh;
    transform: scale(.00001) rotate(45deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(6) {
    left: 21.3vh;
    top: 21.5vh;
    transform: scale(.00001) rotate(90deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(7) {
    left: 15.2vh;
    top: 36.7vh;
    transform: scale(.00001) rotate(135deg)
}

[data-component=intro-section] [data-intro-card]:not(.passed):nth-child(8) {
    top: 42.8vh;
    transform: scale(.00001) rotate(180deg)
}

[data-component=intro-section] [data-intro-card].passed.is-animating {
    transition: transform 1.1s cubic-bezier(.3,.86,.36,.95)
}

.is-safari.is-loaded [data-component=intro-section] [data-intro-card].passed {
    transition: transform .15s linear
}

[data-component=intro-section] [data-intro-card].passed:last-child {
    display: none
}

[data-component=intro-section] [data-intro-card=central] {
    position: relative;
    z-index: 10
}

[data-component=intro-section] .text-svg-33 {
    max-width: 5rem;
    top: .1rem;
    width: 4.8vw
}

[data-component=intro-section] .text-svg-33 path {
    transform: translateY(110%)
}

.is-loaded [data-component=intro-section] .text-svg-33 path {
    transform: none;
    transition: transform 1s cubic-bezier(.3,.86,.36,.95)
}

.is-loaded [data-component=intro-section] .text-svg-33 path:nth-child(2) {
    transition-delay: .2s!important
}

.font-fixel {
    font-feature-settings: "ss01" on
}

.card {
    perspective: 2500px;
    position: relative;
    transform-style: preserve-3d
}

.card--simple {
    font-size: 1.3rem;
    line-height: 1
}

.card--simple .card__back,.card--simple .card__front {
    background: #e8e4d9;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: .8rem 1rem
}

.card--simple .card__back {
    padding: 1rem
}

.card--simple .card__headline {
    align-items: baseline;
    display: flex;
    flex-grow: 1;
    font-family: MariupolStrong,Roboto,sans-serif;
    justify-content: space-between;
    line-height: 1;
    text-transform: uppercase
}

.card--simple .card__headline span:first-child {
    display: block;
    margin: -.1em 0;
    overflow: hidden;
    padding: .1em 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--simple .card__subtitle {
    flex-shrink: 0;
    font-size: .6rem;
    margin-bottom: 0;
    margin-top: .8rem
}

.card--simple .card__image,.card--simple .card__svg {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.card--simple .card__image picture {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.card--preview {
    font-size: 3.2rem
}

.card--preview .card__back,.card--preview .card__front {
    padding: 1.5rem 1.7rem
}

.card--preview .card__back {
    padding: 1.5rem 1.7rem 1.7rem
}

.card--preview .card__headline {
    margin-bottom: 1.2rem
}

.card--preview .card__subtitle {
    font-size: 1.4rem;
    margin-top: 1.2rem
}

.card--large[data-no-animation] {
    transform-style: flat
}

.card--large[data-no-animation] .card__front {
    z-index: 2
}

.card--large .card__front {
    background: #fff
}

.card--large .card__back,.card--large .card__front {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 2rem
}

.card--large .card__back {
    color: #fff
}

.card--large .card__thumb {
    background: #e8e4d9;
    color: #000;
    padding: .7rem 1rem 1rem;
    width: 10.5rem
}

.card--large .card__thumb-headline {
    align-items: baseline;
    display: flex;
    font-family: MariupolStrong,Roboto,sans-serif;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.card--large .card__thumb-headline span {
    display: block;
    margin: -.1em 0;
    overflow: hidden;
    padding: .1em 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--large .card__thumb-image {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.card--large .card__thumb-image picture {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.card--large .card__label {
    border-top: 1px solid;
    padding: .5rem 0
}

.card--large .card__large-char {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    width: 100%
}

.card--large .card__large-char-specific {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    line-height: 1
}

.card--large .card__large-char-symbol {
    font-size: 11.2rem
}

.card--large .card__large-char-symbol span:first-child {
    text-transform: uppercase
}

.card--large .card__large-char-symbol span:nth-child(2) {
    text-transform: lowercase
}

.card--large .card__abbr {
    font-family: FixelDisplay,Roboto,sans-serif;
    font-size: 1.4rem;
    font-weight: 500
}

.card--large .card__abbr span {
    display: block;
    margin: -.1em 0;
    overflow: hidden;
    padding: .1em 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card--large .card__separator {
    background: currentColor;
    height: .1rem;
    margin: .5rem 0;
    opacity: .3
}

.card--large .card__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.card--large .card__plus {
    height: 2.6rem;
    width: 2.6rem
}

.card--large [data-marquee-line] {
    display: flex;
    font-size: 8.6rem;
    line-height: 1;
    margin-bottom: 3rem;
    margin-top: auto;
    white-space: nowrap
}

.card--large [data-marquee-line] span {
    display: inline-block;
    padding-right: .3em;
    vertical-align: top
}

.card__back,.card__front {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    width: 100%
}

.card__front {
    transform: rotateY(calc(-180deg*var(--p)))
}

.card__back {
    transform: rotateY(calc(var(--p)*-180deg + 180deg))
}

.card__large-char-symbol {
    bottom: -.15em;
    position: relative
}

.font-stereonic .card__large-char-symbol {
    bottom: -.25em
}

.font-volja .card__large-char-symbol {
    bottom: -.2em
}

.font-almaz .card__large-char-symbol,.font-monofontis .card__large-char-symbol {
    bottom: -.25em
}

.font-kreis .card__large-char-symbol,.font-mavka .card__large-char-symbol {
    bottom: -.23em
}

.font-lezo .card__large-char-symbol {
    bottom: 0
}

.font-kruk .card__large-char-symbol {
    bottom: -.1em
}

.font-digitalStitch .card__large-char-symbol {
    bottom: -.25em
}

.font-extrazium .card__large-char-symbol {
    bottom: -.27em
}

.font-mariupolStrong .card__large-char-symbol {
    bottom: -.21em
}

.font-namu .card__large-char-symbol {
    bottom: -.07em
}

.font-marsType .card__large-char-symbol {
    bottom: -.12em
}

.font-nastup .card__large-char-symbol {
    bottom: -.05em
}

.font-gnit .card__large-char-symbol {
    bottom: .08em
}

.font-lutskType .card__large-char-symbol {
    bottom: -.24em
}

.font-kharkivTone .card__large-char-symbol {
    bottom: -.25em
}

.font-shtozer .card__large-char-symbol {
    bottom: -.18em
}

.font-cyGrotesk .card__large-char-symbol {
    bottom: -.1em
}

.font-waldemar .card__large-char-symbol {
    bottom: -.25em
}

[data-component=popup] {
    -webkit-overflow-scrolling: touch;
    height: calc(var(--vh)*100);
    left: 0;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(50vh);
    z-index: 55
}

[data-component=popup]::-webkit-scrollbar {
    width: 0
}

[data-component=popup]::-webkit-scrollbar-thumb {
    background: transparent
}

.is-loaded [data-component=popup] {
    transition: transform .2s cubic-bezier(.3,.86,.36,.95),opacity .2s cubic-bezier(.3,.86,.36,.95)
}

[data-component=popup].popup-active {
    opacity: 1;
    pointer-events: all;
    transform: none;
    transition-duration: .5s
}

@media screen and (min-width: 768px) {
    .content-intro ol,.content-intro p,.content-intro ul {
        margin-bottom:5rem
    }

    [data-animation=multi-text] {
        font-size: calc(40.7vw - 5.4rem)
    }

    [data-circular-item]:nth-child(2n) {
        display: block
    }

    .event-main-title {
        font-size: 15.05vw
    }

    [lang=en] .event-main-title {
        font-size: 15.6vw
    }

    .event-large-letter {
        bottom: calc(100% - 1.8rem);
        left: .1rem;
        line-height: .7;
        position: absolute
    }

    .event-large-letter.font-gnit {
        line-height: 1.3
    }

    .partner-row__image {
        -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
        clip-path: polygon(0 0,0 0,0 100%,0 100%);
        transition: -webkit-clip-path .35s cubic-bezier(.3,.86,.36,.95);
        transition: clip-path .35s cubic-bezier(.3,.86,.36,.95);
        transition: clip-path .35s cubic-bezier(.3,.86,.36,.95),-webkit-clip-path .35s cubic-bezier(.3,.86,.36,.95)
    }

    .group:hover .partner-row__image {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }

    [data-page-overlay] .is-col {
        width: 9.6rem
    }

    [data-menu] {
        height: 29.2rem
    }

    .is-loading .intro-section__main-svg {
        transform: scale(.2442196532)
    }

    .intro-section__block--left {
        right: calc(50% + .5rem)
    }

    .intro-section__block--right {
        left: calc(50% + .5rem)
    }

    [data-component=intro-section] .text-svg-33 {
        top: .3rem
    }

    .card--intro {
        font-size: 2rem
    }

    .card--intro .card__back,.card--intro .card__front {
        padding: 1.2rem 1.5rem
    }

    .card--intro .card__back {
        padding: 1.2rem 1.5rem 1.5rem
    }

    .card--intro .card__headline {
        margin-bottom: 1.2rem
    }

    .card--intro .card__subtitle {
        font-size: .8rem;
        margin-top: 1.2rem
    }
}

@media screen and (min-width: 768px)and (orientation:portrait) {
    [data-component=intro-section] [data-cards] {
        top:8vh
    }
}

@media screen and (min-width: 1024px) {
    .event-main-title {
        font-size:15.35vw
    }

    [lang=en] .event-main-title {
        font-size: 16vw
    }

    .intro-section__block--left {
        right: calc(50% + .7rem)
    }

    .intro-section__block--right {
        left: calc(50% + .7rem)
    }
}

@media screen and (min-width: 1280px) {
    [data-shuffle-group]:nth-child(3) {
        margin:0 4%
    }

    [data-accordion-content] {
        height: auto!important;
        opacity: 1!important
    }

    [data-component=intro-section] [data-intro-card].passed {
        transform: scale(.3888888889)
    }

    [data-component=intro-section] [data-intro-card].passed:not([data-intro-card=central]) {
        position: absolute!important
    }

    [data-component=intro-section] [data-intro-card].passed:first-child,[data-component=intro-section] [data-intro-card].passed:nth-last-child(2) {
        display: none
    }

    [data-component=intro-section] [data-intro-card].passed:nth-child(2) {
        transform: translateX(-55.6vw) translateX(50%) translateX(2.7rem) scale(.3888888889)
    }

    [data-component=intro-section] [data-intro-card].passed:nth-child(3) {
        transform: translateX(-35.5vw) translateX(50%) translateX(2.7rem) scale(.3888888889)
    }

    [data-component=intro-section] [data-intro-card].passed:nth-child(5) {
        transform: translateX(35.5vw) translateX(-50%) translateX(-2.7rem) scale(.3888888889)
    }

    [data-component=intro-section] [data-intro-card].passed:nth-child(6) {
        transform: translateX(55.6vw) translateX(-50%) translateX(-2.7rem) scale(.3888888889)
    }

    [data-component=intro-section] .text-svg-33 {
        top: .5rem
    }

    .card--intro {
        font-size: 4rem
    }

    .card--intro .card__back,.card--intro .card__front {
        padding: 1.7rem 2rem
    }

    .card--intro .card__back {
        padding: 1.7rem 2rem 2rem
    }

    .card--intro .card__headline {
        margin-bottom: 1.5rem
    }

    .card--intro .card__subtitle {
        font-size: 1.4rem;
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 1440px) {
    .event-main-title {
        font-size:22.3rem
    }

    [lang=en] .event-main-title {
        font-size: 23.3rem
    }
}

@media screen and (max-width: 767px)and (orientation:landscape) {
    [data-component=intro-section] [data-cards] {
        opacity:0
    }
}

@media (min-width: 768px) {
    .md\:container {
        margin-left:auto;
        margin-right: auto;
        padding-left: 2.7rem;
        padding-right: 2.7rem;
        width: 100%
    }
}

.hover\:rotate-180:hover {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-70:hover {
    opacity: .7
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-50 {
    opacity: .5
}

@media (min-width: 375px) {
    .xs\:pr-120 {
        padding-right:12rem
    }
}

@media (min-width: 520px) {
    .sm\:w-1\/2 {
        width:50%
    }
}

@media (min-width: 768px) {
    .md\:fixed {
        position:fixed
    }

    .md\:absolute {
        position: absolute
    }

    .md\:sticky {
        position: sticky
    }

    .md\:bottom-auto {
        bottom: auto
    }

    .md\:left-0 {
        left: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-60 {
        top: 6rem
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-3 {
        order: 3
    }

    .md\:order-4 {
        order: 4
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:\!col-start-7 {
        grid-column-start: 7!important
    }

    .md\:col-start-10 {
        grid-column-start: 10
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:-my-50 {
        margin-bottom: -5rem;
        margin-top: -5rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-100 {
        margin-bottom: 10rem
    }

    .md\:mb-110 {
        margin-bottom: 11rem
    }

    .md\:mb-130 {
        margin-bottom: 13rem
    }

    .md\:mb-20 {
        margin-bottom: 2rem
    }

    .md\:mb-35 {
        margin-bottom: 3.5rem
    }

    .md\:mb-50 {
        margin-bottom: 5rem
    }

    .md\:mb-75 {
        margin-bottom: 7.5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-150 {
        margin-top: 15rem
    }

    .md\:mt-70 {
        margin-top: 7rem
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-\[336\/467\] {
        aspect-ratio: 336/467
    }

    .md\:h-400 {
        height: 40rem
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-screen {
        height: 100vh
    }

    .md\:min-h-150 {
        min-height: 15rem
    }

    .md\:w-30 {
        width: 3rem
    }

    .md\:w-\[10\.5rem\] {
        width: 10.5rem
    }

    .md\:w-\[15rem\] {
        width: 15rem
    }

    .md\:w-\[27\.6rem\] {
        width: 27.6rem
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-150 {
        min-width: 15rem
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:transform-none {
        transform: none
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-around {
        justify-content: space-around
    }

    .md\:gap-x-10 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-x-14 {
        -moz-column-gap: 1.4rem;
        column-gap: 1.4rem
    }

    .md\:gap-x-15 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:rounded-circle {
        border-radius: 50%
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border-b {
        border-bottom-width: .1rem
    }

    .md\:border-l {
        border-left-width: .1rem
    }

    .md\:border-l-0 {
        border-left-width: 0
    }

    .md\:border-r-0 {
        border-right-width: 0
    }

    .md\:border-t-0 {
        border-top-width: 0
    }

    .md\:border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity))
    }

    .md\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-15 {
        padding: 1.5rem
    }

    .md\:p-20 {
        padding: 2rem
    }

    .md\:p-30 {
        padding: 3rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-100 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .md\:px-130 {
        padding-left: 13rem;
        padding-right: 13rem
    }

    .md\:px-20 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-60 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md\:px-70 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .md\:px-\[12\%\] {
        padding-left: 12%;
        padding-right: 12%
    }

    .md\:py-100 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .md\:pb-15 {
        padding-bottom: 1.5rem
    }

    .md\:pb-150 {
        padding-bottom: 15rem
    }

    .md\:pb-160 {
        padding-bottom: 16rem
    }

    .md\:pb-5 {
        padding-bottom: .5rem
    }

    .md\:pl-7 {
        padding-left: .7rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-20 {
        padding-right: 2rem
    }

    .md\:pr-7 {
        padding-right: .7rem
    }

    .md\:pt-100 {
        padding-top: 10rem
    }

    .md\:pt-220 {
        padding-top: 22rem
    }

    .md\:pt-230 {
        padding-top: 23rem
    }

    .md\:pt-60 {
        padding-top: 6rem
    }

    .md\:pt-90 {
        padding-top: 9rem
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-\[3\.2rem\] {
        font-size: 3.2rem
    }

    .md\:text-\[4\.6rem\] {
        font-size: 4.6rem
    }

    .md\:text-\[5rem\] {
        font-size: 5rem
    }

    .md\:text-\[8\.5rem\] {
        font-size: 8.5rem
    }

    .md\:text-\[8rem\] {
        font-size: 8rem
    }
}

@media (min-width: 1024px) {
    .lg\:invisible {
        visibility:hidden
    }

    .lg\:right-30 {
        right: 3rem
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:mx-14 {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .lg\:mb-100 {
        margin-bottom: 10rem
    }

    .lg\:mb-120 {
        margin-bottom: 12rem
    }

    .lg\:mb-140 {
        margin-bottom: 14rem
    }

    .lg\:mb-150 {
        margin-bottom: 15rem
    }

    .lg\:mb-160 {
        margin-bottom: 16rem
    }

    .lg\:mb-50 {
        margin-bottom: 5rem
    }

    .lg\:mb-75 {
        margin-bottom: 7.5rem
    }

    .lg\:mb-90 {
        margin-bottom: 9rem
    }

    .lg\:mt-120 {
        margin-top: 12rem
    }

    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-14 {
        width: 1.4rem
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:gap-14 {
        gap: 1.4rem
    }

    .lg\:gap-x-14 {
        -moz-column-gap: 1.4rem;
        column-gap: 1.4rem
    }

    .lg\:gap-y-80 {
        row-gap: 8rem
    }

    .lg\:border-t {
        border-top-width: .1rem
    }

    .lg\:px-14 {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .lg\:px-15 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-28 {
        padding-left: 2.8rem;
        padding-right: 2.8rem
    }

    .lg\:py-150 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .lg\:pb-100 {
        padding-bottom: 10rem
    }

    .lg\:pb-180 {
        padding-bottom: 18rem
    }

    .lg\:pb-200 {
        padding-bottom: 20rem
    }

    .lg\:pb-5 {
        padding-bottom: .5rem
    }

    .lg\:pr-70 {
        padding-right: 7rem
    }

    .lg\:pt-180 {
        padding-top: 18rem
    }

    .lg\:pt-280 {
        padding-top: 28rem
    }

    .lg\:text-\[11\.2rem\] {
        font-size: 11.2rem
    }

    .lg\:text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .lg\:text-\[4\.6rem\] {
        font-size: 4.6rem
    }

    .lg\:text-\[6rem\] {
        font-size: 6rem
    }

    .lg\:text-\[7\.5rem\] {
        font-size: 7.5rem
    }

    .lg\:text-lg {
        font-size: 2rem
    }
}

@media (min-width: 1280px) {
    .laptop\:absolute {
        position:absolute
    }

    .laptop\:-top-140 {
        top: -14rem
    }

    .laptop\:right-0 {
        right: 0
    }

    .laptop\:top-0 {
        top: 0
    }

    .laptop\:col-span-3 {
        grid-column: span 3/span 3
    }

    .laptop\:mb-200 {
        margin-bottom: 20rem
    }

    .laptop\:mb-50 {
        margin-bottom: 5rem
    }

    .laptop\:mt-30 {
        margin-top: 3rem
    }

    .laptop\:flex {
        display: flex
    }

    .laptop\:grid {
        display: grid
    }

    .laptop\:hidden {
        display: none
    }

    .laptop\:w-200 {
        width: 20rem
    }

    .laptop\:w-50 {
        width: 5rem
    }

    .laptop\:w-\[27rem\] {
        width: 27rem
    }

    .laptop\:border-0 {
        border-width: 0
    }

    .laptop\:border-b {
        border-bottom-width: .1rem
    }

    .laptop\:border-t {
        border-top-width: .1rem
    }

    .laptop\:bg-gray {
        --tw-bg-opacity: 1;
        background-color: rgb(22 22 22/var(--tw-bg-opacity))
    }

    .laptop\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .laptop\:px-40 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .laptop\:pb-12 {
        padding-bottom: 1.2rem
    }

    .laptop\:pr-80 {
        padding-right: 8rem
    }

    .laptop\:pt-350 {
        padding-top: 35rem
    }

    .laptop\:pt-50 {
        padding-top: 5rem
    }

    .laptop\:text-\[11\.2rem\] {
        font-size: 11.2rem
    }

    .laptop\:text-\[15\.8rem\] {
        font-size: 15.8rem
    }

    .laptop\:text-\[4\.5rem\] {
        font-size: 4.5rem
    }
}

@media (min-width: 1440px) {
    .\32xl\:px-60 {
        padding-left:6rem;
        padding-right: 6rem
    }
}