@font-face {
    font-family: YSText;
    src: url(fonts/YSText-Regular.woff2) format("woff2"), url(fonts/YSText-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Minecraft;
    src: url(fonts/Minecraft.woff2) format("woff2"), url(fonts/Minecraft.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

:root {
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #dcdfd7;
    --color-violet: #b042ff;
    --color-green: #03dc00;
    --color-red: #f63b01;
    --color-yellow: #fbff02;
    --color-bg: #396eC5;
    --font-ys: YSText, system-ui, Segoe UI, Ubuntu, Cantarell, Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-minecraft: Minecraft, system-ui, Segoe UI, Ubuntu, Cantarell, Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --scale: 100vw / 375;
    --easing: cubic-bezier(.25, .46, .45, .94)
}

@media(min-width:768px) {
    :root {
        --scale: 100vw / 768
    }
}

@media(min-width:1024px) {
    :root {
        --scale: 100vw / 1440
    }
}

@media(min-width:1440px) {
    :root {
        --scale: 1px
    }
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

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

::-moz-selection {
    background-color: #000;
    background-color: var(--color-black);
    color: #f63b01;
    color: var(--color-red)
}

::selection {
    background-color: #000;
    background-color: var(--color-black);
    color: #f63b01;
    color: var(--color-red)
}

html,
body {
    background: #396ec5;
    background: var(--color-bg);
    color: #fff;
    color: var(--color-white);
    font-family: var(--font-inter);
    font-size: 16px;
    height: 100%;
    margin: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body {
    cursor: url(img/cursor.png) 0 0, auto
}

@media(min-resolution:192dpi) {
    body {
        cursor: url(img/cursor@2x.png) 0 0, auto
    }
}

.Wrapper {
    background: #658ce0 url(img/bg/bg-mobile.jpg) repeat 50% 100% / contain
}

@supports (background-image: url(img/bg/bg-mobile.webp)) {
    .Wrapper {
        background-image: url(img/bg/bg-mobile.webp)
    }
}

@supports (background-image: url(img/bg/bg-mobile.avif)) {
    .Wrapper {
        background-image: url(img/bg/bg-mobile.avif)
    }
}

@media(min-width:768px) {
    .Wrapper {
        background-image: url(img/bg/bg.jpg);
        background-position: 50% 50%
    }

    @supports (background-image: url(img/bg/bg.webp)) {
        .Wrapper {
            background-image: url(img/bg/bg.webp)
        }
    }

    @supports (background-image: url(img/bg/bg.avif)) {
        .Wrapper {
            background-image: url(img/bg/bg.avif)
        }
    }
}

@media(min-width:1600px) {
    .Wrapper {
        background-size: cover
    }
}

.Container {
    margin: 0 auto;
    max-width: 1270px;
    padding: 0 4.8vw;
    padding: 0 calc(var(--scale) * 18)
}

@media(min-width:1280px) {
    .Container {
        padding: 0
    }
}

.Title {
    font-family: Minecraft, system-ui, Segoe UI, Ubuntu, Cantarell, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-family: var(--font-minecraft);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: 6.4vw;
    font-size: calc(var(--scale) * 24);
    font-weight: 400;
    line-height: 1;
    margin: 0;
    text-align: center
}

@media(min-width:1024px) {
    .Title {
        font-size: 19.2vw;
        font-size: calc(var(--scale) * 72)
    }
}

.Text {
    font-size: calc(100vw / 375 * 14);
    font-size: calc(var(--scale) * 14);
    font-family: YSText, system-ui, Segoe UI, Ubuntu, Cantarell, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-family: var(--font-ys);
    line-height: calc(18 / 14);
    margin: 0
}

@media(min-width:1024px) {
    .Text {
        font-size: 6.4vw;
        font-size: calc(var(--scale) * 24);
        line-height: calc(29 / 24);
        margin: 0
    }
}

.hidden {
    display: none
}

.u-animateFadeUp,
.u-animateFadeUpInner {
    opacity: 0;
    transform: translate3d(0, 7vh, 0);
    transition: transform .45s ease-in, opacity .3s ease-in
}

.u-animateFadeUp.isAnimated,
.u-animateFadeUpInner.isAnimated {
    opacity: 1;
    transform: translateZ(0)
}

.Button[data-astro-cid-vnzlvqnm] {
    background: var(--color-green);
    border: calc(var(--scale) * 4) solid var(--color-black);
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    color: var(--color-white);
    cursor: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-minecraft);
    font-size: calc(var(--scale) * 16);
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    outline: 0;
    position: relative;
    padding: calc(var(--scale) * 12);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    height: calc(var(--scale) * 40);
    margin: 0 auto;
    max-width: calc(var(--scale) * 340);
    width: 100%
}

.Button[data-astro-cid-vnzlvqnm]:before {
    background: var(--color-violet);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    transition: transform .35s ease-in-out;
    z-index: 1
}

.Button[data-astro-cid-vnzlvqnm] span[data-astro-cid-vnzlvqnm] {
    position: relative;
    z-index: 2
}

@media(min-width:1024px) {
    .Button[data-astro-cid-vnzlvqnm] {
        border: calc(var(--scale) * 4) solid var(--color-black);
        box-shadow: calc(var(--scale) * 12) calc(var(--scale) * 11) 0 var(--color-black);
        color: var(--color-black);
        font-size: calc(var(--scale) * 24);
        min-width: calc(var(--scale) * 218);
        padding: calc(var(--scale) * 16);
        height: calc(var(--scale) * 56)
    }
}

@media(hover:hover) {
    .Button[data-astro-cid-vnzlvqnm]:hover {
        cursor: inherit
    }

    .Button[data-astro-cid-vnzlvqnm]:hover:before {
        transform: translate(0)
    }

    .Button[data-astro-cid-vnzlvqnm]:active {
        box-shadow: calc(var(--scale) * 2) calc(var(--scale) * 2) 0 var(--color-black);
        transform: translate(calc(var(--scale) * 4), calc(var(--scale) * 3))
    }

    @media(min-width:1024px) {
        .Button[data-astro-cid-vnzlvqnm]:active {
            box-shadow: calc(var(--scale) * 4) calc(var(--scale) * 4) 0 var(--color-black);
            transform: translate(calc(var(--scale) * 8), calc(var(--scale) * 7))
        }
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Header[data-astro-cid-3ef6ksr2] {
    overflow: hidden;
    position: relative
}

@media(min-width:1024px) {
    .Header[data-astro-cid-3ef6ksr2] {
        padding: calc(var(--scale) * 30) 0 0
    }
}

@media(min-width:768px) {
    .Header[data-astro-cid-3ef6ksr2] {
        background-image: url(img/hero/bg-hero.jpg);
        background-size: cover
    }

    @supports (background-image: url(img/hero/bg-hero.webp)) {
        .Header[data-astro-cid-3ef6ksr2] {
            background-image: url(img/hero/bg-hero.webp)
        }
    }

    @supports (background-image: url(img/hero/bg-hero.avif)) {
        .Header[data-astro-cid-3ef6ksr2] {
            background-image: url(img/hero/bg-hero.avif)
        }
    }
}

.Header-container[data-astro-cid-3ef6ksr2] {
    height: calc(var(--scale) * 892);
    position: relative
}

@media(min-width:1024px) {
    .Header-container[data-astro-cid-3ef6ksr2] {
        height: calc(var(--scale) * 764)
    }

    .Header-container[data-astro-cid-3ef6ksr2]:before {
        background: url(img/hero/bg.png) no-repeat 50% 50%;
        background-size: calc(var(--scale) * 1369) calc(var(--scale) * 744);
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(var(--scale) * 10);
        left: 50%;
        height: calc(var(--scale) * 764);
        width: calc(var(--scale) * 1369);
        opacity: 0;
        animation: fadeIn .5s ease-out forwards;
        transform: translate(-50%)
    }

    .Header-container[data-astro-cid-3ef6ksr2]:after {
        background: url(img/hero/snowflakes.png) no-repeat 50% 50%;
        background-size: contain;
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(var(--scale) * 16);
        left: 50%;
        height: calc(var(--scale) * 763);
        width: calc(var(--scale) * 1221);
        z-index: 2;
        opacity: 0;
        animation: fadeIn .5s ease-out forwards;
        animation-delay: .15s;
        transform: translate(-50%)
    }
}

@media(min-width:1440px) {
    .Header-container[data-astro-cid-3ef6ksr2]:before {
        left: calc(var(--scale) * -58);
        transform: translate(0)
    }

    .Header-container[data-astro-cid-3ef6ksr2]:after {
        left: calc(var(--scale) * -62);
        transform: translate(0)
    }
}

.Header-container[data-astro-cid-3ef6ksr2] img[data-astro-cid-3ef6ksr2] {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.Header-parallaxWrapper[data-astro-cid-3ef6ksr2] {
    width: 100%;
    height: 100%
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translate(-100px)
    }

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

.Header-vs[data-astro-cid-3ef6ksr2] {
    margin-left: calc(var(--scale) * -20);
    position: absolute;
    top: calc(var(--scale) * 194);
    left: 50%;
    height: calc(var(--scale) * 221);
    width: calc(var(--scale) * 339);
    transform: translate(-50%);
    opacity: 0
}

@media(min-width:1024px) {
    .Header-vs[data-astro-cid-3ef6ksr2] {
        top: calc(var(--scale) * -30);
        height: calc(var(--scale) * 332);
        width: calc(var(--scale) * 514)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-vs[data-astro-cid-3ef6ksr2] {
    animation: fadeIn .6s ease-out forwards;
    animation-delay: .6s
}

.Header-vs[data-astro-cid-3ef6ksr2] img[data-astro-cid-3ef6ksr2] {
    margin: auto
}

.Header-logo[data-astro-cid-3ef6ksr2] {
    margin-left: calc(var(--scale) * -11);
    position: absolute;
    top: calc(var(--scale) * 276);
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
    height: calc(var(--scale) * 368);
    width: calc(var(--scale) * 418)
}

@media(min-width:1024px) {
    .Header-logo[data-astro-cid-3ef6ksr2] {
        margin: 0;
        top: calc(var(--scale) * 82);
        height: calc(var(--scale) * 597);
        width: calc(var(--scale) * 698)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-logo[data-astro-cid-3ef6ksr2] {
    animation: fadeIn .6s ease-out forwards;
    animation-delay: .7s
}

.Header-logo[data-astro-cid-3ef6ksr2] img[data-astro-cid-3ef6ksr2] {
    margin: auto
}

.Header-person-01[data-astro-cid-3ef6ksr2] {
    position: absolute;
    bottom: calc(var(--scale) * 111);
    left: calc(var(--scale) * 26);
    height: calc(var(--scale) * 220);
    width: calc(var(--scale) * 220);
    z-index: 3;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-person-01[data-astro-cid-3ef6ksr2] {
        bottom: auto;
        top: calc(var(--scale) * 72);
        left: calc(var(--scale) * 30);
        height: calc(var(--scale) * 455);
        width: calc(var(--scale) * 455)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-person-01[data-astro-cid-3ef6ksr2] {
    animation: slideInFromLeft .8s ease-out forwards;
    animation-delay: .3s
}

.Header-person-02[data-astro-cid-3ef6ksr2] {
    position: absolute;
    bottom: calc(var(--scale) * 53);
    left: calc(var(--scale) * -15);
    height: calc(var(--scale) * 160);
    width: calc(var(--scale) * 160);
    z-index: 3;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-person-02[data-astro-cid-3ef6ksr2] {
        bottom: calc(var(--scale) * 114);
        left: calc(var(--scale) * -57);
        height: calc(var(--scale) * 330);
        width: calc(var(--scale) * 330)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-person-02[data-astro-cid-3ef6ksr2] {
    animation: slideInFromLeft .8s ease-out forwards;
    animation-delay: .4s
}

.Header-person-03[data-astro-cid-3ef6ksr2] {
    position: absolute;
    bottom: 0;
    left: calc(var(--scale) * 126);
    height: calc(var(--scale) * 186);
    width: calc(var(--scale) * 186);
    z-index: 3;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-person-03[data-astro-cid-3ef6ksr2] {
        bottom: calc(var(--scale) * 5);
        left: calc(var(--scale) * 169);
        height: calc(var(--scale) * 386);
        width: calc(var(--scale) * 386)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-person-03[data-astro-cid-3ef6ksr2] {
    animation: slideInFromLeft .8s ease-out forwards;
    animation-delay: .35s
}

.Header-person-vs-01[data-astro-cid-3ef6ksr2] {
    position: absolute;
    top: calc(var(--scale) * -32);
    right: calc(var(--scale) * -62);
    height: calc(var(--scale) * 268);
    width: calc(var(--scale) * 268);
    opacity: 0
}

@media(min-width:1024px) {
    .Header-person-vs-01[data-astro-cid-3ef6ksr2] {
        top: calc(var(--scale) * 188);
        right: calc(var(--scale) * -78);
        height: calc(var(--scale) * 549);
        width: calc(var(--scale) * 549)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-person-vs-01[data-astro-cid-3ef6ksr2] {
    animation: slideInFromRight .8s ease-out forwards;
    animation-delay: .3s
}

.Header-cloud-01[data-astro-cid-3ef6ksr2] {
    position: absolute;
    top: calc(var(--scale) * 42);
    left: calc(var(--scale) * -198);
    height: calc(var(--scale) * 290);
    width: calc(var(--scale) * 320);
    z-index: 1;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-cloud-01[data-astro-cid-3ef6ksr2] {
        top: calc(var(--scale) * 163);
        left: calc(var(--scale) * -14);
        height: calc(var(--scale) * 349);
        width: calc(var(--scale) * 385)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-cloud-01[data-astro-cid-3ef6ksr2] {
    animation: slideInFromLeft .8s ease-out forwards;
    animation-delay: .25s
}

.Header-cloud-02[data-astro-cid-3ef6ksr2] {
    position: absolute;
    bottom: calc(var(--scale) * 110);
    left: calc(var(--scale) * -88);
    height: calc(var(--scale) * 250);
    width: calc(var(--scale) * 309);
    z-index: 2;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-cloud-02[data-astro-cid-3ef6ksr2] {
        bottom: calc(var(--scale) * 33);
        left: calc(var(--scale) * 106);
        height: calc(var(--scale) * 208);
        width: calc(var(--scale) * 281);
        z-index: 5
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-cloud-02[data-astro-cid-3ef6ksr2] {
    animation: slideInFromLeft .8s ease-out forwards;
    animation-delay: .3s
}

.Header-cloud-03[data-astro-cid-3ef6ksr2] {
    position: absolute;
    bottom: calc(var(--scale) * 69);
    right: calc(var(--scale) * -83);
    height: calc(var(--scale) * 210);
    width: calc(var(--scale) * 294);
    z-index: 5;
    opacity: 0
}

@media(min-width:1024px) {
    .Header-cloud-03[data-astro-cid-3ef6ksr2] {
        bottom: calc(var(--scale) * 37);
        right: calc(var(--scale) * -16);
        height: calc(var(--scale) * 219);
        width: calc(var(--scale) * 370)
    }
}

.isAnimated[data-astro-cid-3ef6ksr2] .Header-cloud-03[data-astro-cid-3ef6ksr2] {
    animation: slideInFromRight .8s ease-out forwards;
    animation-delay: .35s
}

.Header-button[data-astro-cid-3ef6ksr2] {
    display: none
}

@media(min-width:1024px) {
    .Header-button[data-astro-cid-3ef6ksr2] {
        display: block;
        position: fixed;
        opacity: 0;
        top: calc(var(--scale) * 24);
        right: calc(var(--scale) * 24);
        z-index: 10
    }

    .isAnimated[data-astro-cid-3ef6ksr2] .Header-button[data-astro-cid-3ef6ksr2].isLoaded {
        animation: fadeIn .5s ease-out forwards;
        animation-delay: 1.2s
    }
}

.PixelAnimationBg[data-astro-cid-sljppyqo] {
    --scale-pixel: 100vw / 1440;
    display: block;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    height: calc(100vw / 1440 * 120);
    height: calc(var(--scale-pixel) * 120)
}

.Pixel {
    background: #b042ff;
    position: absolute;
    image-rendering: pixelated;
    width: calc(var(--scale-pixel) * 24);
    height: calc(var(--scale-pixel) * 24)
}

.Description[data-astro-cid-c3abghta] {
    background: var(--color-violet);
    color: var(--color-white);
    position: relative;
    overflow: hidden
}

.Description[data-astro-cid-c3abghta]:before {
    box-shadow: calc(var(--scale) * -22) calc(var(--scale) * 32) calc(var(--scale) * 48) #171049;
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(var(--scale) * -64);
    height: calc(var(--scale) * 64)
}

@media(min-width:1024px) {
    .Description[data-astro-cid-c3abghta]:before {
        top: calc(var(--scale) * -98);
        height: calc(var(--scale) * 98)
    }
}

.Description-text[data-astro-cid-c3abghta] {
    margin: 0 auto;
    max-width: calc(var(--scale) * 960);
    padding: calc(var(--scale) * 64) calc(var(--scale) * 18) calc(var(--scale) * 48);
    text-align: center
}

@media(min-width:1024px) {
    .Description-text[data-astro-cid-c3abghta] {
        padding-top: calc(var(--scale) * 98)
    }
}

.Description-text[data-astro-cid-c3abghta] {
    opacity: 0;
    transform: translate3d(0, 7vh, 0);
    transition: transform .45s ease-in, opacity .3s ease-in;
    will-change: opacity, transform
}

.Description[data-astro-cid-c3abghta].isAnimated .Description-text[data-astro-cid-c3abghta] {
    opacity: 1;
    transform: translateZ(0)
}

.DescriptionAnimatedBg[data-astro-cid-c3abghta] {
    display: none
}

@media(min-width:1024px) {
    .DescriptionAnimatedBg[data-astro-cid-c3abghta] {
        display: block;
        margin-bottom: calc(var(--scale) * 120)
    }
}

@keyframes cloudFloat {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(calc(100vw + 100%))
    }
}

.Video[data-astro-cid-7qzxku2k] {
    background: var(--color-violet);
    padding: 0 0 calc(var(--scale) * 23);
    position: relative
}

@media(min-width:1024px) {
    .Video[data-astro-cid-7qzxku2k] {
        background: transparent;
        padding: calc(var(--scale) * 93) 0 calc(var(--scale) * 16)
    }
}

.VideoContainer[data-astro-cid-7qzxku2k] {
    aspect-ratio: 560 / 315;
    background: var(--color-gray);
    border: calc(var(--scale) * 4) solid var(--color-black);
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto calc(var(--scale) * 60);
    max-width: calc(var(--scale) * 1270);
    width: 100%;
    z-index: 3
}

@media(min-width:1024px) {
    .VideoContainer[data-astro-cid-7qzxku2k] {
        border: calc(var(--scale) * 6) solid var(--color-black);
        box-shadow: calc(var(--scale) * 12) calc(var(--scale) * 11) 0 var(--color-black);
        margin: 0 auto;
        height: calc(var(--scale) * 718)
    }
}

.VideoAnimatedBg[data-astro-cid-7qzxku2k] {
    display: block;
    margin: 0 0 calc(var(--scale) * 57);
    overflow: hidden
}

@media(min-width:1024px) {
    .VideoAnimatedBg[data-astro-cid-7qzxku2k] {
        display: none
    }
}

.Video-preview[data-astro-cid-7qzxku2k] {
    aspect-ratio: 2560 / 1440;
    display: block;
    height: auto;
    width: 100%
}

.Video-player[data-astro-cid-7qzxku2k] {
    display: none;
    aspect-ratio: 560 / 315;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Video-player[data-astro-cid-7qzxku2k] iframe {
    border: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.Video-playButton[data-astro-cid-7qzxku2k] {
    background: transparent;
    border: none;
    cursor: inherit;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(var(--scale) * 81);
    width: calc(var(--scale) * 71);
    transform: translate(-50%, -50%)
}

@media(min-width:1024px) {
    .Video-playButton[data-astro-cid-7qzxku2k] {
        height: calc(var(--scale) * 169);
        width: calc(var(--scale) * 149)
    }
}

.Video-playButton[data-astro-cid-7qzxku2k] svg[data-astro-cid-7qzxku2k] {
    backface-visibility: hidden;
    display: block;
    position: absolute;
    inset: 0;
    transform: translateZ(0);
    z-index: 1;
    height: calc(var(--scale) * 81);
    width: calc(var(--scale) * 71)
}

@media(min-width:1024px) {
    .Video-playButton[data-astro-cid-7qzxku2k] svg[data-astro-cid-7qzxku2k] {
        height: calc(var(--scale) * 169);
        width: calc(var(--scale) * 149)
    }
}

@media(hover:hover) {
    .Video-playButton[data-astro-cid-7qzxku2k]:hover .Video-playButtonMask[data-astro-cid-7qzxku2k] {
        width: calc(var(--scale) * 149)
    }

    .Video-playButton[data-astro-cid-7qzxku2k]:active .Video-playButtonIcon[data-astro-cid-7qzxku2k],
    .Video-playButton[data-astro-cid-7qzxku2k]:active .Video-playButtonMask[data-astro-cid-7qzxku2k] {
        transform: translate(4px, 6px)
    }
}

.Video-playButtonIcon[data-astro-cid-7qzxku2k] {
    position: absolute;
    inset: 0;
    z-index: 2
}

.Video-playButtonShadow[data-astro-cid-7qzxku2k] {
    position: absolute;
    inset: 9px 0 0 6px;
    z-index: 1
}

.Video-playButtonMask[data-astro-cid-7qzxku2k] {
    overflow: hidden;
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 0;
    transition: width .35s ease-in-out
}

.Video-button[data-astro-cid-7qzxku2k] {
    margin: 0 auto
}

@media(min-width:1024px) {
    .Video-button[data-astro-cid-7qzxku2k] {
        display: none
    }
}

.Video-button[data-astro-cid-7qzxku2k].isFixed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.Video-clouds[data-astro-cid-7qzxku2k] {
    inset: 0;
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    z-index: 3
}

.Video-cloud1[data-astro-cid-7qzxku2k] {
    position: absolute;
    top: calc(var(--scale) * 9);
    left: calc(var(--scale) * 34);
    height: calc(var(--scale) * 77);
    width: calc(var(--scale) * 108);
    z-index: 1;
    animation: cloudFloat 25s linear infinite
}

@media(min-width:1024px) {
    .Video-cloud1[data-astro-cid-7qzxku2k] {
        top: calc(var(--scale) * 183);
        height: calc(var(--scale) * 172);
        width: calc(var(--scale) * 241);
        animation: cloudFloat 30s linear infinite
    }
}

.Video-cloud2[data-astro-cid-7qzxku2k] {
    position: absolute;
    top: calc(var(--scale) * 131);
    left: calc(var(--scale) * -74);
    height: calc(var(--scale) * 109);
    width: calc(var(--scale) * 148);
    z-index: 1;
    animation: cloudFloat 30s linear infinite;
    animation-delay: -10s
}

@media(min-width:1024px) {
    .Video-cloud2[data-astro-cid-7qzxku2k] {
        top: auto;
        bottom: calc(var(--scale) * 62);
        left: calc(var(--scale) * 176);
        height: calc(var(--scale) * 172);
        width: calc(var(--scale) * 241);
        animation: cloudFloat 35s linear infinite;
        animation-delay: -15s
    }
}

.Video-cloud3[data-astro-cid-7qzxku2k] {
    position: absolute;
    top: calc(var(--scale) * 132);
    left: calc(var(--scale) * 281);
    height: calc(var(--scale) * 82);
    width: calc(var(--scale) * 115);
    z-index: 1;
    animation: cloudFloat 28s linear infinite;
    animation-delay: -5s
}

@media(min-width:1024px) {
    .Video-cloud3[data-astro-cid-7qzxku2k] {
        top: calc(var(--scale) * 156);
        left: calc(var(--scale) * 1044);
        height: calc(var(--scale) * 172);
        width: calc(var(--scale) * 241);
        animation: cloudFloat 32s linear infinite;
        animation-delay: -8s
    }
}

.Features[data-astro-cid-vnivfuh2] {
    padding: 0 0 calc(var(--scale) * 60);
    position: relative;
    overflow: hidden
}

@media(min-width:1024px) {
    .Features[data-astro-cid-vnivfuh2] {
        padding: calc(var(--scale) * 82) 0
    }
}

.Features-list[data-astro-cid-vnivfuh2] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 20);
    margin: calc(var(--scale) * 20) auto calc(var(--scale) * 24);
    padding: 0;
    list-style: none
}

@media(min-width:1024px) {
    .Features-list[data-astro-cid-vnivfuh2] {
        margin: calc(var(--scale) * 66) auto 0
    }
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2] {
    display: flex;
    margin: auto;
    opacity: 0;
    transition: transform .45s ease-in-out, opacity .3s ease-in-out
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(1) {
    transform: translate(-50%)
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(1) span[data-astro-cid-vnivfuh2] {
    background: var(--color-red)
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(2) {
    transform: translate(50%)
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(2) span[data-astro-cid-vnivfuh2] {
    background: var(--color-green)
}

@media(min-width:1024px) {
    .Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(2) {
        margin-left: calc(var(--scale) * 178)
    }
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(3) {
    transform: translate(-50%)
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(3) span[data-astro-cid-vnivfuh2] {
    background: var(--color-violet)
}

@media(min-width:1024px) {
    .Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(3) {
        margin-left: auto;
        margin-right: calc(var(--scale) * 8)
    }
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(4) {
    transform: translate(50%);
    margin: 0 auto
}

.Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2]:nth-child(4) span[data-astro-cid-vnivfuh2] {
    background: var(--color-yellow);
    color: var(--color-black)
}

.Features-list[data-astro-cid-vnivfuh2] span[data-astro-cid-vnivfuh2] {
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    color: var(--color-white);
    font-family: var(--font-minecraft);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: calc(var(--scale) * 14);
    font-weight: 400;
    line-height: 1;
    padding: calc(var(--scale) * 12);
    text-align: center
}

@media(min-width:1024px) {
    .Features-list[data-astro-cid-vnivfuh2] span[data-astro-cid-vnivfuh2] {
        box-shadow: calc(var(--scale) * 12) calc(var(--scale) * 11) 0 var(--color-black);
        font-size: calc(var(--scale) * 24)
    }
}

.isAnimated[data-astro-cid-vnivfuh2] .Features-list[data-astro-cid-vnivfuh2] li[data-astro-cid-vnivfuh2] {
    opacity: 1;
    transform: translate(0)
}

.Tech[data-astro-cid-xxrk5g6n] {
    padding: 0 0 calc(var(--scale) * 64);
    position: relative
}

@media(min-width:1024px) {
    .Tech[data-astro-cid-xxrk5g6n] {
        padding: calc(var(--scale) * 16) 0 calc(var(--scale) * 106)
    }
}

@media(min-width:1024px) {
    .Tech-title[data-astro-cid-xxrk5g6n] {
        font-size: calc(var(--scale) * 69)
    }
}

.Tech-desc[data-astro-cid-xxrk5g6n] {
    margin: calc(var(--scale) * 24) auto 0;
    text-align: center
}

@media(min-width:768px) {
    .Tech-desc[data-astro-cid-xxrk5g6n] {
        max-width: calc(847 / 1024 * 100%)
    }
}

@media(min-width:1024px) {
    .Tech-desc[data-astro-cid-xxrk5g6n] {
        margin-top: calc(var(--scale) * 46);
        max-width: calc(var(--scale) * 847)
    }
}

.Tech-list[data-astro-cid-xxrk5g6n] {
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 24);
    margin: calc(var(--scale) * 44) auto 0;
    padding: 0;
    list-style: none
}

@media(min-width:768px) {
    .Tech-list[data-astro-cid-xxrk5g6n] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(var(--scale) * 42)
    }
}

@media(min-width:1024px) {
    .Tech-list[data-astro-cid-xxrk5g6n] {
        flex-wrap: nowrap;
        margin: calc(var(--scale) * 96) auto 0
    }
}

.Tech-listItem[data-astro-cid-xxrk5g6n] {
    min-height: calc(var(--scale) * 380);
    width: 100%
}

@media(min-width:768px) {
    .Tech-listItem[data-astro-cid-xxrk5g6n] {
        width: calc(50% - (var(--scale) * 42))
    }
}

@media(min-width:1024px) {
    .Tech-listItem[data-astro-cid-xxrk5g6n] {
        min-height: calc(var(--scale) * 438);
        width: calc(var(--scale) * 401)
    }
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(1) .Tech-listItemLink[data-astro-cid-xxrk5g6n] {
    border-image-source: url(img/bg-tech-1.png)
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(2) .Tech-listItemLink[data-astro-cid-xxrk5g6n] {
    border-image-source: url(img/bg-tech-2.png)
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(3) .Tech-listItemLink[data-astro-cid-xxrk5g6n] {
    border-image-source: url(img/bg-tech-3.png)
}

.Tech-listItemLink[data-astro-cid-xxrk5g6n] {
    border-image-source: url(img/bg-tech-1.png);
    border-image-slice: 10 fill;
    border-image-width: calc(var(--scale) * 10);
    border-image-repeat: round;
    color: var(--color-black);
    cursor: inherit;
    display: flex;
    flex-direction: column;
    padding: calc(var(--scale) * 60) calc(var(--scale) * 48);
    -webkit-text-decoration: none;
    text-decoration: none;
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    transition: transform .35s ease-in-out
}

@media(hover:hover) {
    .Tech-listItemLink[data-astro-cid-xxrk5g6n]:hover {
        cursor: inherit;
        transform: translate3d(0, -1.5vh, 0)
    }
}

@media(min-width:1024px) {
    .Tech-listItemLink[data-astro-cid-xxrk5g6n] {
        border-image-slice: 40 20 fill;
        border-image-width: calc(var(--scale) * 40) calc(var(--scale) * 20);
        padding: calc(var(--scale) * 72) calc(var(--scale) * 58)
    }
}

.Tech-listTitle[data-astro-cid-xxrk5g6n] {
    font-family: var(--font-minecraft);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: calc(var(--scale) * 21);
    font-weight: 400;
    line-height: 1.15;
    margin: 0
}

@media(min-width:1024px) {
    .Tech-listTitle[data-astro-cid-xxrk5g6n] {
        font-size: calc(var(--scale) * 24);
        margin: calc(var(--scale) * 18) 0 0
    }
}

.Tech-listTitleNote[data-astro-cid-xxrk5g6n] {
    color: #6b6b6b;
    font-family: var(--font-minecraft);
    font-feature-settings: "pnum" on, "lnum" on;
    line-height: 1;
    display: block;
    margin: calc(var(--scale) * 4) 0 0;
    font-size: calc(var(--scale) * 18);
    font-style: normal
}

.Tech-listText[data-astro-cid-xxrk5g6n] {
    font-family: var(--font-ys);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: calc(var(--scale) * 15);
    line-height: calc(21 / 18);
    padding: calc(var(--scale) * 22) 0;
    margin: auto 0 0
}

@media(min-width:1024px) {
    .Tech-listText[data-astro-cid-xxrk5g6n] {
        font-size: calc(var(--scale) * 18);
        padding: calc(var(--scale) * 32) 0 calc(var(--scale) * 26)
    }
}

.Tech-title[data-astro-cid-xxrk5g6n],
.Tech-desc[data-astro-cid-xxrk5g6n],
.Tech-listItem[data-astro-cid-xxrk5g6n] {
    opacity: 0;
    transform: translate3d(0, 7vh, 0);
    transition: transform .45s ease-in, opacity .3s ease-in
}

.Tech-title[data-astro-cid-xxrk5g6n]:not(.isAnimated),
.Tech-desc[data-astro-cid-xxrk5g6n]:not(.isAnimated),
.Tech-listItem[data-astro-cid-xxrk5g6n]:not(.isAnimated) {
    will-change: opacity, transform
}

.Tech-desc[data-astro-cid-xxrk5g6n] {
    transition-delay: .1s
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(1) {
    transition-delay: .2s
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(2) {
    transition-delay: .45s
}

.Tech-listItem[data-astro-cid-xxrk5g6n]:nth-child(3) {
    transition-delay: .65s
}

.Tech[data-astro-cid-xxrk5g6n].isAnimated .Tech-title[data-astro-cid-xxrk5g6n],
.Tech[data-astro-cid-xxrk5g6n].isAnimated .Tech-desc[data-astro-cid-xxrk5g6n],
.Tech[data-astro-cid-xxrk5g6n].isAnimated .Tech-listItem[data-astro-cid-xxrk5g6n] {
    opacity: 1;
    transform: translateZ(0);
    will-change: auto
}

.Examples[data-astro-cid-3auo45bl] {
    padding: 0 0 calc(var(--scale) * 76);
    position: relative
}

@media(min-width:1024px) {
    .Examples[data-astro-cid-3auo45bl] {
        padding: calc(var(--scale) * 93) 0 calc(var(--scale) * 168)
    }
}

.Examples-title[data-astro-cid-3auo45bl] {
    color: var(--color-white)
}

.Examples-desc[data-astro-cid-3auo45bl] {
    color: var(--color-white);
    margin: calc(var(--scale) * 24) auto 0;
    text-align: center
}

@media(min-width:768px) {
    .Examples-desc[data-astro-cid-3auo45bl] {
        max-width: calc(847 / 1024 * 100%)
    }
}

@media(min-width:1024px) {
    .Examples-desc[data-astro-cid-3auo45bl] {
        margin-top: calc(var(--scale) * 46);
        max-width: calc(var(--scale) * 847)
    }
}

.Examples-list[data-astro-cid-3auo45bl] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--scale) * 34);
    margin: calc(var(--scale) * 46) auto 0;
    padding: 0;
    list-style: none
}

@media(min-width:768px) {
    .Examples-list[data-astro-cid-3auo45bl] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(var(--scale) * 42)
    }
}

@media(min-width:1024px) {
    .Examples-list[data-astro-cid-3auo45bl] {
        flex-wrap: nowrap;
        margin: calc(var(--scale) * 66) auto 0
    }
}

@media(min-width:768px) {
    .Examples-listItem[data-astro-cid-3auo45bl] {
        width: calc(50% - (var(--scale) * 42))
    }
}

@media(min-width:1024px) {
    .Examples-listItem[data-astro-cid-3auo45bl] {
        width: auto
    }
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(1) {
    --color-example-item: var(--color-violet, #b042ff)
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(2) {
    --color-example-item: var(--color-green, #03dc00)
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(3) {
    --color-example-item: var(--color-red, #d63b01)
}

.Examples-listItemLink[data-astro-cid-3auo45bl] {
    background: var(--color-gray);
    border: calc(var(--scale) * 5) solid var(--color-black);
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    color: var(--color-black);
    display: block;
    padding: calc(var(--scale) * 8);
    height: 100%;
    width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
    transform: translateZ(0);
    transition: transform .35s ease-in-out
}

@media(hover:hover) {
    .Examples-listItemLink[data-astro-cid-3auo45bl]:hover {
        cursor: inherit;
        transform: translate3d(0, -1.5vh, 0)
    }
}

@media(min-width:1024px) {
    .Examples-listItemLink[data-astro-cid-3auo45bl] {
        border: calc(var(--scale) * 6) solid var(--color-black);
        box-shadow: calc(var(--scale) * 12) calc(var(--scale) * 11) 0 var(--color-black);
        padding: calc(var(--scale) * 10);
        width: calc(var(--scale) * 401)
    }
}

.Examples-listContentWrapper[data-astro-cid-3auo45bl] {
    background: var(--color-example-item);
    border: calc(var(--scale) * 14) solid var(--color-example-item, var(--color-violet));
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(min-width:1024px) {
    .Examples-listContentWrapper[data-astro-cid-3auo45bl] {
        border-width: calc(var(--scale) * 17)
    }
}

.Examples-listContent[data-astro-cid-3auo45bl] {
    background: var(--color-gray);
    padding: calc(var(--scale) * 24) calc(var(--scale) * 20) calc(var(--scale) * 48);
    height: 100%
}

@media(min-width:1024px) {
    .Examples-listContent[data-astro-cid-3auo45bl] {
        padding: calc(var(--scale) * 24) calc(var(--scale) * 24) calc(var(--scale) * 56)
    }
}

.Examples-listTitle[data-astro-cid-3auo45bl] {
    font-family: var(--font-minecraft);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: calc(var(--scale) * 21);
    font-weight: 400;
    line-height: 1;
    margin: 0
}

@media(min-width:1024px) {
    .Examples-listTitle[data-astro-cid-3auo45bl] {
        font-size: calc(var(--scale) * 24)
    }
}

.Examples-listText[data-astro-cid-3auo45bl] {
    font-family: var(--font-ys);
    font-feature-settings: "pnum" on, "lnum" on;
    font-size: calc(var(--scale) * 15);
    line-height: calc(21 / 18);
    margin: calc(var(--scale) * 16) 0 0
}

@media(min-width:1024px) {
    .Examples-listText[data-astro-cid-3auo45bl] {
        font-size: calc(var(--scale) * 18);
        margin: calc(var(--scale) * 22) 0 0
    }
}

.Examples-listFakeControls[data-astro-cid-3auo45bl] {
    flex-shrink: 0;
    position: relative;
    height: calc(var(--scale) * 100);
    margin: auto 0 0
}

@media(min-width:1024px) {
    .Examples-listFakeControls[data-astro-cid-3auo45bl] {
        height: calc(var(--scale) * 120)
    }
}

.Examples-listFakeControlsLeft[data-astro-cid-3auo45bl] {
    background: var(--color-gray);
    border-radius: 100%;
    position: absolute;
    top: calc(var(--scale) * 32);
    left: calc(var(--scale) * 32);
    height: calc(var(--scale) * 50);
    width: calc(var(--scale) * 50)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsLeft[data-astro-cid-3auo45bl] {
        top: calc(var(--scale) * 35);
        left: calc(var(--scale) * 38);
        height: calc(var(--scale) * 60);
        width: calc(var(--scale) * 60)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] {
    position: absolute;
    top: calc(var(--scale) * 45);
    right: calc(var(--scale) * 64)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] {
        top: calc(var(--scale) * 52);
        right: calc(var(--scale) * 70)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:before,
.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:after {
    background: var(--color-gray);
    border-radius: 100%;
    content: "";
    position: absolute;
    height: calc(var(--scale) * 24);
    width: calc(var(--scale) * 24)
}

@media(min-width:1024px) {

    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:before,
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:after {
        height: calc(var(--scale) * 29);
        width: calc(var(--scale) * 29)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(1):before {
    left: calc(var(--scale) * -24)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(1):before {
        left: calc(var(--scale) * -29)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(1):after {
    left: calc(var(--scale) * 24)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(1):after {
        left: calc(var(--scale) * 29)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(2):before {
    top: calc(var(--scale) * -24)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(2):before {
        top: calc(var(--scale) * -29)
    }
}

.Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(2):after {
    top: calc(var(--scale) * 24)
}

@media(min-width:1024px) {
    .Examples-listFakeControlsRight[data-astro-cid-3auo45bl] span[data-astro-cid-3auo45bl]:nth-child(2):after {
        top: calc(var(--scale) * 29)
    }
}

.Examples-title[data-astro-cid-3auo45bl],
.Examples-desc[data-astro-cid-3auo45bl],
.Examples-listItem[data-astro-cid-3auo45bl] {
    opacity: 0;
    transform: translate3d(0, 7vh, 0);
    transition: transform .45s ease-in, opacity .3s ease-in;
    will-change: opacity, transform
}

.Examples-desc[data-astro-cid-3auo45bl] {
    transition-delay: .1s
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(1) {
    transition-delay: .2s
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(2) {
    transition-delay: .45s
}

.Examples-listItem[data-astro-cid-3auo45bl]:nth-child(3) {
    transition-delay: .65s
}

.Examples[data-astro-cid-3auo45bl].isAnimated .Examples-title[data-astro-cid-3auo45bl],
.Examples[data-astro-cid-3auo45bl].isAnimated .Examples-desc[data-astro-cid-3auo45bl],
.Examples[data-astro-cid-3auo45bl].isAnimated .Examples-listItem[data-astro-cid-3auo45bl] {
    opacity: 1;
    transform: translateZ(0)
}

.Footer[data-astro-cid-sz7xmlte] {
    border-bottom: calc(var(--scale) * 30) solid var(--color-violet);
    font-family: var(--font-minecraft);
    font-size: calc(var(--scale) * 15);
    line-height: calc(22 / 15);
    letter-spacing: 0;
    padding: calc(var(--scale) * 21) 0 calc(var(--scale) * 13);
    position: relative;
    overflow: hidden
}

@media(min-width:1024px) {
    .Footer[data-astro-cid-sz7xmlte] {
        font-size: calc(var(--scale) * 26);
        line-height: calc(38 / 26);
        padding: calc(var(--scale) * 22) 0 calc(var(--scale) * 52)
    }
}

.FooterAnimatedBg[data-astro-cid-sz7xmlte] {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.Footer-container[data-astro-cid-sz7xmlte] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Footer-logo[data-astro-cid-sz7xmlte] {
    background: var(--color-white);
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    cursor: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: calc(var(--scale) * 2);
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    height: calc(var(--scale) * 23)
}

.Footer-logo[data-astro-cid-sz7xmlte]:before {
    background: var(--color-green);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    transition: transform .35s ease-in-out;
    z-index: 1
}

@media(hover:hover) {
    .Footer-logo[data-astro-cid-sz7xmlte]:hover {
        cursor: inherit
    }

    .Footer-logo[data-astro-cid-sz7xmlte]:hover:before {
        transform: translate(0)
    }

    .Footer-logo[data-astro-cid-sz7xmlte]:active {
        box-shadow: calc(var(--scale) * 2) calc(var(--scale) * 2) 0 var(--color-black);
        transform: translate(calc(var(--scale) * 4), calc(var(--scale) * 3))
    }

    @media(min-width:1024px) {
        .Footer-logo[data-astro-cid-sz7xmlte]:active {
            box-shadow: calc(var(--scale) * 4) calc(var(--scale) * 4) 0 var(--color-black);
            transform: translate(calc(var(--scale) * 8), calc(var(--scale) * 7))
        }
    }
}

@media(min-width:1024px) {
    .Footer-logo[data-astro-cid-sz7xmlte] {
        box-shadow: calc(var(--scale) * 10) calc(var(--scale) * 9) 0 var(--color-black);
        padding: calc(var(--scale) * 6) calc(var(--scale) * 4);
        height: calc(var(--scale) * 40)
    }
}

.Footer-logo[data-astro-cid-sz7xmlte] img[data-astro-cid-sz7xmlte] {
    display: block;
    margin: auto;
    position: relative;
    height: calc(var(--scale) * 17);
    width: calc(var(--scale) * 119);
    z-index: 2
}

@media(min-width:1024px) {
    .Footer-logo[data-astro-cid-sz7xmlte] img[data-astro-cid-sz7xmlte] {
        height: calc(var(--scale) * 28);
        width: calc(var(--scale) * 196)
    }
}

.Footer-social[data-astro-cid-sz7xmlte] {
    display: flex;
    gap: calc(var(--scale) * 12);
    margin: 0 auto;
    padding: 0;
    list-style: none
}

@media(min-width:1024px) {
    .Footer-social[data-astro-cid-sz7xmlte] {
        gap: calc(var(--scale) * 20)
    }
}

.Footer-socialLink[data-astro-cid-sz7xmlte] {
    --icon-size: calc(var(--scale) * 19);
    background: var(--color-white);
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    cursor: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    height: calc(var(--scale) * 23);
    width: calc(var(--scale) * 23)
}

.Footer-socialLink[data-astro-cid-sz7xmlte]:before {
    background: var(--color-green);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    transform: translate(-100%);
    transition: transform .35s ease-in-out;
    z-index: 1
}

@media(hover:hover) {
    .Footer-socialLink[data-astro-cid-sz7xmlte]:hover {
        cursor: inherit
    }

    .Footer-socialLink[data-astro-cid-sz7xmlte]:hover:before {
        transform: translate(0)
    }

    .Footer-socialLink[data-astro-cid-sz7xmlte]:active {
        box-shadow: calc(var(--scale) * 2) calc(var(--scale) * 2) 0 var(--color-black);
        transform: translate(calc(var(--scale) * 4), calc(var(--scale) * 3))
    }

    @media(min-width:1024px) {
        .Footer-socialLink[data-astro-cid-sz7xmlte]:active {
            box-shadow: calc(var(--scale) * 4) calc(var(--scale) * 4) 0 var(--color-black);
            transform: translate(calc(var(--scale) * 8), calc(var(--scale) * 7))
        }
    }
}

@media(min-width:1024px) {
    .Footer-socialLink[data-astro-cid-sz7xmlte] {
        --icon-size: calc(var(--scale) * 32);
        box-shadow: calc(var(--scale) * 10) calc(var(--scale) * 9) 0 var(--color-black);
        height: calc(var(--scale) * 40);
        width: calc(var(--scale) * 40)
    }
}

.Footer-socialLink[data-astro-cid-sz7xmlte] img[data-astro-cid-sz7xmlte] {
    display: block;
    margin: auto;
    position: relative;
    height: var(--icon-size);
    width: var(--icon-size);
    z-index: 2
}

.Footer-copyright[data-astro-cid-sz7xmlte] {
    background: var(--color-white);
    box-shadow: calc(var(--scale) * 6) calc(var(--scale) * 5) 0 var(--color-black);
    color: var(--color-black);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: calc(var(--scale) * 22);
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    padding: 0 calc(var(--scale) * 2);
    height: calc(var(--scale) * 23);
    text-align: center
}

@media(min-width:1024px) {
    .Footer-copyright[data-astro-cid-sz7xmlte] {
        box-shadow: calc(var(--scale) * 10) calc(var(--scale) * 9) 0 var(--color-black);
        padding: 0 calc(var(--scale) * 4);
        line-height: calc(var(--scale) * 38);
        height: calc(var(--scale) * 40)
    }
}

.Footer-logoWrapper[data-astro-cid-sz7xmlte],
.Footer-copyright[data-astro-cid-sz7xmlte],
.Footer-socialListItem[data-astro-cid-sz7xmlte] {
    opacity: 0;
    transform: translate3d(0, 7vh, 0);
    transition: transform .45s ease-in, opacity .3s ease-in;
    will-change: opacity, transform
}

.Footer-copyright[data-astro-cid-sz7xmlte] {
    transition-delay: .5s
}

.Footer-socialListItem[data-astro-cid-sz7xmlte]:nth-child(1) {
    transition-delay: .2s
}

.Footer-socialListItem[data-astro-cid-sz7xmlte]:nth-child(2) {
    transition-delay: .45s
}

.Footer[data-astro-cid-sz7xmlte].isAnimated .Footer-logoWrapper[data-astro-cid-sz7xmlte],
.Footer[data-astro-cid-sz7xmlte].isAnimated .Footer-copyright[data-astro-cid-sz7xmlte],
.Footer[data-astro-cid-sz7xmlte].isAnimated .Footer-socialListItem[data-astro-cid-sz7xmlte] {
    opacity: 1;
    transform: translateZ(0)
}

.Video-buttonSticky[data-astro-cid-j7pv25f6] {
    position: sticky;
    bottom: calc(var(--scale) * 23);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto calc(var(--scale) * 46)
}

.Video-buttonSticky[data-astro-cid-j7pv25f6].isVisible {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
    z-index: 10
}

@media(min-width:1024px) {
    .Video-buttonSticky[data-astro-cid-j7pv25f6] {
        display: none
    }
}