@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    

    --c0: #FF5B00;
    --c1: #000028;
    --c2: #000075;
    --c3: #1100FF;
    --c4: #85CDFF;
    --c5: #F2F2F7;
    --c6: #999999;
    --c7: #DEDEDE;
    --c8: #E2E2E2;
    --c9: #E1E1E1;
    --c10: #F7F7F7;
    --c11: #FFFFFF;
    --c12: #000000;
  
    --c13: rgba(255,255,255,.4);
    --c14: rgba(255,255,255,.5);
    --c15: rgba(0,0,117,.6);
    --c16: rgba(255,255,255,.6);
    --c17: rgba(255,255,255,.8);
    --c18: rgba(0,0,117,.7);
    --c19: rgba(0,0,117,.4);
    --c20: rgba(0,0,117,.2);
    
    --wr: 40rem;
    --awr: calc(-1 * var(--wr));
    --iwr: 50rem;
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 50rem;
    --br2: 40rem;
    --br3: 30rem;
    --br4: 20rem;

    
    --f-xxxs: max(14px, 14rem);
    --f-xxs: max(14px, 16rem);
    --f-xs: max(14px, 18rem);
    --f-s: max(16px, 20rem);
    --f-d: max(16px, 24rem);
    --f-m: max(16px, 28rem);
    --f-b: max(16px, 32rem);
    --f-l: max(16px, 36rem);
    --f-xl: max(16px, 40rem);
    --f-xl2: max(16px, 64rem);
    --f-xxl: max(16px, 64rem);
    --f-xxxl: max(16px, 72rem);
    
    --mw: 192000px; 
    
    --swiper-pagination-bullet-inactive-color: var(--c2);
    --swiper-pagination-color: var(--c2); 
    --swiper-pagination-bullet-size: max(8px, 10rem);
    --swiper-pagination-bullet-horizontal-gap: 10rem;
    
}

@keyframes ticker {
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(-100%,0);
    }
}

/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: Poppins, sans-serif;font-size: var(--f-d);line-height: 1.3;color: var(--c2);background-color: var(--c5);letter-spacing: normal;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c11);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(--c2);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;padding: 0;background-clip: border-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;font-size: var(--f-xs);line-height: 1.3;}
    .button-icon{display: flex;align-items: center;justify-content: center;width: max(10px, 12rem);height: max(10px, 12rem);margin: 0 6rem;}
    .button-icon:first-child{margin-left: 0;}
    .button-icon:last-child{margin-right: 0;}
    
    .button__default{border-radius: 999rem;padding: 0 50rem;background-color: var(--c1);color: var(--c11);height: max(50px, 60rem);border: 0 solid var(--c1);}
    .button__default .button-text{font-size: var(--f-xxs);/*padding-bottom: .1em;*/line-height:1;}
    .button__secondary{border-radius: 999rem;padding: 0 20rem;color: var(--c1);height: max(50px, 60rem);border: var(--sl) solid var(--c1);}
    .button__secondary .button-text{font-size: var(--f-xxs);/*padding-bottom: .1em;*/line-height:1;}
    
    .button__wide{width: 100%;}
     
    .altfont,
    .title,
    .textbox h3,
    .textbox h4,
    .textbox h5,
    .textbox h6{font-family: 'Reckless Neue', serif;line-height: 1.1;font-weight: 400;}
    
    .title{width: 100%;}
    .title__default{font-size: var(--f-xxxl);}
    
    .marquee-container{white-space: nowrap;display: inline-flex;justify-content: flex-start;}
    .marquee-title{display: inline-flex;align-items: flex-end;}
    .marquee-title::after{content: "\a0";}
    
    .runner-end, 
    .runner-start{animation: 45s linear infinite ticker;display: flex;will-change: transform;transition: transform .01s;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{padding: 10rem 0 20rem;z-index: 999;}
    
    .topbar{background-color: var(--c11);border-radius: var(--br3);padding: 0;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: center;box-shadow: 0 0 0 var(--sl) var(--c5);height: 80rem;}
    .topbar-logo{max-width: 150rem;margin: 10rem 20rem;}
    .topbar-nav{margin: 10rem 0;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;font-size: var(--f-xs);font-weight: 500;}
    .topbar-lang{margin-left: auto;min-height: 100%;display: flex;align-items: center;padding: 20rem 70rem;position: relative;cursor: pointer;}
    .topbar-lang::before{content: "";position: absolute;right: 100%;top: 0;height: 100%;width: var(--sl);background-color: var(--c5);}
    .topbar-lang-text{font-size: var(--f-xs);font-weight: 500;}
    .topbar-lang-icon{width: max(12px, 14rem);display: flex;align-items: center;justify-content: center;margin-left: 8rem;height: 1em;}
    
    .lang-menu{position: absolute;top: 100%;right: 0;margin: -20rem 70rem 0 0;z-index: 10;cursor: default;background-color: var(--c11);box-shadow: 0 0 0 var(--sl) var(--c5);padding: 8rem 10rem;border-radius: 10rem;will-change: transform;transition: all .25s;}
    .lang-menu li{transition: color .15s;position: relative;z-index: 2;pointer-events: all;}
    .lang-menu li.current{z-index: 1;}
    .lang-menu li.hovered{color: var(--c11);}
    .lang-menu li a{min-width: 175rem;min-height: 40rem;padding: 8rem 12rem;display: flex;align-items: center;font-size: var(--f-xxs);}
    .lang-menu li.current a{}
    
    .lang-indicator{left: 0;top: 0;position: absolute;will-change: transform;background-color: var(--c0);z-index: -1;border-radius: 8rem;transition: height .15s, transform .15s;width: 100%;pointer-events: none;}
    
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow-x: clip;margin-top: 160rem;}
    .section:first-child{margin-top: 0;}
    .section:last-child{padding-bottom: calc(var(--br1) + 160rem);}
    .section:only-child{flex: auto;}
    
    .section-header{display: flex;flex-direction: column;text-align: center;margin-bottom: 60rem;position: relative;}
    .section-header-title{margin: 0 auto;max-width: 1300rem;position: relative;}
    .section-header-subtitle{margin: 30rem auto 0;width: 100%;max-width: 780rem;font-size: var(--f-s);color: var(--c15);}
    
    .section-footer{margin: 50rem auto 0;width: 100%;max-width: 380rem;}
    
    .section__contrast{background-color: var(--c1);color: var(--c11);padding: 140rem 0;}
    .section__contrast + .section__contrast{margin-top: 0;padding-top: 20rem;}
    .section__contrast .section-footer .button__default{border-color: var(--c11);color: var(--c11);border-width: var(--sl);}
    .section__contrast .section-header-subtitle{color: var(--c16);}
    
    .footer{overflow: hidden;margin-top: calc(-1 * var(--br1));background-color: var(--c1);color: var(--c11);border-radius: 0;padding: 40rem 0 25rem;position: relative;z-index: 1;}
    .footer-grid{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 0 60rem;grid-template-areas: "a1 a2 a3" "a4 a4 a4" "a5 a5 a5" "a6 a6 a6";}
    .f1{grid-area: a1;}
    .f2{grid-area: a2;}
    .f3{grid-area: a3;margin-left: auto;}
    .f4{grid-area: a4;margin: 80rem var(--awr) 0;}
    .f4 .marquee-title img{width: 100vw;max-width: none;}
    .f4 .marquee-title::after{content: "";width: 1.15vw;height: 1.15vw;border-radius: 50%;flex: none;background-color: currentColor;margin: 0 1vw 1.95vw;}
    .f5{grid-area: a5;margin-top: 15rem;background-color: currentColor;opacity: .6;height: var(--sl);}
    .f6{grid-area: a6;margin: 20rem calc(-1 * var(--gap)) 0;display: flex;justify-content: space-between;}
    .f6-1{margin: 0 var(--gap);color: var(--c14);position: relative;font-size: var(--f-xxs);}
    .f7-1{font-size: var(--f-xs);margin-bottom: 20rem;color: var(--c13);}
    .f7-2{font-size: var(--f-xxs);overflow: hidden;}
    .f7-2:not(:last-child){margin-bottom: 10rem;}
    
    .social{display: flex;margin: -5rem;}
    .social-item{margin: 5rem;width: max(30px, 34rem);height: max(30px, 34rem);border-radius: 50%;border: var(--sl) solid;flex: none;display: flex;align-items: center;justify-content: center;padding: 5rem;}
    
    .tabs-wrapper{overflow: hidden;}
    .tabs{display: flex;flex-wrap: wrap;margin: -10rem;}
    .tab{font-size: var(--f-xxxs);padding: 5rem 20rem;border-radius: 999rem;border: var(--sl) solid var(--c1);position: relative;max-width: 280rem;margin: 10rem;height: max(30px, 40rem);text-align: center;white-space: nowrap;overflow: hidden;display: flex;align-items: center;justify-content: center;min-width: 210rem;}
    .tab.current{background-color: var(--c1);color: var(--c11);pointer-events: none;}
    .tab-inner{overflow: hidden;text-overflow: ellipsis;padding-top: .1em;}
    
    .tag{font-size: var(--f-xxs);border-radius: 999rem;padding: 3rem 10rem;position: relative;z-index: 1;overflow: hidden;display: flex;align-items: center;min-height: max(25px, 30rem);min-width: 150rem;justify-content: center;}
    .tag::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: -1;background-color: currentColor;opacity: .1;}
    
    .carousel-pagination{position: relative!important;bottom: auto!important;top: auto!important;line-height: 0;margin-top: 20rem;display: flex;flex-wrap: wrap;justify-content: center;}
    
    .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 25rem;}
    .carousel-button{display: flex;align-items: center;justify-content: center;width: max(25px, 30rem);height: max(25px, 30rem);cursor: pointer;user-select: none;}
    .swiper-button-disabled{pointer-events: none;color: var(--c19);}
    
    .player-container{position: relative;display: flex;align-items: center;justify-content: center;padding: 30rem;z-index: 1;overflow: hidden;aspect-ratio: 100/56.25;}
    .player-container::before{}
    .player-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .player-button{margin: auto;display: flex;align-items: center;justify-content: center;width: 150rem;height: 150rem;cursor: pointer;color: var(--c11);}
    
    .player-container video{pointer-events: all;}
    
    .mask-appear{padding: 0;position: relative;z-index: 1;margin: 0;}
    .mask-appear-inner{padding: 0;margin: 0;transform: translateY(100%);}
    
    
    .selector{user-select: none;display: flex;}
    .selector-holder{height: 40rem;border: var(--sl) solid;display: flex;overflow: hidden;align-items: center;padding: 0 20rem;color: var(--c1);border-radius: 999rem;min-width: 120rem;}
    .selector-holder-input{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;pointer-events: none;padding: 20rem 0;font-size: var(--f-s);white-space: nowrap;color: var(--c2);}
    .selector-holder-icon{flex: none;margin-left: 10rem;display: flex;width: 16rem;height: 16rem;align-items: center;justify-content: center;color: var(--c2);}
    
    .selector.active .selector-holder{border-color: var(--c1);}
    .selector.active .selector-holder-icon{transform: scaleY(-1);opacity: 1;}
    
    .selector-list{background-color: var(--c11);box-shadow: 0 0 0 var(--sl) var(--c5);position: absolute;width: auto;z-index: 999;overflow: auto;padding: 0;display: grid;grid-template-columns: auto;grid-gap: 15rem;padding: 20rem;margin-top: var(--sl);border-radius: var(--br3);color: var(--c2);will-change: transform;transition: transform .25s, opacity .25s, visibility .25s;}
    .selector-list:not(.active){visibility: hidden;opacity: 0;transform: translateY(20rem);}
    .selector-option{position: relative;padding: 5rem 0;}
    .selector-option-inner{font-size: var(--f-xxxs);display: flex;align-items: center;}
    .selector-option-inner::before{content: "";flex: none;margin-right: 10rem;width: 16rem;height: 16rem;border-radius: 3rem;background-color: var(--c11);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='white'%3E%3C/path%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;border: var(--sl) solid;}
    .selector-option-inner.active::before{background-color: var(--c2);}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;max-height: 100%;z-index: 100;overflow: auto;padding-top: var(--headroom-height);}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 5rem;}
    .popup-nav li{background-color: var(--c11);color: var(--c2);display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--f-b);padding: 15rem;border-radius: var(--br2);position: relative;}
    .popup-nav li.current{background-color: var(--c0);color: var(--c11);}
    
    .textbox{color: var(--c15);font-size: var(--f-s);}
    .textbox h3,
    .textbox h4,
    .textbox h5,
    .textbox h6{color: var(--c2);}
    .textbox h3{margin: 40rem 0 20rem;font-size: var(--f-xl);}
    .textbox h4{margin: 20rem 0 20rem;font-size: var(--f-b);}
    .textbox h5{margin: 20rem 0 20rem;font-size: var(--f-m);}
    .textbox h6{margin: 40rem 0 40rem;font-size: var(--f-m);}
    .textbox h3:first-child,
    .textbox h4:first-child,
    .textbox h5:first-child,
    .textbox h6:first-child{margin-top: 0;}
    .textbox b{font-weight: 400;color: var(--c2);}
    .textbox ul{display: grid;grid-template-columns: auto;grid-gap: .25em;}
    .textbox li{padding-left: 1.5em;position: relative;}
    .textbox li::before{content: "\2022";position: absolute;left: 0;width: 1.5em;text-align: center;}
    .textbox a{text-decoration: underline;}
    
    .cookies-wrapper{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;padding: 20rem;pointer-events: none;}
    .cookies{margin-right: auto;max-width: max(670px, 780rem);width: 100%;background-color: var(--c11);border-radius: var(--br4);display: grid;align-items: center;box-shadow: 0 5rem 25rem rgba(0,0,117,.1);padding: 25rem;user-select: none;grid-template-columns: auto 1fr auto;grid-gap: var(--gap);pointer-events: all;}
    .cookies-image{width: max(40px, 50rem);height: max(40px, 50rem);border-radius: 50%;padding: 12rem;display: flex;align-items: center;justify-content: center;background-color: var(--c5);}
    .cookies-text{font-size: var(--f-xxxs);line-height: 1.5;color: var(--c15);}
    .cookies-text a{text-decoration: underline;}
    .cookies-action{display: grid;grid-auto-flow: column;grid-gap: 15rem;align-items: center;}
    .cookies-action .button{padding: 0 25rem;height: max(40px, 50rem);}
    .cookies-close{align-items: center;justify-content: center;cursor: pointer;width: max(12px, 14rem);height: max(12px, 14rem);}
    
    .whr-group{margin-bottom: 60rem;font-family: 'Reckless Neue', serif;line-height: 1.1;font-weight: 400;font-size: var(--f-xxxl);display: none;}
    .whr-group:not(:first-child){margin-top: 100rem;}
    .whr-items{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .whr-items:not(:last-child){margin-bottom: var(--gap);}
    .whr-item{background-color: var(--c11);color: var(--c15);padding: 30rem;border-radius: var(--br3);position: relative;overflow: hidden;}
    .whr-title{font-size: var(--f-b);margin-bottom: .5em;font-family: 'Reckless Neue', serif;line-height: 1.1;font-weight: 400;color: var(--c2);}
    .whr-title a::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .whr-info{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .whr-info li{padding-left: 1.5em;position: relative;}
    .whr-info li::before{content: "\2022";text-align: center;width: 1.5em;position: absolute;top: 0;left: 0;}  
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;color: var(--c2);}
  
    .card-header{overflow: hidden;}
    .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .card-1{padding: 30rem;border-radius: var(--br2);background-color: var(--c11);color: var(--c2);display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50rem;align-items: flex-start;}
    .card-1 .card-header{position: relative;overflow: hidden;display: flex;border-radius: var(--br3);order: 1;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .card-1 .card-content{display: flex;flex-direction: column;min-height: 100%;align-items: flex-start;}
    .card-1 .card-title{font-size: var(--f-l);margin-bottom: auto;max-width: 300rem;}
    .card-1 .card-pretitle{margin-bottom: 20rem;}
    .card-1 .card-pretitle ~ .card-title{font-size: var(--f-b);max-width: none;}
    .card-1 .card-footer{margin-top: 50rem;}
    
    .card-2{border-radius: var(--br3);background-color: var(--c11);color: var(--c2);}
    .card-2 .card-header{display: flex;position: relative;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .card-2 .card-header img{object-position: top;}
    .card-2 .card-content{padding: 30rem;display: flex;flex-direction: column;flex: auto;}
    .card-2 .card-title{font-size: var(--f-m);}
    .card-2 .card-subtitle{margin-top: 10rem;font-size: var(--f-s);opacity: .5;}
    .card-2 .card-action{padding-top: 10rem;margin-top: auto;}
    
    .card-3{border-radius: var(--br2);background-color: var(--c11);color: var(--c2);padding: 40rem;}
    .card-3 .card-header{display: flex;position: relative;overflow: hidden;border-radius: var(--br4);}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .card-3 .card-content{margin-top: 20rem;}
    .card-3 .card-title{font-size: var(--f-b);}
    .card-3 .card-subtitle{margin-top: 20rem;font-size: var(--f-s);opacity: .5;}
    
    .card-4{border-radius: var(--br2);background-color: var(--c11);color: var(--c2);padding: 30rem;flex-direction: row;}
    .card-4 .card-content{display: flex;flex-direction: column;}
    .card-4 .card-title{font-size: var(--f-b);margin-bottom: auto;max-width: 400rem;}
    .card-4 .card-subtitle{margin-top: 20rem;font-size: var(--f-xxs);opacity: 0;color: var(--c11);}
    
    .card-4 .card-header{position: absolute;top: 0;left: 0;overflow: visible;padding: 30rem 0;opacity: 0;}
    .card-4 .card-header .card-title{max-width: none;}
    .card-4 .card-header .card-title br{display: none;}
   
    .card-5{padding: 30rem;border-radius: var(--br3);background-color: var(--c11);color: var(--c2);}
    .card-5 .card-content{display: flex;flex-direction: column;min-height: 100%;align-items: flex-start;}
    .card-5 .card-title{font-size: var(--f-b);margin-bottom: auto;max-width: 300rem;}
    .card-5 .card-footer{margin-top: 15rem;}
    .card-5 .card-footer ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .card-5 .card-footer li{line-height: 1;display: flex;align-items: baseline;}
    .card-5 .card-footer li::before{content: "\2022";flex: none;text-align: center;width: 1.5em;}  
    
    .card-6{border-radius: var(--br3);background-color: var(--c1);flex-direction: row;}
    .card-6::before{content: "";flex: none;width: 0;padding-top: 125%;}
    .card-6 .card-inner{padding: 30rem;position: relative;z-index: 1;width: 100%;display: flex;flex-direction: column;}
    .card-6 .card-header{z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-6 .card-content{background-color: var(--c11);margin-top: auto;padding: 30rem;border-radius: var(--br3);}
    .card-6 .card-title{font-size: var(--f-b);}
    
    .card-7{border-radius: var(--br3);background-color: var(--c11);color: var(--c2);}
    .card-7 .card-header{display: flex;position: relative;}
    .card-7 .card-header::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .card-7 .card-content{padding: 20rem 30rem 40rem;}
    .card-7 .card-title{font-size: var(--f-b);}
    .card-7 .card-footer{margin-top: 20rem;}
    
    .card-8{border-radius: var(--br2);z-index: 1;background-color: var(--c5);}
    .card-8 .card-header{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;display: none;}
    .card-8 .card-content{margin: 80rem 40rem 40rem;padding: 0;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;}
    .card-8 .card-title{font-size: var(--f-b);}
    .card-8 .button-icon{width: max(30px, 40rem);height: max(30px, 40rem);padding: 10rem;}
    
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s1-2{position: relative;color: var(--c11);display: flex;align-items: flex-end;}
    .s1-2::before{content: "";flex: none;width: 0;padding-top: 30%;min-height: calc(var(--app-height) - var(--headroom-height) - 30rem);}
    .s1-3{border-radius: var(--br2);background-color: var(--c11);padding: 200rem 245rem;text-align: center;font-size: var(--f-xxxl);}

    .s1-4{position: absolute;top: 0;left: 0;z-index: 1;border-radius: var(--br2);overflow: hidden;bottom: 0;right: 0;}
    .s1-4 video{}
    .s1-5{position: relative;z-index: 1;font-size: var(--f-xxxl);padding: 60rem var(--iwr);}
    
    .s2-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    
    .s3-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: var(--gap);}
    .s3-2{padding-right: 100rem;grid-column: 1/7;}
    .s3-3{display: grid;grid-template-columns: auto;grid-gap: 30rem;grid-column: 7/13;}
    .s3-3-1.init{opacity: 0;transition: opacity 1s;}
    .s3-3-1.visible{opacity: 1;}
    .s3-3-1{display: flex;flex-direction: column;font-size: var(--f-xl);}
    .s3-3-1::after{content: "";margin-top: 30rem;height: 1px;width: 100%;background-color: currentColor;opacity: .4;}
    .s3-4{grid-column: 9/13;position: relative;display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s3-5{user-select: none;display: flex;flex-direction: column;}
    .s3-5-2{font-size: var(--f-b);}
    .s3-5-3{max-width: 550rem;margin-top: 20rem;font-size: var(--f-s);}
    .s3-6{display: flex;flex-direction: column;}
    .s3-6::after{content: "";margin-top: 30rem;height: 1px;width: 100%;background-color: currentColor;opacity: .4;}
    
    .s4-1{padding: 0 30rem;display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));grid-gap: var(--gap);}
    .s4-1-1{background-color: var(--c11);border-radius: var(--br3);padding: 20rem 30rem;display: flex;align-items: center;justify-content: center;}
    .s4-1-1 img{opacity: .4;}
    
    .s5{background-color: var(--c11);padding: 100rem 0;}
    .s5-1{border-radius: var(--br2);overflow: hidden;position: relative;background-color: var(--c10);display: flex;align-items: flex-end;}
    .s5-1::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s5-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;border: var(--sl) solid;opacity: .1;border-radius: inherit;z-index: 1;}
    .s5-2{position: absolute;top: 0;left: 0;z-index: 1;bottom: 0;right: 0;margin: 0;}
    .s5-2 svg,
    .s5-2 img{object-position: bottom;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
    .s5-2-1,
    .s5-2-2,
    .s5-2-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transition: opacity 1s;}
    .s5-3{position: relative;z-index: 1;background-color: var(--c1);color: var(--c11);margin: 50rem;padding: 30rem;border-radius: var(--br3);display: grid;grid-template-columns: auto;grid-gap: var(--gap);min-width: 275rem;}
    .s5-4{display: flex;align-items: center;}
    .s5-4-1{flex: none;width: max(18px, 20rem);height: max(18px, 20rem);border-radius: 50%;border: max(2px, 2rem) solid;margin-right: 6rem;}
    .s5-4-2{font-size: var(--f-s);}
    
    .s5-2-2,
    .s5-2-3{opacity: 0;}
    .s5-2-3{transition-delay: 2s;}
    
    .s5-2.visible .s5-2-2,
    .s5-2.visible .s5-2-3{opacity: 1;}
    
    .s6-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s6-2{position: relative;display: grid;grid-template-columns: auto;}
    .s6-3{border-radius: var(--br3);display: flex;position: relative;overflow: hidden;}
    .s6-3::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s6-3-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s6-4{padding-right: 10%;}
    .s6-4-1{font-size: var(--f-m);}
    .s6-4-2{margin-top: 10rem;opacity: .5;user-select: none;font-size: var(--f-s);}
    
    .s7 + .section{margin-top: 130rem;}
    .s7-1{display: flex;flex-direction: column;}
    .s7-2{background-color: var(--c11);padding: 100rem 150rem;border-radius: var(--br2);position: relative;z-index: 1;}
    .s7-2-1{text-align: center;margin: 0 auto;max-width: 1150rem;}
    .s7-2-2{text-align: center;margin: 40rem auto 0;max-width: 895rem;font-size: var(--f-s);color: var(--c15);}
    .s7-2-2 .button{color: var(--c2);}
    .s7-2-2 .button-text{font-size: var(--f-xs);font-weight: 400;}
    .s7-2-2 .button-icon{margin-left: 5rem;}
    .s7-2-4{font-weight: 400;color: var(--c2);margin-bottom: 20rem;text-align: center;margin-top: 40rem;}
    .s7-2-4 + .s7-2-2{margin-top: 20rem;}
    .s7-2-3{margin: 125rem -150rem -100rem;font-size: var(--f-l);}
    .s7-2-3 .marquee-container{padding: 30rem 0;background-color: var(--c1);color: var(--c11);margin: 0 var(--awr);}
    .s7-2-3 .marquee-title{padding-right: 1.5em;}
    .s7-3{overflow: hidden;position: relative;display: flex;border-radius: var(--br2);}
    .s7-3:not(:only-child){margin-top: calc(-1 * var(--br2));padding-top: var(--br2);border-radius: 0 0 var(--br2) var(--br2);}
    .s7-3-1{padding-top: 20%;}
    .s7-3-1:only-child{padding-top: 30%;}
    .s7-3-2{padding-top: 33%;}
    
    .s8-2{margin-bottom: 60rem;}
    .s8-3{margin-bottom: 40rem;}
    .s8-4{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 0 var(--gap);}
    
    .s9{border-radius: 0;background-color: var(--c0);color: var(--c11);padding-top: 100rem;}
    .s9:last-child{padding-bottom: calc(var(--br1) + 100rem);}
    .s9-1{display: flex;align-items: center;justify-content: center;}
    .s9-1 .button{align-items: baseline;}
    .s9-1 .button-text{font-size: var(--f-xxl);}
    .s9-1 .button-icon{width: 40rem;height: 40rem;margin-left: 10rem;}
    
    .s10-1{background-color: var(--c11);padding: 140rem var(--iwr);border-radius: var(--br3);display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s10-2{padding-right: 40rem;}
    .s10-2 .title{margin-top: -.5em;}
    .s10-3{display: grid;grid-template-columns: auto;grid-gap: 50rem;}
    .s10-4{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s10-6{display: grid;grid-template-columns: 1fr auto;grid-gap: 0 var(--gap);align-items: flex-start;}
    .s10-6::after{content: "";margin-top: 30rem;height: 1px;background-color: currentColor;opacity: .4;grid-column: 1/-1;}
    .s10-6.init{opacity: 0;transition: opacity 1s;}
    .s10-6.visible{opacity: 1;}
    .s10-6-1{font-size: var(--f-b);}
    .s10-6-2{font-size: var(--f-xxs);}
    
    .s11-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s11-3{margin-bottom: 60rem;}
    .s11-4{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    
    .s12 + .s16{margin-top: 50rem;}
    .s12-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s12-2{background-color: var(--c11);padding: 30rem;border-radius: var(--br4);display: flex;flex-direction: column;align-items: center;justify-content: space-between;text-align: center;}
    .s12-2-1{margin-bottom: 100rem;}
    .s12-2-3{width: 100%;margin-top: 120rem;}
    .s12-2-4{width: 100%;margin-top: 120rem;padding: 10rem var(--iwr);font-size: var(--f-xxs);color: var(--c15);}
    .s12-3{border-radius: var(--br3);overflow: hidden;display: flex;position: relative;}
    .s12-3-1{padding-top: 60%;}
    .s12-3-2{padding-top: 60%;min-height: calc(var(--app-height) - var(--headroom-height) - 30rem);}
    
    .s13-2{margin-bottom: 50rem;text-align: center;font-size: var(--f-xxl);}
    .s13-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s13-4{position: relative;border-radius: var(--br2);overflow: hidden;display: flex;}
    .s13-4::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s13-5{border-radius: var(--br3);padding: 30rem 80rem;background-color: var(--c11);display: flex;flex-direction: column;justify-content: center;}
    .s13-5-1{font-size: var(--f-xl);}
    .s13-5-2{margin-top: 20rem;max-width: 580rem;font-size: var(--f-s);color: var(--c18);}
    
    .s14-2{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-gap: 60rem;align-items: flex-end;margin-bottom: 60rem;}
    .s14-3{display: grid;grid-template-columns: repeat(22, minmax(0, 1fr));grid-gap: var(--gap);}
    .s14-3 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));}
    .s14-3 .swiper-slide{padding-left: var(--gap);}
   
    .s15-2{margin-bottom: 50rem;text-align: center;font-size: var(--f-xxl);}
    .s15-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s15-4{position: relative;border-radius: var(--br2);overflow: hidden;display: flex;}
    .s15-4::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s15-5{border-radius: var(--br2);padding: 30rem var(--iwr);background-color: var(--c1);display: flex;flex-direction: column;justify-content: center;color: var(--c11);}
    .s15-5-1{font-size: var(--f-xxl);}
    .s15-5-2{margin-top: 40rem;max-width: 700rem;color: var(--c17);}
    
    .s16-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c11);border-radius: var(--br2);padding: 50rem var(--iwr);}
    .s16-2{font-size: var(--f-xl);padding-right: 40rem;}
    
    .s17-1{}
    .s17-2{height: 600rem;position: relative;display: flex;grid-gap: var(--gap);flex-wrap: wrap;}
    .s17-2-1{position: relative;border-radius: var(--br3);overflow: hidden;flex: 1;}
    .s17-2-1:nth-child(1){width: 450rem;min-width: 100%;}
    .s17-2-1:nth-child(1):nth-last-child(3){width: 600rem;min-height: 250rem;}
    .s17-2-1:nth-child(1),
    .s17-2-1:nth-child(2):last-child{grid-column: 1/-1;}
    .s17-3{margin-left: calc(-1 * var(--gap));}
    .s17-3 .swiper{overflow: visible;}
    .s17-3 .swiper-wrapper{transition-timing-function: linear !important;}
    .s17-3 .swiper-slide{padding-left: var(--gap);width: auto;}
    
    .s18-1{padding: 100rem 220rem;border-radius: var(--br2);background-color: var(--c1);color: var(--c11);display: flex;flex-direction: column;}
    .s18-2{font-size: var(--f-xl);text-align: center;}
    .s18-3{margin-top: 60rem;display: flex;flex-direction: column;align-items: center;user-select: none;text-align: center;font-size: var(--f-xxs);}
    .s18-3-1{overflow: hidden;position: relative;border-radius: 50%;width: 130rem;height: 130rem;}
    .s18-3-2{margin-top: 15rem;}
    .s18-3-3{margin-top: 5rem;opacity: .6;}
    
    .s19-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c1);border-radius: var(--br2);padding: 50rem var(--iwr);color: var(--c11);}
    .s19-2{padding-right: 40rem;}
    .s19-3{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s19-3-1{display: flex;flex-direction: column;padding-left: 1.5em;position: relative;}
    .s19-3-1::before{content: "\2022";position: absolute;left: 0;top: 0;width: 1.5em;}
    .s19-3-1::after{content: "";margin-top: 30rem;height: 1px;min-width: 100%;background-color: currentColor;opacity: .4;margin-left: -1.5em;}
    
    .s20{background-color: var(--c11);padding: 50rem 0 50rem;}
    .s20-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s20-2{padding-right: 40rem;}
    .s20-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s20-3-1{border-radius: var(--br3);padding: 30rem;background-color: var(--c5);font-size: var(--f-b);text-align: center;}
    
    .s21-1{display: flex;}
    .s21-2{width: 100%;margin: 0 auto;transition: clip-path 1s;border-radius: var(--br3);overflow: hidden;}
    .s21-2__{clip-path: inset(0% 30% 0% 30% round var(--br3));}
    
    .s22-1{}
    .s22-1 .swiper{overflow: visible;margin: 0 0 0 calc(-1 * var(--gap));}
    .s22-1 .swiper-slide{padding-left: var(--gap);width: auto;}
    .s22-2{display: flex;overflow: hidden;border-radius: var(--br3);height: 600rem;}
    .s22-2 img{height: 100%;width: auto;max-width: none;}
    .s22-3{position: relative;margin: 0 var(--awr);}
    .s22-3 .carousel-buttons{position: absolute;top: 50%;left: 0;top: 50%;display: flex;align-items: center;z-index: 1;grid-gap: 0;justify-content: space-between;right: 0;height: 0;}
    .s22-3 .carousel-button{flex: none;background-color: var(--c11);border-radius: 50%;width: max(50px, 60rem);height: max(50px, 60rem);margin: 0 var(--wr);}
    .s22-3 .carousel-button .icon{width: max(8px, 10rem);height: max(10px, 100%);}
    .s22-3 .carousel-button__prev{}
    .s22-3 .carousel-button__next{}
    
    .s23-1{margin: 400rem 300rem;position: relative;}
    .s23-2{display: flex;flex-direction: column;position: relative;z-index: 2;align-items: center;}
    .s23-2-1{text-align: center;}
    .s23-2-2{text-align: center;margin-top: 20rem;max-width: 1090rem;color: var(--c18);}
    
    .s23-3-1{overflow: hidden;width: 250rem;height: 250rem;border-radius: var(--br2);}
    
    .s24-1{display: flex;flex-direction: column;align-items: center;padding: 50rem var(--iwr) 60rem;background-color: var(--c11);border-radius: var(--br2);}
    .s24-2{text-align: center;margin-bottom: 60rem;}
    .s24-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);width: 100%;}
    
    .s25-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s25-3{margin-bottom: 60rem;}
    .s25-4{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .s25-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c11);border-radius: var(--br2);padding: 30rem;}
    .s25-5-1{font-size: var(--f-l);}
    .s25-5-2{font-size: var(--f-s);color: var(--c18);}
    
    .s26{}
    .s26-1{display: grid;grid-template-columns: auto;grid-gap: var(--gap);counter-reset: index;}
    .s26-2{background-color: var(--c11);border-radius: var(--br2);padding: 50rem 0;}
    .s26-3{display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: var(--gap);cursor: pointer;align-items: center;user-select: none;}
    .s26-3::before{content: counter(index, decimal-leading-zero);counter-increment: index;padding: 0 50rem;font-size: var(--f-xl);opacity: .6;}
    .s26-3-1{grid-column: 3/8;font-size: var(--f-xxl);}
    .s26-3-2{grid-column: 8/9;margin: 0 50rem 0 auto;width: max(20px, 35rem);height: max(20px, 35rem);display: flex;align-items: center;justify-content: center;will-change: transform;transition: transform 0s;}
    .s26-4{padding: 60rem 0 0;display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: var(--gap);transition: all .25s;overflow: hidden;}
    .s26-4-1{grid-column: 3/8;}
    
    .s26-2.active .s26-3-2{transform: scaleY(-1);}
    .s26-2:not(.active) .s26-4{padding: 0;height: 0;opacity: 0;}
    
    .s7 + .s26{margin-top: var(--gap);}
    .s7 + .s27{margin-top: var(--gap);}
    .s7 + .s28{margin-top: var(--gap);}
    
    .s27{margin-top: var(--gap);}
    .s27 *{transform: translateZ(0);}
    .s27-1{border-radius: var(--br2);background-color: var(--c11);padding: 100rem 0 160rem;display: flex;align-items: flex-start;}
    .s27-2{text-align: center;margin-bottom: 50rem;padding: 0 var(--iwr);}
    .s27-2 .title{font-size: var(--f-xl2);}
    .s27-3{display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s27-4{padding: 0 var(--iwr);grid-column: 1/4;padding-top: 100rem;}
    .s27-5{padding: 30rem 40rem;border-radius: var(--br3);background-color: var(--c5);}
    .s27-5-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;margin-bottom: 20rem;align-items: flex-start;}
    .s27-5-1 .title{color: var(--c2);font-size: var(--f-b);max-width: 885rem;}
    .s27-5-2{margin-bottom: 25rem;max-width: 885rem;font-size: var(--f-s);color: var(--c15);}
    .s27-5-3{position: relative;overflow: hidden;display: flex;border-radius: var(--br4);}
    .s27-5-3:not(:last-child){margin-bottom: 30rem;}
    .s27-5-3::before{content: "";flex: none;width: 0;padding-top: 30%;}
    .s27-5-4{margin-top: 30rem;color: var(--c15);}
    .s27-5-4 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem var(--gap);font-size: var(--f-s);}
    .s27-5-4 li{max-width: 50%;padding-left: 1.5em;position: relative;}
    .s27-5-4 li::before{content: "\2022";position: absolute;left: 0;width: 1.5em;text-align: center;}
    .s27-5-4 li:nth-child(even){}
    .s27-6{grid-column: 4/9;margin-right: var(--iwr);}
    .s27-7{display: flex;width: 100%;position: sticky;top: var(--headroom-height);flex-direction: column;}
    .s27-8{flex: none;width: 0;display: flex;flex-direction: column;}
    .s27-8-1{flex: none;height: 50vh;margin-bottom: 50vh;margin-top: 50rem;width: 0;position: relative;}
    .s27-8-1.visible{}
    .s27-10{display: flex;justify-content: center;}
    
    .step-image{opacity: .25;fill: var(--c2);transition: all .25s;cursor: pointer;}
    .step-image.visible{opacity: 1;fill: var(--c0);cursor: default;}
    
    .scroll-step{position: absolute;top: 10rem;left: 0;bottom: 0;width: var(--sl);opacity: 0;}
    
    .s27 + .s9{margin-top: var(--gap);}
    
    .s28{margin-top: var(--gap);}
    .s28-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);border-radius: var(--br2);background-color: var(--c11);padding: 50rem 0;}
    .s28-2{grid-column: 2/4;}
    .s28-2 .textbox{font-size: var(--f-d);}
    .s28-3{margin-top: var(--gap);border-radius: var(--br3);overflow: hidden;display: flex;}
    .s28 + .s22{margin-top: var(--gap);}
    
    .s29-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s29-2{position: sticky;top: var(--headroom-height);z-index: 1;}
    
    .s30-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s30-2{background-color: var(--c11);border-radius: var(--br2);display: flex;align-items: center;justify-content: center;padding: 100rem var(--iwr);flex-direction: column;text-align: center;grid-column: 1/4;}
    .s30-2:only-child{grid-column: 1/-1;}
    .s30-2-2{margin-top: 40rem;font-size: var(--f-l);color: var(--c15);}
    .s30-3{border-radius: var(--br3);display: flex;overflow: hidden;position: relative;}
    .s30-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s404,
    .s404-1{display: flex;width: 100%;}
    .s404-2{background-color: var(--c11);display: flex;align-items: center;justify-content: center;width: 100%;border-radius: var(--br2);overflow: hidden;padding: 160rem var(--iwr);flex-direction: column;text-align: center;}
    .s404-3{color: var(--c15);}
    .s404-4{display: flex;align-items: center;justify-content: center;margin-top: 0;}
    .s404-4-1{font-size: 390rem;line-height: 1;margin-top: -.1em;}
    .s404-4-2{display: flex;align-items: center;width: 280rem;height: 280rem;}
    .s404-5{margin-top: 25rem;}
    .s404-6{margin-top: 20rem;width: 100%;max-width: 380rem;}
    
}

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


        --wr: 16rem;
        --iwr: 16rem;

        --gap: 10rem;

        --br1: 20rem;
        --br2: 15rem;
        --br3: 10rem;
        --br4: 10rem;


        --f-xxxxs: 12rem;
        --f-xxxs: 14rem;
        --f-xxs: 16rem;
        --f-xs: 16rem;
        --f-s: 16rem;
        --f-d: 16rem;
        --f-m: 18rem;
        --f-b: 20rem;
        --f-l: 20rem;
        --f-xl: 20rem;
        --f-xl2: 30rem;
        --f-xxl: 30rem;
        --f-xxxl: 30rem;

        --mw: 680rem; 
        
        --swiper-pagination-bullet-size: 8rem;
        --swiper-pagination-bullet-horizontal-gap: 4rem;

        
    }
    
    html{font-size: 1px;}
    
    
    .desktop{display: none!important;}
    
    .carousel-buttons{display: none!important;}
    .carousel-button{width: 25rem;height: 25rem;}
    
    .button-icon{width: 10rem;height: 10rem;margin: 0 5rem;}
    
    .button__default{height: 50rem;}
    
    .title{max-width: 340rem;}
    
    .header{padding: 10rem 0;position: sticky;top: 0;}
    
    .topbar{border-radius: var(--br2);height: 56rem;grid-template-columns: 1fr auto auto; grid-gap: 20rem;position: relative;}
    .topbar-logo{max-width: 115rem;margin: 5rem 20rem;}
    .topbar-lang{padding: 10rem 0;position: static;}
    .topbar-lang::before{display: none;}
    .topbar-nav{display: none;}
    .topbar-menu{margin: 0 15rem;position: relative;display: flex;width: 28rem;height: 28rem;align-items: center;cursor: pointer;}
    .topbar-menu-inner{position: relative;color: currentColor;height: 2.5rem;width: 100%;}
    .topbar-menu-inner::before,
    .topbar-menu-inner::after{content: "";position: absolute;background-color: currentColor;height: 100%;width: 100%;left: 0;border-radius: 999rem;transition: all 0s;}
    .topbar-menu-inner::before{bottom: 4rem;}
    .topbar-menu-inner::after{top: 4rem;}
    
    .lang-menu{margin: 5rem 0 0;}
    
    .player-button{width: 60rem;height: 60rem;}
    
    .footer-grid{grid-template-areas: "a1" "a2" "a3" "a4" "a5" "a6";grid-template-columns: auto;}
    .f2{margin-top: 30rem;}
    .f3{margin: 30rem 0 0;}
    .f4{overflow: hidden;margin-top: 50rem;}
    .f4 .marquee-title::after{width: 2vw;height: 2vw;margin: 0 1vw 4vw;}
    .f4 .marquee-title img{width: 200vw;}
    .f5{margin: 10rem var(--awr) 0;}
    .f6{margin: 20rem 0 0;display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .f6-1{margin: 0;}
    .f7-1{font-size: var(--f-m);margin-bottom: 10rem;}
    
    .textbox h3{margin: 30rem 0 20rem;font-size: var(--f-m);}
    .textbox h4{font-size: var(--f-m);}
    .textbox h5{font-size: var(--f-m);}
    .textbox h6{font-size: var(--f-m);margin: 30rem 0;}
    
    .card-1{border-radius: var(--br3);padding: 20rem;grid-template-columns: auto;grid-gap: 16rem;}
    .card-1 .card-header{order: -1;}
    .card-1 .card-pretitle{margin-bottom: 8rem;}
    .card-1 .card-footer{margin-top: 30rem;}
    
    .card-2 .card-content{padding: 20rem;}
    
    .card-3{border-radius: var(--br3);padding: 20rem;}
    .card-3 .card-content{margin-top: 16rem;}
    .card-3 .card-subtitle{margin-top: 30rem;}
    
    .card-4{border-radius: var(--br3);padding: 20rem;}
    .card-4 .card-title{min-height: 2.6em;max-width: 260rem;}
    .card-4 .card-subtitle{display: none;}
    
    .card-5{padding: 20rem;}
    .card-5 .card-footer li:not(:last-child){border-bottom: var(--sl) solid var(--c20);padding-bottom: 10rem;}
    .card-5 .card-footer .button{align-items: baseline;width: 100%;}
    .card-5 .card-footer .button-icon{flex: none;margin-left: 15rem;}
    .card-5 .card-footer .button-text{text-align: left;white-space: normal;margin-right: auto;opacity: .7;}
    
    .card-6::before{padding-top: 90%;}
    .card-6 .card-inner{padding: 10rem;}
    .card-6 .card-content{padding: 10rem;}
    
    .card-7{padding: 20rem;}
    .card-7 .card-header{border-radius: var(--br3);}
    .card-7 .card-header::before{padding-top: 55%;}
    .card-7 .card-content{padding: 0;margin-top: 16rem;}
    .card-7 .card-footer{margin-top: 8rem;}
    
    .card-8{border-radius: var(--br3);min-height: 70rem;}
    .card-8 .card-content{margin: 15rem 10rem;padding: 0;grid-gap: 15rem;}
    .card-8 .card-title{font-size: var(--f-m);min-height: 0;}
    .card-8 .button-icon{width: 20rem;height: 20rem;padding: 3rem;}
  
    .section{margin-top: 60rem;}
    .section:last-child{padding-bottom: calc(var(--br1) + 60rem);}
    
    .section__contrast{padding: 60rem 0;}
    
    .section-header{text-align: left;margin-bottom: 30rem;}
    .section-header-title{margin: 0;}
    .section-header-subtitle{margin: 20rem 0 0;}
    .section-footer{margin-top: 30rem;}
    
    .s1-1{grid-gap: 10rem;}
    .s1-2::before{min-height: 0;padding-top: 56.25%;}
    .s1-3{padding: 30rem var(--iwr);}
    .s1-5{padding: 30rem var(--iwr);}
    .s1-5 .title{font-size: var(--f-b);}
    
    .s2-1{grid-template-columns: auto;grid-auto-flow: column;overflow: auto;margin: 0 var(--awr);padding: 0 var(--wr);overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
    .s2-1::-webkit-scrollbar{display: none;}
    .s2-1-1{width: 300rem;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s3-2{padding: 0;grid-column: 1/-1;}
    .s3-3{grid-gap: 0;grid-template-columns: repeat(2, minmax(0, 1fr));grid-column: 1/-1;border-top: var(--sl) solid var(--c13);border-bottom: var(--sl) solid var(--c13);}
    .s3-3-1{justify-content: center;text-align: center;padding: 20rem 10rem;font-size: var(--f-d);border-radius: 0;border: 0 solid var(--c13);border-bottom: var(--sl) solid var(--c13);}
    .s3-3-1::after{display: none;}
    .s3-3-1:nth-child(odd){border-right-width: var(--sl);}
    .s3-3-1:nth-child(odd):nth-last-child(1),
    .s3-3-1:nth-child(odd):nth-last-child(2),
    .s3-3-1:nth-child(even):nth-last-child(1){border-bottom-width: 0;}
    .s3-4{grid-column: 1/-1;grid-gap: 40rem;}
    .s3-5-1{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;margin-bottom: 10rem;order: -1;}
    .s3-5-1::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s3-5-3{opacity: .5;margin-top: 8rem;}
    .s3-5-3 br{display: none;}
    .s3-6::after{display: none;}
    
    .s4-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;padding: 0;margin: calc(var(--gap) / -2);}
    .s4-1 .swiper{width: 100%;}
    .s4-1 .swiper-slide{padding: calc(var(--gap) / 2);}
    .s4-1-1{padding: 0;height: 100%;padding: 20rem;border-radius: var(--br3);}
    .s4-1-1 img{width: auto;height: auto;}
    
    .s5{padding: 0;background-color: transparent;}
    .s5-1{display: grid;grid-template-columns: auto;grid-gap: 10rem;border-radius: 0;overflow: visible;background-color: transparent;}
    .s5-1::before,
    .s5-1::after{display: none;}
    .s5-2{position: relative;display: flex;height: auto;width: auto;margin: 0 var(--awr);background-color: var(--c10);}
    .s5-2::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s5-3{margin: 0;grid-gap: 16rem;}
    .s5-4-1{width: 10rem;height: 10rem;border-width: var(--sl);}
    
    .s6-1{grid-template-columns: auto;grid-auto-flow: column;overflow: auto;margin: 0 var(--awr);padding: 0 var(--wr);overflow: -moz-scrollbars-none!important;scrollbar-width: none;align-items: flex-start;}
    .s6-1::-webkit-scrollbar{display: none;}
    .s6-2{width: 245rem;}
    .s6-4{margin-top: 10rem;}
    
    .s7 + .section{margin-top: 60rem;}
    .s7-2{padding: 30rem var(--iwr);}
    .s7-2-1{margin: 0;text-align: left;}
    .s7-2-2{margin: 20rem 0 0;text-align: left;}
    .s7-2-3{margin: 30rem calc(-1 * var(--iwr)) -30rem;}
    .s7-2-3 .marquee-container{padding: 12rem 0;}
    .s7-2-4{text-align: left;margin: 20rem 0;}
    .s7-3-1{padding-top: 40%;}
    .s7-3-2{padding-top: 60%;}
    .s7-3-3{padding-top: 90%;}

    .s8-2{margin-bottom: 30rem;}
    .s8-3{margin-bottom: 30rem;}
    .s8-3:first-child{margin-top: -30rem;}
    .s8-4{grid-template-columns: 1fr 1fr;}
    
    .s8-3 .selector-holder{width: 100%;}
    
    .s8-4-1:nth-child(n + 3){margin-top: var(--gap);}
    .s8-4-1 .card-2 .card-content{padding: 12rem;}
    .s8-4-1 .card-2 .card-title{font-size: var(--f-d);}
    .s8-4-1 .card-2 .card-subtitle{font-size: var(--f-xxxxs);}
    .s8-4-1 .card-2 .card-action .button-text{font-size: var(--f-xxxs);}
    
    .s8-4-2,
    .s8-4-3,
    .s8-4-4,
    .s8-4-5{grid-column: 1/-1;}
    .s8-4-2:not(:first-child){margin-top: 30rem;}
    .s8-4-3:not(:first-child){margin-top: 10rem;}
    .s8-4-4:not(:first-child){margin-top: 30rem;}
    .s8-4-5:not(:first-child){margin-top: 20rem;}
    
    .s9{padding: 30rem 0;border-radius: 0;}
    .s9:last-child{padding-bottom: calc(30rem + var(--br1));}
    .s9-1 .button-text{font-size: var(--f-b);}
    .s9-1 .button-icon{width: 12rem;height: 12rem;margin-left: 5rem;}
    
    .s10-1{grid-template-columns: auto;padding: 30rem var(--iwr);border-radius: var(--br2);grid-gap: 30rem;}
    .s10-3{grid-gap: 30rem;}
    .s10-4{grid-gap: 10rem;}
    .s10-6{grid-template-columns: auto;}
    .s10-6::after{margin-top: 10rem;}
    .s10-6-2{margin-top: 10rem;}
    
    .s11-1{grid-template-columns: auto;grid-gap: 60rem;}
    .s11-3{margin-bottom: 30rem;}
    .s11-4{grid-gap: 20rem;}
    
    .s12-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s12-2{border-radius: var(--br2);padding: 30rem var(--iwr);align-items: flex-start;text-align: left;}
    .s12-2-1{margin-bottom: 20rem;}
    .s12-2-3{margin-top: 30rem;}
    .s12-2-4{padding: 0;margin-top: 20rem;}
    .s12-2-4 br{display: none;}
    .s12-3{border-radius: var(--br2);}
    .s12-3-1{padding-top: 90%;}
    .s12-3-2{min-height: 0;}
    
    .s13-2{margin-bottom: 30rem;text-align: left;}
    .s13-3{grid-template-columns: auto;grid-gap: 30rem;}
    .s13-4{border-radius: var(--br2);}
    .s13-4::before{padding-top: 90%;}
    .s13-5{order: -1;border-radius: var(--br2);padding: 30rem var(--iwr);}
    
    .s14-2{grid-template-columns: auto;margin-bottom: 30rem;}
    .s14-2-2{display: none;}
    .s14-3{grid-template-columns: minmax(0, 1fr);max-width: 300rem;}
    
    .s15-3{grid-template-columns: auto;grid-gap: 30rem;}
    .s15-4::before{padding-top: 90%;}
    .s15-5-1{padding: 0;font-size: var(--f-xxxl);}
    .s15-5-2{margin-top: 20rem;}
    
    .s16-1{padding: 30rem var(--iwr);grid-template-columns: auto;grid-gap: 20rem;}
    .s16-2{padding: 0;font-size: var(--f-xxxl);}
    
    .s17-2{height: 400rem;}
    .s17-2-1:nth-child(1){width: 295rem;}
    .s17-2-1:nth-child(1):nth-last-child(3){width: 300rem;min-height: 200rem;}
    
    .s18-1{border-radius: var(--br2);padding: 30rem var(--iwr);}
    .s18-3{margin-top: 20rem;}
    .s18-3-1{width: 40rem;height: 40rem;}
    .s18-3-3{max-width: 280rem;}
    
    .s19-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s19-2{padding: 0;}
    .s19-3{grid-gap: 10rem;font-size: var(--f-b);}
    .s19-3-1::after{margin-top: 10rem;}
    
    .s20{border-radius: var(--br2);padding: 30rem 0;margin-left: var(--wr);margin-right: var(--wr);}
    .s20-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s20-2{padding: 0;}
    .s20-3{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .s20-3-1{padding: 20rem;font-size: var(--f-d);display: flex;align-items: center;justify-content: center;}
    
    .s21-2{clip-path: none;border-radius: var(--br2);overflow: hidden;}
    
    .s22-3{margin: 0;}
    .s22-2{height: 170rem;}
    
    .s23:first-child{margin-top: 20rem;}
    .s23-1{margin: 0;}
    .s23-2{align-items: flex-start;}
    .s23-2-1{text-align: left;}
    .s23-2-2{text-align: left;}
    .s23-3{position: relative;width: 100%;display: flex;margin-top: 30rem;}
    .s23-3::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s23-3-1{width: 100%;height: 100%;position: absolute;transform: none!important;}
    .s23-3-1:nth-child(n + 2){display: none;}
    
    .s24-1{padding: 30rem var(--iwr);align-items: flex-start;}
    .s24-2{margin: 0 auto 30rem;max-width: 240rem;}
    .s24-3{grid-template-columns: auto;overflow: hidden;}
    
    .s25-1{grid-template-columns: auto;grid-gap: 80rem;}
    .s25-3{margin-bottom: 30rem;}
    .s25-4{grid-gap: 20rem;}
    .s25-5{padding: 20rem;border-radius: var(--br3);grid-template-columns: auto;grid-gap: 15rem;}
    .s25-5-1{padding-bottom: 15rem;border-bottom: var(--sl) solid var(--c20);}
    
    .s7 + .s26,
    .s7 + .s27,
    .s7 + .s28{margin-top: 10rem;}
    
    .s26-2{padding: 20rem;}
    .s26-3{grid-template-columns: auto 1fr auto;align-items: baseline;}
    .s26-3::before{grid-column: auto;padding: 0;font-size: var(--f-m);}
    .s26-3-1{padding: 0;grid-column: auto;font-size: var(--f-l);}
    .s26-3-2{padding: 0;grid-column: auto;margin: 0;width: 15rem;height: 15rem;}
    .s26-4{grid-template-columns: auto;padding-top: 30rem;}
    .s26-4-1{grid-column: auto;}
     
    .s27-1{padding: 30rem var(--iwr) 20rem;}
    .s27-2{text-align: center;padding: 0;margin-bottom: 20rem;}
    .s27-3{grid-template-columns: minmax(0, 1fr);grid-gap: 25rem;}
    .s27-4{padding: 0;grid-column: 1/-1;}
    .s27-5{padding: 30rem var(--iwr);}
    .s27-5-1 .carousel-buttons{display: grid!important;}
    .s27-5-2{margin-bottom: 20rem;}
    .s27-5-3::before{padding-top: 65%;}
    .s27-5-4{margin-top: 20rem;}
    .s27-5-4 ul{grid-template-columns: auto;}
    .s27-5-4 li:nth-child(even){margin-left: 0;}
    .s27-6{grid-column: 1/-1;margin: 0;}
    .s27-7{top: auto;position: static;}
    .s27-8{display: none;}
    .s27-8-1{height: 50vh;margin-bottom: 25vh;margin-top: 50rem;}
    
    .s7 + .s27{margin-top: 30rem;}
    
    .s27-2 .title{font-size: var(--f-xl);}
    .s27-5{display: flex;flex-direction: column;padding: 30rem var(--iwr);}
    .s27-5-1,
    .s27-5-1 + .s27-5-2{order: -1;}
    .s27-5-2{margin-bottom: 20rem;}
    .s27-5-3:not(:last-child){margin-bottom: 20rem;}
    .s27-5-4{margin: 0;}
    .s27-6 .swiper-slide{display: flex;}
    .s27-10 .carousel-buttons{display: grid!important;}
    
    .s28-1{grid-template-columns: auto;padding: 20rem var(--iwr);}
    .s28-2{grid-column: auto;}
    .s28-3{margin-top: 80rem;}
    .s28-3 + .s28-3{margin-top: var(--gap);}
    
    .s28 + .s22{margin-top: 80rem;}
    
    .s29-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s29-2{position: static;top: auto;}
    
    
    .s30 + .section{margin-top: 10rem;}
    
    .s30-1{grid-template-columns: auto;}
    .s30-2{grid-column: 1/-1;padding: 30rem var(--iwr);}
    .s30-2-2{margin-top: 20rem;font-size: var(--f-m);}
    
    .s404-2{padding: 100rem var(--iwr);}
    .s404-4{margin-top: 10rem;}
    .s404-4-1{font-size: 145rem;}
    .s404-4-2{width: 100rem;height: 100rem;}
    
    .popup-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c12);opacity: 0;visibility: hidden;transition: all .15s;}
    
    .popup:not(.active){opacity: 0;visibility: hidden;}
    .popup.active ~ .popup-overlay{opacity: .8;visibility: visible;}
    
    .popup-active{overflow: hidden;}
    .popup-active .topbar-lang{visibility: hidden;}
    
    .popup-active .topbar-menu-inner::before{bottom: 0;transform: rotate(-45deg);}
    .popup-active .topbar-menu-inner::after{top: 0;transform: rotate(45deg);}
    
    
    .topbar-lang.active .topbar-lang-icon{transform: scaleY(-1);}
    .topbar-lang:not(.active) .lang-menu{visibility: hidden;opacity: 0;transform: translateY(20rem);}
    
    
    .cookies-wrapper{padding: 0;}
    .cookies{padding: 20rem var(--wr) 20rem;position: relative;grid-template-columns: auto 1fr;grid-gap: 30rem 20rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0;align-items: flex-start;}
    .cookies-image{width: 40rem;height: 40rem;padding: 10rem;}
    .cookies-text{padding-right: 0;}
    .cookies-action{grid-gap: var(--gap);grid-column: 1/-1;}
    .cookies-close{position: absolute;top: 0;right: 0;margin: 15rem;}
    
    
    .whr-group{margin-bottom: 30rem;}
    .whr-group:not(:first-child){margin-top: 80rem;}
    .whr-items{grid-template-columns: auto;}
    .whr-item{padding: 20rem;}
    .whr-title{border-bottom: var(--sl) solid var(--c20);padding-bottom: 10rem;}
    
    .section-header-title,
    .section-header-subtitle,
    .s3-2,
    .s7-2-1 .title,
    .s7-2-2,
    .s7-2-4,
    .s8-2 .title,
    .s10-2,
    .s11-3,
    .s12-2-1,
    .s12-2-2,
    .s12-2-4,
    .s13-2 .title,
    .s14-2-1,
    .s15-5-1,
    .s15-5-2,
    .s16-2,
    .s16-3,
    .s23-2-1,
    .s23-2-2,
    .s25-3 .title,
    .s29-2 .title{text-align: center;margin-left: auto;margin-right: auto;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .masked-line{mask-image: linear-gradient(90deg, #fff 50%, rgba(255,255,255,.2) 50%);mask-position: 100% 100%;mask-size: 300% 100%;padding: .2em 0;margin: -.4em 0;transition: mask-position .25s linear;}
    
    .header{will-change: transform;transition: transform 1s 2.5s;position: relative;z-index: 999;}
    .header.init{top: calc(-1 * var(--headroom-height));transition: top .25s ease;position: sticky;}
    .header.active{top: 0;}
    
    .topbar{height: auto;}
    .topbar-logo{max-width: none;}
    .topbar-logo img{height: max(50px, 60rem);width: auto;max-width: none;}
    
    .s3-3-1 br{display: none;}
    
    .s3-5-1{position: absolute;overflow: hidden;right: 100%;width: calc( (100% + var(--gap)) / 4 * 8 - 60rem );height: 100%;top: 0;border-radius: var(--br3);pointer-events: none;margin-right: 60rem;}
    
    .s6-2:nth-child(1){grid-row-end: span 2;grid-gap: 15rem;}
    .s6-2:nth-child(1) .s6-4-1{font-size: var(--f-b);}
    .s6-2:nth-child(2),
    .s6-2:nth-child(3){grid-template-columns: 1fr 1fr;grid-gap: 15rem;}
    .s6-2:nth-child(3){border-top: var(--sl) solid var(--c2);margin-top: var(--gap);padding-top: var(--gap);}
    
    .s8-4-1{grid-column-end: span 3;}
    .s8-4-1:nth-child(n + 5){margin-top: 60rem;}
    .s8-4-2{grid-column-end: span 4;}
    .s8-4-2:nth-child(n + 4){margin-top: 40rem;}
    .s8-4-3{grid-column-end: span 4;}
    .s8-4-3:nth-child(n + 4){margin-top: var(--gap);}
    .s8-4-4{grid-column-end: span 6;}
    .s8-4-4:nth-child(n + 3){margin-top: 40rem;}
    .s8-4-5{grid-column-end: span 6;}
    .s8-4-5:nth-child(n + 3){margin-top: var(--gap);}
    
    .s14-3-1{grid-column-end: span 18;}
    .s14-3-2{grid-column-end: span 20;}
    .s14-3-3{grid-column-end: span 16;}
    
    .s23-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
    .s23-3-1{position: absolute;will-change: transform;transition: transform 2s ease-in-out;}
    .s23-3-1:nth-child(1){right: 100%;margin-right: 20rem;top: 0;}
    .s23-3-1:nth-child(2){right: 50%;top: 100%;margin-top: 100rem;}
    .s23-3-1:nth-child(3){left: 100%;top: 100%;}
    .s23-3-1:nth-child(4){left: 100%;bottom: 100%;margin-bottom: 20rem;margin-left: -125rem;}
    .s23-3-1:nth-child(5){right: 50%;bottom: 100%;margin-bottom: 75rem;margin-right: 175rem;}
    
    
    
    
    .s1-4{transition: all 1s 2s;margin: 0;}
    .s1-5{transition: all 1s 2s;opacity: 1;}
    
    .__loading .header{transition-duration: 0s;transform: translateY(-100%);}
    .loading .s1-4{border-radius: 0;transition-duration: 0s;margin: -200rem;}
    .loading .s1-5{opacity: 0;transition-duration: 0s;}
    
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    
    .button__default{background-image: linear-gradient(to left, var(--c1) 0%, var(--c1) 50%, var(--c0) 50%, var(--c0));background-size: 210%;background-position: 100% 0%;transition: all .5s;}
    
    .button__default:hover{background-position: 0% 0%;border-color: var(--c0)!important;}
    
    .button__secondary{transition: all .5s;}
    .button__secondary:hover{background-color: var(--c1);color: var(--c11);}
    
    .social-item{transition: color .5s;}
    .social-item:hover{color: var(--c0);}
    
    .carousel-button{transition: color .25s;}
    .carousel-button:hover{color: var(--c0);}
    
    .topbar-nav a,
    .f7-2 a,
    .card-5 .card-footer a,
    .s9-1 .button{transition: background-size .5s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);}
    
    .topbar-nav li.current{pointer-events: none;}
    
    .topbar-nav li.current a,
    .topbar-nav a:hover,
    .f7-2 a:hover,
    .card-5 .card-footer a:hover,
    .s9-1 .button:hover{background-size: 100% var(--sl);background-position: left bottom;}
    
    .card:not(.card-4),
    .tab{transition: background-color .5s, color .5s;}
    .card-4{transition: background-color .5s;}
    
    .card-media,
    .s6-3-1{transition: transform .5s;will-change: transform;}
    
    .card-4 .card-subtitle{transition: opacity .5s;}
    
    .card-6:hover .card-content,
    .card-8:hover .card-content,
    .whr-item{transition: background-color .5s, color .5s;}
    
    .card-1:hover,
    .card-2:hover,
    .card-3:hover,
    .card-4:hover,
    .card-5:hover,
    .card-7:hover,
    .whr-item:hover{background-color: var(--c0);color: var(--c11);}
    .whr-item:hover .whr-title{color: inherit;}
    
    .card-4:hover .card-subtitle{opacity: 1;}
    .card-4:hover .card-header{opacity: 1;}
    .card-4:hover .card-content .card-title{opacity: 0;}
    
    .card-6:hover .card-content,
    .card-8:hover{background-color: var(--c0);color: var(--c11);}
    
    .s6-2:hover .s6-3-1,
    .card:hover .card-media{transform: scale(1.05);}
    
    .tab:hover{background-color: var(--c1);color: var(--c11);}
    
    .f6-1{transition: color .15s;pointer-events: none;}
    .f6-1:hover{color: currentColor;}
    .f6-1 a{pointer-events: all;}
    
    .s3-5-1,
    .s3-5-2,
    .s3-5-3{transition: opacity .25s;}
    .s3-6:not(.active) .s3-5-1{opacity: 0;}
    .s3-6:not(.active) .s3-5-2,
    .s3-6:not(.active) .s3-5-3{opacity: .5;}
    
    .s21-2__:hover{clip-path: inset(0% 0% 0% 0% round var(--br3));}
    
    .s26-2{transition: color .25s, background-color .25s;}
    .s26-2:not(.active):hover{background-color: var(--c0);color: var(--c11);}
    
    .topbar-lang:hover .topbar-lang-icon{transform: scaleY(-1);}
    .topbar-lang:not(:hover) .lang-menu{visibility: hidden;opacity: 0;transform: translateY(20rem);}
    
    .cookies-text a,
    .cookies-close{transition: color .15s;}
    
    .cookies-text a:hover,
    .cookies-close:hover{color: var(--c1);}
    
    .step-image:not(.visible):hover{fill: var(--c2);opacity: 1;}
    
}