@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #000000; 
    --c1: #FFFFFF;
    --c2: #1ECEFF;
    --c3: #514ED7;
    --c4: rgba(255,255,255,.6);
    --c5: #92C4FF;
    --c6: rgba(255,255,255,.8);
    --c7: #73ACFF;
    --c8: rgba(255,255,255,.4);
    --c9: rgba(255,18,137,.5);
    
    --wr: 40rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 15rem;
    --br2: 20rem;
    --br3: 50rem;
    --br4: 10rem;

    
    --f-xxs: max(14px, 14rem);
    --f-xs: max(14px, 16rem);
    --f-s: max(14px, 18rem);
    --f-d: max(14px, 24rem);
    --f-m: max(14px, 26rem);
    --f-b: max(14px, 28rem);
    --f-l: max(14px, 32rem);
    --f-xl: max(14px, 70rem);
    --f-xxl: max(14px, 105rem);
    
    --mw: 1920000px; 
    
    --btn: max(45px, 52rem);
    
    --pin: max(30px, 40rem);
    
    --cols: repeat(8, minmax(0, 1fr));
    
    --gl: linear-gradient(to right, rgba(0,0,0,0), var(--c1), var(--c1), var(--c1), rgba(0,0,0,0));
    --gl2: linear-gradient(to bottom, rgba(0,0,0,0), var(--c1), var(--c1), var(--c1), rgba(0,0,0,0));
    --gl3: linear-gradient(to right, var(--c5), var(--c1), var(--c5));
    
    --glow-position: farthest-side at 50% 100%;
    
    --map-koef: 1%;
      
}

@property --angle {
    syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

@property --mask-opacity {
   syntax: "<number>";
   initial-value: 1;
   inherits: false;
}

@keyframes rotate {
  0% {
    --angle: 0deg;
  }
  100% {
    --angle: 360deg;
  }
}

@keyframes pulse {
  to {
    transform: scale(1.5);
    opacity: .75;
  }
}

/* globals */

@media screen {

    html{font-size: 0.052vw;background-color: var(--c0);}

    .document{font-weight: 400;font-family: 'Be Vietnam', sans-serif;font-size: var(--f-d);line-height: 1.3;color: var(--c1);background-color: var(--c0);letter-spacing: -.04em;}
    
    
    
    .mgb{position: relative;}
    .mgb::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;border: max(1.75px, 2rem) solid;border-radius: inherit;mask-image: linear-gradient(to bottom right, rgba(0, 0, 0, .9), rgba(0, 0, 0, .25));}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s 1s;display: flex;color: var(--c1);will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .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;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;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-icon{display: flex;align-items: center;justify-content: center;flex: none;margin: 0 10rem;}
    .button-icon:first-child{margin-left: 0;}
    .button-icon:last-child{margin-right: 0;}
    
    .button__default{border-radius: var(--br1);position: relative;overflow: visible!important;padding: var(--sl);}
    .button__default::after,
    .button__default::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;background-size: 100% 100%;background-position: 0 0;background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0,0,0,0) 20%, var(--c2) 25%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 70%, var(--c3) 80%, rgba(0,0,0,0) 95%);animation: rotate 3s infinite linear;animation-play-state: paused;}
    .button__default::before{filter: blur(10px);}
    .button__default .button-text{font-size: var(--f-s);padding: 0 45rem;height: var(--btn);border-radius: inherit;display: flex;align-items: center;backface-visibility: hidden;background-color: var(--c0);transition: all .25s;border: var(--sl) solid rgba(255,255,255,.2);flex: auto;justify-content: center;}
    
    
    .button__wide{width: 100%;}
     
    .title{display: inline-block;line-height: .95;letter-spacing: -.06em;}
    .title__small{font-size: var(--f-l);}
    .title__default{font-size: var(--f-xl);}
    .title__large{font-size: var(--f-xxl);}
    
    .title,
    .tgr,
    .textbox h2,
    .textbox h3,
    .masked-line{background-image: linear-gradient(to right, var(--c1), var(--c5));color: transparent;-webkit-background-clip: text;background-clip: text;padding: .2em .03em;margin: -.2em -.03em;}
    
    .masked-line{mask-image: linear-gradient(90deg, #fff 50%, rgba(255,255,255,.2) 50%);mask-position: 100% 100%;mask-size: 300% 100%;transition: mask-position .5s linear;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{margin-bottom: 40rem;position: relative;z-index: 100;}
    
    .header.init{position: sticky;top: 0;transition: all .25s ease;}
    .header.active{top: 0;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 60rem;align-items: flex-start;padding: 30rem 0;}
    .topbar-logo{max-width: 130rem;width: 100%;}
    .topbar-nav-container{display: flex;align-items: flex-start;height: var(--btn);}
    .topbar-nav-inner{position: relative;flex-direction: column;border-radius: var(--br1);background-color: rgba(255,255,255,.01);backdrop-filter: blur(20px);display: flex;flex: none;}
    .topbar-nav{padding: 20rem;font-size: var(--f-s);flex: none;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 70rem;padding: 0 15rem;}
    .topbar-nav-content{flex: none;padding: 20rem 0;overflow: hidden;transition: all .25s;}
    .topbar-submenu{margin: 0 20rem;padding: 0 30rem 20rem;border-radius: 0 0 var(--br1) var(--br1);}
    .topbar-submenu::before{mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25));}
    .topbar-submenu-main ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;font-size: var(--f-d);letter-spacing: -.01em;font-weight: 500;}
    .topbar-submenu-footer{margin-top: 80rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 45rem;align-items: center;}
    .topbar-submenu-social{margin-right: auto;}
    .topbar-submenu-social ul{display: grid;grid-auto-flow: column;grid-gap: 1em;font-size: var(--f-xxs);letter-spacing: -.02em;}
    
    .topbar-nav-content:not(.active){height: 0;opacity: 0;padding: 0;}
   
    .topbar-submenu-actions ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);}
    .topbar-submenu-action{display: flex;align-items: center;justify-content: center;width: max(16px, 18rem);height: max(16px, 18rem);}
    
    .topbar-action{margin-left: auto;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;overflow-x: clip;}
   
    .section{position: relative;z-index: 1;margin-top: 250rem;}
    .section:first-child{margin-top: 0;}
    .section:only-child{flex: auto;}
    
    .section::before{content: "";position: absolute;bottom: 0;height: 100%;max-height: 100vh;aspect-ratio: 1/1;opacity: .7;z-index: -1;background-image: radial-gradient(farthest-side at center, #A1C8FF, #166FF0, rgba(0,0,0,0));filter: blur(100px);pointer-events: none;}
    .section:nth-child(even)::before{right: 0;transform: translate(65%, 85%);}
    .section:nth-child(odd)::before{left: 0;transform: translate(-65%, 85%);}
    .section:last-child::before{display: none;}
    
    .section-header{display: flex;flex-direction: column;margin-bottom: 60rem;align-items: center;text-align: center;}
    .section-header:only-child{padding: 150rem 0;margin: 0;}
    .section-header-title{}
    .section-header-subtitle{color: var(--c6);margin-top: 45rem;max-width: 800rem;}
    .section-header-action{margin-top: 30rem;}
    
    .page-header{display: flex;flex-direction: column;margin-bottom: 200rem;align-items: center;text-align: center;}
    .page-header:last-child{margin: 0;padding: 150rem 0;}
    .page-header-title .title{background-image: var(--gl3);}
    .page-header-subtitle{color: var(--c6);margin-top: 45rem;max-width: 945rem;}
    .page-header-subtitle b{color: var(--c1);font-weight: inherit;font-size: var(--f-b);}
    .page-header-action{margin-top: 30rem;}
    
    .footer{overflow-x: clip;margin-top: 250rem;padding-bottom: 30rem;font-size: var(--f-xs);position: relative;z-index: 1;}
    .footer-grid{display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);grid-template-areas: "f0 f0 f0 f0 . . . ." "f1 f1 f1 f1 . . f2 f2" "f3 f3 f3 f3 . . f4 f4" "f3 f3 f3 f3 . . f5 f5" "f11 f11 f11 f11 f11 f11 f11 f11" "f6 f6 f7 f8 . . f9 f10";align-items: flex-start;}
    .f0{grid-area: f0;margin-bottom: 12rem;font-size: var(--f-s);}
    .f1{grid-area: f1;margin-bottom: auto;}
    .f2{grid-area: f2;display: inline-table;margin-right: auto;margin-bottom: auto;}
    .f2-1{display: table-row;}
    .f2-1:not(:first-child) .f2-1-1,
    .f2-1:not(:first-child) .f2-1-2{padding-top: 12rem;}
    .f2-1-1{display: table-cell;padding-right: 20rem;font-size: var(--f-s);vertical-align: top;color: var(--c4);}
    .f2-1-2{display: table-cell;font-size: var(--f-d);vertical-align: top;}
    .f3{grid-area: f3;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);margin-top: 120rem;}
    .f3-1-1{font-size: var(--f-s);margin-bottom: 30rem;}
    .f3-1-2 ul{display: grid;grid-template-columns: auto;grid-gap: .5em;color: var(--c4);}
    .f4{grid-area: f4;margin: 120rem 0 60rem;}
    .f4-1{font-size: var(--f-s);margin-bottom: 30rem;}
    .f4-2{color: var(--c4);}
    .f5{grid-area: f5;margin-top: auto;font-size: var(--f-xs);}
    .f5 ul{display: flex;justify-content: space-between;margin: 0 -10rem;}
    .f5 li{margin: 0 10rem;}
    .f6{grid-area: f6;}
    .f7{grid-area: f7;}
    .f8{grid-area: f8;}
    .f9{grid-area: f9;}
    .f10{grid-area: f10;display: flex;justify-content: flex-end;white-space: nowrap;}
    .f10-1{color: var(--c4);}
    .f10-1 a{color: var(--c1);}
    .f11{grid-area: f11;border-top: var(--sl) solid;margin: 120rem 0 30rem;opacity: .2;}
    
    .footer-form{display: grid;grid-template-columns: 1fr auto;grid-gap: 10rem 20rem;max-width: 750rem;width: 100%;}
    .footer-form-input{}
    .footer-form-button{}
    
    .glow{position: absolute;z-index: -1;display: flex;align-items: center;justify-content: center;top: 0;left: 0;filter: blur(200px);width: 100%;height: 100%;pointer-events: none;}
    .glow::before{content: "";width: 100%;height: 100%;flex: none;background-image: radial-gradient(var(--glow-position), #A1C8FF, #166FF0, #166FF0, rgba(0,0,0,0));}
    
    .start-glow{height: 0;width: 100%;display: flex;position: relative;z-index: 1;--glow-position: farthest-side at 100% 0%;overflow-x: clip;}
    .start-glow .glow{height: 50vw;align-items: flex-end;}
    .start-glow .glow::before{width: 150%;height: 250%;}
    
    .footer .glow{align-items: flex-end;}
    .footer .glow::before{width: 150%;}
    
    .checkbox{overflow: hidden;position: relative;margin: -3rem 0;}
    .checkbox-control{width: 0;height: 0;position: absolute;right: 100%;opacity: 0;}
    .checkbox-label{display: flex;align-items: flex-start;padding: 3rem 0;line-height: 1.3em;font-size: var(--f-xxs);}
    .checkbox-label-icon{width: max(14px, 1.3em);height: max(14px, 1.3em);border-radius: 2rem;display: flex;align-items: center;justify-content: center;flex: none;margin-right: 12rem;padding: 0;border: var(--sl) solid;cursor: pointer;position: relative;}
    .checkbox-label-icon::after{content: "";will-change: transform;transition: transform .25s;width: max(14px, 16rem);height: max(14px, 16rem);background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L4.26038 12.5208C4.59665 13.1933 5.527 13.2681 5.96634 12.6579L14 1.5' stroke='%231ECEFF' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;bottom: 0;left: 0;margin: 3rem;}
    .checkbox-label-text{user-select: none;margin: auto 0;cursor: pointer;transition: opacity .25s;}
    
    .checkbox-control:not(:checked) ~ .checkbox-label-icon::after{transform: scale(0);}
    .checkbox-control:not(:checked) ~ .checkbox-label-text{opacity: .7;}
    
    .textfield{min-height: var(--btn);display: flex;border-radius: var(--br1);}
    .textfield-input{padding: 12rem 20rem;flex: auto;min-width: 0;text-overflow: ellipsis;font-size: var(--f-xs);}
    
    .textbox h2{font-size: var(--f-xl);line-height: .95;margin: 250rem 0 45rem;display: block;font-weight: 400;letter-spacing: -.04em;}
    .textbox h2::after{content: "";height: var(--sl);margin-top: 45rem;width: 100%;display: block;background-image: var(--gl);}
    .textbox h3{font-size: var(--f-l);line-height: .95;margin: 80rem 0 30rem;display: block;font-weight: 400;letter-spacing: -.04em;}
    .textbox h3::after{content: "";height: var(--sl);margin-top: 30rem;width: 100%;display: block;background-image: var(--gl);}
    
    .textbox h2:first-child,
    .textbox h3:first-child{margin-top: 0;}
    .textbox a{text-decoration: underline;}
    .textbox b{color: var(--c1);font-weight: 400;font-size: var(--f-d);letter-spacing: -.04em;}
    .textbox ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
    .textbox li{position: relative;padding-left: 1.25em;}
    .textbox li::before{content: "\2022";position: absolute;top: 0;width: 1.25em;text-align: left;left: 0;}
    
    .textbox.h3-ind h2{counter-reset: index;}
    .textbox.h3-ind h3{position: relative;}
    .textbox.h3-ind h3::before{content: "[ " counter(index) " ]";counter-increment: index;position: absolute;top: calc(0.2 * var(--f-xl));right: 100%;font-weight: 300;line-height: 1.1;font-size: var(--f-s);margin-right: 20rem;color: var(--c1);white-space: nowrap;}
    
    
    .filters{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);position: relative;z-index: 99;}
    .filter-group{}
    .filter-title{display: flex;align-items: center;justify-content: space-between;border-radius: var(--br4);padding: 0 20rem;height: var(--btn);cursor: pointer;user-select: none;transition: all .15s;}
    .filter-title-name{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: var(--f-s);font-weight: 300;}
    .filter-title-icon{flex: none;width: max(12px, 15rem);height: max(12px, 15rem);display: flex;align-items: center;justify-content: center;margin-left: 10rem;}
    .filter-list{position: absolute;top: 100%;left: 0;width: 100%;background-color: var(--c1);color: var(--c0);padding: 20rem 30rem;border-radius: var(--br1);display: grid;grid-template-columns: auto;grid-gap: 15rem;margin-top: 15rem;transition: all .25s;}
    
    .filter-group:not(.active) .filter-list{visibility: hidden;opacity: 0;transform: translateY(30rem);}
    .filter-group.active .filter-title{background-color: var(--c1);color: var(--c0);}
    .filter-group.active .filter-title::before{display: none;}
    .filter-group.active .filter-title-icon{transform: scaleY(-1);}
    
    .carousel-pagination{top: 0;left: auto;bottom: auto!important;line-height: 0;position: relative;margin-top: 60rem;display: flex;justify-content: center;}
    .carousel-button{display: flex;align-items: center;justify-content: center;width: max(16px, 18rem);height: max(16px, 18rem);}
    .carousel-button__prev .icon{transform: scaleX(-1);}
    
    .swiper-pagination-bullet{width: max(8px, 10rem);height: max(8px, 10rem);border-radius: 999rem;margin: 0 5rem!important;transition: all .3s linear;background-color: var(--c1);opacity: 1;position: relative;}
    .swiper-pagination-bullet::before{content: "";border-radius: inherit;min-width: max(8px, 10rem);height: 100%;position: absolute;opacity: 0;width: 0%;background-color: var(--c2);background-image: linear-gradient(to bottom, var(--c2), var(--c3));}
    .swiper-pagination-bullet-active{width: 50rem;background-image: linear-gradient(to bottom, var(--c2), var(--c3));}
    
    .carousel-autoplay-init .swiper-pagination-bullet-active{background-image: var(--c1);}
    .carousel-autoplay-init .swiper-pagination-bullet-active::before{opacity: 1;width: 100%;transition: width 5s linear;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .formbox-row{display: flex;align-items: flex-start;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    .formbox-checkbox{margin-top: 30rem;}
    .formbox-note{margin-top: 15rem;font-size: var(--f-xxs);max-width: 350rem;color: var(--c8);}
    .formbox-footer{margin-top: 35rem;}
    
    .player{display: flex;position: relative;align-items: center;justify-content: center;width: 100%;background-color: var(--c0);cursor: pointer;}
    .player::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .player-holder{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: .8;}
    .player-button{display: inline-grid;align-items: center;justify-content: center;grid-template-rows: 1fr auto 1fr;position: relative;z-index: 1;text-align: center;grid-gap: var(--gap);}
    .player-button::before{content: "";}
    .player-button-icon{display: flex;align-items: center;justify-content: center;width: max(60px, 90rem);height: max(60px, 90rem);border-radius: 50%;border: var(--sl) solid;}
    
    .vg{display: flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
    .vg-inner{flex: 1;position: relative;}
    .vg-inner::before{content: "";position: absolute;height: 100%;top: 0;right: 100%;width: var(--gap);background-image: var(--gl2);background-size: var(--sl) 100%;background-repeat: no-repeat;background-position: center;}
    
    .hg{grid-column: 1/-1;height: var(--gap);display: block;background-image: var(--gl);background-size: 100% var(--sl);background-repeat: no-repeat;background-position: center;}
    
    .cookies-alert{position: fixed;bottom: 0;left: 0;margin: var(--wr);z-index: 10;will-change: transform;transition: all .25s;}
    .cookies-alert-inner{display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: 100rem;width: 100%;max-width: 1500rem;background-color: var(--c0);color: var(--c1);padding: 20rem 25rem;border-radius: var(--br1);overflow: hidden;}
    .cookies-alert-inner.mgb::before{opacity: .2;}
    .cookies-alert-text{font-size: var(--f-xs);padding: 0 10rem;}
    
    .cookies-alert:not(.active){transform: scale(.85);opacity: 0;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;width: 100%;}
  
    .card-1{padding: 20rem 20rem 25rem;border-radius: var(--br2);}
    .card-1 .card-header{position: relative;display: flex;overflow: hidden;border-radius: var(--br1);margin-bottom: 20rem;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-1 .card-content{min-height: 5em;flex: auto;}
    .card-1 .card-title{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    .card-1 .card-footer{display: grid;grid-template-columns: 1fr auto;grid-gap: 30rem var(--gap);margin-top: 30rem;align-items: baseline;}
    .card-1 .card-footer::before{content: "";grid-column: 1/-1;height: var(--sl);background-image: var(--gl);}
    .card-1 .card-footer-tag{font-weight: 300;line-height: 1.1;font-size: var(--f-s);color: var(--c4);}
    .card-1 .card-footer-tag::before{content: "[ ";}
    .card-1 .card-footer-tag::after{content: " ]";}
    
    .card-2{overflow: visible;}
    .card-2 .card-header{position: relative;display: flex;overflow: hidden;border-radius: var(--br2);padding: 20rem;align-items: flex-end;justify-content: flex-end;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-2 .card-media::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), var(--c0));opacity: .8;}
    .card-2 .card-media img{object-position: top;}
    .card-2 .card-action{position: relative;z-index: 1;}
    .card-2 .card-content{margin-top: 30rem;display: flex;flex-direction: column;text-align: center;}
    .card-2 .card-content::before{content: "";height: var(--sl);background-image: var(--gl);width: 100%;margin-bottom: 20rem;}
    .card-2 .card-title{font-size: var(--f-l);line-height: .95;}
    .card-2 .card-subtitle{margin-top: 15rem;font-weight: 300;line-height: 1.1;font-size: var(--f-s);color: var(--c6);}
    .card-2 .card-footer{margin: 20rem 0 0;width: 100%;display: flex;justify-content: center;}
    
    .card-3{padding: 70rem 60rem;border-radius: var(--br2);}
    .card-3 .card-header{width: max(60px, 80rem);height: max(60px, 80rem);position: relative;flex: none;margin: 0 auto 30rem;}
    .card-3 .card-content{display: flex;flex-direction: column;align-items: center;text-align: center;flex: auto;}
    .card-3 .card-title{font-size: var(--f-l);line-height: .95;margin-bottom: auto;}
    .card-3 .card-subtitle{margin-top: 30rem;font-weight: 300;line-height: 1.1;font-size: var(--f-s);max-width: 330rem;color: var(--c6);}
    .card-3 .card-action{margin-top: 30rem;}
    
    .card-4{padding: 20rem 20rem 25rem;border-radius: var(--br2);}
    .card-4 .card-header{position: relative;display: flex;overflow: hidden;border-radius: var(--br1);margin-bottom: 20rem;}
    .card-4 .card-header::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .card-4 .card-footer{margin-top: 40rem;width: 100%;padding: 0 80rem;}
    
    .card-5{padding: 45rem;border-radius: var(--br2);}
    .card-5 .card-inner{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: center;flex: auto;}
    .card-5 .card-header{width: max(60px, 80rem);height: max(60px, 80rem);position: relative;flex: none;margin: auto;}
    .card-5 .card-content{height: 100%;display: flex;flex-direction: column;justify-content: center;position: relative;padding: 45rem;}
    .card-5 .card-content::before{content: "";position: absolute;height: 100%;top: 0;right: 100%;width: var(--gap);background-image: var(--gl2);background-size: var(--sl) 100%;background-repeat: no-repeat;background-position: center;}
    .card-5 .card-title{font-size: var(--f-l);line-height: .95;}
    .card-5 .card-subtitle{margin-top: 45rem;font-weight: 300;line-height: 1.1;font-size: var(--f-s);color: var(--c6);}
    .card-5 .card-subtitle ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
    .card-5 .card-subtitle li{position: relative;padding-left: 1.25em;}
    .card-5 .card-subtitle li::before{content: "\2022";position: absolute;top: 0;width: 1.25em;text-align: left;left: 0;}
    
    .card-6{border-radius: var(--br2);flex-direction: row;background-color: var(--c0);}
    .card-6::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .card-6 .card-inner{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 1;justify-content: center;padding: 100rem 70rem;text-align: center;}
    .card-6 .card-header{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: .3;}
    .card-6 .card-subtitle{margin-top: 45rem;color: var(--c6);}
    .card-6 .card-action{margin-top: 30rem;}
    
    .card-7{padding: 45rem 70rem;border-radius: var(--br2);}
    .card-7 .card-content{flex: auto;margin-bottom: 85rem;}
    .card-7 .card-title{font-size: var(--f-l);line-height: .95;text-align: center;}
    .card-7 .card-footer{text-align: center;font-weight: 300;line-height: 1.1;font-size: var(--f-s);color: var(--c6);}
    .card-7 .card-footer ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .card-7 .card-footer li::after{content: "";height: var(--sl);background-image: var(--gl);width: 100%;margin-top: 10rem;display: block;}
    
    .card-8{padding: 45rem;border-radius: var(--br2);min-height: 400rem;backdrop-filter: blur(10px);background-color: rgba(255,255,255,.01);}
    .card-8 .card-header{margin-bottom: 180rem;flex: auto;}
    .card-8 .card-header::before{content: "";position: absolute;top: 0;right: 0;width: 75%;background-image: radial-gradient(farthest-side at 100% 0%, var(--c3), rgba(0,0,0,0));z-index: -1;aspect-ratio: 1/1;opacity: 0;transition: opacity .5s;}
    .card-8 .card-title{font-size: var(--f-s);}
    .card-8 .card-title::before{content: "[";}
    .card-8 .card-title::after{content: "]";}
    .card-8 .card-subtitle{font-size: var(--f-s);max-width: 300rem;color: var(--c6);}
    .card-8 .card-action{margin-top: 45rem;}
   
}

/* sections */

@media screen {
   
    .s1 .section-header-title{max-width: 1350rem;}
    .s1-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s1-2{grid-column: 3/7;}
    .s1-3{display: flex;margin: 0 -60rem 70rem;border-radius: var(--br2);overflow: hidden;}
    .s1-4{color: var(--c6);}
    .s1-5{color: var(--c6);font-size: var(--f-s);font-weight: 300;}
    .s1-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s1-7{display: grid;grid-template-columns: auto;grid-gap: 45rem;}
    .s1-8-1{margin-bottom: 10rem;font-size: var(--f-l);line-height: .95;}
    
    .s1-5:not(:first-child){margin-top: 250rem;}
    .s1-6:not(:first-child){margin-top: 45rem;}
    
    .s2 .page-header{align-items: flex-start;text-align: left;margin-bottom: 60rem;}
    .s2-1{display: grid;grid-template-columns: var(--cols);grid-gap: 60rem var(--gap);}
    .s2-1-1{grid-column-end: span 2;}
    .s2-2{margin-bottom: 50rem;display: grid;grid-template-columns: var(--cols);grid-gap: 30rem var(--gap);align-items: center;}
    .s2-2::before{content: "";height: var(--sl);background-image: var(--gl);display: block;grid-column: 1/-1;}
    .s2-2-1{grid-column: 1/6;font-size: var(--f-b);}
    .s2-2-2{grid-column: 6/9;}
    .s2-3{margin-top: 60rem;display: flex;justify-content: center;}
    
    .s3-1{position: relative;margin: 0 100rem;}
    .s3-2{display: flex;width: 100%;}
    .s3-3 .map-pin-title{display: none;}
    .s3-3 .map-pin-icon{position: absolute;display: flex;width: 1px;height: 1px;z-index: 1;align-items: center;top: 0;left: 0;justify-content: center;}
    .s3-3 .map-pin-inner{width: 25rem;height: 25rem;border-radius: 50%;filter: blur(3px);flex: none;background-image: radial-gradient(#FFFFFF 9%, #166FF0, #166FF0);background-repeat: no-repeat;}
    .s3-3 .map-pin-inner::before{content: "";width: 100%;height: 100%;border-radius: 50%;position: absolute;box-shadow: 0 0 20rem #166FF0, 0 0 30rem #166FF0, 0 0 50rem #166FF0;}
    .s3-3 li:nth-child(1) .map-pin-icon{top: calc(var(--map-koef) * 20);left: 23%;}
    .s3-3 li:nth-child(2) .map-pin-icon{top: calc(var(--map-koef) * 31);left: 11%;}
    .s3-3 li:nth-child(3) .map-pin-icon{top: calc(var(--map-koef) * 44);left: 11%;}
    .s3-3 li:nth-child(4) .map-pin-icon{top: calc(var(--map-koef) * 62);left: 27%;}
    .s3-3 li:nth-child(5) .map-pin-icon{top: calc(var(--map-koef) * 19);left: 46%;}
    .s3-3 li:nth-child(6) .map-pin-icon{top: calc(var(--map-koef) * 24);left: 48%;}
    .s3-3 li:nth-child(7) .map-pin-icon{top: calc(var(--map-koef) * 20);left: 50%;}
    .s3-3 li:nth-child(8) .map-pin-icon{top: calc(var(--map-koef) * 28);left: 51%;}
    .s3-3 li:nth-child(9) .map-pin-icon{top: calc(var(--map-koef) * 11);left: 73%;}
    .s3-3 li:nth-child(10) .map-pin-icon{top: calc(var(--map-koef) * 30);left: 89%;}
    .s3-3 li:nth-child(11) .map-pin-icon{top: calc(var(--map-koef) * 30);left: 93%;}
    .s3-3 li:nth-child(12) .map-pin-icon{top: calc(var(--map-koef) * 37);left: 83%;}
    .s3-3 li:nth-child(13) .map-pin-icon{top: calc(var(--map-koef) * 44);left: 74%;}
    
    .s4-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 0 var(--gap);position: relative;z-index: 1;}
    .s4-2{position: relative;padding: 60rem 45rem;display: flex;justify-content: center;align-items: flex-start;}
    .s4-2-1{margin: auto;height: 80rem;width: 100%;max-width: 150rem;position: relative;}
    
    
    .s5-1{display: grid;grid-template-columns: auto;grid-gap: 100rem;}
    .s5-2{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: center;}
    .s5-3{position: relative;overflow: hidden;grid-column-end: span 5;display: flex;border-radius: var(--br2);}
    .s5-3:first-child{margin-right: 100rem;}
    .s5-3:last-child{margin-left: 100rem;}
    .s5-3::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s5-4{padding: 50rem 0;grid-column-end: span 3;}
    .s5-4:last-child{padding-right: 60rem;}
    .s5-4-1{}
    .s5-4-2{max-width: 625rem;margin-top: 45rem;color: var(--c6);font-weight: 300;line-height: 1.1;font-size: var(--f-s);}
    .s5-4-2 b{font-weight: 400;font-size: var(--f-d);line-height: 1.3;display: block;}
    .s5-4-2 p:not(:only-child) b{color: var(--c1);}
    .s5-4-2 p:not(:last-child) b{margin-bottom: 45rem;}
    .s5-4-2 ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
    .s5-4-2 li{position: relative;padding-left: 1.25em;}
    .s5-4-2 li::before{content: "\2022";position: absolute;top: 0;width: 1.25em;text-align: left;left: 0;}
    .s5-4-3{margin-top: 30rem;}
    .s5-4-4{margin-bottom: 45rem;}
    .s5-4-4 img{height: 85rem;width: auto;}
    
    .s6-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60rem var(--gap);padding: 0 70rem;}
    .s6-1:first-child::before{content: "";height: var(--sl);display: block;background-image: var(--gl);grid-column: 1/-1;margin: 0 -70rem;}  
    
    .s7-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s7-2{display: flex;flex-direction: column;text-align: center;}
    .s7-2-1{width: 100%;margin-bottom: 30rem;font-size: var(--f-xxl);line-height: .95;letter-spacing: -.06em;}
    .s7-2-1::after{content: "";height: var(--sl);background-image: var(--gl);display: block;margin-top: 30rem;}
    .s7-2-2{padding: 0 60rem;color: var(--c6);margin: 0 auto;width: 100%;}
    
    .s8-1,
    .s8-4{display: flex;justify-content: center;margin-left: calc(-1 * var(--gap));position: relative;}
    .s8-2{position: relative;width: 25%;padding-left: var(--gap);padding: 180rem 35rem;}
    .s8-2:not(:first-child)::before{content: "";position: absolute;height: 100%;top: 0;left: 0;width: var(--gap);background-image: var(--gl2);background-size: var(--sl) 100%;background-repeat: no-repeat;background-position: center;}
    .s8-3{display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;}
    .s8-3-1{width: 100%;position: relative;display: flex;}
    .s8-3-1::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s8-3-2{margin-top: 60rem;font-weight: 300;font-size: var(--f-s);color: var(--c6);}
    
    .s8-2 .card-3{padding: 0;border-radius: 0;}
    
    .s9-1{display: flex;flex-wrap: wrap;margin: -45rem calc(var(--gap) / -2);justify-content: center;align-items: flex-start;}
    .s9-2{padding: 45rem calc(var(--gap) / 2);width: 25%;}
    .s9-3{overflow: hidden;}
    
    .s10-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);}
    .s10-2{grid-column: 2/4;}
    .s10-2 .swiper-slide{height: auto;}
    .s10-2 .carousel-container{position: relative;}
    .s10-3{display: flex;flex-direction: column;align-items: center;text-align: center;width: 100%;min-height: 100%;}
    .s10-3-1{width: 100%;font-size: var(--f-l);line-height: .95;flex: auto;display: flex;flex-direction: column;justify-content: space-between;}
    .s10-3-1:not(:last-child)::after{content: "";height: var(--sl);background-image: var(--gl);width: 100%;margin-top: 45rem;display: block;}
    .s10-3-2{margin-top: 45rem;max-width: 400rem;color: var(--c6);font-weight: 300;font-size: var(--f-s);line-height: 1.1;}
    .s10-3-2::before{content: "-\a0";}
    
    .s10 .carousel-button{position: absolute;top: 40%;margin: 0 var(--gap);min-width: calc((100% - 3 * var(--gap)) / 4);z-index: 1;}
    .s10 .carousel-button__prev{right: 100%;}
    .s10 .carousel-button__next{left: 100%;}
    .s10 .carousel-button .icon{cursor: pointer;}
    
    .s11-1{display: flex;width: 100%;overflow: hidden;position: relative;border-radius: var(--br2);background-color: var(--c0);}
    .s11-1::before{content: "";flex: none;width: 0;padding-top: 35%;}
    
    .s12-1,
    .s12-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    
    .s13-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s13-2{grid-column: 3/7;position: relative;}
    .s13-3{}
    .s13-4{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-content: center;justify-content: center;text-align: center;flex-direction: column;}
    .s13-4-2{margin-top: 40rem;}
    
    .s13-2:not(.success) .s13-4,
    .s13-2.success .s13-3{visibility: hidden;}
    .s13-2.success .s13-3 .button .button-text{transition: none;}
    
    .s14-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s14-2{grid-column: 1/-1;}
    .s14-3{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);border-radius: var(--br2);}
    .s14-4{grid-column: 1/4;position: relative;height: 100%;padding: 45rem;display: flex;align-items: center;justify-content: center;max-width: 750rem;margin: 0 auto;width: 100%;}
    .s14-5{grid-column: 4/5;position: relative;min-height: 310rem;margin: 45rem 0;padding: 0 45rem;display: flex;flex-direction: column;}
    .s14-5::before{content: "";position: absolute;height: 100%;top: 0;right: 100%;width: var(--gap);background-image: var(--gl2);background-size: var(--sl) 100%;background-repeat: no-repeat;background-position: center;}
    .s14-6{margin-bottom: 45rem;display: flex;align-items: center;}
    .s14-6-1{flex: none;margin-right: 20rem;width: max(60px, 80rem);height: max(60px, 80rem);position: relative;}
    .s14-7{margin-top: auto;}
    .s14-7-1{color: var(--c6);font-weight: 300;font-size: var(--f-s);line-height: 1.1;}
    .s14-7-2{margin-top: 45rem;}
    
    .s14-4 .s14-6{flex-direction: column;}
    .s14-4 .s14-6-1{margin: 0 0 10rem;}
    
    .s14-8 .s14-4{grid-column: 1/3;}
    .s14-8 .s14-5{grid-column: 3/5;}
    
    .s15-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);position: relative;z-index: 1;}
    .s15-2{position: relative;padding: 30rem;display: flex;justify-content: center;align-items: flex-start;}
    .s15-1 .vg-inner:nth-child(n + 5){display: none;}
    .s15-2 .card-3{padding: 0;}
    
    .s16{}
    
    .s17 .page-header:last-child{padding: 0;align-items: flex-start;text-align: left;}
    .s17 .page-header-subtitle{max-width: 1100rem;}
    .s17-1{display: grid;grid-template-columns: var(--cols);grid-gap: 30rem var(--gap);}
    .s17-2{grid-column: 6/9;display: flex;align-items: flex-start;}
    .s17-2-1{flex: 1;position: relative;}
    .s17-2-1:not(:first-child){margin-left: var(--gap);}
    .s17-2-1:not(:first-child) img{position: absolute;top: 160rem;max-height: none;}
    .s17-3{grid-column: 1/8;}
    
    .s18 .section-header-subtitle{max-width: 735rem;}
    
    .s19 .section-header{align-items: flex-start;text-align: left;margin-bottom: 45rem;}
    .s19-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);align-items: flex-start;}
    .s19-1::before{content: "";height: var(--sl);width: 100%;background-image: var(--gl);grid-column: 1/-1;}
    .s19-2{max-width: 720rem;color: var(--c6);}
    .s19-3{display: grid;grid-template-columns: auto;grid-gap: 30rem;counter-reset: index;}
    .s19-3-1{position: relative;padding-left: 60rem;}
    .s19-3-1::before{content: "[ " counter(index) " ]";counter-increment: index;position: absolute;top: 0;left: 0;font-weight: 300;line-height: 1.1;font-size: var(--f-s);white-space: nowrap;}
    .s19-3-1::after{content: "";height: var(--sl);background-image: var(--gl);display: block;margin-top: 30rem;margin-left: -60rem;}
    .s19-3-1 .title{max-width: 700rem;}
    
    .s20-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 45rem var(--gap);grid-template-rows: auto 1fr;}
    .s20-3{grid-column: 2/5;grid-row-end: span 2;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s20-3-1{display: flex;width: 100%;}
    .s20-4{order: 1;}
    
    .s21-7{display: flex;width: 100%;height: 100%;}
    .s21-10{height: 100%;position: relative;margin: 0 auto;aspect-ratio: 1/1;}
    .s21-10 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: visible;}
    .s21-10 .swiper-slide{width: 100%;height: 100%;overflow: hidden;position: relative;opacity: .99!important;overflow: visible;pointer-events: none!important;}
    .s21-10 .swiper-slide-active{pointer-events: none!important;opacity: 1!important;}
    
    .s21-10 .pin-card{transition: opacity .25s .3s;}
    .s21-10 .swiper-slide:not(.swiper-slide-active) .pin-card{transition-delay: 0s;}
    
    .s22{margin-top: 100rem;}
    .s22-1{width: 100%;display: flex;justify-content: center;font-size: var(--f-xl);line-height: .95;}
    .s22-2{width: 100%;max-width: 1050rem;text-align: center;padding: .2em .03em;}
    
    .s23:first-child{margin-top: calc(-1 * (var(--headroom-height) + 100rem));}
    .s23-1{position: relative;}
    .s23-2{position: absolute;top: 0;z-index: 1;height: 100%;max-height: var(--app-height);padding: calc(var(--headroom-height) + 100rem) 0 100rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: 100%;}
    .s23-3{margin: 0 var(--awr);}
    .s23-4,
    .s23-5{position: relative;z-index: 1;width: 100%;text-align: center;}
    .s23-4 .title,
    .s23-5 .title{display: block;background-image: var(--gl3);}
    
    .s24-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 60rem;align-items: flex-start;}
    .s24-2{display: grid;grid-template-columns: 1fr auto;grid-gap: 20rem 60rem;align-items: flex-start;}
    .s24-3{grid-column: 1/-1;display: grid;align-items: baseline;grid-template-columns: auto 1fr;grid-gap: 20rem 60rem;}
    .s24-3::after{content: "";height: var(--sl);width: 100%;display: block;background-image: var(--gl);grid-column: 1/-1;}
    .s24-3-2{text-align: right;}
    .s24-4-2{max-width: 400rem;font-size: var(--f-s);font-weight: 300;margin-top: 10rem;color: var(--c6);}
    .s24-5{display: grid;grid-template-columns: auto;grid-gap: 5rem;}
    .s24-5-1{color: var(--c7);font-size: var(--f-s);font-weight: 300;}
    .s24-5-1 .button{width: 100%;align-items: flex-end;}
    .s24-5-1 .button-icon{width: max(14px, 16rem);height: max(14px, 16rem);margin-right: 15rem;}
    .s24-5-1 .button-text{margin-left: auto;}
    .s24-6{display: grid;grid-template-columns: auto;grid-gap: 100rem;}
    
    .s404:only-child{padding: 0;}
    .s404 .page-header{padding: 0;}
    .s404 .page-header-title .title{font-size: 490rem;}
    .s404 .page-header-subtitle{text-transform: uppercase;}
    
    .pin{position: absolute;display: flex;align-items: center;justify-content: center;z-index: 1;width: 1px;height: 1px;cursor: pointer;}
    .pin-icon{width: var(--pin);height: var(--pin);border-radius: 50%;filter: blur(1px);flex: none;background-image: radial-gradient(circle at center, var(--c1), rgba(255,18,137,calc(1 / 1)), rgba(255,18,137,calc(1 / 2)), rgba(255,18,137,calc(1 / 4)), rgba(255,18,137,calc(1 / 8)));pointer-events: all!important;}
    .pin-card{position: absolute;background-color: rgba(63, 70, 87, .6);padding: 20rem;border-radius: var(--br2);border: var(--sl) solid rgba(63, 70, 87, .8);min-width: 275rem;backdrop-filter: blur(3px);}
    .pin-card-icon{display: flex;align-items: center;justify-content: center;width: 45rem;height: 45rem;}
    .pin-card-title{margin-top: 45rem;font-size: var(--f-d);}
    
    .pin__1-1{top: 23%;left: 56%;}
    .pin__1-2{top: 33%;left: 83%;}
    .pin__1-3{top: 65%;left: 54%;}
    
    .pin__2-1{top: 38%;left: 5%;}
    .pin__2-2{top: 47%;left: 33%;}
    .pin__2-3{top: 55%;left: 81%;}
    
    .pin__3-1{top: 35%;left: 5%;}
    .pin__3-2{top: 29%;left: 57%;}
    .pin__3-3{top: 72%;left: 42%;}
    
    
    .typewrite{display: inline-flex;color: var(--c1);position: relative;}
    .typewrite::before{content: "";flex: none;width: 0;height: 1.1em;}
    .typewrite::after{content: "|";transition: all 1s 2s;clip-path: inset(0% 0 0 0);color: var(--c1);position: absolute;z-index: 1;line-height: 1.1;left: 100%;}
    
    .typewrite:not(.cursor)::after{clip-path: inset(100% 0 0 0);transition-delay: .5s;}
  
    
    
    .s23-4{transition: opacity 1s 1.5s;}
    
    .loading .s23-4{opacity: 0;transition-delay: 0s;transition-duration: 0s;}
    .loading .typewrite::after{}
   
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --wr: 20rem;
        
        --gap: 30rem;

        --br4: 8rem;


        --f-xxs: 14rem;
        --f-xs: 14rem;
        --f-s: 14rem;
        --f-d: 16rem;
        --f-m: 18rem;
        --f-b: 20rem;
        --f-l: 24rem;
        --f-xl: 28rem;
        --f-xxl: 32rem;

        --mw: 640rem; 
        
        --btn: 40rem;

        --cols: minmax(0, 1fr);
        
        --map-koef: 1rem * 335 / 189; 
        
        --pin: 30rem;
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .cookies-alert{display: none;}
    
    
    .button__default{border-radius: var(--br4);width: 100%;max-width: 230rem;margin: calc(-1 * var(--sl)) 0;}
    .button__default .button-text{padding: 0 20rem .2em;}
    
    .button__inl{border-radius: 8rem;width: 100%;max-width: none;position: relative;overflow: visible!important;padding: var(--sl);}
    .button__inl::after,
    .button__inl::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;background-size: 100% 100%;background-position: 0 0;background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0,0,0,0) 20%, var(--c2) 25%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 70%, var(--c3) 80%, rgba(0,0,0,0) 95%);animation: rotate 3s infinite linear;animation-play-state: paused;}
    .button__inl::before{filter: blur(10px);}
    .button__inl .button-text{font-size: var(--f-s);padding: 0 20rem .2em;height: var(--btn);border-radius: inherit;display: flex;align-items: center;backface-visibility: hidden;background-color: var(--c0);border: var(--sl) solid rgba(255,255,255,.2);flex: auto;justify-content: center;}
    .button__inl .button-icon{display: none;}
    
    .button__default .button-text,
    .button__inl .button-text{border-color: transparent;}
    
    .title br{display: none;}
    
    .start-glow .glow{filter: blur(75px);height: 85vw;}
  
    .header{margin-bottom: 60rem;}
    
    .topbar{grid-template-columns: 1fr auto auto;grid-gap: 5rem;padding: 20rem 0;align-items: center;}
    .topbar-nav-container{display: none;}
    .topbar-logo{max-width: 80rem;}
    
    .menu-button{width: 40rem;height: 40rem;border-radius: var(--br4);background-color: rgba(255,255,255,.01);backdrop-filter: blur(20px);color: var(--c1);position: relative;}
    .menu-button-inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: center;padding: 12rem;}
    
    
    .footer{margin-top: 0;padding-bottom: 20rem;font-size: var(--f-d);--glow-position: farthest-side at 0% 100%;}
    .footer-grid{grid-template-columns: 1fr 1fr;grid-template-rows: auto;grid-template-areas: "f0 f0" "f1 f1" "f2 f5" "f3 f3" "f4 f4" "f11 f11" "f6 f6" "f7 f7" "f8 f8" "f10 f10" "f9 f9";grid-gap: 0 10rem;}
    
    .footer-form{grid-template-columns: auto;grid-gap: 30rem;}
    .footer-form-button{order: 1;width: 200rem;}
    .footer-form-button .button{width: 100%;}
    
    .f0{margin-bottom: 30rem;}
    .f1{margin-bottom: 40rem;}
    .f2{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .f2-1{display: flex;flex-direction: column;}
    .f2-1-1{padding: 0;display: block;margin-bottom: 10rem;}
    .f2-1-2{padding: 0;display: block;}
    .f2-1:not(:first-child) .f2-1-1, 
    .f2-1:not(:first-child) .f2-1-2{padding: 0;}
    .f3{grid-template-columns: 1fr 1fr;margin-top: 40rem;grid-gap: 40rem 10rem;}
    .f3-1-1{margin-bottom: 20rem;}
    .f3-1-2 ul{grid-gap: 10rem;font-size: var(--f-xs);}
    .f4{margin: 40rem 0 0;}
    .f4-1{margin-bottom: 20rem;}
    .f4-2{font-size: var(--f-xs);}
    .f5{margin-top: 0;}
    .f5 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;margin: 0;}
    .f5 li{margin: 0;}
    .f7,
    .f8,
    .f9{margin-top: 10rem;}
    .f11{margin: 40rem 0 20rem;}
    
    .textbox h2{margin: 150rem 0 20rem;}
    .textbox h2::after{margin-top: 20rem;}
    .textbox h3{margin: 80rem 0 20rem;}
    .textbox h3::after{margin-top: 20rem;}
    .textbox.h3-ind h3{padding-left: 40rem;}
    .textbox.h3-ind h3::before{right: auto;left: 0;}
    .textbox.h3-ind h3::after{display: none;}
    
    .hg{height: var(--sl);}
    
    .vg-inner::before{right: 0;width: 100%;}
    .vg-inner:not(:first-child){display: none;}
    .vg-inner:not(:first-child)::before{width: var(--sl);}
    
    .checkbox-label{align-items: center;}
    .checkbox-label-icon::after{margin: 1rem 3rem;}
    
    .textfield{min-height: 60rem;border-radius: var(--br2);}
    
    .section{margin-top: 150rem;}
    .section:last-child{padding-bottom: 150rem;}
    
    .section-header{margin-bottom: 30rem;}
    .section-header-subtitle{margin-top: 20rem;}
    .section-header-action{margin-top: 30rem;width: 100%;}
    
    .section-footer{margin-top: 30rem;display: flex;justify-content: center;width: 100%;}
    
    .page-header{margin-bottom: 100rem;}
    .page-header-title{max-width: 296rem;}
    .page-header-subtitle{margin-top: 20rem;max-width: 260rem;}
    .page-header-subtitle b{line-height: .95;}
    .page-header-action{width: 100%;margin-top: 20rem;}
    
    .page-header:last-child{padding: 60rem 0 200rem;}
    .page-header:only-child{padding-top: 0;}
    .page-header:last-child .page-header-subtitle{max-width: none;}
    
    .carousel-pagination{margin-top: 30rem;}
    
    .swiper-pagination-bullet{width: 6rem;height: 6rem;margin: 0 3rem!important;}
    .swiper-pagination-bullet-active{width: 25rem;}
    
    .swiper-pagination-bullet::before{min-width: 6rem;}
    
    .player::before{padding-top: 65%;}
    .player-button{grid-gap: 10rem;}
    .player-button-icon{width: 60rem;height: 60rem;}
    
    .filters{grid-template-columns: auto;grid-gap: 10rem;}
    .filter-group{position: relative;}
    .filter-title{height: 45rem;transition: none;}
    .filter-title-icon{width: 10rem;height: 10rem;}
    .filter-list{position: relative;padding: 20rem;overflow: hidden;margin: 0;border-radius: 0 0 var(--br4) var(--br4);top: 0;transition: none;}
    
    .filter-group.active .filter-title{border-radius: var(--br4) var(--br4) 0 0;}
    .filter-group:not(.active) .filter-list{visibility: hidden;opacity: 0;height: 0;padding: 0 20rem;}
    
    .filters-button{width: 40rem;height: 40rem;border-radius: var(--br4);background-color: rgba(255,255,255,.01);backdrop-filter: blur(20px);color: var(--c1);position: relative;}
    .filters-button-inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: center;padding: 12rem;}
    
    .filters-button.active .filters-button-show,
    .filters-button:not(.active) .filters-button-hide{display: none;}
    
    .formbox-row{flex-direction: column;}
    .formbox-cell{width: 100%;}
    .formbox-cell:not(:first-child){margin-left: 0;margin-top: 15rem;}
    .formbox-note{margin-top: 10rem;}
    .formbox-footer{margin-top: 30rem;display: flex;justify-content: center;}
    
    .card-1 .card-content{min-height: 0;}
    .card-1 .card-footer{margin-top: 20rem;grid-gap: 20rem;}
    
    .card-2 .card-content{margin-top: 20rem;}
    .card-2 .card-subtitle{margin-top: 10rem;}
    .card-2 .card-action{display: none;}
    
    .card-3{padding: 70rem 40rem;}
    .card-3 .card-header{width: 36rem;height: 36rem;margin-bottom: 20rem;}
    .card-3 .card-subtitle{margin-top: 20rem;}
    .card-3 .card-action{width: 100%;}
    
    .card-4 .card-header{margin-bottom: 0;}
    .card-4 .card-header::before{padding-top: 100%;}
    .card-4 .card-footer{margin-top: 20rem;padding: 0;display: flex;justify-content: center;}
    
    .card-5{padding: 10rem 15rem;}
    .card-5 .card-inner{grid-template-columns: auto 1fr;}
    .card-5 .card-header{width: 36rem;height: 36rem;margin: 20rem;}
    .card-5 .card-content{padding: 10rem;}
    .card-5 .card-title{font-size: var(--f-b);}
    .card-5 .card-subtitle{margin-top: 1em;}
    .card-5 .card-subtitle ul{grid-gap: .1em;}
    
    .card-6{background-color: transparent;border-radius: 0;}
    .card-6 .card-inner{padding: 0;}
    .card-6 .card-header{position: relative;display: flex;border-radius: var(--br2);opacity: 1;overflow: hidden;margin-bottom: 20rem;}
    .card-6 .card-header::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-6 .card-subtitle{margin-top: 20rem;}
    .card-6 .card-action{margin-top: 20rem;}
    
    .card-7{padding: 20rem;min-height: 260rem;}
    .card-7 .card-content{margin-bottom: 55rem;}
    
    .card-8{min-height: 225rem;padding: 20rem 40rem;align-items: center;text-align: center;}
    .card-8 .card-header{margin-bottom: 70rem;}
    .card-8 .card-action{margin-top: 20rem;}
    
    .s0{display: flex;align-items: center;}
    .s0 .page-header{padding: 0;}
    
    .s1 .section-header-title{max-width: 300rem;}
    .s1-2{grid-column: 1/-1;}
    .s1-3{margin: 0 0 30rem;}
    .s1-5:not(:first-child){margin-top: 150rem;}
    .s1-6{grid-template-columns: auto;grid-gap: 20rem;}
    .s1-7{grid-gap: 20rem;}
    
    .s2 .page-header{margin-bottom: 20rem;}
    .s2-1{grid-gap: var(--gap);}
    .s2-1-1{grid-column: 1/-1;}
    .s2-2{grid-template-columns: 1fr auto;grid-gap: 15rem var(--gap);margin-bottom: 30rem;}
    .s2-2-1{grid-column: auto;}
    .s2-2-2{grid-column: 1/-1;}
    .s2-2-2:not(.active){display: none;}
    .s2-3{margin-top: 80rem;}
    
    .s3 .page-header-title{max-width: none;}
    .s3-1{margin: 0;}
    .s3-3{margin-top: 20rem;}
    .s3-3 ul{display: grid;grid-template-columns: 1fr 1fr auto;grid-gap: 5rem var(--gap);align-items: flex-start;}
    .s3-3 .map-pin-title{transition: color .25s;}
    .s3-3 .map-pin-icon{transition: opacity .25s;}
    .s3-3 .map-pin-title{display: block;}
    .s3-3 .map-pin-inner{width: 15rem;height: 15rem;filter: blur(1.5px);}
    .s3-3 .map-pin-inner::before{box-shadow: 0 0 10rem #166FF0, 0 0 10rem #166FF0, 0 0 20rem #166FF0;}
    
    .s3-3 li:nth-child(1),
    .s3-3 li:nth-child(5),
    .s3-3 li:nth-child(9){order: 1;}
    .s3-3 li:nth-child(2),
    .s3-3 li:nth-child(6),
    .s3-3 li:nth-child(10){order: 2;}
    .s3-3 li:nth-child(3),
    .s3-3 li:nth-child(7),
    .s3-3 li:nth-child(11){order: 3;}
    .s3-3 li:nth-child(4),
    .s3-3 li:nth-child(8),
    .s3-3 li:nth-child(12){order: 4;}
    .s3-3 li:nth-child(13){order: 5;grid-column: 3/4;}
    
    .s3-3 li:not(.active) .map-pin-title{color: var(--c8);}
    .s3-3 li:not(.active) .map-pin-icon{opacity: .2;}
    
    .s4-1{grid-template-columns: 1fr 1fr;grid-gap: var(--sl);}
    .s4-1 .hg__4,
    .s4-1 .hg__6{display: none;}
    .s4-2{padding: 20rem 35rem;}
    .s4-2-1{height: 60rem;}
    
    .s5-3{margin: 0;grid-column-end: span 1;order: 1;}
    .s5-3:first-child,
    .s5-3:last-child{margin: 0;}
    .s5-3::before{padding-top: 85%;}
    .s5-4{padding: 0;grid-column-end: span 1;}
    .s5-4:last-child{padding: 0;}
    .s5-4-2{margin-top: 20rem;}
    .s5-4-2 p:not(:last-child) b{margin-bottom: 20rem;}
    .s5-4-4{margin-bottom: 20rem;}
    .s5-4-4 img{height: 45rem;}
    
    
    .s6-1{padding: 0;grid-template-columns: auto;grid-gap: 0;}
    .s6-1:first-child::before{margin: 0 0 30rem;}
    .s6-2 + .s6-2{margin-top: 20rem;}
    
    .s7-1{grid-template-columns: auto;grid-gap: 50rem;}
    .s7-2-1{margin-bottom: 10rem;}
    .s7-2-1::after{margin-top: 10rem;}
    .s7-2-2{padding: 0;max-width: 296rem;}
    
    .s8-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem;margin: 0;}
    .s8-2{width: auto;padding: 50rem 20rem;display: flex;flex-direction: column;justify-content: center;}
    .s8-3-2{margin-top: 10rem;font-size: var(--f-xxs);}
    .s8-4{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);margin: 0;}
    
    .s8-1 .s8-2:not(:first-child)::before{display: none;}
    .s8-4 .s8-2{padding: 0 40rem;}
    .s8-4 .s8-2:not(:first-child){padding-top: var(--gap);}
    .s8-4 .s8-2:not(:first-child)::before{width: 100%;height: var(--sl);background-image: var(--gl);background-size: 100%;}
    
    .s9-1{display: grid;grid-template-columns: auto;grid-gap: 80rem;margin: 0;justify-content: initial;align-items: initial;}
    .s9-2{width: auto;padding: 0;}
    
    .s10-1{grid-template-columns: var(--cols);}
    .s10-2{grid-column: 1/-1;}
    .s10-2 .carousel-button{min-width: 0;margin: 0;}
    .s10-2 .carousel-button__prev{right: auto;left: 0;}
    .s10-2 .carousel-button__next{left: auto;right: 0;}
    .s10-3-1{min-height: 100rem;padding: 0 40rem;}
    .s10-3-1:not(:last-child)::after{margin-top: 20rem;}
    .s10-3-2{margin-top: 15rem;}
    
    .s11-1::before{padding-top: 90%;}
    
    .s12-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s12-3{grid-template-columns: auto;grid-gap: 80rem;}
    
    .s13-2{grid-column: 1/-1;}
    
    .s14-1{grid-template-columns: var(--cols);}
    .s14-3{grid-template-columns: auto;grid-gap: 0;padding: 20rem;}
    .s14-8 .s14-4,
    .s14-4{grid-column: 1/-1;max-width: 200rem;margin-bottom: 20rem;padding: 0;}
    .s14-2 .s14-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s14-8 .s14-5,
    .s14-5{grid-column: 1/-1;margin: 0;padding: 0;min-height: 0;}
    .s14-5::before{width: 100%;height: var(--sl);background-image: var(--gl);background-size: 100%;right: 0;position: relative;display: block;margin-bottom: 20rem;}
    .s14-6{flex-direction: column;margin-bottom: 20rem;}
    .s14-6-1{margin-right: 0;width: 36rem;height: 36rem;}
    .s14-6-2{text-align: center;}
    .s14-7{display: flex;flex-direction: column;}
    .s14-7-1{max-width: 250rem;margin: 0 auto;font-size: var(--f-d);text-align: center;}
    .s14-7-2{margin-top: 20rem;display: flex;justify-content: center;}
    .s14-8 .s14-6-1{width: 36rem;height: 36rem;}
    
    .s15-1{grid-template-columns: 1fr 1fr;grid-gap: var(--sl) var(--gap);}
    .s15-1 .hg__4,
    .s15-1 .hg__6{display: none;}
    .s15-2{padding: 30rem 0;}
    .s15-2 .card-3 .card-header{margin-bottom: 10rem;}
    .s15-2 .card-3 .card-title{margin-bottom: 15rem;font-size: var(--f-b);}
    .s15-2 .card-3 .card-subtitle{margin-top: 0;}
    
    .s17-1{padding: 0 0 30rem;grid-gap: 40rem;}
    .s17-2{grid-column: 1/-1;justify-content: center;}
    .s17-2-1:not(:only-child){max-width: 125rem;}
    .s17-2-1:not(:first-child){margin-left: 10rem;}
    .s17-2-1:not(:first-child) img{position: relative;top: auto;margin-top: 60rem;}
    .s17-3{grid-column: 1/-1;}
    
    .s18 .section-header:only-child{padding: 0;}
    
    .s19 .section-header{margin-bottom: 30rem;}
    .s19-1{grid-template-columns: auto;}
    .s19-3::before{content: "";height: var(--sl);background-image: var(--gl);display: block;}
    .s19-3-1{padding-left: 40rem;}
    
    .s20-1{grid-template-columns: auto;grid-template-rows: auto;grid-gap: var(--gap);}
    .s20-2{text-align: center;}
    .s20-3{grid-column: 1/-1;grid-row-end: span 1;grid-template-columns: auto;grid-gap: var(--gap);}
    .s20-4{display: flex;justify-content: center;}
    
    .s21-1.mgb::before{display: none;}
    .s21-3{display: grid;grid-template-columns: auto;grid-gap: 50rem;}
    .s21-7{display: flex;position: relative;overflow: hidden;border-radius: var(--br2);height: auto;}
    .s21-7::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s21-8{display: grid;grid-template-columns: auto 1fr auto;grid-gap: 0 var(--gap);padding-bottom: 20rem;align-items: flex-end;text-align: center;font-size: var(--f-l);}
    .s21-8::after{content: "";height: var(--sl);background-image: var(--gl);grid-column: 1/-1;margin-top: 20rem;}  
    .s21-9 .carousel-pagination{margin-top: 20rem;}
    .s21-10{width: 100%;height: auto;}
    .s21-10 .swiper-slide:not(.swiper-slide-active){opacity: 0!important;}
    .s21-10 .swiper-slide:not(.swiper-slide-active) .pin-card{opacity: 0;}
    
    .s23:first-child{margin: 0;}
    .s23-1{display: flex;flex-direction: column;}
    .s23-2{position: relative;padding: 0;max-height: none;order: -1;height: auto;margin-bottom: 30rem;}
    .s23-3{margin: -100rem var(--awr);position: relative;overflow: hidden;height: 520rem;}
    .s23-3 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;object-fit: cover;object-position: center;}
    
    .s24-1{grid-template-columns: auto;grid-gap: 80rem;}
    .s24-2{grid-template-columns: auto;grid-gap: 20rem;}
    .s24-3{grid-template-columns: auto;grid-gap: 0;}
    .s24-3::after{margin-top: 20rem;}
    .s24-3-2{text-align: left;}
    .s24-4-2{max-width: 200rem;}
    .s24-5{margin-right: auto;}
    .s24-5-1 .button-text{margin-left: 0;margin-right: auto;}
    .s24-6{grid-gap: 80rem;}
    
    .s404 .page-header-title .title{font-size: 150rem;}
    .s404 .page-header-subtitle{max-width: 260rem;}
    
    .pin-card{min-width: 220rem;padding: 15rem;}
    .pin-card-icon{width: 30rem;height: 30rem;}
    .pin-card-title{margin-top: 25rem;}
    
    .pin__1-1 .pin-card{top: 100%;margin: 20rem 0 0 0;}
    .pin__1-2 .pin-card{top: 100%;right: 0;margin: 20rem -20rem 0 0;}
    .pin__1-3 .pin-card{bottom: 100%;margin: 0 0 20rem 0;}
    
    .pin__2-1 .pin-card{top: 0;left: 100%;margin: -20rem 0 0 20rem;}
    .pin__2-2 .pin-card{top: 100%;left: 0;margin: 20rem 0 0 -20rem;}
    .pin__2-3 .pin-card{top: 0;right: 100%;margin: -20rem 20rem 0 0;}
    
    .pin__3-1 .pin-card{top: 100%;left: 100%;margin: -20rem 0 0 20rem;}
    .pin__3-2 .pin-card{top: 100%;;margin: 20rem 0 0 0;}
    .pin__3-3 .pin-card{bottom: 100%;margin: 0 0 20rem 0;}
    
    .s0:first-child,
    .s17:first-child,
    .s23:first-child,
    .s404:first-child{min-height: calc(var(--app-height) - 60rem - 150rem - var(--headroom-height));}
    
    .popup{position: fixed;z-index: 99;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c0);color: var(--c1);display: flex;overflow: hidden;transition: all .25s;}
    .popup-inner{display: flex;flex-direction: column;padding: var(--headroom-height) var(--wr) 60rem;width: 100%;height: 100%;overflow: auto;position: relative;z-index: 1;}
    .popup .start-glow{position: absolute;z-index: 1;}
    .popup .start-glow .glow{height: 100vh;}
    
    .popup-nav{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .popup-nav-item{display: grid;grid-template-columns: 1fr auto;align-items: center;grid-gap: 0 var(--gap);padding: 15rem 20rem;border-radius: var(--br4);transition: all .25s;background-color: rgba(255,255,255,.05);position: relative;backdrop-filter: blur(100px);min-height: 40rem;}
    .popup-nav-item::before{opacity: .1;}
    .popup-nav-title{}
    .popup-nav-title::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .popup-nav-icon{display: flex;align-items: center;justify-content: center;width: 12rem;height: 12rem;will-change: transform;}
    .popup-nav-list{padding-top: 20rem;grid-column: 1/-1;overflow: hidden;transition: all .25s;position: relative;z-index: 1;font-size: var(--f-s);}
    .popup-nav-list::before{content: "";height: var(--sl);display: block;background-image: var(--gl);}  
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;padding-top: 20rem;}
    .popup-nav ul ul{padding-left: 20rem;}
    
    .popup-nav-item.active{padding: 20rem;}
    .popup-nav-item.active .popup-nav-icon{transform: scaleY(-1);}
    
    .popup-nav-item:not(.active) .popup-nav-list{padding: 0;opacity: 0;height: 0;}
    
    .popup-nav.active .popup-nav-item{margin: -10rem 0;}
    .popup-nav.active .popup-nav-item.active{margin: 10rem 0;}
    .popup-nav.active .popup-nav-item:first-child{margin-top: 0;}
    .popup-nav.active .popup-nav-item:last-child{margin-bottom: 0;}
    
    .popup-footer{margin-top: auto;display: flex;flex: none;position: relative;z-index: 1;}
    
    .document:not(.popup-active) .popup{opacity: 0;visibility: hidden;}
    
    
    .popup-active .menu-button-show,
    .document:not(.popup-active) .menu-button-hide{display: none;}
    
    .topbar-submenu-footer{width: 100%;}
    .topbar-submenu-actions ul{grid-gap: 20rem;}
    .topbar-submenu-action{}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .button__inl{align-items: flex-end;}
    .button__inl .button-text{font-size: var(--f-s);}
    .button__inl .button-icon{width: max(14px, 20rem);height: max(14px, 20rem);}
    
    
    .vg-inner:not(:first-child){margin-left: var(--gap);}
    .vg-inner:first-child::before{display: none;}
    
    .card-2 .card-footer{display: none;}
    
    .s3-3 .map-pin-icon::after{content: attr(data-title);position: absolute;left: 100%;top: 0;white-space: nowrap;padding: 0 25rem;}
    .s3-3 .map-pin-inner::before{animation: pulse 1s infinite cubic-bezier(0.2, 0.4, 0.6, 1) alternate;}
    .s3-3 li:nth-child(2) .map-pin-icon::after,
    .s3-3 li:nth-child(3) .map-pin-icon::after,
    .s3-3 li:nth-child(5) .map-pin-icon::after,
    .s3-3 li:nth-child(6) .map-pin-icon::after,
    .s3-3 li:nth-child(13) .map-pin-icon::after{left: auto;right: 100%;}
    
    .s3-3 li:nth-child(10) .map-pin-icon::after{left: auto;right: 100%;top: auto;bottom: 0;}
    
    .s3 + .s24{margin-top: 100rem;}
    
    .s4-1 .hg__2,
    .s4-1 .hg__4{display: none;}
    
    .s8-1 .vg,
    .s8-1 .hg{display: none;}
    
    .s15-1 .hg__2,
    .s15-1 .hg__6{display: none;}
    
    
    .s21-1{position: relative;border-radius: var(--br3);overflow: hidden;}
    .s21-1.mgb::before{border-width: 10rem;opacity: .3;z-index: 2;}
    .s21-2{display: flex;width: 100%;align-items: flex-end;position: relative;overflow: hidden;padding: 45rem;}
    .s21-2::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s21-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
    .s21-4{display: flex;width: 100%;position: relative;padding-bottom: 20rem;}
    .s21-4-1{flex: 1;text-align: center;font-size: var(--f-l);line-height: .95;transition: opacity .25s;}
    .s21-4-1:not(.active){cursor: pointer;opacity: .7;}
    .s21-4-2{height: var(--sl);width: 100%;position: absolute;bottom: 0;left: 0;overflow: hidden;mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
    .s21-4-2::before{content: "";position: absolute;top: 0;width: calc(100% / 3 * 5);left: 0;height: 100%;transition: transform .25s;background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,.1) 19.98%, rgba(255,255,255,.1) 33.33%, var(--c1) 46.66%, var(--c1) 53.32%, rgba(255,255,255,.1) 66.66%, rgba(255,255,255,.1) 79.92%, rgba(0,0,0,0) 100%);will-change: transform;}
    
    .s21-4-1:nth-child(1).active ~ .s21-4-2::before{transform: translateX(-40%);}
    .s21-4-1:nth-child(2).active ~ .s21-4-2::before{transform: translateX(-20%);}
    .s21-4-1:nth-child(3).active ~ .s21-4-2::before{transform: translateX(0%);}
    
    .s21-5{width: 100%;position: relative;z-index: 2;user-select: none;}
    .s21-6{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .5s;}
    .s21-6:not(.active){opacity: 0;}
    .s21-8,
    .s21-9{display: none;}
    
    .s21-10 .pin-card{}
    .s21-10 .swiper-slide:not(.swiper-slide-active) .pin-card{opacity: 0;}
    .s21-10 .swiper-slide:not(.swiper-slide-active) .pin-icon{animation: pulse 1s infinite cubic-bezier(0.2, 0.4, 0.6, 1) alternate;}
    
    
    .pin__1-1 .pin-card{top: 0;right: 100%;margin: -40rem 40rem 0 0;}
    .pin__1-2 .pin-card{top: 100%;left: 0;margin: 40rem 0 0 -40rem;}
    .pin__1-3 .pin-card{bottom: 0;right: 100%;margin: 0 40rem -40rem 0;}
    
    .pin__2-1 .pin-card{bottom: 100%;right: 0;margin: 0 -40rem 40rem 0;}
    .pin__2-2 .pin-card{bottom: 100%;left: 0;margin: 0 0 40rem -40rem;}
    .pin__2-3 .pin-card{top: 100%;left: 100%;margin: -40rem 0 0 40rem;}
    
    .pin__3-1 .pin-card{top: 100%;left: 100%;margin: -40rem 0 0 40rem;}
    .pin__3-2 .pin-card{top: 0;left: 100%;margin: -40rem 0 0 40rem;}
    .pin__3-3 .pin-card{bottom: 0;left: 100%;margin: 0 0 -40rem 40rem;}
    
}

@media screen and (min-width: 1920000px) {
    
    
    html{font-size: 1px;}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .button__default:hover::after,
    .button__default:hover::before{animation-play-state: running;}
    .button__default:hover .button-text{backdrop-filter: blur(20px);background-color: rgba(0,0,0,.3);}
    
    .button__inl{padding-right: 15rem;}
    .button__inl .button-icon{will-change: transform;transition: transform .25s;}
    .button__inl:hover .button-icon{transform: translateX(15rem);}
    
    .card-1 .card-media{will-change: transform;transition: transform .5s;}
    
    .card-1:hover .card-media{transform: scale(1.05);}
    
    .card-8:hover .card-header::before{opacity: .5;}
    
    .topbar-submenu-main a,
    .textbox a,
    .topbar-submenu-action{transition: opacity .15s;}
    
    .topbar-submenu-main a:not(.active):not(:hover){opacity: .3;} 
    
    .textbox a:hover{opacity: .8;}
    .topbar-submenu-action:hover{opacity: .6;}
    
    .topbar-nav-inner .topbar-nav li,
    .s24-5-1 .button-text,
    .s1-8-2 a,
    .f2-1-2 a,
    .f3-1-2 a,
    .f5 a,
    .f7 a,
    .f8 a,
    .f9 a,
    .f10 a,
    .topbar-submenu-social a{background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;transition: background-size .5s cubic-bezier(0.2, 1, 0.3, 1), opacity .5s, color .5s;}
    
    .topbar-nav-inner:not(.hovered) .topbar-nav li.current,
    .topbar-nav-inner.hovered .topbar-nav li.active,
    .s24-5-1 .button:hover .button-text,
    .s1-8-2 a:hover,
    .f2-1-2 a:hover,
    .f3-1-2 a:hover,
    .f5 a:hover,
    .f7 a:hover,
    .f8 a:hover,
    .f9 a:hover,
    .f10 a:hover,
    .topbar-submenu-social a:hover{background-size: 100% var(--sl);background-position: left bottom;}
    
    .f3-1-2 a:hover{color: var(--c1);}
    
    .topbar-nav-inner.hovered .topbar-nav li:not(.active){opacity: .3;}
    
    
    .s4-1{--mask-position: 50% 50%;mask-image: radial-gradient(circle at var(--mask-position), rgba(0, 0, 0, 1), rgba(0, 0, 0, var(--mask-opacity)) 50%);transition: --mask-opacity .5s;}
    .s4-1:hover{--mask-opacity: .2;}
    
    
}