@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");
@import url("odometer.min.css");


:root{

    --app-height: 100vh;
    --headroom-height: 120rem;
    --scrollbar-width: 0;


    --c0: #fcfbf7;
    --c1: #072032;
    --c2: #9a3937;
    --c3: #edf4f3;
    --c4: #111111;
    --c5: #dcece9;
    --c6: #fdec54;

    --wr: 70rem;
    --awr: calc(-1 * var(--wr));

    --gap: 60rem;
    --sl: max(1px, 1rem);

    --br1: 40rem;
    --br2: 20rem;

    --btn-height: max(60px, 70rem);

    --f-xxxs: max(12px, 14rem);
    --f-xxs: max(12px, 16rem);
    --f-xs: max(14px, 18rem);
    --f-s: max(14px, 21rem);
    --f-d: max(14px, 24rem);
    --f-m0: max(14px, 30rem);
    --f-m1: max(14px, 36rem);
    --f-b: max(14px, 48rem);
    --f-l: max(14px, 52rem);
    --f-xl: max(14px, 60rem);
    --f-xxl: max(14px, 100rem);
    --f-xxxl: max(14px, 120rem);

    --mw: 1600px;

    --bar: 100%;


}


/* globals */

@media screen {

    html{font-size: 0.066vw;background-color: var(--c4);}

    .document{font-weight: 500;font-family: 'Montserrat', sans-serif;font-size: var(--f-d);line-height: 2;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}

    .popup-active{}


    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}

    .preloader{background-color: var(--c4);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 1;transition: all .5s 1s;display: flex;color: var(--c1);will-change: transform;transform: translateY(-100%);}

    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;transform: translateY(0);}


    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .odometer.odometer-auto-theme{padding: 0;}
    .odometer.odometer-auto-theme .odometer-digit{padding: 0;text-align: center;}
    .odometer *{text-align: center!important;}
    .odometer .odometer-digit .odometer-value {width: 100%;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;}
    .button:not(.fill){position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;}

    .button__default .button-text,
    .button__default .button-icon{height: var(--btn-height);display: flex;align-items: center;border-radius: 999rem;background-color: var(--c0);color: var(--c4);justify-content: center;position: relative;z-index: 1;}

    .button__default .button-text{font-size: var(--f-xxs);font-weight: 600;padding: 0 60rem;}
    .button__default .button-icon{flex: none;width: var(--btn-height);padding: 22rem;}

    .button__default .button-text:not(:only-child){transform: translateX(calc(-1 * var(--btn-height)));}

    .button__default .button-icon:first-child:not(:only-child){transform: scale(0);opacity: 0;}
    .button__default .button-icon:last-child:not(:only-child){margin-right: calc(-1 * max(30px, 35rem));margin-left: -1px;transform: translateX(calc(-1 * var(--btn-height))) scale(1);}

    .button__default.button__contrast .button-text,
    .button__default.button__contrast .button-icon{background-color: var(--c4);color: var(--c0);}


    .button__wide{width: 100%;}

    .title{line-height: 1.2;font-weight: 700;width: 100%;}
    .title__large{font-size: var(--f-xxl);}
    .title__medium{font-size: var(--f-xl);}
    .title__default{font-size: var(--f-l);}

    .title b{color: var(--c2);}

    .scrl{position: relative;overflow: hidden;white-space: nowrap;display: inline-flex;align-items: flex-start;padding: 0 .05em;margin: 0 -.05em;height: 1.3em;}
    .scrl-inner{display: grid;grid-template-columns: auto;height: 1.3em;}
    .scrl-inner span{line-height: 1!important;height: 1.3em;display: inline-flex;align-items: center;}

    .container{display: flex;flex-direction: column;min-height: var(--app-height);overflow-x: clip;position: relative;}

    .header{height: 0;position: fixed;z-index: 10;display: flex;align-items: flex-start;top: 0;z-index: 999;right: 0;left: 0;transform: translateZ(0);}
    .topbar{padding-top: 50rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);color: var(--c4);align-items: flex-start;will-change: transform;transition: transform .25s;}
    .topbar-logo{max-width: 135rem;margin-right: auto;background-image: url(../img/logo-white.png);background-position: top left;background-repeat: no-repeat;background-size: contain;}

    .topbar.hidden{transform: translateY(-100%);}

    .topbar-menu{position: relative;display: flex;width: max(30px, 36rem);height: max(30px, 36rem);align-items: center;cursor: pointer;}
    .topbar-menu-inner{position: relative;background-color: currentColor;height: 1.5px;width: 100%;transition: background-color .15s;}
    .topbar-menu-inner::before,
    .topbar-menu-inner::after{content: "";position: absolute;background-color: currentColor;height: 100%;width: 100%;left: 0;transition: all .15s;}
    .topbar-menu-inner::before{bottom: 8px;}
    .topbar-menu-inner::after{top: 8px;}

    .topbar__white{color: var(--c0);}
    .topbar__white .topbar-logo img{opacity: 0;}

    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}

    .section{position: relative;z-index: 1;overflow-x: clip;padding: 100rem 0 calc(150rem + var(--br1));}
    .section:only-child{flex: auto;}
    .section:not(:first-child){border-radius: var(--br1) var(--br1) 0 0;margin-top: calc(-1 * var(--br1));}
    .section:first-child{padding-top: calc(100rem + var(--headroom-height));}
    .section:last-child{margin-bottom: 0;padding-bottom: calc(200rem + var(--br1));}

    .section.section__white{background-color: var(--c0);color: var(--c1);}

    .section.section-pin{min-height: var(--app-height);padding-bottom: 350rem;}
    .section-pin-trigger{height: 100%;width: 1px;position: absolute;bottom: 0%;z-index: -1;}

    .footer{overflow: hidden;margin-top: calc(-1 * var(--br1));background-color: var(--c4);color: var(--c0);border-radius: var(--br1) var(--br1) 0 0;position: relative;z-index: 1;padding: 160rem 0 70rem;min-height: var(--app-height);background-image: url(../img/noise.jpg);}


    .footer .scrl-inner span:last-child{color: var(--c6);}

    .footer-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);grid-template-areas: "a1 a1 a1 a1" ". . a4 ." "a2 a3 a5 a5";align-items: flex-start;}
    .f1{grid-area: a1;display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 100rem;}
    .f1-2{margin-top: 60rem;}
    .f2{grid-area: a2;display: flex;}
    .f3{grid-area: a3;font-size: var(--f-xs);}
    .f3 ul{display: grid;grid-template-columns: auto;grid-gap: .6em;}
    .f4{grid-area: a4;padding-left: 40rem;margin-bottom: 30rem;opacity: .5;}
    .f5{grid-area: a5;font-size: var(--f-xs);display: flex;line-height: 1.6;justify-content: space-between;}
    .f5-1{padding-left: 40rem;}

    .bottombar{margin-top: 100rem;padding-top: 40rem;border-top: var(--sl) solid rgba(255,255,255,.2);display: grid;grid-template-columns: 1fr auto;grid-gap: 60rem;align-items: center;font-size: var(--f-xs);}
    .bottombar-nav{display: flex;margin-right: auto;}
    .bottombar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 60rem;}

    .social{display: grid;grid-auto-flow: column;margin-right: auto;grid-gap: 40rem;align-items: center;}
    .social-item{display: flex;align-items: center;justify-content: center;width: max(25px, 30rem);height: max(25px, 30rem);}

    .player-container{position: relative;display: flex;align-items: center;justify-content: center;padding: 30rem;z-index: 1;overflow: hidden;background-color: var(--c4);aspect-ratio: 100/56.25;pointer-events: all;cursor: pointer;transition: background-color .25s;}
    .player-container::before{}
    .player-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: .5;transition: opacity .25s;}
    .player-button{margin: auto;display: flex;align-items: center;justify-content: center;width: 80rem;height: 80rem;color: var(--c0);position: relative;transition: opacity .25s;}
    .player-button::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: max(1px, 2rem) solid;border-radius: 50%;will-change: transform;transform: scale(.8);}

    .player-container.active{background-color: transparent;}
    .player-container.active .player-cover{opacity: 1;}
    .player-container.active .player-button{opacity: 0;}

    .carousel-pagination{top: 0;left: auto;bottom: auto!important;line-height: 0;position: relative;padding: 0;display: flex;justify-content: flex-start;}

    .swiper-pagination-bullet{width: max(8px, 8rem);height: max(8px, 8rem);border-radius: 999rem;margin: 0 5rem!important;background-color: var(--c1);opacity: .3;transition: all .3s linear;}
    .swiper-pagination-bullet-active{background-color: var(--c1);opacity: 1;width: 30rem;}

    .tags{overflow: hidden;}
    .tags ul{display: flex;flex-wrap: wrap;margin: -10rem;}
    .tags li{position: relative;border-radius: 999rem;border: max(1px, 2rem) solid;padding: 0 40rem;display: flex;align-items: center;justify-content: center;height: max(35px, 40rem);font-size: var(--f-xs);margin: 10rem;font-weight: 600;}


    .mask-appear{overflow: hidden;padding: .4em 0;position: relative;z-index: 1;margin: -.2em 0;}
    .mask-appear:not(.init){visibility: hidden;}
    .mask-appear-inner{padding: .2em 0;margin: -.4em 0;transform: translateY(100%);}

    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c0);color: var(--c1);overflow-y: auto;overflow-x: hidden;display: flex;align-items: flex-start;transition: opacity .5s, visibility .5s;opacity: 0;visibility: hidden;}
    .popup-inner{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;min-height: 100%;align-items: flex-start;}
    .popup-aside{padding: 50rem 320rem 90rem 0;display: flex;flex-direction: column;position: relative;}
    .popup-aside-nav{margin-bottom: auto;}
    .popup-aside-nav ul{display: grid;grid-template-columns: auto;grid-gap: .6em;font-size: var(--f-s);font-weight: 600;}
    .popup-aside-nav .scrl-inner span:last-child{color: var(--c2);}
    .popup-aside-contacts{font-size: var(--f-xs);line-height: 1.6;display: grid;grid-template-columns: auto;grid-gap: 60rem;margin-top: 60rem;}
    .popup-aside-contact b{font-weight: 600;}
    .popup-aside-contact .scrl-inner span:last-child{color: var(--c2);}
    .popup-aside-social{margin-top: 60rem;margin-right: auto;}

    .popup-main{background-color: var(--c3);border-radius: var(--br1) 0 0 var(--br1);padding: 130rem var(--wr) 90rem 80rem;margin-right: var(--awr);margin-left: -240rem;will-change: transform;transition: transform .5s 0s;transform: translateX(100%);}
    .popup-title{min-height: 200rem;padding-bottom: 60rem;}
    .popup-logo{height: 280rem;padding-bottom: 60rem;width: 100%;margin-right: auto;background-image: linear-gradient(var(--c0), var(--c0), rgba(0,0,0,0));position: sticky;top: 0;z-index: 1;}

    .popup.active{opacity: 1;visibility: visible;}

    .popup-active{overflow: hidden;}
    .popup-active .header{right: var(--scrollbar-width);}
    .popup-active .topbar{color: var(--c2);transform: translateY(0);}
    .popup-active .topbar-logo img{opacity: 1;}
    .popup-active .topbar-menu-inner{color: rgba(0,0,0,0);}
    .popup-active .topbar-menu-inner::before{bottom: 0;color: var(--c1);transform: rotate(-45deg);}
    .popup-active .topbar-menu-inner::after{top: 0;color: var(--c1);transform: rotate(45deg);}
    .popup-main a.personal-link, .privacy-text a.link-down {text-decoration: underline;}
    .popup-main a.personal-link:hover, .privacy-text a.link-down:hover {text-decoration: none;}

    .formbox{display: grid;grid-template-columns: auto;grid-gap: 40rem;max-width: 680rem;}
    .formbox-row{display: flex;}
    .formbox-cell{display: flex;flex: 1;}
    .formbox-cell:not(:first-child){margin-left: 50rem;}
    .formbox-check{margin-top: 50rem;}
    .formbox-footer{margin-top: 60rem;}

    .textfield{display: flex;width: 100%;}
    .textfield-input{min-height: var(--btn-height);padding: 20rem 25rem;border-radius: var(--br2);background-color: var(--c0);font-size: var(--f-xs);width: 100%;text-overflow: ellipsis;resize: none;}

    .checkbox{position: relative;overflow: hidden;display: flex;align-items: center;cursor: pointer;}
    .checkbox-input{position: absolute;right: 100%;opacity: 0;width: 0;height: 0;overflow: hidden;}
    .checkbox-icon{flex: none;margin-right: 20rem;width: max(30px, 35rem);height: max(30px, 35rem);border-radius: 50%;position: relative;background-color: var(--c0);display: flex;align-items: center;justify-content: center;padding: 8rem;}
    .checkbox-icon::after{content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='%23072032'%3E%3C/path%3E%3C/svg%3E");transform: scale(0);will-change: transform;transition: transform .25s;background-position: center;background-repeat: no-repeat;background-size: contain;width: 100%;height: 100%;}
    .checkbox-text{font-size: var(--f-xxxs);}

    .checkbox-input:checked ~ .checkbox-icon::after{transform: scale(1);}

    .fade-appear-toggle{transition: all 1s .25s;position: relative;}
    .fade-appear-toggle:not(.visible){opacity: 0;transform: translateY(100rem);transition-duration: 0s;transition-delay: 0s;}
    .fade-appear-indicator{position: absolute;height: 1px;pointer-events: none;top: 0;left: 0;width: 100%;}

    .grecaptcha-badge {visibility: hidden;}
}

/* cards */

@media screen {

    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}

    .card-1 .card-header{padding-right: 30rem;max-width: 50%;}
    .card-1 .card-media{overflow: hidden;position: relative;max-width: 170rem;border-radius: 50%;display: flex;width: 100%;}
    .card-1 .card-media::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-1 .card-content{margin-top: 30rem;}
    .card-1 .card-title{font-size: var(--f-s);line-height: 1;width: 100%;font-weight: 600;}
    .card-1 .card-subtitle{font-size: var(--f-xxxs);width: 100%;margin-top: 10rem;}


}

/* sections */

@media screen {

    .s1{background-color: var(--c2);color: var(--c0);}
    .s1-0{position: absolute;top: 0;left: 0;width: 200vh;aspect-ratio: 1/1;min-width: 100vw;}
    .s1-0 img{object-position: left;}
    .s1-1{position: relative;z-index: 1;}
    .s1-2{max-width: 980rem;}
    .s1-3{margin-top: 100rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 90rem 0;}
    .s1-4{padding-right: 160rem;display: flex;align-items: flex-start;justify-content: flex-end;}
    .s1-4-1{width: auto;border-radius: var(--br2);overflow: hidden;height: 100%;display: flex;position: relative;aspect-ratio: 100/56.25;}
    .s1-4-1 .player-container{height: 100%;}
    .s1-5{margin-left: -80rem;}
    .s1-6{margin-left: -80rem;grid-column: 2/3;}

    .line{position: relative;width: 0;display: flex;align-items: flex-start;width: 100%;}

    .s2{background-color: var(--c0);color: var(--c1);}
    .s2-1{display: flex;flex-direction: column;}
    .s2-2{padding-right: 40%;}
    .s2-3{display: inline-grid;grid-template-columns: repeat(3, 1fr);margin: 170rem auto 0;}
    .s2-4{margin: 170rem var(--awr) 0;position: relative;display: flex;justify-content: flex-start;}
    .s2-4-1{width: 200%;flex: none;}
    .s2-4-1 .swiper{overflow: visible;}
    .s2-4-1 .swiper-wrapper{transition-timing-function: cubic-bezier(0.19, 0.24, 0.3, 0.97)!important;}
    .s2-4-1 .swiper-slide{overflow: hidden;width: auto;padding: 0 calc(var(--gap) / 2);}
    .s2-4-1 img{height: 375rem;width: auto;max-width: none;border-radius: var(--br2);}
    .s2-5{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 30rem 80rem;}
    .s2-5:not(:first-child){border-left: var(--sl) solid var(--c5);}
    .s2-5-1{color: var(--c2);font-size: var(--f-xxl);font-weight: 600;line-height: 1;}
    .s2-5-2{font-size: var(--f-m1);font-weight: 400;}
    .s2-6{font-size: var(--f-xs);font-weight: 700;text-transform: capitalize;display: flex;transform: translateX(-100%);padding: 100rem 0 0;}
    .s2-6-1{flex: none;width: 100%;}
    .s2-6-1 ul{overflow: visible;display: flex;justify-content: space-between;}
    .s2-6-1 li{margin: 0 30rem;width: auto;}

    .s2-4 .carousel-button{width: 50vw;height: 100%;position: absolute;z-index: 1;top: 0;}
    .s2-4 .carousel-button__prev{right: 50%;}
    .s2-4 .carousel-button__next{left: 50%;}

    .carousel-button.swiper-button-disabled{pointer-events: none;}

    .s3{background-color: var(--c3);color: var(--c1);}
    .s3-2 .title:not(.title__large){text-align: center;}
    .s3-3{display: flex;overflow: hidden;border-radius: var(--br1);background-color: var(--c4);color: var(--c0);position: relative;margin-top: 0;width: 100%;pointer-events: all;}
    .s3-3::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s3-3-2{z-index: 1;margin: auto;text-align: center;padding: 50rem;}
    .s3-4{margin-top: 140rem;display: flex;justify-content: center;}
    .s3-5{margin-top: 120rem;display: flex;flex-direction: column;}
    .s3-6{position: sticky;top: 0;z-index: 1;height: var(--app-height);display: flex;padding: 50rem 0;width: 100%;display: flex;will-change: transform;pointer-events: none;}
    .s3-5 ~ .s3-4{margin-top: 90rem;}


    .s4,
    .s4 *{transform: translateZ(0);}

    .s4{background-color: var(--c0);color: var(--c1);padding: 0 0 150rem;}
    .s4-1{display: grid;grid-template-columns: 1fr 1fr;align-items: flex-start;}
    .s4-2{}
    .s4-3{padding-left: 80rem;position: sticky;padding-top: 150rem;top: 0;min-height: var(--app-height);}
    .s4-3 .swiper-slide{display: flex;height: auto;}
    .s4-3 .carousel-pagination{margin-top: 150rem;}
    .s4-4{min-height: 100%;display: flex;flex-direction: column;}
    .s4-4-2{margin-top: 60rem;margin-bottom: auto;}
    .s4-4-2 ul{display: grid;grid-template-columns: auto;overflow: hidden;grid-gap: 1em;}
    .s4-4-2 li{pointer-events: none;}
    .s4-4-2 li.current{color: var(--c2);font-weight: inherit;}
    .s4-4-3{margin-top: 130rem;}
    .s4-4-4{font-size: var(--f-m1);margin-bottom: 30rem;line-height: 1;font-weight: 700;color: var(--c2);height: 1em;overflow: hidden;}
    .s4-4-4 .swiper{height: 1em;overflow: hidden;}
    .s4-5{min-height: var(--app-height);padding: 150rem 0;}
    .s4-6{position: relative;}
    .s4-6-1{height: var(--sl);width: 100%;display: block;}
    .s4-6-2,
    .s4-6-3{box-shadow: 0 0 20rem 0 rgba(0,0,0,.25);}
    .s4-6-2{display: flex;position: relative;overflow: hidden;border-radius: var(--br2);}
    .s4-6-2::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s4-6-3{display: flex;position: relative;overflow: hidden;border-radius: var(--br2);width: 40%;margin-right: 20%;margin-left: auto;margin-top: -25%;}
    .s4-6-3::before{content: "";flex: none;width: 0;padding-top: 115%;}

    .s4-5:nth-child(2) .s4-6-2{width: 45.5%;margin: 20% 0 0 3%;}
    .s4-5:nth-child(2) .s4-6-2::before{padding-top: 180%;}
    .s4-5:nth-child(2) .s4-6-3{width: 45.5%;right: 3%;margin: 0;position: absolute;top: 0;}
    .s4-5:nth-child(2) .s4-6-3::before{padding-top: 180%;}

    .s4-5:nth-child(3) .s4-6-2{width: 60%;margin: 0 3% 0 auto;}
    .s4-5:nth-child(3) .s4-6-2::before{padding-top: 130%;}
    .s4-5:nth-child(3) .s4-6-3{width: 40%;left: 10%;margin: 10% 0 0;position: absolute;top: 0;}
    .s4-5:nth-child(3) .s4-6-3::before{padding-top: 140%;}

    .s4 ~ .s2{padding-top: 0;}

    .s5-2{max-width: 800rem;}
    .s5-3{margin-top: 100rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 40rem;grid-template-rows: auto 1fr;grid-template-areas: "a1 a2 a3" "a1 a4 a5";}
    .s5-4{grid-area: a1;background-color: var(--c2);border-radius: var(--br2);color: var(--c0);padding: 50rem 30rem 50rem;display: flex;flex-direction: column;background-image: url(../img/fon.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
    .s5-4-1{margin-bottom: 30rem;width: 150rem;line-height: 1;display: flex;position: relative;z-index: 1;align-items: center;justify-content: center;color: var(--c6);}
    .s5-4-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s5-4-1 .circular-chart{position: absolute;top: 0;left: 0;width: 100%;}
    .s5-4-1 .circle-bg{stroke: var(--c0);}
    .s5-4-1 .circle{stroke: var(--c6);transition: stroke-dasharray 1.75s .25s;}
    .s5-4-1:not(.visible) .circle{stroke-dasharray: 0, 100;}
    .s5-4-2{font-weight: 600;font-size: var(--f-b);line-height: normal;}
    .s5-4-3{margin-bottom: auto;margin-top: 60rem;line-height: 1.5;}
    .s5-4-4{margin-top: 60rem;}
    .s5-5{grid-area: a2;padding: 25rem 0 0 25rem;}
    .s5-5.fade-appear-toggle{transition-delay: .35s;}
    .s5-5::before{content: "\201D";color: var(--c2);font-size: var(--f-xxl);line-height: 1;margin-bottom: -.3em;display: block;}
    .s5-6{grid-area: a3;color: var(--c0);border-radius: var(--br2);overflow: hidden;position: relative;}
    .s5-6.fade-appear-toggle{transition-delay: .45s;}
    .s5-6 .player-container{}
    .s5-7{grid-area: a4;margin-top: 80rem;background-color: var(--c5);color: var(--c1);border-radius: var(--br2);padding: 30rem 25rem 50rem;display: flex;align-self: flex-end;flex-direction: column;}
    .s5-7-1{flex: 1;padding-left: 50%;}
    .s5-7-1 .title{font-size: var(--f-m0);line-height: 1;}
    .s5-7-2{overflow: hidden;margin: -30rem -25rem 0;}
    .s5-7-2 .swiper-slide{padding: 0 25rem;}

    .s5-7-2 .card-title,
    .s5-7-2 .card-subtitle{overflow: hidden;}
    .s5-7-2 .swiper-slide .card{overflow: visible;}
    .s5-7-2 .swiper-slide .card-header{transform: translateX(-50%);will-change: transform;transition: all .5s;opacity: 0;}
    .s5-7-2 .swiper-slide-active .card-header{transform: translateX(0);opacity: 1;}
    .s5-7-2 .swiper-slide-active ~ .swiper-slide .card-header{transform: translateX(50%);}
    .s5-7-2 .swiper-slide .card-mask{transition-property: transform, opacity;transition-duration: .5s, 0s;transition-delay: 0s, .5s;transform: translateY(110%);will-change: transform;}
    .s5-7-2 .swiper-slide-active .card-title .card-mask{transform: translateY(0);transition-delay: .25s, 0s;}
    .s5-7-2 .swiper-slide-active .card-subtitle .card-mask{transform: translateY(0);transition-delay: .5s, 0s;}

    .s5-8{grid-area: a5;background-color: var(--c1);color: var(--c0);border-radius: var(--br2);padding: 50rem 50rem 50rem 25rem;}
    .s5-9{font-weight: 600;margin-bottom: 30rem;line-height: 1.5;}
    .s5-10{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .s5-11-1{font-size: var(--f-xxxs);line-height: 1;}
    .s5-11-2{position: relative;display: block;height: max(10px, 15rem);border-radius: 999rem;overflow: hidden;margin-top: 10rem;background-color: rgba(255,255,255,.1);position: relative;}
    .s5-11-2:not(.visible){--bar: 5%!important;}
    .s5-11-2::after{content: "";position: absolute;top: 0;left: 0;width: var(--bar);height: 100%;background-color: var(--c6);border-radius: 0 999rem 999rem 0;overflow: hidden;transition: width 1s;}

    .s5 + .s4{padding-bottom: 0;}

    .s6:first-child{padding-top: calc(.5 * var(--app-height));}
    .s6-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;grid-template-areas: "a1 a1" ". a2" "a3 a3" "a4 a5" "a6 a6";align-items: flex-start;}
    .s6-2{display: flex;overflow: hidden;color: var(--c0);position: sticky;margin: 0 var(--awr);top: 0;min-height: calc(var(--app-height) / 2);}
    .s6-2::before{content: "";flex: none;width: 0;padding-top: 50%;}

    .s6-2-1{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 0 var(--wr);z-index: 1;border-radius: var(--br1);overflow: hidden;}
    .s6-2-2{position: relative;z-index: 1;margin: auto;text-align: center;padding: 50rem;}
    .s6-3{grid-area: a2;margin-left: auto;}
    .s6-3-1{white-space: nowrap;border-radius: 999rem;padding: 0 1em;height: max(30px, 35rem);background-color: var(--c2);color: var(--c0);font-size: var(--f-xs);display: flex;align-items: center;}
    .s6-4{grid-area: a3;padding-right: 30%;}
    .s6-5{grid-area: a4;padding-right: 160rem;}
    .s6-6{grid-area: a5;margin-left: -80rem;}
    .s6-6-2{margin-top: 60rem;color: var(--c2);font-weight: 600;font-size: var(--f-xs);}
    .s6-7{grid-area: a6;padding: 0 80rem;}
    .s6-7 img{border-radius: var(--br1);}
    .s6-8{grid-area: a1;height: calc(var(--app-height) * 1.5);}

    .s7-1{padding: 0 350rem;}
    .s7-2{padding-right: 15%;}
    .s7-3{margin-top: 60rem;width: 100%;position: relative;}
    .s7-3__mobile{width: 50%;}
    .s7-3 .swiper{overflow: visible;margin: 0 calc(var(--gap) / -1);}
    .s7-3 .swiper-wrapper{transition-timing-function: cubic-bezier(0.19, 0.24, 0.3, 0.97)!important;}
    .s7-3 .swiper-slide{overflow: hidden;max-width: 100%;padding: 0 var(--gap);width: auto;}
    .s7-3 .swiper-slide img{overflow: hidden;border-radius: var(--br2);width: auto;min-width: 0;}

    .s7-3 .carousel-button{width: 50vw;height: 100%;position: absolute;z-index: 1;top: 0;}
    .s7-3 .carousel-button__prev{right: 50%;}
    .s7-3 .carousel-button__next{left: 50%;}

    .s7-4{margin-top: 60rem;}
    .s7-4 .carousel-pagination{justify-content: center;}

    .privacy-text {margin-top: 100rem;}
    .privacy-text h4 {margin-top: 30rem;}
    .privacy-text ul {margin-left: 15rem;}
    .privacy-text li {position: relative;}
    .privacy-text li::before {content: "";position: absolute;left: -15rem;top: var(--f-d);transform: translateY(-50%);width: 6px;height: 6px;background-color: #333;border-radius: 50%;}
    .dev-tags {font-weight: 600;}
}

@media screen and (max-width: 1023.98px) {

    :root{

        --wr: 15rem;

        --gap: 10rem;

        --br1: 20rem;
        --br2: 10rem;

        --btn-height: 45rem;

        --f-xxxs: 10rem;
        --f-xxs: 12rem;
        --f-xs: 14rem;
        --f-s: 14rem;
        --f-d: 16rem;
        --f-m0: 18rem;
        --f-m1: 20rem;
        --f-b: 22rem;
        --f-l: 24rem;
        --f-xl: 28rem;
        --f-xxl: 36rem;
        --f-xxxl: 40rem;

        --mw: 640rem;


    }

    html{font-size: 1px;}

    .desktop{display: none!important;}

    .button__default .button-text{padding: 0 30rem;}
    .button__default .button-icon{padding: 10rem;}

    .social{grid-gap: 20rem;}

    .carousel-button{display: none;}


    .topbar{padding-top: 20rem;}
    .topbar-logo{max-width: 90rem;}
    .topbar-menu{width: 30rem;height: 24rem;}

    .footer{padding: 50rem 0 20rem;}
    .footer-grid{grid-template-areas: "a1" "a2" "a3" "a4" "a5";grid-template-columns: auto;grid-gap: 0;}
    .f1{text-align: left;align-items: flex-start;margin-bottom: 0;}
    .f2{margin-top: 50rem;}
    .f3{margin-top: 50rem;}
    .f4{padding-left: 0;margin-bottom: 10rem;margin-top: 50rem;}
    .f5{display: grid;align-items: flex-start;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .f5-1{padding: 0;}

    .bottombar{margin-top: 80rem;padding-top: 20rem;grid-template-columns: auto;grid-gap: 20rem;}
    .bottombar .button{display: none;}
    .bottombar-nav{}
    .bottombar-nav ul{grid-auto-flow: row;grid-gap: 20rem;}

    .section{padding: 80rem 0 calc(80rem + var(--br1));}
    .section:first-child{padding-top: calc(50rem + var(--headroom-height));}

    .section.section-pin{padding-bottom: 100rem;min-height: calc(var(--app-height) + 2 * var(--br1));}

    .fade-appear-toggle:not(.visible){transform: translateY(50rem);}

    .s1-3{margin-top: 50rem;grid-template-columns: auto;grid-gap: 30rem;}
    .s1-4{padding: 0;}
    .s1-4-1{width: 100%;height: auto;}
    .s1-5{margin: 0;}
    .s1-6{margin: 0;grid-column: 1/-1;}

    .s2-2{padding: 0;}
    .s2-3{margin: 50rem 0 0;}
    .s2-4{margin-top: 50rem;}
    .s2-4-1 img{height: 175rem;}
    .s2-5{padding: 10rem 10rem;flex: 1;}
    .s2-6{padding-top: 30rem;}
    .s2-6-1{white-space: nowrap;width: auto;}
    .s2-6-1:nth-child(n + 2){display: none;}
    .s2-6-1 li{margin: 0 10rem;}

    .s3-3,
    .s3-3 *{transform: none!important;}
    .s3-5{margin-top: 30rem;}
    .s3-6{padding: 10rem 0;align-items: flex-start;transform: none!important;position: relative;height: auto;}
    .s3-6:first-child{padding-top: 0;}
    .s3-6:last-child{padding-bottom: 0;}
    .s3-5 ~ .s3-4{margin-top: 50rem;}


    .s4{padding-top: 30rem;}
    .s4-1{grid-template-columns: auto;}
    .s4-3{padding: 50rem var(--wr) 100rem;order: -1;min-height: 50vh;background-image: linear-gradient(var(--c0), var(--c0), rgba(0,0,0,0));margin: 0 var(--awr);z-index: 2;transform: translateZ(0);}
    .s4-3 .carousel-pagination{display: none;}
    .s4-4-2{margin-top: 30rem;}
    .s4-4-3{margin-top: 50rem;}
    .s4-5{padding: 50rem 0;min-height: 0;}

    .s5-3{margin-top: 50rem;grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3" "a4" "a5";}
    .s5-4{padding: 30rem 20rem;}
    .s5-4-1{width: 90rem;margin-bottom: 20rem;}
    .s5-4-3,
    .s5-4-4{margin-top: 30rem;}
    .s5-5{padding: 0;}
    .s5-7{margin: 0;overflow: hidden;padding: 30rem 20rem;}
    .s5-8{padding: 30rem 20rem;}
    .s5-11-2{height: 10rem;}

    .s5 + .s4{padding-top: 0;padding-bottom: 150rem;}

    .s6-1{grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3" "a4" "a5" "a6";grid-gap: 30rem;}
    .s6-2{height: auto!important;min-height: 0!important;}
    .s6-2::before{padding-top: 100%;}
    .s6-2-1{margin: 0 var(--wr)!important;}
    .s6-4{padding: 0;}
    .s6-5{padding: 0;}
    .s6-6{margin: 0;}
    .s6-6-2{margin-top: 30rem;}
    .s6-8{height: auto;}
    .s6-7{padding: 50rem 0 0;}

    .s7-1{padding: 0;}
    .s7-2{padding: 0;}
    .s7-3{margin-top: 30rem;}
    .s7-3__mobile{width: 200rem;}
    .s7-4{margin-top: 30rem;}

    .popup-inner{grid-template-columns: auto;align-items: stretch;}
    .popup-aside{padding: 20rem 0 50rem;}
    .popup-aside-contacts{grid-gap: 30rem;}
    .popup-logo{height: 100rem;}
    .popup-aside-action{margin-top: 50rem;}
    .popup-main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;transform: translateX(100%);margin: 0;padding: 100rem var(--wr) 20rem;z-index: 1;border-radius: 0;}
    .popup-main.active{transform: translateX(0);}
    .popup-title{min-height: 0;padding-bottom: 30rem;}

    .formbox{grid-gap: 20rem;}
    .formbox-row{flex-direction: column;}
    .formbox-cell:not(:first-child){margin-left: 0;margin-top: 20rem;}
    .formbox-check{margin-top: 30rem;}
    .formbox-footer{margin-top: 50rem;}

    .textfield-input{padding: 10rem 20rem;}

}


@media screen and (min-width: 1024px) {

    .mobile{display: none!important;}

    .__cursorZone-active *{cursor: none!important;}

    .cursorFollow{opacity: 0;position: fixed;left: 0;top:0;pointer-events: none;z-index: 10;transition: opacity .15s linear;display: inline-flex;align-items: center;justify-content: center;color: var(--c4);font-size: var(--f-xxs);text-align: center;font-weight: 600;white-space: nowrap;border-radius: 999rem;padding: .25em 1em;background-color: var(--c6);will-change: transform;}
    .cursorZone-active .cursorFollow.active{opacity: 1;}

    .popup-active .popup-main{transform: translateX(0);transition-delay: .5s;}


    .s6-3{margin-top: 50rem;}
    .s6-4{margin-top: 15rem;margin-bottom: 80rem;}
    .s6-7{margin-top: 120rem;}
    .s6-7 img{width: auto;margin: 0 auto;}


}

@media screen and (min-width: 1600px) {


    html{font-size: 1px;}

    .popup-main{position: relative;}
    .popup-main::after{content: "";position: absolute;top: 0;left: 100%;width: 50vw;height: 100%;background-color: var(--c3);}

}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {

    .button__default .button-text{transition: transform .5s;will-change: transform;}
    .button__default .button-icon{transition: transform .5s, opacity .5s;will-change: transform;}

    .button__default:hover .button-text:not(:first-child){transform: translateX(0);}

    .button__default:hover .button-icon:not(:only-child):first-child{transform: scale(1);opacity: 1;}
    .button__default:hover .button-icon:not(:only-child):last-child{transform: translateX(calc(-1 * var(--btn-height))) scale(0);opacity: 0;}

    .player-button::after{transition: transform .25s;}
    .player-container:hover .player-button::after{transform: scale(.9);}

    .social-item{transition: color .15s;}

    .footer .social-item:hover{color: var(--c6);}
    .popup-aside-social .social-item:hover{color: var(--c2);}

    .scrl-inner{will-change: transform;transition: transform .25s;}
    .scrl:hover .scrl-inner,
    .scrl.current .scrl-inner{transform: translateY(-100%);}

}