@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #F1F1F1; 
    --c1: #282828;
    --c2: #E02424;
    --c3: #203B69;
    --c4: rgba(40, 40, 40, .3);
    --c5: #FFFFFF;
    --c6: rgba(40, 40, 40, .5);
    --c7: rgba(40, 40, 40, .7);
    --c8: rgba(40, 40, 40, .2);
    
    --wr: 30rem;
    --awr: calc(-1 * var(--wr));
    --iwr: 80rem;
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 10rem;
    
    --btn: max(44px, 50rem);

    --f-xxxs: max(16px, 16rem);
    --f-xxs: max(16px, 18rem);
    --f-xs: max(16px, 20rem);
    --f-s: max(16px, 22rem);
    --f-d: max(16px, 24rem);
    
    --f-m: max(16px, 26rem);
    --f-b: max(16px, 32rem);
    --f-l: max(16px, 42rem);
    --f-xl: max(16px, 80rem);
    --f-xxl: max(16px, 110rem);
    --f-n: max(16px, 190rem);
    --f-t: var(--f-b);
    
    --mw: 19200px; 
    
    
}


/* globals */

@media screen {

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

    .document{font-weight: 300;font-family: 'Inter', sans-serif;font-size: var(--f-xs);line-height: 1.3;color: var(--c1);background-color: var(--c0);letter-spacing: -.06em;}
    
    .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;height: var(--btn);border-radius: 0;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__default{min-width: 250rem;max-width: 100%;background-color: var(--c1);padding: 0 20rem;color: var(--c5);border: var(--sl) solid var(--c1);}
    .button__default .button-text{font-weight: 500;}
    .button__wide{width: 100%;}
     
    .title,
    .textbox h2{width: 100%;font-weight: 600;letter-spacing: -.06em;line-height: 1;}
    .title{font-size: var(--f-t);}
    .textbox h2{font-size: var(--f-b);}
    .title__medium{font-size: var(--f-l);line-height: 1.2;letter-spacing: -.03em;}
    .title__default{font-size: var(--f-xl);line-height: .95;letter-spacing: -.07em;}
    .title__large{font-size: var(--f-xxl);line-height: .95;letter-spacing: -.07em;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{position: sticky;top: 0;z-index: 10;background-color: var(--c0);}
    
    .topbar{padding: 20rem 0 20rem;border-bottom: var(--sl) solid;display: grid;grid-template-columns: 1fr auto auto;grid-gap: 85rem;align-items: center;font-weight: 500;letter-spacing: normal;}
    .topbar-logo{max-width: 112rem;line-height: 0;}
    .topbar-nav > ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;align-items: center;}
    .topbar-nav > ul ul{position: absolute;top: 100%;left: 0;border: var(--sl) solid;background-color: var(--c0);color: var(--c1);z-index: 10;padding: 20rem;margin-left: calc(-1 * var(--sl));display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .topbar-nav li{position: relative;}
    .topbar-nav li.current{opacity: .5;pointer-events: none;}
    
    .dropdown{display: flex;align-items: center;position: relative;padding: 10rem 0;}
    .dropdown-icon{width: max(8px, 10rem);height: max(8px, 10rem);flex: none;margin-left: 5rem;display: flex;align-items: center;justify-content: center;}
    
    
    .odometer.odometer-auto-theme{padding: 0;}
    .odometer.odometer-auto-theme .odometer-digit{padding: 0;text-align: center;vertical-align: baseline;}
    .odometer *{text-align: center!important;}
    .odometer .odometer-digit .odometer-value {width: 100%;}
    
    .topbar-action{text-decoration: underline;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;overflow-x: clip;}
    
   
    .section,
    .section-group{position: relative;z-index: 1;margin-top: 120rem;}
    
    .section-group:first-child,
    .section:first-child{margin-top: 40rem;}
    
    .section:only-child{flex: auto;}
    
    .section__contrast{background-color: var(--c1);color: var(--c0);padding: 120rem 0;}
    .section__contrast .card-1 .card-tag{background-color: var(--c1);}
    
    .section__contrast *::-moz-selection{background-color: var(--c0);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    .section__contrast *::selection{background-color: var(--c0);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    
    .section__contrast .button__default{color: var(--c1);border-color: var(--c0);background-color: var(--c0);}
    
    .section-group{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .section-group .section{margin: 0;}
    
    .section-header{display: grid;margin-bottom: 40rem;grid-template-columns: 1fr 1fr;grid-gap: 20rem var(--gap);align-items: flex-end;}
    .section-header:not(:first-child){margin-top: 80rem;}
    .section-header-subtitle{grid-column: 1/2;max-width: 450rem;}
    .section-header-tabs{grid-column: 1/2;}
    .section-header-tabs:last-child{grid-column: 1/-1;}
    .section-header-action{margin-left: auto;}
    
    .footer{overflow: hidden;margin-top: 120rem;padding: 50rem 0 20rem;}
    .footer-grid{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 0 var(--gap);grid-template-rows: 1fr auto auto auto;grid-template-areas: 
        "f3 . . . . . . . f2 f2 f2 f2" 
        "f4 f4 f4 f4 f4 f4 . . f2 f2 f2 f2" 
        "f1 f1 f1 f1 f1 . . . f2 f2 f2 f2" 
        "f1 f1 f1 f1 f1 f5 f5 f5 f5 . . .";
    }
    .f1{grid-area: f1;margin-top: 30rem;}
    .f2{grid-area: f2;display: flex;padding-right: 110rem;padding-top: 20rem;}
    .f2-1{flex: auto;}
    .f2-1:not(:last-child){margin-right: 50rem;}
    .f2-1-1{margin-bottom: 15rem;color: var(--c6);}
    .f2-1-2 + .f2-1-2{margin-top: 30rem;}
    .f2-1-2 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .f3{grid-area: f3;}
    .f4{grid-area: f4;margin-top: 110rem;margin-right: auto;display: flex;align-items: flex-end;}
    .f4-1:not(:last-child){margin-right: 50rem}
    .f4-2 ul{display: grid;grid-auto-flow: column;grid-gap: 50rem;}
    .f4-3:not(:first-child){margin-left: 50rem}
    .f5{grid-area: f5;margin-top: 50rem;max-width: 480rem;}
    
    .bottombar-author{display: flex;align-items: baseline;}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;color: currentColor;opacity: 1;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .carousel-buttons{display: inline-grid;grid-auto-flow: column;grid-gap: var(--gap);}
    .carousel-button{display: flex;align-items: center;justify-content: center;width: var(--btn);height: var(--btn);padding: 0;cursor: pointer;position: relative;}
    .carousel-button::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border: var(--sl) solid;opacity: .3;}
    .carousel-button__prev{padding-right: 5%;}
    .carousel-button__next{padding-left: 5%;}
    
    .breadcrumbs{overflow: hidden;padding-top: 20rem;}
    .breadcrumbs:not(:last-child){margin-bottom: 30rem;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: 0 -.25em;}
    .breadcrumbs li{margin: 0 .25em;}
    .breadcrumbs li:not(:last-child)::after{content: "/";padding-left: .25em;color: var(--c6);}
    .breadcrumbs li:last-child{color: var(--c6);pointer-events: none;}
    
    .page-header-title:first-child{padding-top: 70rem;}
    
    .page-header-media{margin-bottom: 40rem;display: flex;overflow: hidden;position: relative;}
    .page-header-media::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .page-header-subtitle{margin-top: 40rem;}
    
    .page-header + .section{margin-top: 80rem;}
    
    .tabs{overflow: hidden;}
    .tabs ul{display: flex;flex-wrap: wrap;margin: -10rem;}
    .tabs li{margin: 10rem;box-shadow: inset 0 0 0 var(--sl) var(--c4);padding: 15rem 30rem;position: relative;}
    .tabs li.current{background-color: var(--c1);color: var(--c5);pointer-events: none;}
    
    .textbox{font-size: var(--f-d);}
    .textbox h2{margin: 70rem 0 .75em;}
    .textbox h2:first-child{margin-top: 0;}
    .textbox p,
    .textbox ul{margin: 1.2em 0;}
    .textbox ul:first-child{margin-top: 0;}
    .textbox ul:last-child{margin-bottom: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    .textbox a{text-decoration: underline;}
    .textbox figure{}
    .textbox figcaption{color: var(--c7);font-size: var(--f-xxs);max-width: 535rem;}
    .textbox figcaption:not(:empty){margin-top: 20rem;}
    
    .textfield{width: 100%;display: flex;position: relative;}
    .textfield-input{resize: none;flex: auto;min-width: 0;text-overflow: ellipsis;max-height: 500rem;overflow-x: hidden!important;padding: 35rem 40rem;border-top: var(--sl) solid transparent;border-bottom: var(--sl) solid transparent;margin: calc(-1 * var(--sl)) 0;z-index: 2;}
    .textfield-error{position: absolute;top: 0;right: 0;color: var(--c2);font-size: var(--f-xxxs);height: 100%;display: flex;align-items: center;max-width: 50%;visibility: hidden;opacity: 0;transition: all .15s;opacity: 0;padding: 0 15rem;}
    
    .textfield-input:invalid,
    .textfield-input.error{border-color: var(--c2);color: var(--c2);padding-right: 50%;}
    .textfield-input:invalid ~ .textfield-error,
    .textfield-input.error ~ .textfield-error{opacity: 1;visibility: visible;}
    
    .selector{}
    .selector-holder{display: flex;align-items: center;cursor: pointer;padding: 35rem 40rem;user-select: none;}
    .selector-holder-input{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;pointer-events: none;}
    .selector-holder-icon{display: flex;align-items: center;justify-content: center;width: max(18px, 20rem);height: max(18px, 20rem);flex: none;margin-left: 20rem;}
    .selector-list{position: absolute;z-index: 99;background-color: var(--c0);box-shadow: 0 0 0 var(--sl) var(--c1);width: 100%;margin-top: var(--sl);}
    .selector-option{position: relative;padding: 0 20rem;background-color: var(--c1);color: var(--c0);cursor: pointer;}
    .selector-option-inner{padding: 25rem 0;}
    .selector-option:not(:first-child) .selector-option-inner{border-top: var(--sl) solid;}
    
    .selector.active .selector-holder-icon{transform: scaleY(-1);}
    
    .selector-list:not(.active){display: none;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;}
  
    .card-title{font-weight: 500;font-size: var(--f-m);letter-spacing: -.06em;line-height: 1.2;}
    .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;will-change: transform;transition: transform .25s;}
    .card-action{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;display: flex;justify-content: center;align-items: center;background-color: var(--c6);color: var(--c5);z-index: 1;font-weight: 500;padding: 20rem;}
    
    .card-1 .card-header{display: flex;overflow: hidden;position: relative;align-items: flex-end;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .card-1 .card-header:only-child::before{padding-top: 90%;}
    .card-1 .card-tag{background-color: var(--c0);position: relative;z-index: 2;padding: 15rem 25rem 0 0;color: var(--c7);pointer-events: none;}
    .card-1 .card-content{margin-top: 25rem;padding-right: 40rem;}
    .card-1 .card-subtitle{margin-top: 10rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--c7);}
    .card-1 .card-subtitle ul{display: flex;flex-wrap: wrap;}
    .card-1 .card-subtitle li{display: flex;}
    .card-1 .card-subtitle li:not(:last-child)::after{content: "|";padding: 0 .5em;}
    
    .card-2 .card-content{margin-bottom: auto;}
    .card-2 .card-pretitle{margin-bottom: 15rem;color: var(--c7);}
    .card-2 .card-subtitle{margin-top: 25rem;color: var(--c7);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    .card-2 .card-footer{margin-top: 80rem;}
   
    .card-3 .card-header{display: flex;overflow: hidden;position: relative;align-items: flex-end;}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .card-3 .card-content{margin-top: 25rem;}
    .card-3 .card-subtitle{font-size: var(--f-d);}
    
    .card-4 .card-header{display: flex;overflow: hidden;position: relative;align-items: flex-end;background-color: var(--c8);}
    .card-4 .card-header::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .card-4 .card-media img{object-position: top;}
    .card-4 .card-media-placeholder{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c1);color: var(--c0);display: flex;align-items: center;justify-content: center;padding: 25%;}
    .card-4 .card-content{margin-top: 25rem;padding-right: 40rem;}
    .card-4 .card-subtitle{margin-top: 5rem;color: var(--c7);}
    
}

/* sections */

@media screen {
    
    .s1-2{display: flex;position: relative;overflow: hidden;}
    .s1-2:not(:first-child){margin-top: 40rem;}
    .s1-2::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s1-3{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 var(--gap);border-top: var(--sl) solid;}
    .s1-3:not(:first-child){margin-top: 40rem;}
    .s1-4{border-bottom: var(--sl) solid;}
    .s1-5{border-bottom: var(--sl) solid;}
    .s1-4,
    .s1-6{padding: 70rem 130rem 70rem var(--iwr);margin-right: calc(-1 * var(--gap));border-bottom: var(--sl) solid;}
    .s1-5,
    .s1-7{grid-column: 2/4;padding: 70rem 130rem 70rem 130rem;border-left: var(--sl) solid;border-bottom: var(--sl) solid;}
    .s1-6-2{max-width: 415rem;}
    .s1-6-2:not(:first-child){margin-top: 30rem;}
    .s1-7-2{max-width: 500rem;}
    .s1-7-2:not(:first-child){margin-top: 30rem;}
    
    .s2-1{display: flex;position: relative;overflow: hidden;}
    .s2-1::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s2-1-1{min-height: var(--app-height);}
    
    .s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 70rem var(--gap);align-items: flex-start;border-top: var(--sl) solid;border-bottom: var(--sl) solid;padding: 70rem 0;}
    .s3-3,
    .s3-4,
    .s3-5{display: flex;}
    .s3-3{justify-content: flex-end;padding-right: 0;}
    .s3-4{grid-column: 1/-1;border-top: var(--sl) solid;padding-top: 70rem;justify-content: flex-start;}
    .s3-5{grid-column: 1/-1;border-top: var(--sl) solid;padding-top: 70rem;justify-content: flex-end;padding-right: 20rem;}
    .s3-6{display: flex;flex-direction: column;}
    .s3-6-1{font-size: var(--f-n);font-weight: 200;line-height: 1;display: inline-flex;align-items: baseline;}
    .s3-6-1::after{content: "+";top: -.075em;position: relative;}
    .s3-6-2{margin-top: 40rem;}
    
    .s4-1{margin-top: -40rem;}
    .s4-2{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 0 var(--gap);position: relative;padding: 40rem var(--wr) 0;margin: 0 var(--awr);transition: all .5s;}
    .s4-2:not(:first-child){margin-top: calc(-1 * var(--sl));}
    .s4-2::after{content: "";grid-column: 1/-1;height: var(--sl);background-color: var(--c1);}
    .s4-3{grid-column: 1/-1;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 100rem;position: relative;align-items: center;}
    .s4-3-2{display: flex;align-items: center;justify-content: center;width: var(--f-xl);height: calc(1.2 * var(--f-xl));will-change: transform;transition: transform .5s;}
    .s4-4{display: flex;grid-column: 6/10;padding-top: 50rem;padding-bottom: 40rem;overflow: hidden;transition: all .5s;}
    .s4-5{opacity: 0;}
    
    .s4-2.active{color: var(--c0);background-color: var(--c1);}
    
    .s4-2:not(.active) .s4-3-2{transform: rotate(-45deg);}
    .s4-2:not(.active) .s4-4{padding: 0;max-height: 0;opacity: 0;}
    
    .s5-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 60rem var(--gap);}
    .s5-1 .swiper{overflow: visible;margin: 0 calc(-1 * var(--gap));}
    .s5-1 .swiper-slide{padding-left: var(--gap);}
    .s5-1-1{}
    .s5-2{margin-top: 50rem;display: flex;}
    .s5-2-1{margin-left: auto;}
    .s5-2-2{margin: 0 auto;}
    .s5-3{margin-top: 80rem;display: flex;justify-content: center;}
    
    .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50rem var(--gap);grid-template-rows: 1fr auto;border-top: var(--sl) solid;border-bottom: var(--sl) solid;}
    .s6-2{padding-top: 50rem;}
    .s6-3{grid-column: 1/2;padding-bottom: 170rem;}
    .s6-4{grid-column: 2/5;grid-row: 1/3;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s6-5{border-left: var(--sl) solid;padding: 50rem 50rem 170rem 70rem;}
    
    
    .s7-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 0 var(--gap);border-top: var(--sl) solid;}
    .s7-2{grid-column: 1/3;padding: 70rem 0 70rem var(--iwr);border-bottom: var(--sl) solid;}
    .s7-3{grid-column: 3/7;padding: 70rem 0 70rem 130rem;border-bottom: var(--sl) solid;}
    .s7-4{grid-column: 1/3;padding: 70rem 0 70rem var(--iwr);border-bottom: var(--sl) solid;}
    .s7-4 .s7-8{max-width: 370rem;}
    .s7-5{grid-column: 3/7;padding: 70rem 0 70rem 130rem;border-bottom: var(--sl) solid;}
    .s7-5 .s7-8{max-width: 500rem;}
    .s7-7{grid-column: 1/4;padding: 70rem 0 70rem 0;border-bottom: var(--sl) solid;}
    .s7-8{}
    .s7-8-1{margin-bottom: 20rem;}
    .s7-9{grid-column: 4/7;padding: 70rem 0 70rem 0;border-bottom: var(--sl) solid;}
    .s7-6{order: 1;grid-column: 1/-1;position: relative;overflow: hidden;display: flex;margin-top: 40rem;}
    .s7-6::before{content: "";flex: none;width: 0;padding-top: 45%;}
    
    .s7-2,
    .s7-4,
    .s7-7{margin-right: calc(-1 * var(--gap));padding-right: var(--gap);}
    .s7-3,
    .s7-5,
    .s7-9{border-left: var(--sl) solid;}
    .s7-7 .s7-8,
    .s7-9 .s7-8{margin: 0 calc((100% + var(--gap)) / 6);}
    .s7-7 .s7-8{max-width: 500rem;}
    
    .s8:first-child{margin-top: 0;}
    .s8-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 0 var(--gap);border-bottom: var(--sl) solid;align-items: flex-start;}
    .s8-2{grid-column: 1/4;padding: 0 var(--gap) 160rem 0;margin-right: calc(-1 * var(--gap));border-right: var(--sl) solid;}
    .s8-3{grid-column: 4/6;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);padding-bottom: 160rem;}
    .s8-4{grid-column: 1/4;padding: 0 var(--gap) 150rem 0;margin-right: calc(-1 * var(--gap));border-right: var(--sl) solid;}
    .s8-5{padding: 0 80rem;}
    .s8-5-2{margin-top: 30rem;max-width: 550rem;}
    .s8-6{}
    .s8-6-1 .title{font-size: var(--f-m);}
    .s8-6-2{font-size: var(--f-d);}
    .s8-6-2:not(:first-child){margin-top: 10rem;}
    .s8-7{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 25rem var(--gap);}
    .s8-7:not(:first-child){margin-top: 40rem;}
    .s8-7-1{grid-column: 1/-1;position: relative;overflow: hidden;display: flex;}
    .s8-7-1::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s8-7-2{color: var(--c7);font-size: var(--f-xxs);}
    
    .s9-1{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 0 var(--gap);align-items: flex-end;}
    .s9-2{position: relative;display: flex;overflow: hidden;}
    .s9-2::before{content: "";flex: none;width: 0;}
    
    .s10-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);border-top: var(--sl) solid;border-bottom: var(--sl) solid;padding: 70rem 0;}
    .s10-2{grid-column: 2/3;padding-left: 90rem;}
    .s10-2-1 .title{font-size: var(--f-m);}
    .s10-2-2{margin-top: 25rem;max-width: 545rem;}
    
    .s11-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);align-items: flex-start;}
    .s11-2-2{margin-top: 20rem;}
    .s11-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);}
    .s11-3-1,
    .s11-3-2{grid-column: 1/2;}
    
    .s12-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 60rem var(--gap);}
    
    .s13:first-child{margin-top: 0;}
    .s13-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);border-bottom: var(--sl) solid;grid-template-rows: auto auto 1fr;grid-template-areas: "a2 a4" "a3 a4" "a5 a4"}
    .s13-2{grid-area: a2;margin-bottom: 90rem;}
    .s13-3{grid-area: a3;padding-left: var(--iwr);}
    .s13-3-1{}
    .s13-3-2{font-weight: 500;font-size: var(--f-m);margin-top: 1em;color: var(--c6);}
    .s13-4{grid-area: a4;margin: 0 40rem 0 200rem;background-color: var(--c8);display: flex;align-items: flex-end;}
    .s13-4::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .s13-5{grid-area: a5;padding-left: var(--iwr);margin-top: 50rem;}
    .s13-5:not(:last-child){padding-bottom: 40rem;}
    .s13-5-1{}
    .s13-5-2:not(:first-child){margin-top: 25rem;}
    .s13-6{border-top: var(--sl) solid;padding: 40rem var(--iwr);grid-column: 1/-1;}
    .s13-6-1{}
    .s13-6-2{margin-top: 30rem;}
    .s13-6-2 ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s13-6-2 a{text-decoration: underline;}
    
    .s14-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 80rem var(--gap);}
    .s14-2{grid-column: 1/-1;display: grid;grid-template-columns: repeat(4, 1fr);align-items: flex-end;grid-gap: 25rem var(--gap);}
    .s14-2-1{grid-column: 2/4;}
    .s14-2-1 .title{display: flex;align-items: flex-end;min-height: calc(2 * .95em);}
    .s14-2-2{grid-column: 2/4;order: -1;color: var(--c7);}
    .s14-3{grid-column: 2/4;}
    .s14-4{grid-column: 2/4;display: grid;grid-template-columns: auto;grid-gap: 25rem;}
    .s14-4-1{color: var(--c7);}
    .s14-4-2{font-size: var(--f-d);}
    .s14-4-2 ul{display: flex;flex-wrap: wrap;margin: -.5em;}
    .s14-4-2 li{margin: .5em;}
    .s14-4-2 li:not(:last-child)::after{content: "|";padding-left: .5em;}
    
    .s15-1{border-top: var(--sl) solid;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);}
    .s15-2{grid-column: 3/6;border-left: var(--sl) solid;padding: 70rem 50rem 50rem 130rem;}
    .s15-2-2{margin-top: 30rem;max-width: 545rem;}
    
    .s16-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);position: relative;}
    .s16-2{display: grid;grid-template-columns: auto;grid-gap: 0;position: relative;}
    .s16-3{padding: 40rem;border-bottom: var(--sl) solid;transition: all .25s;}
    .s16-4{cursor: pointer;user-select: none;display: grid;grid-template-columns: 1fr auto;grid-gap: 80rem;align-items: center;}
    .s16-4-2{position: relative;width: var(--f-b);height: var(--f-b);display: flex;align-items: center;}
    .s16-4-2::before,
    .s16-4-2::after{content: "";position: absolute;left: 0;right: 0;height: max(2px, 2rem);background-color: currentColor;border-radius: 999rem;will-change: transform .25s;transition: transform .25s;}
    .s16-5{padding-top: 20rem;max-width: 545rem;width: 100%;overflow: hidden;transition: all .25s;}
    .s16-6{overflow: hidden;display: flex;width: 100%;transition: all .25s;}
    .s16-6-1{width: 100%;display: flex;position: relative;overflow: hidden;}
    .s16-6-1::before{content: "";flex: none;padding-top: 90%;}
    
    .s16-3:first-child:not(.active){padding-top: 0;}
    
    .s16-3.active{background-color: var(--c1);color: var(--c0);}
    
    .s16-3:not(.active) .s16-4-2::before{transform: rotate(-90deg);}
    .s16-3:not(.active) .s16-4-2::after{transform: rotate(-180deg);}
    .s16-3:not(.active) .s16-5{opacity: 0;max-height: 0;padding: 0;}
    .s16-3:not(.active) .s16-6{opacity: 0;visibility: hidden;}
    
    .s17-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 100rem var(--gap);}
    .s17-1:not(:first-child){margin-top: 80rem;}
    .s17-2{grid-column: 1/10;}
    .s17-2 .swiper-slide{height: auto;}
    .s17-3{grid-column: 1/13;user-select: none;}
    .s17-3 .swiper{overflow: visible;}
    .s17-3 .swiper-slide:not(.swiper-slide-thumb-active){cursor: pointer;}
    .s17-4{grid-column: 6/10;max-width: 495rem;}
    .s17-4-2{margin-top: 30rem;}
    .s17-5{text-align: center;display: flex;flex-direction: column;align-items: center;}
    .s17-5-1{padding: 0 calc(var(--gap) / 2);transition: opacity .25s;}
    .s17-5-1 .title{font-size: var(--f-m);}
    .s17-5-2{padding: 0 calc(var(--gap) / 2);max-width: 190rem;transition: opacity .25s;}
    .s17-5-3{position: relative;display: flex;align-items: center;justify-content: center;line-height: 1;width: 100%;height: 30rem;}
    .s17-5-3::before{content: "";position: absolute;left: 0;right: 0;height: 100%;top: 0;opacity: .3;background-image: linear-gradient(currentColor, currentColor);background-size: 100% var(--sl);background-repeat: no-repeat;background-position: center;}
    .s17-5-3::after{content: "";width: 6rem;height: 6rem;border-radius: 50%;background-color: currentColor;flex: none;transition: transform .25s;transform: scale(2);display: block;}
    .s17-6{display: grid;grid-template-columns: repeat(9, 1fr);grid-gap: var(--gap);width: 100%;min-height: 100%;}
    .s17-7{grid-column: 1/4;position: relative;display: flex;overflow: hidden;}
    .s17-7::before{content: "";flex: none;width: 0;padding-top: 65%;}
    
    .s17-3 .swiper-slide:not(.swiper-slide-thumb-active) .s17-5-1{opacity: .4;}
    .s17-3 .swiper-slide:not(.swiper-slide-thumb-active) .s17-5-2{opacity: .4;}
    .s17-3 .swiper-slide:not(.swiper-slide-thumb-active) .s17-5-3::after{transform: scale(1);}

    .s18-1{margin-bottom: calc(-1 * var(--sl));}
    .s18-2{padding-bottom: 40rem;}
    .s18-3{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 var(--gap);border-top: var(--sl) solid;border-bottom: var(--sl) solid;}
    .s18-4{padding: 70rem 130rem 30rem var(--iwr);}
    .s18-4-2{margin-top: 20rem;}
    .s18-5{display: flex;align-items: center;justify-content: flex-start;width: 100%;position: relative;user-select: none;cursor: pointer;}
    .s18-5:not(:first-child)::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: var(--sl);background-color: var(--c0);margin: 0 var(--wr);}
    .s18-5-2{display: flex;align-items: center;justify-content: center;width: max(48px, 56rem);height: max(48px, 56rem);flex: none;margin-left: 30rem;will-change: transform;}
    .s18-6{margin: 0 var(--awr);background-color: var(--c1);color: var(--c0);overflow: hidden;transition: all .25s;display: grid;grid-template-columns: auto;grid-gap: 0;}
    
    .s18-6 .s18-5{padding: 40rem var(--wr);margin-top: calc(-1 * var(--sl));}
    
    .s18-1.active .s18-5 .s18-5-2{transform: scaleY(-1);}
    
    .s18-1:not(.active){margin-bottom: 0;}
    .s18-1:not(.active) .s18-6{padding-bottom: 0;padding-top: 0;opacity: 0;max-height: 0;}
    
    .s19:first-child{margin-top: 0;}
    .s19-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);border-bottom: var(--sl) solid;grid-template-rows: auto auto 1fr;grid-template-areas: "a2 ." "a3 a4" "a5 a7";}
    .s19-2{grid-area: a2;padding-bottom: 40rem;border-right: var(--sl) solid;}
    .s19-3{grid-area: a3;padding: 0 var(--iwr) 40rem;border-right: var(--sl) solid;}
    .s19-3-1{max-width: 650rem;}
    .s19-4{grid-area: a4;display: flex;flex-direction: column;margin-left: calc(-1 * var(--gap));padding-left: 40rem;}
    .s19-5{grid-area: a5;padding: 40rem var(--iwr) 120rem;border-right: var(--sl) solid;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);align-items: flex-start;border-top: var(--sl) solid;}
    .s19-6{}
    .s19-6-1{margin-bottom: 25rem;}
    .s19-6-1 .title{font-size: var(--f-d);}
    .s19-6-2 + .s19-6-2{margin-top: 15rem;}
    .s19-7{grid-area: a7;display: flex;flex-direction: column;margin-left: calc(-1 * var(--gap));padding-left: 40rem;padding-bottom: 40rem;}
    .s19-8{margin-bottom: 40rem;}
    .s19-8-2{margin-top: 25rem;}
    .s19-9:not(:first-child){margin-top: auto;}
    .s19-9:not(:last-child){margin-bottom: auto;}
    .s19-9-1{margin-left: -40rem;border-top: var(--sl) solid;}
    .s19-10{margin-top: 40rem;}
    .s19-11{grid-area: a4;margin-left: calc(-1 * var(--gap));padding-left: 40rem;}
    
    .s19 .form-container.success .s19-4,
    .s19 .form-container.success .s19-7,
    .s19 .form-container:not(.success) .s19-11{visibility: hidden;}
    
    .s20-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s20-2{display: grid;grid-template-columns: repeat(3, 1fr);position: relative;grid-gap: var(--gap);}
    .s20-3{position: relative;display: flex;overflow: hidden;}
    .s20-3::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s20-4{position: relative;margin: -40rem -50% -40rem var(--awr);padding-left: var(--wr);}
    .s20-4-1{position: absolute;top: 0;right: 0;bottom: 0;z-index: 1;display: flex;justify-content: flex-end;}
    .s20-4-1 img{max-width: none;width: auto;height: 100%;flex: none;}
    .s20-5{position: relative;grid-column: 2/4;margin-right: var(--gap);}
    .s20-6{height: var(--sl);display: flex;align-items: center;background-image: linear-gradient(to right, rgba(0,0,0,0), currentColor);position: absolute;left: 0;}
    .s20-6:nth-child(1){top: 27%;padding-left: calc(50% + var(--gap));}
    .s20-6:nth-child(2){top: 47%;margin-right: 50%;padding-left: 10%;}
    .s20-6:nth-child(3){top: 95%;margin-right: 50%;padding-left: 10%;margin-left: -15%;}
    .s20-7{flex: none;display: grid;grid-template-rows: 1fr 1fr;grid-gap: var(--sl);max-width: 100%;overflow: hidden;min-width: 0;}
    .s20-8{padding-bottom: 10rem;}
    .s20-8-1{padding-right: 5rem;}
    .s20-8-1 .title{font-size: var(--f-d);}
    .s20-8-2{padding-top: 20rem;overflow: hidden;padding-right: 5rem;}
    .s20-9{padding-top: 30rem;overflow: hidden;padding-right: 5rem;}
    .s20-9 .title{font-size: var(--f-d);text-decoration: underline;}
    
    .s20-6:not(.active) .s20-8-2,
    .s20-6:not(.active) .s20-9{padding: 0;height: 0;opacity: 0;width: 0;}
    
    .s404:first-child{margin: 0;}
    .s404-1{border-bottom: var(--sl) solid;display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);overflow: hidden;}
    .s404-2{padding: 50rem 40rem 0;grid-column: 2/-1;border-left: var(--sl) solid;}
    .s404-3 a{text-decoration: underline;}
    .s404-4{display: flex;align-items: flex-end;font-size: 270rem;margin-left: -.06em;margin-bottom: 40rem;}
    .s404-4 .title{font-size: 270rem;letter-spacing: -.07em;line-height: .75;}
    .s404-5{display: flex;align-items: flex-end;margin-right: .2em;}
    .s404-6{display: flex;align-items: flex-end;}
    .s404-7{display: flex;align-items: flex-end;}
    .s404-7-2{flex: none;display: flex;align-items: flex-end;width: 0;position: relative;z-index: -1;}
    
    .s404-6-1,
    .s404-7-1,
    .s404-8-1{will-change: transform;}
    .s404-6-1{transform-origin: 74% 94%;transition: transform .5s ease-in;}
    .s404-7-1{transform-origin: center;transition: transform 1s ease-in-out;}
    .s404-8-1{transform-origin: 89% 99%;transition: transform .75s ease-in;}
    
    .s404-8{display: flex;align-items: flex-end;}
    .s404-9{display: flex;align-items: flex-end;position: relative;z-index: 1;}
    
    .s404-animation{height: 40vw;margin-left: -.4em;position: relative;margin-bottom: -40rem;}
    .s404-animation-back{height: 100%;clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 20% 25%, 0 25%);}
    .s404-animation-back img{max-width: none;width: auto;height: 100%;}
    .s404-animation-front{position: absolute;top: 25%;left: 0;width: 100%;height: 50%;z-index: 1;transition: height 1s ease-in-out;clip-path: polygon(0 0, 20% 0, 20% 100%, 0 100%);}
    .s404-animation-front img{object-position: bottom left;}
    
    .s404-4.active .s404-animation-front{height: 25%;}
    
    
    .s404-4.active .s404-6-1{transform: translateY(0%) translateX(0%) rotate(-24deg);}
    .s404-4.active .s404-7-1{transform: translateY(-92%) translateX(-5%) rotate(15deg);}
    .s404-4.active .s404-8-1{transform: translateY(0%) translateX(0%) rotate(59deg);}
    
   
}

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

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

        --gap: 8rem;

        --btn: 50rem;

        --f-xxxs: 14rem;
        --f-xxs: 16rem;
        --f-xs: 16rem;
        --f-s: 16rem;
        --f-d: 16rem;
        --f-m: 20rem;
        --f-b: 24rem;
        --f-l: 28rem;
        --f-xl: 36rem;
        --f-xxl: 48rem;
        --f-n: 96rem;
        --f-t: var(--f-m);

        --mw: 640rem; 
        --bw: 320rem;
        
        
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button{width: 100%;}
    .button__default{min-width: 0;}
    .button__default .button-text{font-size: var(--f-d);}
    
    .topbar{grid-template-columns: 1fr auto;}
    .topbar-nav,
    .topbar-action{display: none;}
    .topbar-logo{max-width: 90rem;}
    
    .topbar-menu{position: relative;display: flex;width: 40rem;height: 30rem;align-items: center;}
    .topbar-menu-inner{position: relative;background-color: transparent;height: var(--sl);width: 100%;}
    .topbar-menu-inner::before,
    .topbar-menu-inner::after{content: "";position: absolute;background-color: currentColor;height: 100%;width: 100%;left: 0;transition: all .15s;color: currentColor;}
    .topbar-menu-inner::before{bottom: 5rem;}
    .topbar-menu-inner::after{top: 5rem;} 
    
    .footer{padding: 65rem 0 15rem;margin: 0;}
    .footer-grid{grid-template-columns: auto;grid-gap: 0;grid-template-areas: "f1" "f5" "f2" "f3" "f4";}
    .f1{margin: 0;max-width: 280rem;}
    .f2{padding: 0;margin-top: 35rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);}
    .f2-1:not(:last-child){padding: 0;}
    .f2-1-2 + .f2-1-2{margin-top: 25rem;}
    .f2-1-2 ul{grid-gap: 8rem;}
    .f3{max-width: 90rem;margin-top: 30rem;}
    .f4{margin: 25rem 0 0;display: grid;grid-template-columns: auto 1fr;grid-gap: 12rem var(--gap);}
    .f4-1:not(:last-child){margin-right: 0;}
    .f4-2 ul{grid-gap: 12rem;}
    .f4-3{grid-column: 1/-1;}
    .f4-3:not(:first-child){margin-left: 0;}
    .f5{margin: 10rem 0 0;max-width: 280rem;}
    
    .breadcrumbs{padding-top: 30rem;}
    
    .page-header-inner{padding-bottom: 30rem;}
    .page-header-media{margin-bottom: 30rem;}
    .page-header-media::before{padding-top: 100%;}
    .page-header-title:first-child{padding-top: 0;}
    .page-header-subtitle{margin-top: 30rem;}
    
    .tabs ul{margin: -6rem;}
    .tabs li{margin: 6rem;padding: 12rem 30rem;}
    
    .section, 
    .section-group{margin-top: 65rem;}
    .section-group{grid-gap: 65rem;}
    
    .section-group:first-child{margin-top: 30rem;}
    
    .section-group .section{margin: 0;}
    
    .section__contrast{padding: 50rem 0;}
    
    .section-header{grid-template-columns: auto;margin-bottom: 30rem;}
    .section-header:not(:first-child){margin-top: 65rem;}
    
    .page-header + .section,
    .page-header + .section-group{margin-top: 30rem;}
    
    .carousel-buttons{margin: 0 auto;}
    
    .textbox h2{margin: 60rem 0 15rem;}
    .textbox figure{margin: 30rem 0;}
    .textbox figcaption:not(:empty){margin-top: 10rem;}
    
    .textfield-input{padding: 25rem 15rem;}
    
    .selector-holder{padding: 25rem 15rem;}
    .selector-holder-icon{width: 1em;height: 1em;}
    
    .selector-list{box-shadow: none;}
    .selector-option{padding: 0 15rem;}
    .selector-option-inner{padding: 15rem 0;}
    
    .card-action{visibility: hidden;}
    
    .card-1 .card-header::before{padding-top: 100%;}
    .card-1 .card-tag{padding: 10rem 20rem 0 0;}
    .card-1 .card-content{margin-top: 20rem;padding-right: 20rem;}
    .card-1 .card-subtitle{-webkit-line-clamp: 999;color: currentColor;}
    
    .card-2 .card-pretitle{margin-bottom: 10rem;}
    .card-2 .card-subtitle{margin-top: 15rem;max-width: var(--bw);color: currentColor;}
    .card-2 .card-footer{margin-top: 25rem;}
    
    .card-3 .card-content{margin-top: 15rem;}
    .card-3 .card-subtitle{font-size: var(--f-s);}
    
    .card-4 .card-content{margin-top: 20rem;padding-right: 20rem;}
    
    .s1-2:not(:first-child){margin-top: 30rem;}
    .s1-2::before{padding-top: 125%;}
    .s1-3{grid-template-columns: auto;grid-gap: 0;}
    .s1-3:not(:first-child){margin-top: 65rem;}
    .s1-4, 
    .s1-5, 
    .s1-6, 
    .s1-7{padding: 25rem 0;grid-column: auto;margin: 0;border-left: none;border-right: none;}
    .s1-4 .title{font-size: var(--f-b);}
    .s1-5{padding: 25rem 0 50rem;}
    .s1-6-2,
    .s1-7-2{max-width: var(--bw);}
    .s1-6-2:not(:first-child),
    .s1-7-2:not(:first-child){margin-top: 15rem;}
    
    .s2-1::before{padding-top: 125%;}
    .s2-1-1{min-height: 0;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 0;padding: 25rem 0;}
    .s3-2{border-bottom: var(--sl) solid;padding-bottom: 25rem;}
    .s3-3,
    .s3-4,
    .s3-5{padding: 25rem 0;margin: 0;justify-content: flex-start;}
    .s3-6-1{letter-spacing: normal;}
    .s3-6-2{margin-top: 25rem;}
    
    .s4-2{padding-top: 30rem;grid-template-columns: auto;}
    .s4-2::after{margin-top: 30rem;}
    .s4-3{grid-gap: 30rem;}
    .s4-4{grid-column: auto;padding: 25rem 0 15rem;max-width: var(--bw);}
    .s4-5{grid-column: auto;height: 0;overflow: hidden;transition: opacity .15s 0s;}
    .s4-5 .button__default{background-color: var(--c0);color: var(--c1);border-color: var(--c0);}
    
    .s4-2.active .s4-5{height: auto;opacity: 1;}
    
    .s5-1{grid-template-columns: minmax(0, 1fr);grid-gap: 30rem;}
    .s5-1 .swiper{margin: 0 0 0 calc(-1 * var(--gap));}
    .s5-1 .swiper-slide{padding: 0 0 0 var(--gap);}
    .s5-2{margin-top: 25rem;}
    .s5-2-1,
    .s5-2-2{margin: 0;width: 100%;display: flex;}
    .s5-3{margin-top: 40rem;}
    
    .s6-1{grid-template-columns: auto;grid-gap: 0;}
    .s6-2{padding: 25rem 0;}
    .s6-3{display: none;}
    .s6-4{grid-template-columns: auto;grid-gap: 0;grid-column: auto;grid-row: auto;}
    .s6-5{border-left: none;border-top: var(--sl) solid;padding: 25rem 0;}
    
    .s7-1{grid-template-columns: auto;grid-template-rows: auto;}
    .s7-2,
    .s7-3,
    .s7-4,
    .s7-5,
    .s7-6,
    .s7-7,
    .s7-9{grid-column: auto;margin-right: 0;margin-left: 0;padding-left: 0;padding-right: 0;border-left: none;border-right: none;}
    .s7-2{padding: 25rem 0;}
    .s7-3{padding: 25rem 0 50rem;}
    .s7-4,
    .s7-5{padding: 25rem 0;}
    .s7-6{order: initial;margin: 25rem 0 65rem;}
    .s7-6:last-child{margin-bottom: 0;}
    .s7-6::before{padding-top: 125%;}
    .s7-7{border-top: var(--sl) solid;padding: 25rem 0;}
    .s7-8{padding: 0;}
    .s7-8-1{margin-bottom: 15rem;}
    .s7-9{padding: 25rem 0;}
    
    .s7-4 .s7-8,
    .s7-5 .s7-8,
    .s7-7 .s7-8, 
    .s7-9 .s7-8{max-width: var(--bw);padding: 0;margin: 0;}
    
    .s8-1{grid-template-columns: auto;padding-bottom: 25rem;}
    .s8-2,
    .s8-3{grid-column: auto;border-right: none;padding: 25rem 0 0;margin: 25rem 0 0;border-top: var(--sl) solid;}
    .s8-3{grid-template-columns: auto;grid-gap: 25rem;}
    .s8-4{grid-column: auto;border-right: none;padding: 0;margin: 0;}
    .s8-5{padding: 0;}
    .s8-5-2{margin-top: 15rem;max-width: var(--bw);}
    .s8-6-2{font-size: var(--f-s);}
    .s8-7{grid-template-columns: auto;grid-gap: 15rem;}
    .s8-7:not(:first-child){margin-top: 30rem;}
    .s8-7-2{max-width: 290rem;}
    
    .s9-1{grid-template-columns: auto;grid-gap: 15rem;}
    .s9-2:nth-child(3n + 1)::before{padding-top: 110%;}
    .s9-2:nth-child(3n + 2)::before{padding-top: 75%;}
    .s9-2:nth-child(3n + 3)::before{padding-top: 110%;}
    
    .s10-1{grid-template-columns: auto;padding: 25rem 0;}
    .s10-2{grid-column: auto;padding: 0;}
    .s10-2-2{margin-top: 15rem;max-width: var(--bw);}
    
    .s11-1{grid-template-columns: auto;grid-gap: 50rem;}
    .s11-2{order: 1;}
    .s11-2-2{max-width: 290rem;}
    .s11-3{grid-template-columns: auto;grid-gap: 25rem;}
    .s11-3-1{max-width: var(--bw);}
    
    .s12-1{grid-template-columns: auto;grid-gap: 30rem;}
    
    .s13-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a2" "a3" "a4" "a5";}
    .s13-2{margin-bottom: 30rem;}
    .s13-3-2{font-size: var(--f-s);}
    .s13-4{margin: 30rem 0 0;}
    .s13-5{margin-top: 25rem;}    
    .s13-5:not(:last-child){padding-bottom: 65rem;}
    .s13-5-2{max-width: var(--bw);}
    .s13-5-2:not(:first-child){margin-top: 15rem;}
    .s13-6{padding: 25rem 0;}
    .s13-6-2{margin-top: 15rem;}
    .s13-6-2 ul{grid-gap: 15rem;max-width: var(--bw);}
    
    .s14-1{grid-template-columns: auto;grid-gap: 65rem;}
    .s14-2{grid-column: auto;grid-template-columns: auto;padding-bottom: 25rem;}
    .s14-2-1{grid-column: auto;}
    .s14-2-1 .title{min-height: 0;}
    .s14-2-2{order: 1;margin-top: 15rem;}
    .s14-3{grid-column: auto;}
    .s14-3:not(:last-child){border-bottom: var(--sl) solid;padding-bottom: 25rem;}
    .s14-4{grid-column: auto;grid-gap: 15rem;}
    
    .s15-1{grid-template-columns: auto;grid-gap: 0;padding-top: 25rem;}
    .s15-2{padding: 0;grid-column: auto;border-left: none;}
    .s15-2-2{margin-top: 15rem;max-width: var(--bw);}
    
    .s16-1{grid-template-columns: auto;grid-gap: 0;}
    .s16-2{grid-gap: 0;}
    .s16-3{padding: 30rem;}
    .s16-4{grid-gap: 20rem;}
    .s16-4-1 .title{font-size: var(--f-l);}
    .s16-4-2{margin-left: 10rem;width: 20rem;height: 20rem;}
    .s16-5{padding: 0;max-width: var(--bw);}
    .s16-7{display: grid;grid-template-columns: auto;grid-gap: 20rem;padding-top: 25rem;transition: all .25s;overflow: hidden;}
    
    .s16-3:not(.active) .s16-7{padding: 0;height: 0;opacity: 0;}
    
    .s17-1{grid-template-columns: minmax(0, 1fr);grid-gap: 50rem;}
    .s17-1:not(:first-child){margin-top: 65rem;}
    .s17-2{grid-column: auto;order: 1;}
    .s17-3{grid-column: auto;}
    .s17-4{grid-column: auto;}
    .s17-4-2{margin-top: 15rem;max-width: var(--bw);}
    .s17-5{text-align: left;align-items: flex-start;}
    .s17-5-1{padding: 0;}
    .s17-5-2{display: none;}
    .s17-5-3{margin-bottom: 0;justify-content: flex-start;}
    .s17-6{grid-template-columns: auto;grid-gap: 15rem;}
    .s17-7{grid-column: auto;order: 1;margin-top: auto;}
    
    .s17-3 .swiper-slide:last-child .s17-5-3::before{display: none;}
    
    .s18-2{padding-bottom: 65rem;transition: padding .25s;}
    .s18-3{grid-template-columns: auto;}
    .s18-4{padding: 25rem 0;}
    .s18-4:not(:first-child){border-top: var(--sl) solid;}
    .s18-4-2{margin-top: 15rem;max-width: var(--bw);}
    .s18-5-1{margin-right: auto;}
    .s18-5-2{margin-left: 10rem;width: 48rem;height: 48rem;}
    .s18-6 .s18-5{padding-top: 30rem;padding-bottom: 30rem;}
    
    .s18-1.active .s18-2{padding-bottom: 25rem;}
    
    .s19-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a2" "a3" "a4" "a7" "a5";padding-bottom: 25rem;}
    .s19-2,
    .s19-3,
    .s19-4,
    .s19-5,
    .s19-7,
    .s19-11{padding: 0;margin: 0;border-left: none;border-right: none;}
    .s19-3{margin-top: 30rem;}
    .s19-4,
    .s19-11{margin-top: 30rem;}
    .s19-5{grid-template-columns: auto;grid-gap: 30rem;margin-top: 25rem;padding-top: 25rem;}
    .s19-6-1{margin-bottom: 15rem;}
    .s19-6-1 .title{font-size: var(--f-s);}
    .s19-8{margin-bottom: 30rem;}
    .s19-9-1{margin: 0;}
    .s19-10{margin: 0;padding-top: 25rem;border-top: var(--sl) solid;}
    
    .s20-1{grid-template-columns: auto;grid-gap: 50rem;}
    .s20-2{grid-template-columns: 1fr 1fr;}
    .s20-3{display: none;}
    .s20-4{height: 100vw;margin-right: -10%;margin-top: 0;margin-bottom: 0;}
    .s20-5{grid-column: auto;}
    .s20-6{width: auto;}
    .s20-6:nth-child(1){padding: 0 0 0 40rem;margin: 0 0 0 -40rem;}
    .s20-6:nth-child(2){padding: 0 0 0 40rem;margin: 0 0 0 -70rem;}
    .s20-6:nth-child(3){padding: 0 0 0 40rem;margin: 0 0 0 -100rem;}
    .s20-7{grid-gap: 10rem;}
    .s20-8{padding: 0;}
    .s20-8-1{padding: 0;}
    .s20-8-1 .title{font-size: var(--f-s);}
    .s20-8-2{padding: 0;font-size: var(--f-xxs);}
    .s20-9{padding: 0;}
    .s20-9 .title{font-size: var(--f-xxs);font-weight: 300;}
  
    .menu-active .topbar-menu-inner{}
    .menu-active .topbar-menu-inner::before{bottom: 0;transform: rotate(-45deg);}
    .menu-active .topbar-menu-inner::after{top: 0;transform: rotate(45deg);}
    
    .header{transition-property: color, background-color;transition-duration: .25s;}
    
    .menu-active .header{background-color: var(--c1);color: var(--c0);}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;background-color: var(--c1);color: var(--c0);overflow: auto;will-change: transform;transition: all .25s;}
    .popup-inner{min-height: var(--app-height);padding: var(--headroom-height) 0 30rem;display: flex;flex-direction: column;}
    
    .popup:not(.active){opacity: 0;visibility: hidden;}
    
    
    .dropdown{padding: 0;}
    .dropdown-icon{width: 1em;height: 1em;padding: .25em;will-change: transform;transition: transform .15s;}

    .popup-nav{padding: 30rem 0 30rem;margin-bottom: auto;}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 8rem;font-size: var(--f-l);font-weight: 600;}
    .popup-nav ul ul{padding-top: 6rem;grid-gap: 4rem;font-size: var(--f-m);overflow: hidden;transition: all .25s;font-weight: 500;}
    
    .popup-nav > ul > li{transition: opacity .25s;}
    .popup-nav.active > ul > li:not(.active){opacity: .4;}
    .popup-nav li:not(.active) .dropdown-icon{transform: rotate(-90deg);}
    .popup-nav li:not(.active) ul{padding: 0;opacity: 0;max-height: 0;}
    
    .popup-action{font-size: var(--f-l);text-decoration: underline;font-weight: 600;}
    
    .s404-1{grid-template-columns: auto;overflow: visible;}
    .s404-2{padding: 30rem 0 20rem;grid-column: auto;border: none;min-height: calc(var(--app-height) - var(--headroom-height));display: flex;flex-direction: column;}
    .s404-3{margin-bottom: 0;}
    .s404-4{margin-top: auto;font-size: 25vw;flex-direction: column;padding-right: 10.5vw;margin-bottom: 0;}
    .s404-4 .title{font-size: 25vw;padding: 0;}
    .s404-5{margin: 0;}
    .s404-9{order: -1;}
    
    
    .s404-animation{height: 100vw;margin-left: -.45em;margin-bottom: 0;transform: translateY(12vw);}
    
    .s404-4.active .s404-animation-front{height: 32%;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .topbar-logo{transition: max-width .25s linear;width: 100%;}
    .header:not(.active) .topbar-logo{max-width: 180rem;}
    
    .page-header + .s15,
    .page-header + .section-group .s15:first-child{margin-top: -80rem;}
    
    .s8-6:nth-child(odd){padding-left: 100rem;}
    .s8-6:nth-child(odd):last-child:not(:only-child){padding: 0;grid-column: 2/3;}
    
    .s9-2:nth-child(3n + 1)::before{padding-top: 60%;}
    .s9-2:nth-child(3n + 2)::before{padding-top: 75%;}
    .s9-2:nth-child(3n + 3)::before{padding-top: 50%;}
    .s9-2:nth-child(3n + 1){grid-column: 1/8;}
    .s9-2:nth-child(3n + 2){grid-column: 7/13;margin-left: 45%;margin-top: -12.5%;}
    .s9-2:nth-child(3n + 2):not(:last-child){}
    .s9-2:nth-child(3n + 3){grid-column: 1/-1;margin-top: 30rem;}
    
    .s14:not(:last-child) .s14-1{border-bottom: var(--sl) solid;padding-bottom: 40rem;}
    
    .s16-6{position: absolute;left: 100%;top: 0;height: 100%;margin-left: var(--gap);padding-left: 200rem;align-items: flex-start;}
    
    .s17-3{}
    .s17-3 .swiper-slide{width: auto!important;}
    .s17-3 .swiper-slide:first-child .s17-5-3::before{left: 50%;}
    .s17-3 .swiper-slide:last-child .s17-5-3::before{right: auto;width: 200vw;}
    .s17-5-1,
    .s17-5-2{padding: 0;}
    .s17-3 .swiper-slide:not(:first-child){padding-left: 150rem;}
    .s17-3 .swiper-slide:not(:first-child) .s17-5-3{width: calc(100% + 150rem);margin-left: -150rem;padding-left: 150rem;}
    
    .s18-4:not(:nth-child(3n + 1)){margin-left: calc(-1 * var(--gap));}
    .s18-4:not(:nth-child(3n + 3)){border-right: var(--sl) solid;}
    .s18-4:nth-child(3n + 1):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
    .s18-4:nth-child(3n + 2):not(:last-child):not(:nth-last-child(2)),
    .s18-4:nth-child(3n + 3):not(:last-child){border-bottom: var(--sl) solid;}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .button,
    .carousel-button,
    .tabs li{transition-property: color, border-color, background-color;transition-duration: .25s;}
    
    .button__default:hover{color: var(--c1);background-color: transparent;}
    
    .section__contrast .button__default:hover{color: var(--c0);background-color: transparent;}
    
    .carousel-button:hover{background-color: var(--c1);color: var(--c5);}
    
    .section__contrast .carousel-button:hover{background-color: var(--c0);color: var(--c1);}
    
    .tabs li:hover{color: var(--c5);background-color: var(--c1);}
    
    .selector-option,
    .selector-option-inner{transition-property: color, background-color, border-color;transition-duration: .15s;}
    
    .selector-option:hover{background-color: var(--c0);color: var(--c1);}
    .selector-option:hover .selector-option-inner{border-color: var(--c0);}
    .selector-option:hover + .selector-option .selector-option-inner{border-color: var(--c1);}
    
    .card-action{transition: opacity .25s;}
    .card:not(:hover) .card-action{opacity: 0;}
    
    .card-1:hover .card-media{transform: scale(1.05);}
    
    .breadcrumbs a,
    .topbar-nav a,
    .f2 a,
    .f4 a,
    .s14-4-2 a,
    .s19-6-2 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), color .25s;}
    
    .breadcrumbs a:hover,
    .topbar-nav li:hover > a,
    .f2 a:hover,
    .f4 a:hover,
    .s14-4-2 a:hover,
    .s19-6-2 a:hover{background-size: 100% var(--sl);background-position: left bottom;}
    
    .topbar-action,
    .textbox a,
    .s13-6-2 a,
    .s20-9 .title,
    .s404-3 a{transition: color .15s;}
    
    .topbar-action:hover,
    .textbox a:hover,
    .s13-6-2 a:hover,
    .s20-9 .title:hover,
    .s404-3 a:hover{color: var(--c6);text-decoration-color: var(--c1);}
    
    .topbar-nav > ul ul{transition: all .15s;will-change: transform;}
    .topbar-nav > ul li:not(:hover) ul{opacity: 0;visibility: hidden;transform: translateY(20rem);}
    
    .dropdown:hover .dropdon-icon{transform: scaleY(-1);}
    
    .s18-5{transition-property: color, background-color;transition-duration: .5s;}
    .s18-5:hover{color: var(--c1);background-color: var(--c0);}
    
}