/* Root */
:root{
--white:#fff;
--white20:rgba(255,255,255,.2);
--white24:rgba(255,255,255,.24);
--black:#000;
--blue:#7CC6FF;
--light:#74EAFF;
--light20:rgba(24,178,206,.2);
--purple:#AC7CFF;
--violet:#7494FF;


--cubic-bezier:cubic-bezier(.4,0,0,1);
--cubic-bezier-1:cubic-bezier(.6,0,0,1);
--cubic-bezier-2:cubic-bezier(0,0,0,1.4);

---40: -40px;
---30: -30px;
---24: -24px;
---20: -20px;
---16: -16px;
---12: -12px;
---10: -10px;
---8: -8px;
---4: -4px;
---2: -2px;
---1: -1px;
--1: 1px;
--2: 2px;
--3: 3px;
--4: 4px;
--6: 6px;
--8: 8px;
--10: 10px;
--12: 12px;
--14: 14px;
--16: 16px;
--18: 18px;
--19: 19px;
--20: 20px;
--24: 24px;
--28: 28px;
--30: 30px;
--32: 32px;
--36: 36px;
--40: 40px;
--42: 42px;
--48: 48px;
--52: 52px;
--56: 56px;
--60: 60px;
--64: 64px;
--72: 72px;
--80: 80px;
--84: 84px;
--96: 96px;
--100: 100px;
--112: 112px;
--114: 114px;
--120: 120px;
--128: 128px;
--136: 136px;
--148: 148px;
--157: 157px;
--160: 160px;
--172: 172px;
--180: 180px;
--200: 200px;
--218: 218px;
--354: 354px;
--440: 440px;
--470: 470px;
--670: 670px;


/* -40,-30,-24,-20,-16,-12,-10,-8,-4,-2,-1,1,2,4,6,8,10,12,14,16,18,19,20,24,28,30,32,36,40,42,48,52,56,60,64,72,80,84,96,100,112,114,120,128,136,148,160,172,180,200,354,440,670 */
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;text-size-adjust:none;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--white);-webkit-text-size-adjust:none;text-size-adjust:none;}
body{font-size:var(--16);width:100%;height:100%;position:relative;font-family:'Alegreya Sans', sans-serif;font-weight:400;font-style:normal;color:var(--white);min-width:300px;background:var(--black);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;touch-action:pan-y;}
/* a */
a,a:visited,a:active,a:focus{color:var(--white);outline:none;text-decoration:none;}
.desktop a:hover{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* text */
p{color:var(--white);line-height:1.4em;margin-bottom:var(--24);font-weight:400;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:var(--white);background:var(--blue);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{color:var(--white);margin:0;font-family:'Unbounded', sans-serif;font-weight:400;}
h1,.h1{font-size:4em;line-height:1em;text-transform:uppercase;}
h2,.h2{font-size:2.5em;line-height:1.2em;}
h3,.h3{font-size:1.75em;line-height:1.28571428em;}
h4,.h4{font-size:1.25em;line-height:1.4em;}
h5,.h5{font-size:1em;line-height:1.5em;font-weight:500;}
h6,.h6,.small{font-size:.875em;line-height:1.42857142em;}
.caps{font-size:.75em;line-height:1.66666666em;letter-spacing:.03em;text-transform:uppercase;font-weight:500;}
/* ---------------------------------------------- LOADING ---------------------------------------------- */
/*
body > .loading{position:fixed;top:0;left:0;right:0;bottom:0;min-width:300px;width:100%;height:100%;background:var(--dark7);overflow:hidden;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
*/
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%!important;pointer-events:auto;will-change:transform;transform:translateZ(0);}
.page-home .scroll-container{pointer-events:none;}
.scroll-content{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--blue15);opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s, transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--light);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s, transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1;}
/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:absolute;top:0;left:0;width:100%;padding:var(--48) 0;z-index:999;background:transparent;transition:padding 1s, background 1s;pointer-events:none;}

.header.fixed{padding:var(--20) 0;background:var(--black);}

.logo{display:block;height:var(--28);transition:opacity .3s;}
.logo svg{display:block;height:100%;}
.desktop .logo:hover{opacity:.5;}

.header a{pointer-events:auto;}

/* ---------------------------------------------- MENU ---------------------------------------------- */










.but{position:relative;padding:var(--10) 0 var(--10) var(--16);width:calc(100% - var(--24));transition:width .5s;}
.desktop li:hover > a .but{width:100%;}

.but:before,.but:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;transition:opacity .5s;}
.but:before{background:var(--violet);clip-path:polygon(0 0, var(--42) 0, var(--42) var(--6), var(--10) var(--6), var(--10) calc(100% - var(--19)), var(--24) calc(100% - var(--4)), 100% calc(100% - var(--4)), 100% 100%, calc(var(--18) - var(--1)) 100%, 0 calc(100% - var(--18)));}
.but:after{background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;clip-path:polygon(0 0, var(--42) 0, var(--42) var(--6), var(--10) var(--6), var(--10) calc(100% - var(--19)), var(--24) calc(100% - var(--4)), 100% calc(100% - var(--4)), 100% 100%, calc(var(--18) - var(--1)) 100%, 0 calc(100% - var(--18)));}

.desktop li:hover > a .but:before,.desktop li:hover > a .but:after{opacity:1;}

.but-wrap{position:relative;z-index:10;padding:12px 0;transition:clip-path .5s;clip-path: polygon(0 0, calc(100% - var(--12)) 0, 100% var(--12), 100% 100%, calc(100% - var(--32)) 100%, calc(100% - var(--40)) 100%, calc(100% - var(--48)) 100%, var(--12) 100%, 0 calc(100% - var(--12)));}
.desktop li:hover > a .but .but-wrap{clip-path: polygon(0 0, calc(100% - var(--12)) 0, 100% var(--12), 100% 100%, calc(100% - var(--32)) 100%, calc(100% - var(--40)) calc(100% - var(--8)), calc(100% - var(--48)) 100%, var(--12) 100%, 0 calc(100% - var(--12)));}


.but-wrap:before,.but-wrap:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.but-wrap:before{background:linear-gradient(90deg, #7494FF 0%, #74EAFF 100%);opacity:0;transition:opacity .5s;}
.but-wrap:after{background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;}

.desktop li:hover > a .but .but-wrap:before{opacity:1;}

.but-inner{z-index:10;}
.but-inner:before,.but-inner:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:clip-path .5s;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 0, var(--2) 0, var(--2) calc(100% - (var(--14) - var(--1))), calc(var(--14) - var(--1)) calc(100% - var(--2)), calc(100% - (var(--48) + var(--1))) calc(100% - var(--2)), calc(100% - var(--40)) calc(100% - var(--2)), calc(100% - (var(--32) - var(--1))) calc(100% - var(--2)), calc(100% - var(--2)) calc(100% - var(--2)), calc(100% - var(--2)) calc(var(--14) - var(--1)), calc(100% - (var(--14) - var(--1))) var(--2), 0 var(--2));}
.but-inner:before{background:var(--violet);}
.but-inner:after{background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;}
.desktop li:hover > a .but .but-inner:before,.desktop li:hover > a .but .but-inner:after{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 0, var(--2) 0, var(--2) calc(100% - (var(--14) - var(--1))), calc(var(--14) - var(--1)) calc(100% - var(--2)), calc(100% - (var(--48) + var(--1))) calc(100% - var(--2)), calc(100% - var(--40)) calc(100% - calc(var(--12) - var(--1))), calc(100% - (var(--32) - var(--1))) calc(100% - var(--2)), calc(100% - var(--2)) calc(100% - var(--2)), calc(100% - var(--2)) calc(var(--14) - var(--1)), calc(100% - (var(--14) - var(--1))) var(--2), 0 var(--2));}
	



.but-inner span{display:block;position:relative;font-size:2em;padding:0 var(--8) 0 var(--48);transition:transform .5s, opacity 0s 1.1s;}
.desktop li:hover > a .but .but-inner span{transform:translateX(var(--12));}






.but-inner > span{opacity:0;}
.ready3D .but-inner > span{opacity:1;}


.but-inner span {
    display: block;
    position: relative;
    font-size: 1.375em;
    padding: 0 var(--8) 0 var(--40);
    transition: transform .5s, opacity 0s 1.1s;
}



.trigger{display:block;position:relative;width:var(--48);height:var(--48);}

.trigger i{position:absolute;top:50%;margin-top:var(---2);left:0;display:block;width:100%;height:var(--4);transition:transform .4s .4s var(--cubic-bezier);}
.trigger i:nth-child(1){transform:translateY(350%);}
.trigger i:nth-child(2){opacity:1;transition:opacity 0s .4s linear;}
.trigger i:nth-child(3){transform:translateY(-350%);}
.trigger i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);transition:transform .4s 0s var(--cubic-bezier);}



.open-menu .trigger i:nth-child(1){transform:translateY(0);transition:transform .4s 0s var(--cubic-bezier);}
.open-menu .trigger i:nth-child(2){opacity:0;}
.open-menu .trigger i:nth-child(3){transform:translateY(0);transition:transform .4s 0s var(--cubic-bezier);}
.open-menu .trigger i:nth-child(1):before{transform:rotate(45deg);transition:transform .4s .4s var(--cubic-bezier);}
.open-menu .trigger i:nth-child(3):before{transform:rotate(-45deg);transition:transform .4s .4s var(--cubic-bezier);}



.menu-wrap{position:absolute;top:0;left:0;width:100%;height:var(--app-height);opacity:0;z-index:10;overflow:hidden;visibility:hidden;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity 0s 1s, backdrop-filter 1s, visibility 0s 1s;}
.open-menu .menu-wrap{opacity:1;visibility:visible;transition:opacity 0s 0s, backdrop-filter 1s, visibility 0s 0s;-webkit-backdrop-filter:blur(var(--20));backdrop-filter:blur(var(--20));}

.menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--black);transition:opacity 1s;}
.open-menu .menu-bg{opacity:.4;}

.menu-inner{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);transition:clip-path 1s;}
.menu-inner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.open-menu .menu-inner{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.menu-item{position:relative;height:100%;width:100%;pointer-events:auto;transform:translateY(-100%);transition:transform 1s;display:flex;flex-direction:column;}
.open-menu .menu-item{transform:translateY(0);}



.menu-item .content-container{flex-grow:1;display:flex;flex-direction:column;}


.menu-scroll{height:100%;}
.menu-scroll .scroll-content{min-height:var(--app-height);padding-top:var(--48);padding-bottom:var(--48);}

.menu-content{flex-grow:1;padding:var(--96) 0;}

.menu-item .intro-menu{margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;}
.open-menu .intro-menu ul > li > a{opacity:1;}

.menu-item .but-inner > span{opacity:1;}





/* but */

a.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--10);color:var(--backColor);background:var(--backBg);height:var(--48);padding:0 var(--30);transition:background .3s;font-size:1.125em;}
a.button svg{width:var(--20);}
.desktop a.button:hover{background:var(--title);}
.desktop a.button:active{background:var(--white);}

a.button-ai{font-family:'Victor Mono';font-size:1em;line-height: 1.4em;padding:0 var(--48);}
.button-ai:after{content:' --! >';white-space:nowrap;color:#05689F;margin-left:.3em;}




.list,.list-check{line-height:1.4em;font-size:1.125em;}
.list li:before{content:'\2219';margin-right:.5em;}
.list-check li:before{content:'️';display:inline-block;vertical-align:middle;background-image:url(../i/check.png);height:1em;width:1.2em;background-size:contain;background-position:left center;background-repeat:no-repeat;}

.disable{pointer-events:none!important;}
/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.content-bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:.3;}
.content{position:relative;overflow:hidden;width:100%;min-height:var(--app-height);padding-top:var(--136);}
.content-container{width:100%;padding-left:var(--52);padding-right:var(--52);}

.row{margin-left:var(---10);margin-right:var(---10);}
.row > *{padding-left:var(--10);padding-right:var(--10);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}
.row-40{margin-left:var(---20);margin-right:var(---20);}
.row-40 > *{padding-left:var(--20);padding-right:var(--20);}
.row-48{margin-left:var(---24);margin-right:var(---24);}
.row-48 > *{padding-left:var(--24);padding-right:var(--24);}


/* Intro */
.intro{position:relative;width:100%;height:var(--app-height);overflow:hidden;margin-top:calc(var(--136) * -1);}

.intro-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.intro-bg img{display:block;width:100%;height:100%;object-fit:cover;}
/*.intro-bg:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:.6;}*/



.intro-3d{position:absolute;top:0;left:0;width:100%;height:100%;}


.intro-content{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:var(--114);padding-bottom:var(--60);}
.intro-content .content-container,.intro-content .row{height:100%;}




.intro-title{display:inline-block;position:relative;padding:var(--16);margin-bottom:var(--32);}
.intro-title-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5%;height:5%;z-index:10;transition:height .5s 0s, width .5s .5s;}
.ready3D .intro-title-plus{width:100%;height:100%;}
.intro-title-plus i{display:block;position:absolute;width:calc(var(--12) + var(--1));height:calc(var(--12) + var(--1));transform:translate(-50%,-50%);}
.intro-title-plus i:nth-child(1){top:0;left:100%;}
.intro-title-plus i:nth-child(2){top:0;left:0;}
.intro-title-plus i:nth-child(3){top:100%;left:100%;}
.intro-title-plus i:nth-child(4){top:100%;left:0;}
.intro-title-plus i:before,.intro-title-plus i:after{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:calc(var(--2) + var(--1));background:var(--white);}
.intro-title-plus i:before{transform:translateY(-50%);}
.intro-title-plus i:after{transform:translateY(-50%) rotate(90deg);}







.intro-title h1{position:relative;color:transparent;background:linear-gradient(88.06deg, #7CC6FF 0.19%, #AC7CFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 1s 1s;}
.ready3D .intro-title h1{opacity:1;}
.intro-title h1:before,.intro-title h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;}
.intro-title h1:after{background-image:url(../i/texture.png);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);opacity:1;mix-blend-mode:color-dodge;}
.intro-title h1:before{background:linear-gradient(88.06deg, #7CC6FF 0.19%, #AC7CFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(var(--2));}
.ready3D .intro-title h1:before{animation:shadow 2s normal forwards ease-in-out;animation-delay:1s;}
@keyframes shadow{0%{filter:blur(0);}50%{filter:blur(var(--40));}100%{filter:blur(var(--2));}}
.intro-text{padding-left:var(--16);}
.intro-text p{font-size:1.5em;line-height:1em;max-width:var(--440);opacity:0;transition:opacity 0s 1.5s;}
.intro-text p div{overflow:hidden;}
.ready3D .intro-text p{opacity:1;}



.intro-menu{position:relative;width:var(--440);margin-top:auto;margin-bottom:var(--200);}

.intro-menu-bg{position:absolute;top:50%;left:50%;width:140%;height:140%;mix-blend-mode:color-dodge;transform:translate(-50%,-50%);isolation:isolate;pointer-events:none;}
.intro-menu-bg img{display:block;width:100%;height:100%;object-fit:contain;}
.intro-menu-bg img:last-child{position:absolute;top:0;left:0;opacity:0;}
.ready3D .intro-menu-bg img:last-child{animation:shadow 1s normal forwards ease-in-out;animation-delay:1s;}
@keyframes shadow{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}


.intro-menu ul{display:flex;flex-direction:column;gap:20px 0;}
.intro-menu ul > li > a{opacity:0;transition:opacity .5s;}
.ready3D .intro-menu ul > li > a{opacity:1;}
.intro-menu ul > li:nth-last-child(1) > a{transition-delay:0s;}
.intro-menu ul > li:nth-last-child(2) > a{transition-delay:.2s;}
.intro-menu ul > li:nth-last-child(3) > a{transition-delay:.4s;}
.intro-menu ul > li:nth-last-child(4) > a{transition-delay:.6s;}
.intro-menu ul > li:nth-last-child(5) > a{transition-delay:.8s;}


.intro-menu ul li a{display:block;width:100%;padding-right:var(--24);}

.intro-sub-menu{position:absolute;top:0;left:100%;visibility:hidden;width:var(--440);transition:opacity .5s 0s,visibility 0s .5s;}
.intro-menu ul li:hover .intro-sub-menu{visibility:visible;transition:opacity .5s 0s,visibility 0s 0s;}

.intro-sub-menu li{transform:translateX(var(--16));opacity:0;transition:transform .5s, opacity .5s;transition-delay:0s;}



.intro-menu ul li:hover .intro-sub-menu li{transform:translateX(0);opacity:1;}
.intro-menu ul li:hover .intro-sub-menu li:nth-child(1){transition-delay:.1s;}
.intro-menu ul li:hover .intro-sub-menu li:nth-child(2){transition-delay:.2s;}
.intro-menu ul li:hover .intro-sub-menu li:nth-child(3){transition-delay:.3s;}
.intro-menu ul li:hover .intro-sub-menu li:nth-child(4){transition-delay:.4s;}
.intro-menu ul li:hover .intro-sub-menu li:nth-child(5){transition-delay:.5s;}






/* Video */
.video-title{font-size:2em;font-family:'Alegreya Sans', sans-serif;}


.video-wrap{position:relative;width:100%;padding:var(--16);}
.video-inner{position:relative;width:100%;padding-top:56.25%;background:var(--black);}
.video-player{position:absolute!important;top:0;left:0;width:100%;height:100%;}

.video-border-tr{display:block;position:absolute;top:0;right:0;border:var(--1) solid var(--light);background:var(--white20);width:22.5%;height:15.4%;mix-blend-mode:color-dodge;clip-path:polygon(-1% -1%, 101% -1%, 101% 101%, calc(100% - var(--8)) 101%, calc(100% - var(--8)) var(--8), -1% var(--8));}
.video-border-bl{display:block;position:absolute;bottom:0;left:0;border:var(--1) solid var(--light);background:var(--white20);width:34.3%;height:15.4%;mix-blend-mode:color-dodge;clip-path: polygon(-1% -1%, var(--8) -1%, var(--8) calc(100% - var(--8)), 101% calc(100% - var(--8)), 101% 101%, -1% 101%);}
.video-border-bl:after{content:'';display:block;position:absolute;top:50%;width:100%;height:50%;background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;}


.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);z-index:199;visibility:visible;transition:opacity .5s, visibility 0s .5s;}
.video-poster.video-play{pointer-events:none;visibility:hidden;opacity:0;}
.video-poster a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--96);height:var(--96);border-radius:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.video-poster a:before{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background-image:url(../i/texture.png);background-position:center;mix-blend-mode:color-dodge;}
.video-poster a svg{display:block;width:var(--36);mix-blend-mode:color-dodge;}


.video-text{padding-top:var(--32);}
@media (min-width:768px){
.video-text{padding-left:var(--24);}
}


a.home{position:relative;display:inline-flex;align-items:center;height:var(--72);padding:0 var(--30);}
a.home:before{content:'';display:block;position:absolute;inset:0;z-index:1;background:var(--violet);clip-path:polygon(0 0,calc(100% - var(--12)) 0,100% var(--12),100% 100%,var(--12) 100%,0 calc(100% - var(--12)),0 0,var(--2)  var(--2) ,var(--2) calc(100% - var(--12) - var(--1)),calc(var(--12) + var(--1)) calc(100% - var(--2)),calc(100% - var(--2)) calc(100% - var(--2)),calc(100% - var(--2)) calc(var(--12) + var(--1)),calc(100% - var(--12) - var(--1)) var(--2),var(--2) var(--2));}
a.home:after{content:'';display:block;position:absolute;inset:0;z-index:2;background-image:url(../i/texture.png);background-position:left;mix-blend-mode:color-dodge;clip-path: polygon(0 0,calc(100% - var(--12)) 0,100% var(--12),100% 100%,var(--12) 100%,0 calc(100% - var(--12)));}


a.home i{display:block;position:relative;width:var(--42);}
a.home i svg{display:block;width:100%;transition:opacity .5s;}
a.home i svg:last-child{position:absolute;top:0;left:0;width:100%;opacity:0;}
.desktop a.home:hover i svg:first-child{opacity:0;}
.desktop a.home:hover i svg:last-child{opacity:1;}

a.home p{display:block;position:relative;max-width:0;white-space:nowrap;overflow:hidden;margin-bottom:0;font-size:2em;z-index:10;transition:max-width .5s;}
.desktop a.home:hover p{max-width:var(--180);}

a.home p span{display:block;padding-left:var(--30);}




/* Title */
.title{position:relative;width:100%;overflow:hidden;margin-top:calc(var(--136) * -1);}
.title-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.title-bg img{display:block;width:100%;height:100%;object-fit:cover;}


.statya-container{position:relative;width:100%;padding-left:var(--160);padding-right:var(--160);}


.title-inner{position:relative;width:100%;min-height:var(--app-height);padding-top:var(--136);padding-bottom:var(--52);display:flex;flex-direction:column;justify-content:end;}





.title h1{color:var(--title);margin-bottom:var(--10);}
.title h1 span{color:var(--titleSpan);}


.title-about{font-size:2.625em;line-height:1em;text-transform:uppercase;margin-bottom:var(--20);}
.title-intro{color:var(--intortext);font-size:1.5em;line-height:1em;margin-bottom:var(--72);}

.subtitle {
  font-family: 'Alegreya Sans', sans-serif;
  color: var(--title);
  font-size: 2.7em;
  font-weight: bold;
  line-height: 1em;
  /* margin-bottom: var(--20); */
  padding-bottom: var(--20);
  border-bottom: 1px solid var(--title);
}

.time-read{font-size:1.125em;color:var(--backBg);font-weight:500;}
.time-read svg{display:block;width:calc(var(--24) - var(--2) - var(--1));margin-right:var(--10);}
.time-read svg *{fill:var(--backBg);}




.section{position:relative;padding-top:var(--100);padding-bottom:var(--100);}
.section p{font-size:1.125em;line-height:1.4em;}


.section-inverse{background:var(--white);color:var(--black);}
.section-inverse p{color:var(--black);}

.section-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.section-bg img{display:block;width:100%;height:100%;object-fit:cover;}


.box{position:relative;width:100%;padding:var(--40);border-radius:var(--10);}
.box-pb{padding-top:var(--20);padding-bottom:var(--20);}
.box-img{overflow:hidden;padding:0;}
.box-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.box-img-wide{overflow:hidden;padding:0;padding-top:40.3125%;}
.box-img-wide-2{padding-top:26.4375%;}
.box-img-wide-3{padding-top:48.5625%;}
.box-img-wide img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.box-img-108{padding-top:108.129%;}
.box-img-96{padding-top:96.12903225%;}
.box-img-78{padding-top:78.96774193%;}
.box-img-71{padding-top:71.74193548%;}
.box-img-61{padding-top:61.93548387%;}
.box-img-51{padding-top:51.16063138%;}
.box-img-47{padding-top:47.16063138%;}
.box-img-31{padding-top:31%;}

.box-dark{background:var(--boxDark);}
.box-light{background:var(--boxLight);}
.box-grey{background:var(--boxGrey);}
.box-color{background:var(--boxColor);}
.box-border{border:var(--1) solid var(--boxBorder);backdrop-filter:blur(var(--20));}
.box-white{background:var(--white);color:var(--black);}
.box-gradient{background:var(--boxGradient);}

.ai-mark{display:inline-flex;align-items:center;font-size:1.125em;line-height:1.4em;color:var(--backBg);}
.ai-mark-line{display:block;position:relative;margin:0 var(--10);height:var(--1);background:var(--backBg);padding:0 var(--12);}
.ai-mark-line span{display:block;transform:translateY(-100%);max-width:0;opacity:0;white-space:nowrap;transition:max-width .5s .5s, opacity .5s 0s;}
.ai-mark:hover .ai-mark-line span{opacity:1;max-width:calc(var(--200) + var(--60));transition:max-width .5s 0s, opacity .5s .5s}
.section-inverse .ai-mark{color:#5778E3;}
.section-inverse .ai-mark-line{background:#5778E3;}



/* Ai box */

.scrub-ai-wrap{position:absolute;top:calc(var(--app-height) + var(--100));right:0;width:var(--160);height:calc(100% - var(--app-height) - var(--100));z-index:9999;pointer-events:none;}

.scrub-ai-inner{position:relative;width:100%;}
.scrub-ai-item{position:relative;width:100%;padding:0 var(--20);transform:translateY(-50%);}


.switcher-mode{display:inline-block;position:relative;opacity:.6;transition:opacity .5s;margin-left:auto;margin-right:auto;}
.selected-ai .switcher-mode{opacity:1;pointer-events:auto;}
.switcher-mode *{pointer-events:none;}

.switcher-mode.switcher-mode-pointer{pointer-events:none!important;}

.switcher-mode{--color:#fff;--color-h:#808080;}
.light-section .switcher-mode{--color:#000;--color-h:#808080;}
.selected-ai.has-normal-mode .switcher-mode{--color-h:#FF6AF0;}
.selected-ai .switcher-mode{--color-h:#74EAFF;}
.selected-ai.has-normal-mode .switcher-mode:hover{--color-h:#F12BDD;}
.selected-ai .switcher-mode:hover{--color-h:#00BEDF;}





.switcher-item{position:relative;height:calc(var(--40) + var(--4));width:calc(var(--120) - var(--2));}
.switcher-item:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--40) + var(--4));background:var(--color-h);transition:background .5s;}

.switcher-text{position:absolute;top:0;left:0;width:100%;height:100%;font-size:.875em;line-height:1em;color:#fff;transition:color .5s;}
.selected-ai .switcher-text{color:#000;}
.switcher-text span{color:#fff;transition:color .5s;}
.selected-ai .switcher-text span{color:#fff;}

.switcher-text-normal{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--6) var(--48) var(--6) var(--14);opacity:1;transition:opacity .5s;}
.switcher-text-ai{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--6) var(--14) var(--6) var(--48);opacity:0;transition:opacity .5s;}
.has-normal-mode .switcher-text-normal{opacity:0;}
.has-normal-mode .switcher-text-ai{opacity:1;}


.switcher-dot{position:absolute;top:var(--6);left:var(--6);width:calc(100% - var(--12));height:calc(100% - var(--12));}
.switcher-dot:before{content:'';display:block;position:absolute;top:0;left:calc(100% - var(--32));width:var(--32);height:var(--32);border-radius:100%;background:#000;transition:background .5s, left .5s;}
.has-normal-mode .switcher-dot:before{left:0;background:#fff;}








.box-ai-wrapper{position:relative;}

.box-ai-inner{height:auto;overflow:hidden;}
.box-normal-inner{overflow:hidden;height:0;}





/* Ai box wrap */

.section-bg ~ * .box-ai:before{border:var(--1) solid var(--white);}




.box-ai{position:relative;padding:var(--48) var(--48) var(--48) var(--80);border-radius:var(--10);font-family:'Victor Mono';font-size:1em;line-height:1.4em;color:var(--white);}
.box-ai:before{content:'';display:block;position:absolute;top:0;left:0;background:#000;border-radius:inherit;padding:inherit;width:100%;height:0;transition:height .75s .75s;}
.box-ai.active:before{height:100%;}
.box-ai *{position:relative;}
.count-title{margin-bottom:var(--20);color:#FF6AF0;opacity:0;margin-left:var(---20);transform:translate(0,var(---10));transition:opacity .75s .75s, margin-left .75s .75s, transform .75s 1.5s;}
.active .count-title{transform:translate(0,0);margin-left:0;opacity:1;}
.count-title:before{content:'<!DOCTYPE AI-GENERATED>';}

.count-wrap{position:relative;opacity:0;transition:opacity .5s 1.75s;}
.active .count-wrap{opacity:1;}
.count-num{position:absolute;top:0;right:100%;height:100%;overflow:hidden;margin-right:var(--20);text-align:right;color:#878787;}
.count-num div{opacity:0;transition:opacity .5s;}
.count-num div:first-child{opacity:1;}
.count-num div.active{opacity:1;}
.complete .count-num div{opacity:1;}

.count-lines{opacity:0;}
.count-lines-clone{position:absolute;top:0;left:0;width:100%;opacity:1;}
.count-lines-clone div{opacity:0;display:none!important;}
.count-lines-clone div.start{display:inline-block!important;}

.count-lines:before,.count-lines-clone:before{content:'< !-- ';display:inline;color:#63C8FF;white-space:nowrap;}
.count-lines:after,.count-lines-clone:after{content:' --! >';display:inline;color:#63C8FF;white-space:nowrap;}

.box-ai .hl-magenta{color:#FF6AF0;}
.box-ai .hl-yellow{color:#FFC863;}
.box-ai .hl-green{color:#8CFF63;}






.box-normal{position:relative;padding:var(--40) var(--48);border-radius:var(--10);font-size:1.125em;line-height:1.4em;color:#000;background:#B9F4FF;}
.section-bg ~ * .box-normal{color:var(--white);background:#001137;}

.box-normal-inner{opacity:0;}

*:not(.box-ai) .hl-magenta,*:not(.box-ai) .hl-yellow,*:not(.box-ai) .hl-green{font-weight:bold;}

/*  */


.box-note{font-size:1em;line-height:1.4em;margin-top:var(--10);color:var(--note);}
.box-note-right{text-align:right;}
.section-inverse .box-note{color:var(--noteInvert);}
@media (min-width:1440px){
	p.big-d{font-size:1.5em;}
}
p.big{font-size:1.5em;}
p.big-1{font-size:1.625em;}
p.big-2{font-size:2.625em;line-height:1.2em;}


.bold{font-weight:bold;}
.hignlight{color:var(--backBg);}
.section-inverse .hignlight{color:#5778E3;}
.line{width:100%;height:var(--1);background:var(--black);}


.box-read-spacer{min-width:var(--60);}
.read-more{font-size:1.5em;text-transform:uppercase;font-weight:500;margin-left:var(--100);margin-right:var(--100);}
.statya-next,.statya-prev{display:block;position:relative;width:100%;height:100%;padding:var(--30);border-radius:var(--10);overflow:hidden;}
.statya-next-bg,.statya-prev-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.statya-next-bg img,.statya-prev-bg img{display:block;width:100%;height:100%;object-fit:cover;}
.statya-next-text,.statya-prev-text{position:relative;font-size:1.125em;line-height:1em;text-transform:uppercase;margin-bottom:var(--48);}
.statya-next-title,.statya-prev-title{position:relative;display:inline-block;font-size:1.5em;line-height:1em;text-transform:uppercase;font-family:'Unbounded', sans-serif;font-weight:400;max-width:var(--354);margin-bottom:var(--10);}
.statya-next-about,.statya-prev-about{position:relative;font-size:1.125em;line-height:1em;font-weight:500;max-width:calc(var(--200) + var(--80));}

.decor{position:absolute;display:block;width:80%;pointer-events:none;}

.decor-1{width:200%;position:absolute;bottom:0;right:-10%;}
.decor-2{width:150%;position:absolute;bottom:0;left:10%;}
.decor-3{width:75%;position:absolute;bottom:10%;left:30%;}

.decor img{display:block;width:100%;}

.grey{color:#AAAAAA;}

.z-index{z-index:100;}
.z-index-2{z-index:200;}

@media (min-width:768px){
	.z-index-d{z-index:100;}
}


/* Statya */
html{
	--backBg:#74EAFF;/* Цвет кнопки назад */
	--backColor:#000;/* Цвет текста назад */
	--title:#7494FF;/* Цвет заголовка */
	--titleSpan:#74EAFF;/* Цвет заголовка 2 */
	--intortext:#96B4D0;/* Цвет текста после заголовка */
	--note:#6A79A8;/* Цвет текста подписи фото */
	--noteInvert:#747474;/* Цвет текста подписи фото белый фон */
	--boxDark:#001137;
	--boxLight:#F0F6FB;
	--boxGrey:#F0F6FB;
	--boxGradient:linear-gradient(90deg, rgba(151,15,149,.7) 0%, rgba(86,6,39,.7) 100%);
	--boxBorder:#B9F4FF;
	--boxColor:#B9F4FF;
	--next:#74FFB9;
}
.statya-1{
	--backBg:#74EAFF;
	--backColor:#000;
	--title:#7494FF;
	--titleSpan:#74EAFF;
	--intortext:#96B4D0;
	--note:#6A79A8;
	--noteInvert:#747474;
	--boxDark:#001137;
	--boxLight:#F0F6FB;
	--boxGrey:#F0F6FB;
	--boxGradient:linear-gradient(90deg, rgba(151,15,149,.7) 0%, rgba(86,6,39,.7) 100%);
	--boxBorder:#B9F4FF;
	--boxColor:#B9F4FF;
	--next:#74FFB9;
}
.statya-1 .statya-next-title{color:var(--next);}
.statya-1 .section-bg ~ .statya-container .box-border{--boxBorder:#FFD7D7;}
.statya-1 .decor{top:-50%;}
.note-light{color:#878787;}

@media (min-width: 1441px) {
.statya-1 .statya-1-gradient{background: linear-gradient(111.79deg, #220880 0%, #5B00B1 100%);}
}

.statya-2{
	--backBg:#74FFB9;
	--backColor:#000;
	--title:#74FFB9;
	--titleSpan:#74EAFF;
	--intortext:#74FFB9;
	--note:#6A79A8;
	--noteInvert:#747474;
	--boxDark:#00372A;
	--boxLight:linear-gradient(253.43deg, #B9FFDC 0%, #B9FFF3 100%);
	--boxGrey:#F0F6FB;
	--boxGradient:linear-gradient(130.64deg, #B9DCFF 0%, #ECB9FF 98.56%);
	--boxBorder:#A3E0C2;
	--boxColor:#B9F4FF;
	--next:#74BEFF;
	--prev:#7494FF;
	--prevSpan:#74EAFF;
}


.statya-2 .box-img.box-border{border-color:#C37BFF;}
.statya-2 .hignlight-2{color:#C37BFF;}


.statya-2 .box-gradient-1{background:#780052;}
.statya-2 .box-gradient-2{background:linear-gradient(180deg, rgba(120, 0, 82, 0.8) 0%, rgba(120, 0, 112, 0.8) 100%);backdrop-filter: blur(var(--10));}
.statya-2 .box-gradient-3{background:linear-gradient(180deg, rgba(120, 0, 112, 0.8) 0%, rgba(106, 0, 120, 0.8) 100%);backdrop-filter: blur(var(--10));}
.statya-2 .box-gradient-4{background:linear-gradient(180deg, rgba(106, 0, 120, 0.8) 0%, rgba(88, 0, 120, 0.8) 100%);backdrop-filter: blur(var(--10));}
.statya-2 .box-gradient-5{background:linear-gradient(263.11deg, rgba(21, 29, 41, 0.8) 0%, rgba(14, 22, 37, 0.8) 100%);}
.statya-2 .box-gradient-6{background:#5F278D;}

.statya-2 .statya-next-title{color:var(--next);}
.statya-2 .statya-prev-title{color:var(--prev);}
.statya-2 .statya-prev-title span{color:var(--prevSpan);}

.statya-2 .hignlight-green{color:#349B67;}

.statya-2 .decor-1{top:-25%;left:-25%;width:100%;}
.statya-2 .decor-3{top:-20%;width:200%;left:-60%;}


@media (min-width: 1441px) {
.statya-2 .hignlight-d{color:var(--backBg);}
}

/* STATYA 3 */

.statya-3 {
  --backBg: #74BEFF;
  --backColor: #000;
  --title: #74BEFF;
  --titleSpan: #74eaff;
  --intortext: #96b4d0;
  --note: #6a79a8;
  --noteInvert: #747474;
  --boxDark: #001137;
  --boxLight: #f0f6fb;
  --boxGrey: #f0f6fb;
  --boxGradient: linear-gradient(90deg, rgba(151, 15, 149, 0.7) 0%, rgba(86, 6, 39, 0.7) 100%);
  --boxBorder: #b9f4ff;
  --boxColor: #b9f4ff;
  --next: #FF74D8;
  --prev: #74FFB9;
  --ai: #74FFD5;
}

.statya-3 .statya-prev-title{color:var(--prev);}
.statya-3 .statya-next-title{color:var(--next);}

.statya-3 .section-bg ~ .statya-container .ai-mark{color:var(--ai);}
.statya-3 .section-bg ~ .statya-container .ai-mark-line{background:var(--ai);}

.statya-3 .box-gradient-blur {
  background: linear-gradient(86.06deg, rgba(221, 223, 255, 0.8) 0%, rgba(221, 239, 255, 0.8) 100%);
  backdrop-filter: blur(10px);
}

.statya-3 .box-dark{
background: linear-gradient(46.09deg, #2E0144 0%, #012544 100%);
}

.statya-3 .box-glass-blur {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}

.statya-3 .box-glass-blur::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  padding: 1px;
  border-radius: 10px;
}

.statya-3 .box-light-1 {
  background: linear-gradient(86.06deg, #dddfff 0%, #ddefff 100%);
}

.statya-3 .box-light-2 {
  background: linear-gradient(86.06deg, #ddefff 0%, #dddfff 100%);
}

.statya-3 .box-light-3 {
  background: linear-gradient(114.45deg, rgba(233, 237, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.statya-3 .box-gradient-1 {
  background: linear-gradient(86.15deg, #c7ffe5 0%, #98cbff 100%);
  backdrop-filter: blur(10px);
}




.statya-3 .decor-1 {
  width: 100%;
  top: -21%;
  right: 25%;
  transform: scaleX(-1);
}


.statya-3 .decor-2 {
  width: 50%;
  bottom: 100px;
  right: -10%;
  left: auto;
}

.statya-3 .decor-3 {
  width: 255%;
  bottom: -20%;
  left: -50%;
}

.statya-3 .decor-4{
	position:absolute;
	width: 200%;
  bottom: 20%;
  left: -40%;
}


@media (max-width: 576px) {
  .statya-3 .decor-1 {
    width: 250%;
    top: -10%;
    bottom: auto;
    right: -70%;
    left: auto;
  }

  .statya-3 .decor-2 {
    width: 70%;
    top: auto;
    bottom: -10px;
    right: -25%;
    left: auto;
  }
}

@media (max-width: 1440.98px) {
.statya-3 .decor-1{top:-16%;}
.statya-3 .box-border{position:relstive;background:rgba(255,255,255,.5);border:none;}
.statya-3 .box-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--1);background:linear-gradient(186.57deg, rgba(189, 189, 189, 0.5) 63.38%, rgba(189, 189, 189, 0) 89.67%);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude;}
.statya-3 .decor-2{bottom:-150px;}
}
/* Second Section Content */

/* STATYA 4 */

.statya-4 {
  --backBg: #ff66dc;
  --backColor: #000;
  --title: #ff66dc;
  --titleSpan: #74eaff;
  --intortext: #ff66dc;
  --note: #6a79a8;
  --noteInvert: #747474;
  --boxDark: #00372a;
  --boxLight: linear-gradient(253.43deg, #b9ffdc 0%, #b9fff3 100%);
  --boxGrey: #f0f6fb;
  --boxGradient: linear-gradient(46.09deg, #440140 0%, #440127 100%);
  --boxBorder: #a3e0c2;
  --boxColor: #b9f4ff;
  --next: #74beff;
  --prev: #7494ff;
  --prevSpan: #74eaff;
}

.statya-4 .decor-1 {width:180%;}

@media (max-width: 768px) {
  .statya-4 .decor-1 {
    left: 0%;
    width: 120%;
  }
}

@media (min-width: 768px) {
  .statya-4 .decor-1 {
    right: -30%;
  }
}

.statya-4 .decor-2 {
  width: 200%;
  left: -30%;
}

.statya-4 .decor-3 {
  width: 135%;
  left: -25%;
  bottom: 20%;
}
@media (max-width: 768px) {
	.statya-4 .decor-3 {
	  bottom:auto;
	  top:5vw;
	}
}
.statya-4 .box-gradient-blur {
  background: linear-gradient(76.37deg, rgba(68, 1, 64, 0.8) 19.52%, rgba(68, 1, 67, 0.8) 100%);
  backdrop-filter: blur(10px);
}

.statya-4 .section-inverse .hignlight {
  color: var(--backBg);
}

.statya-4 .section-inverse .ai-mark {
  color: #9b55e1;
}

.statya-4 .section-inverse .ai-mark-line {
  background: #9b55e1;
}

.statya-4 .box-gradient-pink {
  background: linear-gradient(46.09deg, #ffb5fa 0%, #ffa3d7 100%);
}

/* STATYA 5 */

.statya-5 {
  --backBg: #7dff74;
  --backColor: #000;
  --title: #7dff74;
  --titleSpan: #74eaff;
  --intortext: #7dff74;
  --note: #747474;
  --noteInvert: #747474;
  --boxDark: #00372a;
  --boxLight: linear-gradient(253.43deg, #b9ffdc 0%, #b9fff3 100%);
  --boxGrey: #f0f6fb;
  --boxGradient: linear-gradient(46.09deg, #440140 0%, #440127 100%);
  --boxBorder: #a3e0c2;
  --boxColor: #b9f4ff;
  --next: #FF74D8;
  --prev: #FF74D8;
  --prevSpan: #74eaff;
}

/* @media (max-width: 576px) {
  .statya-5 .decor-1 {
    left: 0%;
    width: 120%;
  }
} */

.statya-5 .statya-prev-title{color:var(--prev);}

.statya-5 .decor-section{position:relative;}
.statya-5 .decor{position:absolute;width:auto;}
.statya-5 .decor-1{width:100%;left:0;top:40%;}

.statya-5 .decor-1-2{width:200%;left:-30%;bottom:-100%;}



@media (min-width: 1440.98px) {
	.statya-5 .decor-1{width:140%;left:0%;top:-50%;}
}




@media (min-width: 768px) {
	.statya-5 .decor-1{width:100%;top:-30%;}
	.statya-5 .decor-section-4{top:var(--440);}
}

.statya-5 .decor-2-1{top:-25%;width:50%;}
.statya-5 .decor-2-2{left:24%;width:50%;}
.statya-5 .decor-2-3{width:150%;left:-30%;top:-100%;}
.statya-5 .decor-3-1{top:calc((var(--200) + var(--112)) * -1);right:0;}
.statya-5 .decor-3-2{
  top: -150px;
  right: 300px;
}

.statya-5 .decor-3-3 {
  top: -150px;
  right: 20px;
}

.statya-5 .decor-3-4 {
  top: -150px;
  right: -200px;
}

.statya-5 .decor-4-1 {
  top: 400px;
  right: 600px;
}

.statya-5 .decor-4-2 {
  top: 400px;
  right: 0;
}

.statya-5 .decor-4-3 {
  right: 200px;
}

.statya-5 .decor-5-1 {
  width:68%;left:16%;
}

.statya-5 .decor-5-2 {
  width:68%;left:16%;
}

@media (max-width: 1440.98px) {
.statya-5 .decor-5-1 {
  width: 40%;
  left: 0%;
}
.statya-5 .decor-5-2 {
  width: 40%;
  left: 0%;
}
}

@media (max-width: 767.98px) {
.statya-5 .decor-5-1 {
  width: 70%;
  top:-5vw;
  left: 0%;
}
.statya-5 .decor-5-2 {
  width: 70%;
  top:-5vw;
  left: 0%;
}
}

@media (max-width: 576px) {
  .statya-5 .decor-4-1 {
    top: 820px;
    right: 200px;
    width: 100%;
    left: auto;
  }

  .statya-5 .decor-4-2 {
    top: 850px;
    right: -50px;
    left: auto;
    width: 50%;
  }

  .statya-5 .decor-4-3 {
    top: 650px;
    right: 0;
  }
}

.statya-5 .box-dark {
  background: linear-gradient(76.37deg, rgba(1, 68, 53, 0.8) 19.52%, rgba(1, 66, 68, 0.8) 100%);
  backdrop-filter: blur(10px);
}

.statya-5 .section-inverse .subtitle {
  color: #67d95f;
  border-width: 1px;
  border-image-source: linear-gradient(to left, #2164fe, #ff5bde);
  border-image-slice: 1;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.statya-5 .box-light {
  background: linear-gradient(46.09deg, #c5daff 0%, #beffe3 100%);
}

.statya-5 .section-inverse .ai-mark {
  color: #9b55e1;
}

.statya-5 .section-inverse .ai-mark-line {
  background: #9b55e1;
}

.statya-5 .box-gradient-pink {
  background: linear-gradient(46.09deg, #ffb5fa 0%, #ffa3d7 100%);
}

.statya-5 .section-inverse .subtitle.subtitle-green{border-image:none;border-bottom: 1px solid #67d95f;}


.p-grey{color:#878787!important;}

/* ---------------------------------------------- ANIMATION ---------------------------------------------- */
.from-left{clip-path: polygon(0 0, var(--scale) 0, var(--scale) 100%, 0% 100%);}
.from-right{clip-path: polygon(var(--scale) 0, 100% 0, 100% 100%, var(--scale) 100%);}



/* ---------------------------------------------- FOOTER ---------------------------------------------- */
.footer-wrap{position:relative;width:100%;}
.intro .footer-wrap,.content .footer-wrap{position:absolute;bottom:0;left:0;height:0;}

.footer-wrap{}
.footer-inner{height:0;overflow:hidden;}

a.footer-trigger{display:none;position:absolute;color:var(--black);bottom:100%;left:50%;transform:translateX(-50%);align-items:center;justify-content:center;height:var(--60);padding:0 var(--114);text-transform:uppercase;white-space:nowrap;background-color:#cccccc;}
.content > .footer-wrap .footer-trigger{color:var(--black);}
.footer-trigger:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;z-index:1;}
.footer-trigger:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#cccccc;z-index:-1;transition:background-color .5s;}
.desktop .footer-trigger:hover:after{background-color:var(--light20);}
.intro-3d ~ .main-scroll .footer-trigger,.content .footer-trigger{display:flex;}
.intro-3d ~ .main-scroll a.footer-trigger{background-color:rgba(217,217,217,.2);color:var(--white);}
.intro-3d ~ .main-scroll .footer-trigger:after{opacity:.2;}

.button-transparent{background:linear-gradient(0deg, rgba(217, 217, 217, 0.2), rgba(217, 217, 217, 0.2)), linear-gradient(0deg, rgba(24, 178, 206, 0.2), rgba(24, 178, 206, 0.2));padding:0 calc(var(--60) + var(--10));}


.footer{position:relative;border-top:var(--1) solid var(--light);width:100%;padding:var(--72) 0;background:#404040;}





.info{font-size:1.125em;}
.copyright{font-size:.9em;max-width:var(--440);}


.footer-spacer{height:var(--60);}


/* ---------------------------------------------- OTHER ---------------------------------------------- */

.gap-20{gap:var(--20) 0;}


.mw-685{min-width:calc(var(--670) + var(--16) - var(--1));}

.ml-0{margin-left:0;}
.mr-0{margin-right:0;}

.mb-240{margin-bottom:calc(var(--200) + var(--40));}
.mb-148{margin-bottom:var(--148);}
.mb-100{margin-bottom:var(--100);}
.mb-60{margin-bottom:var(--60);}
.mb-56{margin-bottom:var(--56);}
.mb-52{margin-bottom:var(--52);}
.mb-48{margin-bottom:var(--48);}
.mb-40{margin-bottom:var(--40);}
.mb-30{margin-bottom:var(--30);}
.mb-20{margin-bottom:var(--20);}
.mb-12{margin-bottom:var(--12);}
.mb-10{margin-bottom:var(--10);}
.mb-0{margin-bottom:0;}




/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
:root{
---40: -2.08333334vw;
---30: -1.5625vw;
---24: -1.25vw;
---20: -1.04166667vw;
---16: -.83333334vw;
---12: -.625vw;
---10: -.52083334vw;
---8: -.41666667vw;
---4: -.20833334vw;
---2: -.10416667vw;
---1: -.05208334vw;
--1: .05208333vw;
--2: .10416666vw;
--3: .15625vw;
--4: .20833333vw;
--6: .3125vw;
--8: .41666666vw;
--10: .52083333vw;
--12: .625vw;
--14: .72916666vw;
--16: .83333333vw;
--18: .9375vw;
--19: .98958333vw;
--20: 1.04166666vw;
--24: 1.25vw;
--28: 1.45833333vw;
--30: 1.5625vw;
--32: 1.66666666vw;
--36: 1.875vw;
--40: 2.08333333vw;
--42: 2.1875vw;
--48: 2.5vw;
--52: 2.70833333vw;
--56: 2.91666666vw;
--60: 3.125vw;
--64: 3.33333333vw;
--72: 3.75vw;
--80: 4.16666666vw;
--84: 4.375vw;
--96: 5vw;
--100: 5.20833333vw;
--112: 5.83333333vw;
--114: 5.9375vw;
--120: 6.25vw;
--128: 6.66666666vw;
--136: 7.08333333vw;
--148: 7.70833333vw;
--157: 8.17708333vw;
--160: 8.33333333vw;
--172: 8.95833333vw;
--180: 9.375vw;
--200: 10.41666666vw;
--218: 11.35416666vw;
--354: 18.4375vw;
--440: 22.91666666vw;
--470: 24.47916666vw;
--670: 34.89583333vw;

}
}

@media (max-width:1440.98px){
:root{
---40: -2.77777778vw;
---30: -2.08333334vw;
---24: -1.66666667vw;
---20: -1.38888889vw;
---16: -1.11111112vw;
---12: -.83333334vw;
---10: -.69444445vw;
---8: -.55555556vw;
---4: -.27777778vw;
---2: -.13888889vw;
---1: -.06944445vw;
--1: .06944444vw;
--2: .13888888vw;
--3: .20833333vw;
--4: .27777777vw;
--6: .41666666vw;
--8: .55555555vw;
--10: .69444444vw;
--12: .83333333vw;
--14: .97222222vw;
--16: 1.11111111vw;
--18: 1.25vw;
--19: 1.31944444vw;
--20: 1.38888888vw;
--24: 1.66666666vw;
--28: 1.94444444vw;
--30: 2.08333333vw;
--32: 2.22222222vw;
--36: 2.5vw;
--40: 2.77777777vw;
--42: 2.91666666vw;
--48: 3.33333333vw;
--52: 3.61111111vw;
--56: 3.88888888vw;
--60: 4.16666666vw;
--64: 4.44444444vw;
--72: 5vw;
--80: 5.55555555vw;
--84: 5.83333333vw;
--96: 6.66666666vw;
--100: 6.94444444vw;
--112: 7.77777777vw;
--114: 7.91666666vw;
--120: 8.33333333vw;
--128: 8.88888888vw;
--136: 9.44444444vw;
--148: 10.27777777vw;
--157: 10.90277777vw;
--160: 11.11111111vw;
--172: 11.94444444vw;
--180: 12.5vw;
--200: 13.88888888vw;
--218: 15.13888888vw;
--354: 24.58333333vw;
--440: 30.55555555vw;
--470: 32.63888888vw;
--670: 46.52777777vw;

}
.statya-container,.content-container{padding-left:var(--48);padding-right:var(--48);}

h1, .h1{font-size:3.5em;}

.title-about{font-size:2.375em;}
.title-intro{font-size:1.375em;}

.section p{font-size:1em;}
.list,.list-check{font-size:1em;}

p.big{font-size:1.375em;}
p.big-1{font-size:2.375em;}
p.big-2{font-size:2.375em}

.time-read{font-size:1em;}
.time-read svg{width:calc(var(--18) + var(--1));}

.subtitle{font-size:2.375em;}

.box-img-t-108{padding-top:108.129%;}
.box-img-t-96{padding-top:96.12903225%;}
.box-img-t-78{padding-top:78.96774193%;}
.box-img-t-71{padding-top:71.74193548%;}
.box-img-t-61{padding-top:61.93548387%;}
.box-img-t-51{padding-top:51.16063138%;}
.box-img-t-47{padding-top:47.16063138%;}
.box-img-t-31{padding-top:31%;}

.box-note{font-size:.875em;}

.mb-t-90{margin-bottom:calc(var(--96) - var(--6));}
.mb-t-72{margin-bottom:var(--72);}


.box-t{padding:var(--20);border-radius:var(--10);background:rgba(31,31,31,.8);backdrop-filter:blur(var(--20));}

.box-t-border{background:transparent;border:var(--1) solid var(--boxBorder);backdrop-filter: blur(var(--20));}
.bold-t{font-weight:bold;}

.statya-5 .section-inverse .subtitle{border-image:none;border-bottom: 1px solid #67d95f;}

.z-index-t{z-index:100;}

.decor-section-scale{transform:scale(.7);transform-origin:right center;top:-200px!important;}

.read-more{font-size:1.375em;}
.statya-next-text, .statya-prev-text{font-size:1em;}
.statya-next-title, .statya-prev-title{font-size:1.375em;}

.box-ai{font-size:.875em;}

.p-t-0{padding:0!important;}

.menu-bottom p{font-size:.875em;}


.scrub-ai-wrap{width:100%;top:var(--first-top);}
.box-normal{padding:var(--40) var(--40);font-size:1em;}
.scrub-ai-item{text-align:center;transform:translateY(0);}

.box-ai-first{position:relative;margin-bottom:var(--48);}
.box-ai-first:before{content:'';display:block;position:relative;height:calc(var(--40) + var(--4));}


a.button-ai {font-size:.875em;}

.switcher-item{width:calc(var(--120) + var(--24));transition:width .5s;}
.has-normal-mode .switcher-item{width:calc(var(--157) - var(--3));}
.switcher-text{font-size:.75em;}
.switcher-text > *{display:flex;align-items:center;}
.switcher-text > * > *{padding-bottom:var(--1);}
}

@media (max-width:767.98px){
:root{
---40: -10.66666667vw;
---30: -8vw;
---24: -6.4vw;
---20: -5.33333334vw;
---16: -4.26666667vw;
---12: -3.2vw;
---10: -2.66666667vw;
---8: -2.13333334vw;
---4: -1.06666667vw;
---2: -.53333334vw;
---1: -.26666667vw;
--1: .26666666vw;
--2: .53333333vw;
--3: .8vw;
--4: 1.06666666vw;
--6: 1.6vw;
--8: 2.13333333vw;
--10: 2.66666666vw;
--12: 3.2vw;
--14: 3.73333333vw;
--16: 4.26666666vw;
--18: 4.8vw;
--19: 5.06666666vw;
--20: 5.33333333vw;
--24: 6.4vw;
--28: 7.46666666vw;
--30: 8vw;
--32: 8.53333333vw;
--36: 9.6vw;
--40: 10.66666666vw;
--42: 11.2vw;
--48: 12.8vw;
--52: 13.86666666vw;
--56: 14.93333333vw;
--60: 16vw;
--64: 17.06666666vw;
--72: 19.2vw;
--80: 21.33333333vw;
--84: 22.4vw;
--96: 25.6vw;
--100: 26.66666666vw;
--112: 29.86666666vw;
--114: 30.4vw;
--120: 32vw;
--128: 34.13333333vw;
--136: 36.26666666vw;
--148: 39.46666666vw;
--157: 41.86666666vw;
--160: 42.66666666vw;
--172: 45.86666666vw;
--180: 48vw;
--200: 53.33333333vw;
--218: 58.13333333vw;
--354: 94.4vw;
--440: 117.33333333vw;
--470: 125.33333333vw;
--670: 178.66666666vw;

}

.but-wrap:after{background-size:600px;}

.header.fixed{padding:var(--10) 0;}

.open-menu .header{padding:var(--10) 0;}

h1,.h1{font-size:2.125em;}
.statya-2 h1,.statya-2 .h1{font-size:1.75em;}

.subtitle{font-size:1.375em;}

.left-m{text-align:left;}
.center-m{text-align:center;}

.trigger{height:var(--42);width:var(--42);}

a.button{height:var(--42);}

.menu-bottom p{font-size:.75em;}
.menu-scroll .scroll-content{padding-top:var(--20);padding-bottom:var(--20);}


.expanded > a .but:before,.expanded > a .but:after{opacity:1;}
.expanded > a .but .but-wrap{clip-path: polygon(0 0, calc(100% - var(--12)) 0, 100% var(--12), 100% 100%, calc(100% - var(--32)) 100%, calc(100% - var(--40)) calc(100% - var(--8)), calc(100% - var(--48)) 100%, var(--12) 100%, 0 calc(100% - var(--12)));}
.expanded > a .but .but-wrap:before{opacity:1;}
.expanded > a .but .but-inner:before,.expanded > a .but .but-inner:after{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 0, var(--2) 0, var(--2) calc(100% - (var(--14) - var(--1))), calc(var(--14) - var(--1)) calc(100% - var(--2)), calc(100% - (var(--48) + var(--1))) calc(100% - var(--2)), calc(100% - var(--40)) calc(100% - calc(var(--12) - var(--1))), calc(100% - (var(--32) - var(--1))) calc(100% - var(--2)), calc(100% - var(--2)) calc(100% - var(--2)), calc(100% - var(--2)) calc(var(--14) - var(--1)), calc(100% - (var(--14) - var(--1))) var(--2), 0 var(--2));}



.title-inner{padding-bottom:var(--48);}
.title-about{font-size:1.125em;font-weight:bold;}
.title-intro{font-size:1em;}
.time-read svg{width:calc(var(--14) - var(--1));}
.time-read{font-size:.875em;}

.statya-container,.content-container{padding-left:var(--10);padding-right:var(--10);}
.section{padding-top:var(--30);padding-bottom:var(--30);}


.row-48{margin-left:var(---10);margin-right:var(---10);}
.row-48 > *{padding-left:var(--10);padding-right:var(--10);}

.row-m-10{margin-left:calc((var(--4) + var(--1)) * -1);margin-right:calc((var(--4) + var(--1)) * -1);}
.row-m-10 > *{padding-left:calc(var(--4) + var(--1));padding-right:calc(var(--4) + var(--1));}

.section p{font-size:.875em;}
.list,.list-check{font-size:.875em;}

.section p.p-grey{font-size:.75em;line-height:1em;}

.scrub-ai-wrap{width:100%;top:calc(var(--first-top) + var(--20));}
.scrub-ai-item{transform:translateY(var(---20));}
.box-ai{font-size:.75em;padding:var(--30) var(--20) var(--30) calc(var(--52) + var(--3));}
.box-normal{padding:var(--20) var(--20);font-size:.875em;}
a.button-ai {font-size:.75em;}

.box{padding:var(--20);}
.box-note{font-size:.875em;}



.box-img,.box-img-wide{padding-top:95.77464788%!important;padding-bottom:0;}

.box-img-108-important{padding-top:108.129%!important;}
.box-img-96-important{padding-top:96.12903225%!important;}
.box-img-78-important{padding-top:78.96774193%!important;}
.box-img-71-important{padding-top:71.74193548%!important;}
.box-img-61-important{padding-top:61.93548387%!important;}
.box-img-51-important{padding-top:51.16063138%!important;}
.box-img-47-important{padding-top:47.16063138%;}
.box-img-31-important{padding-top:31%!important;}

.box-note-m-left{text-align:left;}

.box-note{font-size:.75em;}

.box-m-p{padding:var(--20);}
.box-m{padding:var(--20);border-radius:var(--10);background:rgba(31,31,31,.8);backdrop-filter:blur(var(--20));}

.box-m-border{background:transparent;border:var(--1) solid var(--boxBorder);backdrop-filter: blur(var(--20));}


.statya-4 .title-bg img{object-position:12% center;}
.statya-4 .decor-1{top:0;}
.statya-5 .decor-section-scale{left:-25vw!important;margin-top:-170vw;}

p.big{font-size:1.125em;}
p.big-1{font-size:1.125em;}
p.big-2{font-size:1.125em;}
p.big-m-none{font-size:.875em;}
.decor{position:absolute;top:-75vw;left:30%;opacity:.5;}
.decor-2{top:auto;bottom:-75vw;}

.box-read{padding:var(--30) var(--10);}
.read-more{margin-left:0;margin-right:0;text-align:center;margin-bottom:var(--30);}


.statya-next,.statya-prev{padding:var(--20) var(--30);}
.statya-next-text,.statya-prev-text{font-size:.875em;margin-bottom:var(--30);}
.statya-next-title,.statya-prev-title{font-size:1em;max-width:80%;}
.statya-next-about,.statya-prev-about{font-size:.875em;min-height:2em;}


.statya-3 .statya-next-title,.statya-5 .statya-prev-title{max-width:100%;}

.read-more{font-size:1em;}


.footer-trigger{background:rgba(0,0,0,.2);width:calc(100% - var(--28));padding:0 var(--12);}
.footer{padding:var(--48) 0;}
.copyright{font-size:.75em;}
.info{font-size:.875em;}
.logo{height:calc(var(--24) - var(--1));}
.hignlight-m{color:var(--backBg);}

.grey-m{color:#AAAAAA;}
/* Misha css */


.gap-m-10{gap:var(--10) 0;}

.p-m-0{padding:0;}
.mb-m-60{margin-bottom:var(--60);}
.mb-m-48{margin-bottom:var(--48);}
.mb-m-40{margin-bottom:var(--40);}
.mb-m-30{margin-bottom:var(--30);}
.mb-m-20{margin-bottom:var(--20);}
.mb-m-10{margin-bottom:var(--10);}
.mb-m-0{margin-bottom:0;}
}

@media (orientation: landscape) and (max-width:767.98px){
	.header{padding:var(--24) 0;}
	.header a.button{height:var(--24);padding: 0 var(--16);border-radius:var(--6);}
	.header a.button svg {width: var(--12);}
	.trigger{height:var(--24);width:var(--24);}
	.trigger i{height:var(--2);}
}

@media (max-height:500px) and (max-width:1440.98px){
.intro{height:auto!important;min-height:var(--440);}
.intro-content{position:relative!important;}
.intro-menu {margin-top:0;}
.but-wrap:after{background-size:400px;}
}