@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #000000; 
    --c1: #FFFFFF;
    
    --c2: #0A0D0F;
    --c3: #171717;
    --c4: #1B1B1B;
    --c5: #16191B;
    --c6: #545454;
    --c7: #2C2C2C;
    
    --c8: #E8E8E8;
    --c9: #FDFDFD;
    
    --c10: #FF3F13;
    --c11: #E02424;
    
    --c12: rgba(255,255,255,.8);
    --c13: rgba(255,255,255,.05);
    --c14: rgba(255,255,255,.4);
    
    --wr: 20rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 0;
    
    --btn: max(40px, 50rem);

    --altfont: 'Monument', sans-serif;
    
    --f-xxs: max(12px, 14rem);
    --f-xs: max(14px, 16rem);
    --f-s: max(14px, 18rem);
    --f-d: max(14px, 20rem);
    --f-m: max(14px, 24rem);
    --f-b: max(14px, 32rem);
    --f-l: max(14px, 46rem);
    --f-xl: max(14px, 64rem);
    
    --mw: 1600px; 
    
    --brd: 0;
    
    
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(359deg);
  }   
}

@keyframes timeline {
  0% {
      background-size: 100% 100%, 0% 100%;
      background-position: left;
  }
  50% {
      background-size: 100% 100%, 100% 100%;
      background-position: left;
  } 
  51% {
      background-size: 100% 100%, 100% 100%;
      background-position: right;
  }
  100% {
      background-size: 100% 100%, 0% 100%;
      background-position: right;
  }   
}


/* globals */

@media screen {

    html{font-size: 0.0625vw;background-color: var(--c2);}

    .document{font-weight: 400;font-family: 'Figtree', sans-serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c2);letter-spacing: -.04em;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s 1s;display: flex;color: var(--c1);will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;}
    .button-icon{display: flex;align-items: center;justify-content: center;flex: none;}
    
    .button__default .button-text{background-color: var(--c1);color: var(--c0);display: flex;align-items: center;height: var(--btn);padding: 0 30rem;border: var(--sl) solid transparent;}
    .button__default .button-icon{margin: 0 5rem;background-color: var(--c1);color: var(--c0);height: var(--btn);width: var(--btn);border: var(--sl) solid transparent;}
    .button__default .button-icon .icon{width: max(12px, 12rem);height: max(12px, 12rem);}
    
    .button__cl .button-text{font-size: var(--f-s);color: var(--c12);}
    .button__cl .button-icon{width: max(12px, 12rem);height: max(12px, 12rem);margin: 0 10rem;}
    
    .button__wide{width: 100%;}
    
    .button .button-icon:first-child{margin-left: 0;}
    .button .button-icon:last-child{margin-right: 0;}
     
    .title,
    .altfont,
    .textbox h3,
    .textbox h4{line-height: 1;font-weight: 400;width: 100%;font-family: var(--altfont);}
    
    .title__medium{font-size: var(--f-b);}
    .title__default{font-size: var(--f-l);}
    .title__large{font-size: var(--f-xl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);overflow-x: clip;}
    
    .header{position: sticky;top: 0;z-index: 999;transition: background-color .5s;}
    .header.active{background-color: var(--c0);}
    
    .topbar{padding: 20rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: center;position: relative;}
    .topbar::after{content: "";top: 100%;left: 0;position: absolute;width: 100%;background-color: currentColor;will-change: transform;height: var(--sl);}
    .topbar-logo{max-width: 180rem;}
    .topbar-nav > ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-xs);}
    .topbar-nav > ul > li{padding: 5rem 10rem;display: flex;align-items: center;position: relative;}
    .topbar-nav-icon{margin-left: .4em;width: max(10px, 12rem);height: 1em;will-change: transform;display: flex;align-items: center;justify-content: center;margin-top: -.3em;}
    .topbar-nav ul ul{position: absolute;top: 100%;left: 0;background-color: var(--c1);color: var(--c0);z-index: 10;padding: 30rem 20rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;white-space: nowrap;max-width: 320rem;border-top: 20rem solid transparent;background-clip: padding-box;}
    
    .topbar-nav ul ul li{display: flex;align-items: center;}
    .topbar-nav ul ul li::before{content: "";width: 1.5em;height: 1em;flex: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64063 0.141479L8.21755 0.718403L6.19832 2.73763L5.62139 2.16071L7.64063 0.141479Z M7.0637 0.718403L7.64063 0.141479L9.65986 2.16071L9.08293 2.73763L7.0637 0.718403Z M15.1406 7.64148L14.5637 7.06456L12.5445 9.08379L13.1214 9.66071L15.1406 7.64148Z M14.5637 8.2184L15.1406 7.64148L13.1214 5.62225L12.5445 6.19917L14.5637 8.2184Z M0.140625 7.64148L0.717548 8.2184L2.73678 6.19917L2.15986 5.62225L0.140625 7.64148Z M0.717548 7.06456L0.140625 7.64148L2.15986 9.66071L2.73678 9.08379L0.717548 7.06456Z M7.64063 15.1415L7.0637 14.5646L9.08293 12.5453L9.65986 13.1222L7.64063 15.1415Z M8.21755 14.5646L7.64063 15.1415L5.62139 13.1222L6.19832 12.5453L8.21755 14.5646Z M14.7079 7.64148L7.64063 14.7088L0.573317 7.64148L7.64063 0.574172L14.7079 7.64148ZM0.861779 7.64148L7.64063 14.4203L14.4195 7.64148L7.64063 0.862633L0.861779 7.64148Z' fill='%23FF3F13'/%3E%3Cpath d='M7.64063 0.141479L8.21755 0.718403L6.19832 2.73763L5.62139 2.16071L7.64063 0.141479ZM7.64063 0.141479L7.0637 0.718403L9.08293 2.73763L9.65986 2.16071L7.64063 0.141479ZM15.1406 7.64148L14.5637 7.06456L12.5445 9.08379L13.1214 9.66071L15.1406 7.64148ZM15.1406 7.64148L14.5637 8.2184L12.5445 6.19917L13.1214 5.62225L15.1406 7.64148ZM0.140625 7.64148L0.717548 8.2184L2.73678 6.19917L2.15986 5.62225L0.140625 7.64148ZM0.140625 7.64148L0.717548 7.06456L2.73678 9.08379L2.15986 9.66071L0.140625 7.64148ZM7.64063 15.1415L7.0637 14.5646L9.08293 12.5453L9.65986 13.1222L7.64063 15.1415ZM7.64063 15.1415L8.21755 14.5646L6.19832 12.5453L5.62139 13.1222L7.64063 15.1415ZM14.7079 7.64148L7.64063 14.7088L0.573317 7.64148L7.64063 0.574172L14.7079 7.64148ZM0.861779 7.64148L7.64063 14.4203L14.4195 7.64148L7.64063 0.862633L0.861779 7.64148Z' stroke='%23FF3F13' stroke-width='0.2'/%3E%3Ccircle cx='7.57244' cy='7.70966' r='0.681818' transform='rotate(-90 7.57244 7.70966)' fill='%23FF3F13'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;background-position: left;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;margin-top: 200rem;}
    .section:first-child{margin-top: 40rem;}
    .section:only-child{flex: auto;}
    
    .section-header{text-align: center;margin-bottom: 40rem;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0;}
    .section-header-title{grid-column: 2/4;}
    .section-header-subtitle{grid-column: 2/4;color: var(--c12);margin-top: 30rem;font-size: var(--f-s);}
    .section-header-action{grid-column: 2/4;margin-top: 30rem;}
    
    .footer{overflow: hidden;margin-top: 200rem;padding-bottom: 20rem;}
    .footer-grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 0 var(--gap);align-items: flex-start;}
    .f1{grid-column: 1/5;display: grid;grid-template-columns: auto;grid-gap: 20rem;font-size: var(--f-b);}
    .f1-1{color: var(--c10);}
    .f1-2{}
    .f2{grid-column: 6/8;}
    .f3{grid-column: 8/11;}
    .f4{grid-column: 11/13;}
    .f5{grid-column: 1/-1;margin: 100rem 0 40rem;}
    .f6{grid-column: 1/5;font-size: var(--f-xs);}
    .f7{grid-column: 5/10;font-size: var(--f-xs);margin: 0 auto;}
    .f8{grid-column: 10/13;font-size: var(--f-xs);margin-left: auto;}
    
    .footer-nav{font-size: var(--f-xs);}
    .footer-nav-title{color: var(--c14);margin-bottom: 40rem;}
    .footer-nav-content ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    
    .social{display: inline-grid;grid-auto-flow: column;grid-gap: 20rem;}
    .social-item,
    .social-item.brd{display: flex;align-items: center;justify-content: center;width: max(36px, 40rem);height: max(36px, 40rem);padding: 8rem;}
    
    .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%;}
    
    .brd{position: relative;}
    .brd-1{padding: 20rem;--brd: 40rem;}
    .brd-2{padding: 0;--brd: 10rem;}
    
    .brd::before,
    .brd::after{content: "";position: absolute;left: 0;right: 0;height: 50%;border-style: solid;border-color: inherit;max-height: var(--brd);border-width: max(1px, calc(var(--brd) / 10));clip-path: polygon(0 0, var(--brd) 0, var(--brd) 100%, calc(100% - var(--brd)) 100%, calc(100% - var(--brd)) 0, 100% 0, 100% 100%, 0 100%);}
    .brd::before{top: 0;border-bottom-width: 0;}
    .brd::after{bottom: 0;border-top-width: 0;}
    
    .bullets ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .bullets li{position: relative;color: var(--c12);padding-left: 2em;}
    .bullets li::before{content: "";position: absolute;top: 0;left: 0;height: 1.2em;width: .9em;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.76492 3.96707C0.665523 6.61642 0.665523 10.3836 2.76492 13.033L1.91829 13.8796C-0.639349 10.7581 -0.639474 6.24184 1.91817 3.12033L2.76492 3.96707Z M13.8797 15.0818C10.7582 17.6395 6.2419 17.6393 3.12038 15.0817L3.96701 14.2351C6.61636 16.3345 10.3836 16.3345 13.0329 14.2351L13.8797 15.0818Z M13.033 2.76487C10.3837 0.665458 6.61636 0.665583 3.96701 2.76498L3.12026 1.91824C6.24178 -0.639413 10.7582 -0.639413 13.8797 1.91824L13.033 2.76487Z M15.0818 3.12033C17.6394 6.24185 17.6394 10.7582 15.0818 13.8797L14.235 13.033C16.3344 10.3836 16.3345 6.6163 14.2351 3.96696L15.0818 3.12033Z M14.3621 8.5C14.3621 11.7375 11.7375 14.3621 8.5 14.3621C5.26247 14.3621 2.63793 11.7375 2.63793 8.5C2.63793 5.26247 5.26247 2.63793 8.5 2.63793C11.7375 2.63793 14.3621 5.26247 14.3621 8.5Z' fill='%23FF3F13'%3E%3C/path%3E%3C/svg%3E%0A");}
    
    .textbox p{margin: 1em 0;}
    .textbox a{text-decoration: underline;}
    .textbox h3{margin: 40rem 0 20rem;font-size: var(--f-b);color: var(--c1);}
    .textbox h3:first-child{margin-top: 0;}
    .textbox ul,
    .textbox ol{margin: 1em 0;display: grid;grid-template-columns: auto;grid-gap: 0;}
    .textbox ol{counter-reset: index;}
    .textbox ul:first-child,
    .textbox ol:first-child{margin-top: 0;}
    .textbox ul:last-child,
    .textbox ol:last-child{margin-bottom: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox ul li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    .textbox ol li::before{content: counter(index) ".";counter-increment: index;position: absolute;top: 0;left: 0;width: 1.5em;}
    
    .carousel-wrapper{width: 100%;overflow: hidden;}
    
    .carousel-button{display: flex;align-items: center;justify-content: center;cursor: pointer;width: max(18px, 20rem);height: max(28px, 30rem);color: currentColor;}
    .carousel-button.swiper-button-disabled{pointer-events: none!important;opacity: .1;}
    
    .carousel-pagination{display: flex;justify-content: center;flex-wrap: wrap;}
    .carousel-pagination-bullet{width: 1em;height: 1em;display: flex;align-items: center;justify-content: center;margin: 0 5rem;background-color: transparent;opacity: 1;}
    .carousel-pagination-bullet:not(.active){opacity: .2;}
    
    .brdbox{background-color: var(--c13);position: relative;display: flex;min-height: 110rem;width: 100%;}
    .brdbox::before,
    .brdbox::after{content: "";color: var(--c1);height: 10rem;width: 100%;left: 0;border: var(--sl) solid;position: absolute;}
    .brdbox::before{top: 0;border-bottom-width: 0;}
    .brdbox::after{bottom: 0;border-top-width: 0;}
    .brdbox-inner{display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;padding: 40rem;position: relative;width: 100%;}
    .brdbox-title{font-size: var(--f-b);}
    .brdbox-subtitle{margin-top: 10rem;color: var(--c12);}
    .brdbox-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 10rem 30rem;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .formbox-row{align-items: flex-start;display: flex;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: 10rem;}
    .formbox-footer{margin-top: 30rem;}
    
    .textfield-input{padding: 20rem;background-color: var(--c13);overflow: hidden;resize: none;width: 100%;text-overflow: ellipsis;}
    .textfield-error{display: none;margin-top: 5rem;font-size: var(--f-s);color: var(--c10);}
    
    .textfield-input:invalid ~ .textfield-error,
    .textfield-input.error ~ .textfield-error{display: block;}
    
}

/* preloader transitions */

@media screen {
    
    
    .topbar{transition: opacity .5s 2s;}
    .topbar::after{transition: transform .5s 2s ease-out;}
    .section,
    .footer{transition: opacity .5s 2.5s ease-out;}
    
    .s5-3-1{transition: all .75s 2s ease-out;clip-path: inset(0% 0% 0% 0%);padding: .5em 0;margin: -.5em 0;}
    .s5-3-2{transition: all .5s 3s ease-out;}
    .s5-3-3{transition: all .5s 3s ease-out;}
    .brd-1::before,
    .brd-1::after{transition: all .5s 2.5s ease-out;}
    
    .loading .topbar{opacity: 0;transition-duration: 0s;transition-delay: 0s;}
    .loading .topbar::after{transform: scaleX(0);transition-duration: 0s;transition-delay: 0s;}
    .loading .s5-3-1{transition-duration: 0s;transition-delay: 0s;clip-path: inset(0% 100% 0% 0%);}
    .loading .s5-3-2{opacity: 0;transition-duration: 0s;transition-delay: 0s;}
    .loading .s5-3-3{opacity: 0;transition-duration: 0s;transition-delay: 0s;}
    
    .loading .section:not(.s5),
    .loading .footer{opacity: 0;transition-duration: 0s;transition-delay: 0s;}
    .loading .brd-1::before,
    .loading .brd-1::after{margin: 20rem;transition-duration: 0s;transition-delay: 0s;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
    .card-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;will-change: transform;}
    
    .card-1{padding: 20rem;background-color: var(--c13);}
    .card-1 .card-header{position: relative;overflow: hidden;display: flex;background-color: var(--c5);}
    .card-1 .card-header:not(:last-child){margin-bottom: 40rem;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .card-1 .card-content{margin-bottom: auto;}
    .card-1 .card-subtitle{margin-top: 20rem;color: var(--c12);font-size: var(--f-s);}
    .card-1 .card-footer{margin-top: 80rem;}
    
    
    
    .card-2 .card-header{position: relative;overflow: hidden;display: flex;background-color: var(--c5);}
    .card-2 .card-header:not(:last-child){margin-bottom: 30rem;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .card-2 .card-media .contain{width: 50%;height: 50%;bottom: 0;right: 0;margin: auto;}
    .card-2 .card-content{margin-bottom: auto;}
    .card-2 .card-title{font-size: var(--f-b);}
    .card-2 .card-footer{margin-top: 25rem;}
   
}

/* sections */

@media screen {
    
    .s1-3{display: flex;position: relative;overflow: hidden;width: 100%;}
    .s1-3::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s1-4{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
    .s1-4-1{position: relative;width: 100%;height: 100%;}
    .s1-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);position: relative;z-index: 1;padding: 50rem 80rem;width: 100%;}
    .s1-6{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap) 0;margin: auto 0;}
    .s1-7{overflow: hidden;display: flex;}
    .s1-7-1{min-height: 100%;}
    .s1-8{margin-left: 50rem;}
    .s1-8 .carousel-buttons{display: inline-grid;grid-auto-flow: column;grid-gap: 40rem;}
    .s1-9{grid-column: 1/-1;padding-top: 20rem;position: relative;display: grid;grid-template-columns: 1fr auto;grid-gap: 30rem 50rem;align-items: flex-start;grid-template-rows: auto;}
    .s1-9::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: var(--sl);background-color: currentColor;}
    .s1-9-1{color: var(--c12);font-size: var(--f-s);grid-column: 1/-1;max-width: 500rem;}
    

    .s1-1 .swiper .s1-4-1{opacity: .7;}
    .s1-1 .swiper .s1-5{padding: 70rem 40rem;}
    .s1-1 .swiper .s1-6{grid-column: 2/3;margin-top: 200rem;}
    .s1-1 .swiper .s1-9-1{grid-column: 1/2;max-width: 375rem;}
    
    .s2-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s2-2{position: relative;overflow: hidden;display: flex;}
    .s2-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-2-1,
    .s2-2-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
    .s2-2-2{transition: all .25s;opacity: 0;visibility: hidden;}
    .s2-3{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .s2-4{max-width: 550rem;text-align: center;}
    .s2-4-2{color: var(--c12);margin-top: 40rem;}
    .s2-5{display: flex;justify-content: space-between;align-items: flex-start;padding: 0 50rem;width: 100%;}
    .s2-5:not(:first-child){margin-top: 80rem;}
    .s2-6{margin: 0 25rem;display: flex;align-items: center;flex-direction: column;text-align: center;max-width: 120rem;flex: 1;}
    .s2-7{display: flex;width: 100%;background-color: var(--c13);aspect-ratio: 1/1;}
    .s2-7-1{display: flex;align-items: center;justify-content: center;width: max(40px, 50rem);height: max(40px, 50rem);color: var(--c10);position: relative;margin: auto;}
    .s2-7-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-8{margin-top: 20rem;flex: none;display: flex;justify-content: center;}
    
    .s3-1{overflow: hidden;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);}
    .s3-2{margin: -10rem;display: flex;justify-content: center;flex-wrap: wrap;grid-column: 2/6;}
    .s3-3{width: 100%;max-width: 320rem;margin: 10rem;}
    
    .s4-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 40rem var(--gap);align-items: flex-start;grid-template-rows: auto 1fr;}
    .s4-2{grid-column: 8/-1;}
    .s4-3{grid-column: 1/8;order: -1;position: relative;grid-row: 1/3;margin-right: 50rem;}
    .s4-4{grid-column: 8/-1;border-top: var(--sl) solid var(--c14);display: grid;grid-template-columns: auto;grid-gap: 0;counter-reset: index;}
    .s4-5{border-bottom: var(--sl) solid var(--c14);padding: 40rem 0;}
    .s4-6{font-size: var(--f-b);cursor: pointer;transition: font-size .25s;}
    .s4-6::before{content: counter(index, decimal-leading-zero) ".";counter-increment: index;}
    .s4-7{overflow: hidden;transition: all .25s;padding-top: 20rem;}
    .s4-7-1{max-width: 450rem;color: var(--c12);font-size: var(--f-s);}
    .s4-7-2{padding-top: 20rem;overflow: hidden;}
    .s4-8{position: relative;overflow: hidden;width: 100%;display: flex;}
    .s4-8::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s4-8-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .25s;}
    .s4-9{position: absolute;top: 0;left: 0;width: 100%;height: 100%;counter-reset: index;}
    .s4-10{width: 55rem;height: 55rem;position: absolute;z-index: 1;display: flex;align-items: center;transform: translate(-50%, -50%);transition: opacity .25s;}
    .s4-11{flex: none;width: 100%;height: 100%;cursor: pointer;}
    .s4-12{padding: 0 10rem;flex: none;display: grid;grid-template-rows: 1fr 1fr;grid-gap: var(--sl);min-width: 220rem;pointer-events: none;transition: clip-path .5s;padding: 0 .2em;}
    .s4-12-1{margin-top: auto;padding-bottom: 5rem;position: relative;white-space: nowrap;}
    .s4-12-1::before{content: counter(index, decimal-leading-zero) ". ";counter-increment: index;}
    .s4-12-1::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: var(--sl);background-color: currentColor;}
    .s4-12-2{padding-top: 10rem;text-transform: uppercase;font-size: var(--f-xxs);}
    .s4-13{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 20rem;}
      
    .s4-10:nth-child(1){top: 82%;left: 87%;justify-content: flex-end;text-align: right;}
    .s4-10:nth-child(1) .s4-12{order: -1;clip-path: inset(0% 0% 0% 100%);}
    .s4-10:nth-child(2){top: 43%;left: 39%;justify-content: flex-end;text-align: right;}
    .s4-10:nth-child(2) .s4-12{order: -1;clip-path: inset(0% 0% 0% 100%);}
    .s4-10:nth-child(3){top: 59%;left: 26%;justify-content: flex-start;}
    .s4-10:nth-child(3) .s4-12{order: 1;clip-path: inset(0% 100% 0% 0%);}
    .s4-10:nth-child(4){top: 33%;left: 62%;justify-content: flex-start;}
    .s4-10:nth-child(4) .s4-12{order: 1;clip-path: inset(0% 100% 0% 0%);}
    
    .s4-8-1:not(.active){opacity: 0;}
    .s4-10:not(.active){opacity: .4;}
    
    .s4-10.active{}
    .s4-10.active .s4-12{clip-path: inset(0% 0% 0% 0%);}
    
    .s4-13.active ~ .s4-9 .s4-10,
    .s4-13.active ~ .s4-9 .s4-10:not(.active){opacity: 1;}
    .s4-13.active ~ .s4-9 .s4-11{color: var(--c10);}
    .s4-13.active ~ .s4-9 .s4-11 svg path{fill: red;}
    
    .s5:first-child{margin: calc(-1 * var(--headroom-height)) 0 0;}
    .s5-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;opacity: .8;}
    .s5-2{position: relative;z-index: 1;display: grid;grid-template-columns: 1.2fr 1fr;grid-gap: var(--gap);align-items: flex-end;min-height: var(--app-height);padding: var(--headroom-height) 0 0;}
    .s5-3{padding: 60rem 0;}
    .s5-3-2{max-width: 500rem;margin-top: 30rem;color: var(--c12);}
    .s5-3-3{margin-top: 30rem;}
    
    .s6-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s6-2{position: relative;overflow: hidden;display: flex;}
    .s6-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s6-2 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s6-2 .swiper::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-color: var(--c0);opacity: .1;pointer-events: none;}
    .s6-2 .carousel-buttons{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 20rem;pointer-events: none;z-index: 1;justify-content: space-between;}
    .s6-2 .carousel-button{pointer-events: all;}
    .s6-2 .carousel-pagination{position: absolute;bottom: 0;top: auto;left: 0;z-index: 1;padding: 20rem;}
    .s6-3{display: flex;flex-direction: column;justify-content: center;}
    .s6-4{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .s6-4-2{max-width: 600rem;}
    
    .s7-1{display: grid;grid-template-columns: auto;grid-gap: 40rem;margin: 0 var(--awr);}
    .s7-2 .swiper{overflow: visible;}
    .s7-2 .swiper-wrapper{transition-timing-function: linear!important;}
    .s7-2 .swiper-slide{width: auto;padding: 0 20rem;}
    .s7-3{width: 320rem;}
    
    .s8-1{position: relative;}
    .s8-3{position: absolute;top: 0;right: 0;display: flex;align-items: center;white-space: nowrap;margin: 40rem;border-radius: 5rem;background-color: var(--c7);user-select: none;z-index: 2;}
    .s8-3-1{padding: 10rem 15rem;border-radius: inherit;opacity: .5;cursor: pointer;}
    .s8-3-1.active{padding: 10rem 25rem;background-color: var(--c10);opacity: 1;pointer-events: none;}
    
    .s8-6{width: 40rem;height: 40rem;position: absolute;z-index: 1;display: flex;align-items: center;transform: translate(-50%, -50%);}
    .s8-7{flex: none;width: 100%;height: 100%;will-change: transform;transition: transform .75s .25s, opacity .5s .5s;opacity: 0;position: relative;transform: rotate(-180deg);}
    .s8-7-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;}
    .s8-8{padding: 0 20rem;}
    .s8-8-1{white-space: nowrap;clip-path: inset(0% 100% 0% 0%);transition: clip-path .5s 0s;}
    .s8-8:last-child{cursor: pointer;}
    .s8-9{position: absolute;top: 100%;left: 100%;background-color: var(--c4);margin-top: 10rem;padding: 20rem 45rem;display: grid;grid-gap: 45rem;transition: clip-path .25s 0s, opacity .25s 0s;clip-path: inset(0% 0% 100% 0%);opacity: 0;grid-template-columns: repeat(3, 1fr);}
    .s8-9::before,
    .s8-9::after{content: "";color: var(--c1);height: 10rem;width: 100%;left: 0;border: var(--sl) solid;position: absolute;}
    .s8-9::before{top: 0;border-bottom-width: 0;}
    .s8-9::after{bottom: 0;border-top-width: 0;}
    .s8-11{white-space: nowrap;display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-s);}
    .s8-11-1{color: var(--c10);}
    .s8-11-3{color: var(--c10);}
    .s8-11-3 .button__cl .button-text{color: inherit;opacity: 1;}
    
    .s8-5.active .s8-7{opacity: 1;transform: rotate(0deg);transition-delay: 1s, 1s;}
    .s8-5.active .s8-8-1{clip-path: inset(0% 0% 0% 0%);transition-delay: 2s;}
    
    .s8-5:nth-child(1) .s8-6:nth-child(1){--y-pos: 20%;--x-pos: 72%;}
    .s8-5:nth-child(1) .s8-6:nth-child(2){--y-pos: 33%;--x-pos: 79%;}
    .s8-5:nth-child(1) .s8-6:nth-child(3){--y-pos: 63%;--x-pos: 20%;}
    
    .s8-5:nth-child(2) .s8-6:nth-child(1){--y-pos: 30%;--x-pos: 18%;}
    .s8-5:nth-child(2) .s8-6:nth-child(2){--y-pos: 42%;--x-pos: 68%;}
    
    .s8-6{top: var(--y-pos);left: var(--x-pos);}
    
    .s8-10{position: relative;display: flex;background-color: var(--c3);}
    .s8-10::before{content: "";flex: none;width: 0;padding-top: calc(710 / 1520 * 100%);}
    .s8-10-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .5s 1s}
    .s8-10-1:not(.active){opacity: 0;transition-delay: 0s;}
    
    .s9-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s9-2{display: flex;flex-direction: column;justify-content: center;position: relative;}
    .s9-2-2{max-width: 420rem;margin-top: 30rem;color: var(--c12);}
    .s9-2-3{margin-top: 30rem;}
    .s9-2-4{margin-top: 50rem;}
    .s9-3{position: relative;overflow: hidden;display: flex;}
    .s9-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .form-success{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: var(--c2);z-index: 1;display: flex;align-items: center;margin: 20rem;visibility: hidden;opacity: 0;transition: all .15s;}
    .success{pointer-events: none;}
    .success .form-success{visibility: visible;opacity: 1;}
    
    .s10-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s10-2{grid-column: 1/3;display: grid;grid-template-columns: auto;grid-gap: 40rem;padding-right: 20rem;}
    .s10-2-2{color: var(--c12);}
    .s10-3{grid-column: 3/-1;position: relative;overflow: hidden;display: flex;}
    .s10-3::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s10-4{grid-column: 4/-1;position: relative;overflow: hidden;display: flex;}
    .s10-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s10-4 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s10-4 .swiper::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-color: var(--c0);opacity: .1;}
    .s10-4 .carousel-buttons{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 20rem;pointer-events: none;z-index: 1;justify-content: space-between;}
    .s10-4 .carousel-button{pointer-events: all;}
    .s10-4 .carousel-pagination{position: absolute;bottom: 0;top: auto;left: 0;z-index: 1;padding: 20rem;}
    
    .s11-1{padding: 0;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 0 var(--gap);}
    .s11-2{grid-column: 2/12;padding: 100rem;display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));grid-gap: var(--gap);position: relative;}
    .s11-2 .carousel-buttons{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 20rem;pointer-events: none;z-index: 1;justify-content: space-between;}
    .s11-2 .carousel-button{pointer-events: all;}
    .s11-3{grid-column: 1/-1;padding: 20rem 120rem 30rem;display: flex;align-items: center;}
    .s11-4{grid-column: 2/5;}
    .s11-5{display: grid;grid-template-rows: 1fr 1fr;grid-gap: var(--sl);}
    .s11-5-1{position: relative;width: 100%;}
    .s11-5-1 img{height: calc(100% - 30rem);}
    .s11-5-1::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: var(--sl);background-color: currentColor;}
    .s11-5-2{text-align: center;max-width: 500rem;margin: 0 auto;padding-top: 30rem;color: var(--c12);font-size: var(--f-s);}
    .s11-6{display: grid;width: 40rem;text-align: center;flex: none;grid-template-columns: minmax(0, 1fr);grid-gap: 10rem;grid-template-rows: 1fr auto 1fr;justify-content: center;cursor: pointer;justify-items: center;}
    .s11-7{display: flex;flex-direction: column;align-items: center;margin-top: auto;}
    .s11-7-2{font-size: var(--f-b);}
    .s11-8{display: flex;align-items: center;justify-content: center;width: 100%;height: 40rem;margin: 10rem 0;}
    .s11-9{width: 140rem;font-size: var(--f-s);}
    .s11-10{flex: 1;display: flex;align-items: center;user-select: none;}
    .s11-10:first-child{flex: none;}
    .s11-10::before{flex: auto;height: var(--sl);background-image: linear-gradient(var(--c14), var(--c14)), linear-gradient(currentColor, currentColor);background-size: 100% 100%, 0% 100%;background-position: left;background-repeat: no-repeat;}
    .s11-10:not(:first-child)::before{content: "";}
    
    .s11-7,
    .s11-9{transition: opacity .25s;}
    .s11-8{transition: opacity .25s, color .25s;}
    
    .s11-10:not(.active) .s11-7,
    .s11-10:not(.active) .s11-8,
    .s11-10:not(.active) .s11-9{opacity: .4;}
    
    .s11-10.active .s11-8{color: var(--c10);}
    
    .s12-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 80rem var(--gap);}
    .s12-2{display: flex;justify-content: center;margin-top: 60rem;}
    
    .s13,
    .s13:first-child{margin-top: 100rem;}
    .s13-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s13-1:not(:first-child){margin-top: 100rem;}
    .s13-2{display: grid;grid-template-columns: auto;grid-gap: 40rem;grid-column: 2/4;}
    .s13-3{margin: 40rem 0;grid-column: 1/-1;}
    .s13-3:first-child{margin-top: 0;}
    .s13-3:last-child{margin-bottom: 0;}
    .s13-4{font-style: italic;opacity: .6;}
    .s13-5{color: var(--c12);}
    .s13-6-1{margin-bottom: 10rem;}
    .s13-6-2 a{color: var(--c10);}
    .s13-6-2 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .s14-1{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 100rem var(--gap);}
    
    .s15-2{position: relative;display: flex;width: 100%;}
    .s15-3{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 20rem;padding: 40rem;z-index: 2;display: flex;flex-wrap: wrap;justify-content: center;counter-reset: index;}
    
    .s15-4{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: 20rem;z-index: 1;}
    .s15-5{width: 55rem;height: 55rem;position: absolute;z-index: 1;display: flex;align-items: center;transform: translate(-50%, -50%);transition: opacity .25s;}
    .s15-7{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s15-7-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s15-7-1 img{transition: opacity .25s;}
    .s15-8{display: inline-grid;grid-auto-flow: column;grid-gap: 5rem;margin: 0 20rem 15rem;height: var(--btn);cursor: pointer;}
    .s15-8::before{content: counter(index, decimal-leading-zero);counter-increment: index;background-color: var(--c5);color: var(--c1);display: flex;text-align: center;align-items: center;min-width: var(--btn);justify-content: center;transition: background-color .25s;}
    .s15-8-1{background-color: var(--c5);color: var(--c1);display: flex;min-height: 100%;align-items: center;padding: 0 30rem;transition: background-color .25s;}
    .s15-9{position: absolute;top: 100%;margin-top: 20rem;left: 0;width: 370rem;background-color: var(--c0);color: var(--c1);padding: 40rem 20rem;pointer-events: none;clip-path: inset(0% 0% 100% 0%);transition: clip-path .25s 0s;}
    .s15-9::before,
    .s15-9::after{content: "";color: var(--c1);height: 10rem;width: 100%;left: 0;border: var(--sl) solid;position: absolute;}
    .s15-9::before{top: 0;border-bottom-width: 0;}
    .s15-9::after{bottom: 0;border-top-width: 0;}
    .s15-9-2{margin-top: 20rem;font-size: var(--f-s);color: var(--c12);}
    .s15-10{flex: none;width: 100%;height: 100%;cursor: pointer;position: relative;}
    .s15-10-1{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s15-11{position: relative;}
    .s15-12{position: relative;display: flex;width: 100%;}
    .s15-12::before{content: "";flex: none;width: 0;padding-top: calc(800 / 1520 * 100%);}
    
    .s15-5:nth-child(1),
    .s15-7-1:nth-child(1){--y-pos: 69%;--x-pos: 36%;}
    .s15-5:nth-child(2),
    .s15-7-1:nth-child(2){--y-pos: 44%;--x-pos: 73%;}
    .s15-5:nth-child(3),
    .s15-7-1:nth-child(3){--y-pos: 50%;--x-pos: 60%;}
    .s15-5:nth-child(4),
    .s15-7-1:nth-child(4){--y-pos: 55%;--x-pos: 38%;}
    .s15-5:nth-child(5),
    .s15-7-1:nth-child(5){--y-pos: 39%;--x-pos: 23%;}
    .s15-5,
    .s15-7-1 .s15-10-1{top: var(--y-pos);left: var(--x-pos);}
    
    .s15-7-1 .s15-10-1{z-index: 1;transition: opacity .25s;}
    
    .s15-7-1:not(.active) img{opacity: 0;}
    .s15-7-1:not(.active) .s15-10-1{opacity: .4;}
    
    .s15-5:not(.active){opacity: .4;}
    .s15-5.active .s15-9{clip-path: inset(0% 0% 0% 0%);transition-delay: .25s;}
    
    .s15-8.active{pointer-events: none;}
    .s15-8.active::before,
    .s15-8.active .s15-8-1{background-color: var(--c10);}
    
    .s16-1{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));grid-gap: 0 var(--gap);}
    .s16-2{grid-column: 2/6;}
    .s16-3{margin-top: 40rem;display: flex;justify-content: center;}
    .s16-3 .carousel-buttons{display: inline-grid;grid-auto-flow: column;grid-gap: 40rem;}
    .s16-4{background-color: var(--c13);position: relative;display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: var(--gap);padding: 75rem 0;align-items: flex-start;}
    .s16-4::before,
    .s16-4::after{content: "";color: var(--c1);height: 10rem;width: 100%;left: 0;border: var(--sl) solid;position: absolute;}
    .s16-4::before{top: 0;border-bottom-width: 0;}
    .s16-4::after{bottom: 0;border-top-width: 0;}
    .s16-5{grid-column: 2/-1;padding-right: 80rem;}
    .s16-5-1{font-size: var(--f-b);}
    .s16-5-2{margin-top: 40rem;}
    .s16-5-2::before{content: "\2013\a0";}
    .s16-5-3{font-size: var(--f-s);color: var(--c12);margin-top: 10rem;}
    .s16-6{order: -1;color: var(--c10);display: flex;align-items: center;justify-content: center;width: max(20px, 25rem);height: max(20px, 25rem);margin-left: auto;transform: translateY(-50%);}
    
    .s17-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s17-2{grid-column: 1/3;}
    .s17-2-2{margin-top: 30rem;color: var(--c12);}
    .s17-3{grid-column: 4/7;display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s17-5{margin-bottom: 30rem;}
    .s17-6{border-top: var(--sl) solid var(--c14);position: relative;}
    .s17-7{border-bottom: var(--sl) solid var(--c14);padding: 30rem 0;display: grid;align-items: center;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s17-7-1{grid-column: 1/3;}
    .s17-7-2{margin-left: auto;}
    
    
    .s404,
    .s404:first-child{margin-top: 100rem;border-bottom: var(--sl) solid;}
    .s404 .section-header-title{grid-column: 1/-1;}
    .s404-1{overflow: hidden;width: 100%;padding: 0 20vw;margin-top: 140rem;}
    .s404-2{position: relative;margin-bottom: -10%;}
    .s404-2-1{animation: rotation infinite 3s linear;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
    .s404-2-2{position: relative;z-index: 1;transform: translate(-.4%, 0px);}
    
    .s6-2 .swiper-slide,
    .s10-4 .swiper-slide{transition-delay: 1s;}
    
    .s6-2 .swiper-slide img,
    .s10-4 .swiper-slide img{transition: clip-path .5s 1.1s;clip-path: inset(0% 0% 0% 0%);transition-delay: 1s;}
    
    .s6-2 .swiper-slide:not(.swiper-slide-active) img,
    .s10-4 .swiper-slide:not(.swiper-slide-active) img{clip-path: inset(100% 0% 0% 0%);transition-delay: 0s;}
    
}

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

        --wr: 15rem;

        --gap: 30rem;

        --btn: 50rem;

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

        --mw: 680rem; 

        
    }
    
    html{font-size: 1px;}
    
    
    .desktop{display: none!important;}
    
    .button__default{width: 100%;}
    .button__default .button-text{flex: auto;text-align: center;justify-content: center;}
    
    .title__medium{}
    
    
    .topbar{padding: 15rem 0;}
    .topbar::after{display: none;}
    .topbar-logo{max-width: 150rem;}
    .topbar-nav{display: none;}
    
    .topbar-menu{font-size: var(--f-s);padding: 5rem 15rem;--brd: 6rem;width: 90rem;text-align: center;}
    
    .footer{margin-top: 80rem;}
    .footer-grid{grid-template-columns: auto;grid-gap: 0;}
    .f1{margin: 0;grid-column: auto;font-size: var(--f-xs);}
    .f2{margin: 40rem 0 0;grid-column: auto;}
    .f3{margin: 40rem 0 0;grid-column: auto;}
    .f4{margin: 40rem 0 0;grid-column: auto;}
    .f5{margin: 60rem 0;grid-column: auto;}
    .f6{margin: 20rem 0 0;grid-column: auto;order: 1;}
    .f7{margin: 0;grid-column: auto;}
    .f8{margin: 20rem 0 0;grid-column: auto;order: 1;}
    
    .footer-nav-title{margin-bottom: 25rem;}
    
    .brd-1{padding: 4rem;--brd: 10rem;}
    
    .bullets ul{grid-gap: 10rem;}
    
    .brdbox{min-height: 60rem;}
    .brdbox-inner{padding: 25rem 20rem;}
    .brdbox-subtitle{margin-top: 5rem;}
    .brdbox-media{margin: 10rem 30rem;}
    
    .formbox-row{flex-direction: column;}
    .formbox-cell{flex: none;width: 100%;}
    .formbox-cell:not(:first-child){margin: 10rem 0 0;}
    .formbox-footer{margin-top: 25rem;}
    
    .section{margin-top: 80rem;}
    .section:first-child{margin-top: 30rem;}
    
    .section-header{grid-template-columns: auto;text-align: left;margin-bottom: 30rem;}
    .section-header-title{grid-column: auto;}
    .section-header-subtitle{grid-column: auto;margin-top: 25rem;font-size: var(--f-d);}
    .section-header-action{grid-column: auto;margin-top: 25rem;}
    
    .card-1 .card-header:not(:last-child){margin-bottom: 15rem;}
    .card-1 .card-footer{margin-top: 30rem;}
    
    .card-2 .card-header:not(:last-child){margin-bottom: 15rem;}
    .card-2 .card-header::before{padding-top: 55%;}
    
    .s1-2{width: 100%;}
    .s1-3{flex-direction: column;}
    .s1-3::before{display: none;}
    .s1-4{display: flex;position: relative;order: -1;}
    .s1-4-1{height: auto;display: flex;}
    .s1-4-1::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s1-5{padding: 0;grid-template-columns: auto;grid-gap: 0;margin-top: 30rem;}
    .s1-6{grid-template-columns: auto;grid-gap: 25rem;}
    .s1-8{order: 1;margin: 30rem 0 0;display: none;}
    .s1-9{grid-template-columns: auto;grid-gap: 30rem;padding-top: 0;}
    .s1-9::before{display: none;}
    
    .s1-1 .swiper-slide{height: auto;display: flex;}
    .s1-1 .swiper .s1-2{min-height: 100%;display: flex;}
    .s1-1 .swiper .s1-5{padding: 0;flex: auto;}
    .s1-1 .swiper .s1-6{grid-column: auto;margin: 0;grid-template-rows: auto 1fr;}
    .s1-1 .carousel-pagination{margin-top: 30rem;}
    
    .s2-1{grid-template-columns: auto;}
    .s2-2{order: 1;margin: 0 var(--awr);}
    .s2-3{padding: 0;justify-content: flex-start;align-items: flex-start;}
    .s2-3::before,
    .s2-3::after{display: none;}
    .s2-4{text-align: left;}
    .s2-5{padding: 0;justify-content: flex-start;flex-direction: column;}
    .s2-5:not(:first-child){margin-top: 30rem;}
    .s2-6{margin: 0;flex-direction: row;max-width: none;}
    .s2-6:not(:first-child){margin-top: 20rem;}
    .s2-7{width: 40rem;flex: none;}
    .s2-7-1{width: 20rem;height: 20rem;}
    .s2-8{margin-left: 15rem;margin-top: 0;flex: auto;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 0;}
    .s3-2{margin: -5rem;grid-column: auto;align-items: stretch;}
    .s3-3{padding: 5rem;width: 50%;margin: 0;display: flex;min-height: 125rem;}
    
    .s4-1{grid-template-columns: auto;grid-gap: 0;}
    .s4-2{grid-column: auto;margin-bottom: 30rem;}
    .s4-3{grid-column: auto;order: initial;grid-row: auto;margin: 0 var(--awr);padding: 0;}
    .s4-3::before,
    .s4-3::after{display: none;}
    .s4-4{grid-column: auto;margin: 20rem var(--awr) 0;border: none;padding: 0 var(--wr);overflow: auto;grid-auto-flow: column;grid-gap: 10rem;overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x mandatory;scroll-padding: var(--wr);}
    .s4-4::-webkit-scrollbar{display: none;}
    .s4-5{background-color: var(--c0);padding: 20rem;border: none;max-width: 80vw;width: 275rem;position: relative;display: flex;flex-direction: column;scroll-snap-align: start;}
    .s4-5::before,
    .s4-5::after{content: "";color: var(--c1);height: 10rem;width: 100%;left: 0;border: var(--sl) solid;position: absolute;}
    .s4-5::before{top: 0;border-bottom-width: 0;}
    .s4-5::after{bottom: 0;border-top-width: 0;}
    .s4-6{font-size: var(--f-m);}
    .s4-7{flex: auto;display: flex;flex-direction: column;padding-top: 15rem;}
    .s4-7-1{margin-bottom: auto;}
    .s4-10{width: 40rem;height: 40rem;}
    .s4-12{display: none;}
    .s4-13{margin: 0;}
    
    .s5:first-child {margin: calc(-1 * var(--headroom-height)) 0 0;}
    .s5-2{grid-template-columns: auto;}
    .s5-3-2,
    .s5-3-3{margin-top: 25rem;}
    
    .s6-1{grid-template-columns: minmax(0, 1fr);}
    .s6-2{order: 1;margin: 0 var(--awr);}
    .s6-2 .swiper{position: relative;top: auto;left: auto;height: auto;display: flex;}
    .s6-2 .swiper-wrapper{min-height: 100%;height: auto;}
    .s6-2 .swiper-wrapper::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s6-2 .carousel-buttons{padding: 0 var(--wr);}
    .s6-2 .carousel-button{width: 20rem;height: 25rem;}
    .s6-2 .carousel-pagination{position: relative;padding: 0;left: auto;top: auto;bottom: 0;margin-top: 30rem;} 
    .s6-3{padding: 0;}
    .s6-3::before,
    .s6-3::after{display: none;}
    .s6-4{grid-gap: 30rem;}
    .s6-4-1 .title{font-size: var(--f-l);}
    
    .s7-1{grid-gap: 10rem;}
    .s7-2 .swiper-slide{padding: 0 5rem;}
    .s7-3{width: 175rem;}
    
    .s8-1{display: flex;flex-direction: column;}
    .s8-2{padding: 0;}
    .s8-2::before,
    .s8-2::after{display: none;}
    .s8-3{order: -1;position: relative;top: auto;left: auto;right: auto;margin: 0 0 30rem;}
    .s8-3-1{flex: 1;padding: 10rem 25rem;text-align: center;}
    .s8-4{position: relative;}
    .s8-5{position: relative;padding-top: 30rem;border-bottom: var(--sl) solid var(--c14);}
    .s8-5:not(.active){display: none;}
    .s8-6{position: static;width: 100%;height: auto;transform: none;flex-direction: column;align-items: flex-start;border-top: var(--sl) solid var(--c14);padding: 20rem 0;}
    .s8-7{position: absolute;bottom: 100%;left: 0;top: auto;width: 100%;height: auto;aspect-ratio: 1520 / 710;pointer-events: none;}
    .s8-7-1{position: absolute;width: 24rem;height: 24rem;top: var(--y-pos);left: var(--x-pos);transform: translate(-50%, -50%);pointer-events: all;}
    .s8-8{padding: 0;scroll-margin-top: calc(var(--headroom-height) + 20rem);display: grid;grid-template-columns: 1fr auto;grid-gap: 20rem;align-items: center;width: 100%;position: relative;}
    .s8-8::after{content: "";width: 10rem;height: 12rem;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5547 4.06641L5.42069 9.2004L0.353366 4.13308' stroke='white'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;background-position: center;}
    .s8-8-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;bottom: 0;z-index: 1;margin: -20rem 0;}
    .s8-9{position: static;opacity: 1;clip-path: none;grid-auto-flow: row;grid-gap: 30rem;width: 100%;background-color: transparent;margin-top: 20rem;padding: 0;grid-template-columns: auto;transition: all .25s;overflow: hidden;}
    .s8-9::before,
    .s8-9::after{display: none;}
    .s8-10-1{transition-delay: 0s;}
    
    .s8-6.active .s8-8::after{transform: scaleY(-1);}
    .s8-6:not(.active) .s8-9{height: 0;opacity: 0;margin-top: 0;}
    
    .s9-1{grid-template-columns: minmax(0, 1fr);}
    .s9-2{padding: 0;}
    .s9-2::before,
    .s9-2::after{display: none;}
    .s9-2-2{margin-top: 30rem;}
    .s9-2-4{margin-top: 30rem;}
    .s9-3{margin: 0 var(--awr);}
    
    .s10-1{grid-template-columns: minmax(0, 1fr);}
    .s10-2{grid-column: auto;padding: 0;grid-gap: 20rem;}
    .s10-3,
    .s10-4{grid-column: auto;margin: 0 var(--awr);}
    .s10-3::before,
    .s10-4::before{padding-top: 100%;}
    
    .s10-4 .swiper{position: relative;top: auto;left: auto;height: auto;display: flex;}
    .s10-4 .swiper-wrapper{min-height: 100%;height: auto;}
    .s10-4 .swiper-wrapper::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s10-4 .carousel-buttons{padding: 0 var(--wr);}
    .s10-4 .carousel-button{width: 20rem;height: 25rem;}
    .s10-4 .carousel-pagination{position: relative;padding: 0;left: auto;top: auto;bottom: 0;margin-top: 30rem;}
    
    .s11-1{padding: 0;grid-template-columns: auto;}
    .s11-1::before,
    .s11-1::after{display: none;}
    .s11-2{grid-column: auto;grid-template-columns: minmax(0, 1fr);padding: 0;}
    .s11-2 .carousel-buttons{display: none;}
    .s11-3{grid-column: auto;overflow: auto;grid-auto-flow: column;margin: 30rem var(--awr) 0;padding: 0 var(--wr);overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x mandatory;scroll-padding: var(--wr);display: grid;counter-reset: index;}
    .s11-3::-webkit-scrollbar{display: none;}
    .s11-4{grid-column: auto;}
    .s11-5{grid-template-rows: auto 1fr;}
    .s11-5-1{height: 40rem;}
    .s11-5-1::after{margin-top: 15rem;}
    .s11-5-1 img{object-position: left;height: 100%;}
    .s11-5-2{text-align: left;}
    .s11-9{width: 120rem;}
    .s11-10{width: 60vw;scroll-snap-align: start;pointer-events: none;}
    .s11-10::before{flex: none;width: 40rem;}
    .s11-10::after{content: "";flex: auto;height: var(--sl);background-color: currentColor;opacity: .4;}
    
    .s11-10:first-child{justify-content: flex-end;}
    .s11-10:first-child::before{content: "";opacity: 0;}
    .s11-10:last-child::after{opacity: 0;}
    
    .s12-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s12-2{margin-top: 30rem;}
    
    .s13:not(:first-child){margin-top: 60rem;}
    .s13-1{grid-template-columns: auto;}
    .s13-1:not(:first-child){margin-top: 60rem;}
    .s13-2{grid-column: auto;grid-gap: 30rem;}
    
    .s14-1{grid-template-columns: auto;grid-gap: 40rem;}
    
    .s15-2{padding: 0;width: auto;align-items: center;margin: 0 -50rem;z-index: -1;}
    .s15-2::before,
    .s15-2::after{display: none;}
    .s15-3{display: none;}
    .s15-4{position: static;top: auto;left: 0;height: auto;grid-column: auto;margin: 20rem 0 0;padding: 0 var(--wr);overflow: auto;grid-auto-flow: column;grid-gap: 10rem;overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x mandatory;scroll-padding: var(--wr);display: grid;counter-reset: index;}
    .s15-4::-webkit-scrollbar{display: none;}
    .s15-5{position: static;width: 100%;height: auto;transform: none;top: auto;left: auto;pointer-events: none;}
    .s15-9{top: auto;left: auto;clip-path: inset(0% 0% 0% 0%);background-color: var(--c0);padding: 20rem;border: none;max-width: 80vw;width: 275rem;position: relative;display: flex;flex-direction: column;scroll-snap-align: start;margin: 0;min-height: 100%;}
    .s15-9-1::before{content: counter(index, decimal-leading-zero) ". ";counter-increment: index;}
    .s15-9-2{margin-top: 15rem;}
    .s15-10{position: absolute;top: 0;left: 0;width: auto;height: auto;aspect-ratio: 1520 / 800;pointer-events: none;right: 0;margin: 0 -50rem;}
    .s15-10-1{position: absolute;width: 24rem;height: 24rem;top: var(--y-pos);left: var(--x-pos);transform: translate(-50%, -50%);pointer-events: all;}
    .s15-11{margin: 0 var(--awr);}
    
    .s16-1{grid-template-columns: minmax(0, 1fr);}
    .s16-2{grid-column: auto;margin: 0 var(--awr);}
    .s16-3{margin-top: 30rem;}
    .s16-3 .carousel-pagination{position: relative;padding: 0;left: auto;top: auto;bottom: 0;}
    .s16-4{grid-template-columns: auto;padding: 30rem 20rem;grid-gap: 25rem;margin: 0 var(--wr);}
    .s16-5{grid-column: auto;padding: 0;}
    .s16-5-2{margin-top: 30rem;}
    .s16-6{order: -1;width: 25rem;height: 20rem;transform: none;margin: 0;}
    
    .s17-1{grid-template-columns: auto;}
    .s17-2{grid-column: auto;}
    .s17-2-2{margin-top: 20rem;}
    .s17-3{grid-column: auto;grid-gap: var(--gap);}
    .s17-5{margin-bottom: 25rem;}
    .s17-7{padding: 25rem 0;grid-template-columns: 1fr auto;}
    .s17-7-1{grid-column: auto;}
    
    .s404 .section-header{text-align: center;}
    .s404-1{margin-top: 50rem;padding: 0;}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;min-height: 100%;z-index: 99;background-color: var(--c2);color: var(--c1);will-change: transform;transition: transform .5s;}
    .popup-inner{height: var(--app-height);padding: var(--headroom-height) var(--wr) 0;overflow: auto;display: flex;flex-direction: column;}
    .popup-menu{flex: auto;}
    .popup-menu-item{padding: 20rem 0;border-bottom: var(--sl) solid var(--c14);}
    .popup-menu-caption{display: grid;grid-template-columns: auto 1fr;grid-gap: 5rem;align-items: center;}
    .popup-menu-icon{width: 12rem;height: 12rem;display: flex;align-items: center;justify-content: center;will-change: transform;}
    .popup-menu-list{padding-top: 15rem;overflow: hidden;transition: all .25s;}
    .popup-menu-list ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .popup-footer{flex: none;position: sticky;bottom: 0;padding: 20rem var(--wr) 15rem;margin: 0 var(--awr);background-image: linear-gradient(transparent, var(--c0));}
    
    .popup-menu-item:not(.active) .popup-menu-list{opacity: 0;max-height: 0;padding: 0;}
    .popup-menu-item.active .popup-menu-icon{transform: scaleY(-1);}
    
    .popup:not(.active){transform: translateY(-100%);}
    
    .popup-overlay{background-color: var(--c0);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 98;transition: all .5s .25s;opacity: 0;visibility: hidden;}
    
    .popup.active ~ .popup-overlay{opacity: .5;visibility: visible;transition-delay: 0s;}
    
    .popup-active .topbar-menu-closed,
    .topbar-menu-opened{display: none;}
    
    .popup-active .topbar-menu-opened{display: block;}
    
    .form-success{margin: 0;text-align: center;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .s1-1 .swiper-slide{transition-delay: 1s;pointer-events: none;}
    .s1-1 .swiper-slide-active{transition-delay: 1s;pointer-events: all;}
 
    .s1-1 .swiper-slide .s1-4::before,
    .s1-1 .swiper-slide .s1-4::after{transition: margin .5s 1.1s;}
    .s1-1 .swiper-slide .s1-4-1{transition: clip-path .5s 1.1s;clip-path: inset(0% 0% 0% 0%);}
    .s1-1 .swiper-slide .s1-7-1{transition: transform .5s 1.1s;}
    .s1-1 .swiper-slide .s1-9::before{transition: all .5s 1.1s;transform-origin: right;}
    .s1-1 .swiper-slide .s1-9-1,
    .s1-1 .swiper-slide .s1-9-2{transition: all .5s 1.1s;}
    
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-4::before,
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-4::after{margin: 10rem;transition-delay: 0s;}
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-4-1{clip-path: inset(100% 0% 0% 0%);transition-delay: 0s;}
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-7-1{transform: translateY(110%);transition-delay: 0s;}
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-9::before{transform: scaleX(0);opacity: 1;transition-delay: 0s;}
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-9-1,
    .s1-1 .swiper-slide:not(.swiper-slide-active) .s1-9-2{opacity: 0;transform: translateY(20rem);transition-delay: 0s;}
    
    
    
    .s1.contrast{color: var(--c0);}
    .s1.contrast .s1-9-1{color: var(--c0);}
    .s1.contrast .button__default .button-icon,
    .s1.contrast .button__default .button-text{background-color: var(--c0);color: var(--c1);}
    
    .s4-5:not(.active) .s4-6{font-size: var(--f-d);}
    .s4-5:not(.active) .s4-7{opacity: 0;height: 0;padding-top: 0;}
    
    .s8-5{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 20rem;}
    .s8-5:not(.active){pointer-events: none;}
    
    .s8-5:nth-child(1) .s8-6:nth-child(1) .s8-9{left: auto;right: 0;}
    .s8-5:nth-child(1) .s8-6:nth-child(2) .s8-9{left: auto;right: 0;}
    .s8-5:nth-child(1) .s8-6:nth-child(3) .s8-9{margin-left: 20rem;}
    
    .s8-5:nth-child(2) .s8-6:nth-child(2) .s8-9{left: auto;right: 0;}
    
    
    .s11-10.move-forward::before,
    .s11-10.move-back + .s11-10::before{animation: timeline .5s 0s 1 linear;}
    .s11-10.move-back + .s11-10::before{animation-direction: reverse;}
    
    .s15-3{pointer-events: none;}
    .s15-8:not(.active){pointer-events: all;}
    
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    
    
    .button__default .button-text,
    .button__default .button-icon{transition: all .15s;}
    .button__default:hover .button-text,
    .button__default:hover .button-icon{border-color: currentColor;color: var(--c1);background-color: transparent;}
    
    .button__cl{transition: color .15s;}
    .button__cl .button-text{transition: opacity .15s;}
    
    .s8-11-3 .button__cl:hover{color: var(--c1);}
    
    .s1.contrast .button__default:hover .button-icon, 
    .s1.contrast .button__default:hover .button-text{color: var(--c0);background-color: transparent;}
    
    .s2-1{pointer-events: none;}
    .s2-2,
    .s2-6{pointer-events: all;}
    .s2-1:hover .s2-2-2{visibility: visible;opacity: 1;}
    
    .s4-10:hover{opacity: 1;}
    
    .s8-3-1{transition: opacity .15s, padding .15s;}
    .s8-3-1.active{}
    .s8-3-1:hover{opacity: 1;}
    
    .s8-7-1{transition: transform .25s, color .15s;will-change: transform;} 
    
    .s8-5.active .s8-6:hover .s8-7-1{transform: rotate(90deg);color: inherit;}
    .s8-5.active .s8-6:hover .s8-9{clip-path: inset(0% 0% 0% 0%);transition-delay: 0s;opacity: 1;}
    
    .s8-5.active .s8-6:not(:hover) .s8-7-1{color: transparent;}
   
    .s8-5.active .s8-6:hover{z-index: 2;}
    
    
    .s11-2 .carousel-button{transition: color .15s;}
    .s11-2 .carousel-button:not(.swiper-button-disabled):hover{color: var(--c10);}
    
    .s11-8{transition: color .15s;}
    
    .s11-10:not(.active):hover .s11-7,
    .s11-10:not(.active):hover .s11-8,
    .s11-10:not(.active):hover .s11-9{opacity: 1;}
    
    .s15-5:hover{opacity: 1;}
    
    .f1 a,
    .f6 a,
    .f7 a,
    .f8 a,
    .s8-11-2 a,
    .button__cl .button-text,
    .footer-nav-content ul a,
    .topbar-nav ul ul a{background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;transition: background-size .5s cubic-bezier(0.2, 1, 0.3, 1), opacity .25s;}
    
    .f1 a:hover,
    .f6 a:hover,
    .f7 a:hover,
    .f8 a:hover,
    .s8-11-2 a:hover,
    .button__cl:hover .button-text,
    .footer-nav-content ul a:hover,
    .topbar-nav ul ul a:hover{background-size: 100% var(--sl);background-position: left bottom;opacity: 1;}
    
    .card-1 .card-media,
    .card-2 .card-media{transition: transform .25s;}
    
    
    .card-1::before,
    .card-1::after{content: "";color: var(--c1);height: 10rem;right: 0;left: 0;border: var(--sl) solid;position: absolute;transition: clip-path .25s;clip-path: inset(0% 0% 0% 0%);}
    .card-1::before{top: 0;border-bottom-width: 0;}
    .card-1::after{bottom: 0;border-top-width: 0;}
    
    .card-1:not(:hover)::before{clip-path: inset(0% 0% 100% 0%);}
    .card-1:not(:hover)::after{clip-path: inset(100% 0% 0% 0%);}
    
    .card-1:hover .card-media,
    .card-2:hover .card-media{transform: scale(1.05);}
    
    
    .social-item{transition: color .15s;}
    .social-item:hover{color: var(--c10);}
    
    .topbar-nav > ul > li:not(:hover):not(.current)::before,
    .topbar-nav > ul > li:not(:hover):not(.current)::after{opacity: 0;}
    .topbar-nav ul ul{transition: all .15s;}
    .topbar-nav li:not(:hover) ul{opacity: 0;transform: translateY(20rem);visibility: hidden;}
    .topbar-nav li:hover .topbar-nav-icon{transform: scaleY(-1);}
    
    .topbar-nav ul ul li{transition: transform .15s .15s;transform: translateX(-1.5em);}
    .topbar-nav ul ul li::before{transition: opacity .15s 0s;opacity: 0;}
    
    .topbar-nav ul ul li:hover{transform: translateX(0);transition-delay: 0s;}
    .topbar-nav ul ul li:hover::before{opacity: 1;transition-delay: 0s;transition-duration: .3s;}
    
}