@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    --scrollbar-width: 0;
    
  
    --c0: #000000; 
    --c1: #FFFFFF;
    --c2: #E5E7EB;
    --c3: #8C919B;
    --c4: #191919;
    --c5: #E02424;
    --c6: #EB4D13;
    --c7: #F9FAFB;
    --c8: rgba(255,255,255,.2);
    --c9: rgba(255,255,255,.6);
    --c10: rgba(255,255,255,.5);
    
    --wr: 20rem;
    --awr: calc(-1 * var(--wr));
    --tw: 525rem;
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 0;

    
    --f-s: max(14px, 16rem);
    --f-d: max(14px, 20rem);
    --f-m: max(14px, 24rem);
    --f-b: max(14px, 60rem);
    --f-l: max(14px, 70rem);
    --f-xl: max(14px, 120rem);
    --f-xxl: max(14px, 160rem);
    --f-xxxl: max(14px, 190rem);
    --f-xxxxl: max(14px, 260rem);
    
    --mw: 1920px; 
    
    
}


/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'Inter', sans-serif;font-size: var(--f-d);line-height: 1.2;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;padding: 0 60rem;height: max(50px, 55rem);position: relative;background-clip: padding-box;transition: background-color .25s, color .25s, border-color .25s;border: 0 solid transparent;}
    .button:not(.fill){overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;letter-spacing: -.02em;text-transform: capitalize;}
    
    .button__default{background-color: var(--c6);color: var(--c1);}
    .button__secondary{background-color: var(--c1);color: var(--c0);}
    
    .button__wide{width: 100%;}
     
    .altfont,
    .title{line-height: .9;font-weight: 400;font-family: 'Bebas Neue', sans-serif;text-transform: uppercase;letter-spacing: normal;}
    .title{width: 100%;}
    .title__default{font-size: var(--f-xl);}
    .title__large{font-size: var(--f-xxxl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .menu{display: flex;user-select: none;}
    .menu-icon{background-color: var(--c6);color: var(--c1);padding: 25rem 15rem;display: flex;cursor: pointer;transition: background-color .25s .25s;align-items: center;}
    .menu-icon-button{aspect-ratio: 3.5/1;height: max(10px, 10rem);position: relative;}
    .menu-icon-button::before,
    .menu-icon-button::after{content: "";position: absolute;left: 0;width: 100%;background-color: currentColor;height: var(--sl);will-change: transform;transition: transform .25s, top .25s;margin-top: calc(var(--sl) / -2);}
    .menu-icon-button::before{top: 0;}
    .menu-icon-button::after{top: 100%;}
    
    .menu-title{background-color: var(--c1);color: var(--c0);padding: 10rem;min-width: 200rem;display: flex;align-items: baseline;justify-content: space-between;font-size: var(--f-s);}
    .menu-title-index{margin-right: var(--gap);}
    
    .headroom-trigger{width: 100%;height: var(--sl);opacity: 0;position: absolute;top: 0;left: 0;}
    
    .header{display: flex;position: fixed;top: 0;z-index: 10;width: 100%;flex-direction: column;justify-content: flex-start;max-height: var(--app-height);transition: transform .25s, background-color .5s .5s;will-change: transform;}
    .header::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 150%;background-image: linear-gradient(var(--c0), rgba(0,0,0,0));transition: opacity .15s, transform .25s;will-change: transform;transition-delay: 0s, .5s;}
    
    .topbar{flex: none;width: 100%;padding: 30rem 0;position: relative;z-index: 1;}
    .topbar-inner{display: grid;align-items: center;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;}
    .topbar-menu{}
    .topbar-logo{position: relative;max-width: 120rem;width: 100%;margin: -20rem 0 -5rem;color: var(--c6);transition: color .5s;}
    .topbar-action{margin-left: auto;}
    
    .mainnav{overflow: hidden;height: 0;flex: auto;transition: height .5s .25s;display: flex;}
    .mainnav-inner{border-top: var(--sl) solid var(--c8);display: flex;align-items: center;width: 100%;transition: opacity .25s 0s;opacity: 0;}
    .mainnav-list{width: 100%;}
    .mainnav ul{text-align: center;font-size: max(14px, 100rem);margin: auto;padding: 50rem 0;display: flex;flex-direction: column;align-items: center;}
    .mainnav ul li{position: relative;padding: 10rem 0;}
    
    .header-social{outline: var(--sl) solid var(--c8);padding: 10rem 0;}
    .header-social-inner{display: grid;align-items: center;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;}
    .header-social-title{color: var(--c10);}
    
    .social{display: grid;grid-auto-flow: column;grid-gap: 30rem;}
    .social-item{width: max(30px, 40rem);height: max(30px, 40rem);display: inline-flex;align-items: center;justify-content: center;background-color: var(--c6);color: var(--c1);transition: background-color .25s, color .25s, border-color .25s;border: 0 solid transparent;}

    .menu-icon,
    .social-item,
    .topbar-action .button,
    .topbar-logo{transition-delay: 0s;}
    
    
    .show-menu{overflow: hidden!important;padding-right: var(--scrollbar-width);}
    .show-menu .header{transform: translateY(0)!important;background-color: var(--c6)!important;transition-delay: 0s;}
    .show-menu .header::before{opacity: 0;transform: translateY(-100%);transition-delay: 0s;}
    .show-menu .mainnav{height: calc(var(--app-height) - var(--headroom-height));transition-delay: 0s;}
    .show-menu .mainnav-inner{opacity: 1;transition-delay: .25s;}
    .show-menu .topbar-logo{color: var(--c0);transition-delay: 0s;}
    .show-menu .menu-icon,
    .show-menu .social-item,
    .show-menu .topbar-action .button{background-color: var(--c0);color: var(--c1);transition-delay: 0s;}
    .show-menu .menu-icon-button::before{transform: rotate(-45deg);top: 50%;}
    .show-menu .menu-icon-button::after{transform: rotate(45deg);top: 50%;}
    
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow-x: clip;}
    .section:not(:first-child){margin-top: 240rem;}
    .section:only-child{flex: auto;}
    
    .section-header{display: grid;margin-bottom: 60rem;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .section-header:last-child{margin-bottom: 0;}
    .section-header-title{padding-right: 50rem;margin-bottom: auto;}
    .section-header-title:last-child{padding: 0;grid-column: 1/-1;}
    .section-header-subtitle{max-width: var(--tw);margin-bottom: auto;}
    .section-header-action{display: flex;}
    .section-header-action .carousel-buttons{margin-top: auto;margin-left: auto;}
    
    .carousel{user-select: none;}
    
    .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .carousel-button{display: flex;align-items: center;justify-content: center;width: max(40px, 50rem);height: max(40px, 50rem);padding: 10rem;cursor: pointer;position: relative;}
    .carousel-button::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: var(--sl) solid;opacity: .2;}
    
    .tags{margin: -5rem;display: flex;flex-wrap: wrap;}
    
    .tag{margin: 5rem;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;padding: 10rem 20rem;user-select: none;}
    .tag::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: var(--sl) solid;opacity: .2;}
    .tag.current{background-color: var(--c1);color: var(--c0);pointer-events: none;}
    
    .footer{overflow: hidden;margin-top: 240rem;color: var(--c9);}
    .footer-grid{grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);align-items: flex-start;display: grid;}
    .footer-logo{position: relative;max-width: 120rem;width: 100%;}
    .footer-nav{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .footer-nav-col:nth-child(1){padding-right: 50rem;}
    .footer-nav-col:nth-child(2){padding-left: 50rem;}
    .footer-nav-col:nth-child(3){padding-left: 100rem;}
    .footer-nav-title{color: var(--c1);margin-bottom: 20rem;}
    .footer-nav-list:not(:last-child){margin-bottom: 40rem;}
    .footer-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 8rem;}
    
    .bottombar{grid-template-columns: repeat(6, 1fr);grid-gap: 0 var(--gap);align-items: flex-start;display: grid;border-top: var(--sl) solid var(--c8);padding: 20rem 0;margin-top: 40rem;}
    
    .bottombar-copyright{grid-column: 1/4;}
    .bottombar-lastcol{grid-column: 5/-1;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;}
    .bottombar-author{margin-right: auto;display: flex;align-items: baseline;padding-left: 50rem;}
    .bottombar-policy{margin-left: auto;}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;color: var(--c1);opacity: 1;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .formbox-row{display: flex;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    .formbox-footer{margin-top: 35rem;}
    
    .textfield{width: 100%;display: flex;position: relative;flex-direction: column;}
    .textfield-input{text-overflow: ellipsis;min-height: max(50px, 60rem);padding: 20rem 30rem;position: relative;flex: auto;resize: none;z-index: 1;width: 100%;border: var(--sl) solid var(--c8);transition: border-color .15s;border-radius: 0!important;}
    .textfield-input:focus{border-color: var(--c1);}
    
    .textfield-error{color: var(--c5);margin-top: 10rem;font-size: var(--f-s);display: none;}
    
    .textfield-input:invalid:not(:focus),
    .textfield-input.error:not(:focus){border-color: var(--c5);}
    .textfield-input:invalid:not(:focus):not(:placeholder-shown),
    .textfield-input.error:not(:focus):not(:placeholder-shown){color: var(--c5);}
    
    .textfield-input:invalid ~ .textfield-error,
    .textfield-input.error ~ .textfield-error{display: block;}
    
    .selector{user-select: none;}
    .selector-holder{min-height: max(50px, 60rem);border: var(--sl) solid var(--c8);display: flex;overflow: hidden;align-items: center;cursor: pointer;padding: 0 30rem;color: var(--c1);transition: border-color .15s;}
    .selector-holder-input{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;pointer-events: none;padding: 20rem 0;}
    .selector-holder-icon{flex: none;margin-left: 10rem;display: flex;width: max(16px, 20rem);height: max(16px, 20rem);align-items: center;justify-content: center;opacity: .5;}
    
    .selector.active .selector-holder{border-color: var(--c1);}
    .selector.active .selector-holder-icon{transform: scaleY(-1);opacity: 1;}
    
    .selector-list{background-color: var(--c0);position: absolute;width: 100%;z-index: 999;overflow: auto;max-height: 600rem;padding: 0;display: grid;grid-template-columns: auto;grid-gap: 0;padding: 5rem 10rem;border: var(--sl) solid var(--c8);}
    .selector-list:not(.active){visibility: hidden;opacity: 0;}
    .selector-option{position: relative;padding: 15rem 0;border-top: var(--sl) solid var(--c8);border-bottom: var(--sl) solid var(--c8);}
    .selector-option:first-child{border-top: none;}
    .selector-option:last-child{border-bottom: none;}
    .selector-option-inner:not(.active){cursor: pointer;}
    .selector-option-inner.active{color: var(--c1);pointer-events: none;}
    
    .popup{position: fixed;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);width: 100%;max-width: 1130rem;padding: 20rem;visibility: hidden;user-select: none;padding: var(--wr);color: var(--c0);}
    .popup-close{width: max(50px, 64rem);height: max(50px, 64rem);display: flex;align-items: center;justify-content: center;border: var(--sl) solid var(--c2);padding: 16rem;position: absolute;top: 0;right: 0;margin: 40rem;cursor: pointer;}
    .popup-inner{padding: 150rem var(--wr);width: 100%;display: flex;flex-direction: column;text-align: center;background-color: var(--c1);}
    .popup-inner-title{}
    .popup-inner-subtitle{margin-top: 20rem;opacity: .5;}
    
    .popup-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background-color: var(--c0);opacity: 0;transition: all .15s;visibility: hidden;}
    
    .popup.active{visibility: visible;}
    .popup.active ~ .popup-overlay{opacity: .5;visibility: visible;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
    .card-1 .card-header{position: relative;overflow: hidden;display: flex;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .card-1 .card-content{margin-top: 20rem;}
    .card-1 .card-title{font-size: var(--f-m);line-height: 1.1;letter-spacing: -.03em;font-weight: 500;}
  
    .card-1 .card-media-front,
    .card-1 .card-media-back{transition: opacity .5s;}
    .card-1 .card-media-front::before,
    .card-1 .card-media-back::before,
    .card-1 .card-media-front::after,
    .card-1 .card-media-back::after{display: none;}
    .card-1 .card-media-back{opacity: 0;}
  
    .card-2 .card-header{position: relative;overflow: hidden;display: flex;padding: 20rem;align-items: flex-start;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .card-2 .card-content{margin-top: 20rem;}
    .card-2 .card-title{font-weight: 500;padding-right: 20rem;}
    .card-2 .card-tags{display: flex;position: relative;z-index: 2;pointer-events: none;overflow: hidden;background-color: var(--c1);color: var(--c0);}
    .card-2 .card-tag{position: relative;overflow: hidden;padding: 15rem 10rem;font-size: var(--f-s);line-height: 1.1;letter-spacing: -.04em;}
    .card-2 .card-tag:not(:first-child){border-left: var(--sl) solid rgba(0,0,0,.1);}
    .card-2 .card-tag a{pointer-events: all;}
    .card-2 .card-date{opacity: .5;}
  
    .card-3 .card-header{position: relative;overflow: hidden;display: flex;padding: 20rem;align-items: flex-start;}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .card-3 .card-content{margin-top: 20rem;}
    .card-3 .card-title,
    .card-3 .card-subtitle{font-size: var(--f-m);line-height: 1.1;letter-spacing: -.03em;font-weight: 500;}
    .card-3 .card-subtitle{opacity: .5;}
    .card-3 .card-tags{position: relative;z-index: 1;}
    .card-3 .card-tag{position: relative;width: 150rem;height: 85rem;}
    .card-3 .card-tag img{object-position: left top;}
   
}

/* sections */

@media screen {
    
    .s1{}
    .s1-1{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
    .s1-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(transparent, rgba(0,0,0,.9));}
    .s1-1 img{object-position: top;}
    .s1-2{padding: 60rem 0 25rem;min-height: var(--app-height);display: flex;align-items: center;flex-direction: column;justify-content: flex-end;position: relative;z-index: 1;white-space: nowrap;}
    .s1-3{margin-top: auto;text-align: center;display: flex;flex-direction: column;align-items: center;line-height: .85;}
    .s1-3-1,
    .s1-3-2,
    .s1-3-3{overflow: hidden;white-space: nowrap;}
    .s1-3-1{font-size: var(--f-xl);}
    .s1-3-1 > div{transition: transform .5s;transition-delay: 0s;}
    .s1-3-2{font-size: var(--f-xxxl);position: relative;}
    .s1-3-2 > div{transition: transform .5s;transition-delay: .25s;}
    .s1-3-3{font-size: var(--f-xxxxl);position: relative;}
    .s1-3-3 > div{transition: transform .5s;transition-delay: .5s;}
    .s1-3-2::after,
    .s1-3-3::after{content: ".";position: absolute;left: 100%;bottom: 0;}
    .s1-4{position: relative;z-index: 1;margin-top: 40rem;width: 100%;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;}
    .s1-4-2{text-align: center;}
    .s1-4-3{text-align: right;}
    
    .s1-3.hidden .s1-3-1 > div,
    .s1-3.hidden .s1-3-2 > div,
    .s1-3.hidden .s1-3-3 > div{transform: translateY(100%);transition-duration: 0s;transition-delay: 0s;}
    
    .s2-1{display: flex;flex-direction: column;}
    .s2-2{width: 100%;font-size: var(--f-xl);}
    .s2-3{margin: 30rem auto 0;max-width: var(--tw);text-align: center;color: var(--c10);}
    .s2-4{display: flex;align-items: baseline;justify-content: center;}
    .s2-4-1{white-space: nowrap;flex: none;mask-image: linear-gradient(90deg, #fff 33.3%, rgba(255,255,255,.2) 66.6%);mask-position: 100% 100%;mask-size: 300% 100%;transition: mask-position 1s ease-in-out;}
    .s2-4-2{flex: none;height: .75em;margin: 0 .1em;width: 0;transition: width .8s cubic-bezier(.6,0,.2,1), opacity .5s linear;opacity: 0;position: relative;overflow: hidden;}
    .s2-4-2 img{width: 1.5em;height: 100%;max-width: none;left: 50%;transform: translateX(-50%);}
    
    .s2-4.visible .s2-4-1{mask-position: 0 100%;}
    .s2-4.visible .s2-4-2{width: 1.5em;opacity: 1;}
    
    .s3-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 50rem var(--gap);}
    
    .s4-1{display: flex;flex-direction: column;align-items: center;}
    .s4-2{text-align: center;margin-bottom: 60rem;position: relative;z-index: 2;}
    .s4-3{margin: 0 30rem;}
    .s4-4{display: grid;grid-template-columns: auto;grid-gap: 0;grid-template-rows: 1fr 1fr;text-align: center;width: 100%;padding: calc((100% - 50% * 1.414) / 2);}
    .s4-4-1{margin: auto 55rem 40rem;height: 40rem;position: relative;}
    .s4-4-2{opacity: .4;padding: 0 55rem;position: relative;}
    .s4-5{flex: 1;display: flex;position: relative;z-index: 1;}
    .s4-5:nth-child(2){margin: 0 -100rem;}
    .s4-5::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s4-5::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 50%;border: max(1px, 2rem) dashed var(--c6);opacity: .6;}
    .s4-6{opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;border-radius: 50%;margin: -200rem;background-image: radial-gradient(closest-side, var(--c6), rgba(0,0,0,0));transition: transform 1s;will-change: transform;pointer-events: none;}
    .s4-8{display: flex;}
    
    .s5-1{display: flex;flex-direction: column;}
    .s5-2{text-align: center;margin-bottom: 50rem;}
    .s5-3{display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: 40rem var(--gap);align-items: center;}
    .s5-4{margin: 0 var(--awr) 0;display: flex;flex-direction: column;position: relative;} 
    .s5-4-1{display: none;}
    .s5-4-1,
    .s5-4-3{height: max(20px, 20rem);position: relative;}
    .s5-4-2{padding: 50rem 0;font-size: var(--f-l);text-align: center;}
    .s5-4-2::before,
    .s5-4-2::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: var(--sl);background-color: currentColor;height: 50rem;}
    .s5-4-2::before{top: 0;display: none;}
    .s5-4-2::after{bottom: 0;}
    .s5-4-2 .swiper{white-space: nowrap;width: 100%;margin: 0 auto;overflow: visible;user-select: none;}
    .s5-4-2 .swiper-slide{width: auto;padding: 0 85rem;transition: opacity .3s;}
    .s5-4-2 .swiper-slide:not(.swiper-slide-active){opacity: .3;cursor: pointer;}
    
    .s5-4-1::before,
    .s5-4-1::after,
    .s5-4-3::before,
    .s5-4-3::after{content: "";position: absolute;top: 0;height: 100%;width: calc((100% - var(--gap)) / 2);background-repeat: repeat-x;background-size: auto 100%;background-image: url(../img/bars.svg);background-position: top left;}
    .s5-4-1::before{left: 0;}
    .s5-4-1::after{right: 0;transform: scaleX(-1);}
    .s5-4-3::before{left: 0;transform: scaleY(-1);}
    .s5-4-3::after{right: 0;transform: scale(-1, -1);}
    
    .s5-5{grid-column: 3/7;font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;padding-right: 0;order: 1;text-align: center;}
    .s5-6{grid-column: 4/6;position: relative;max-width: 385rem;margin: 0 auto;width: 100%;}
    .s5-6 .swiper-slide{}
    .s5-6 .carousel-image{position: relative;width: 100%;display: flex;overflow: hidden;will-change: transform;transition: transform .3s;}
    .s5-6 .carousel-image::after{content: "";flex: none;width: 100%;padding-top: 115%;position: relative;z-index: 1;background-color: var(--c0);opacity: 0;transition: all .15s;}
    .s5-6 .swiper-slide:not(.swiper-slide-active) .carousel-image{transform: scale(.8);filter: grayscale(1);}
    .s5-6 .swiper-slide:not(.swiper-slide-active) .carousel-image::after{opacity: .5;}
    .s5-6 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
    .s5-6 .swiper-slide.swiper-slide-next:first-child{opacity: 0;}
    
    .s6{}
    .s6-1{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
    .s6-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(transparent, rgba(0,0,0,.9));}
    .s6-1 img{object-position: top;}
    .s6-2{padding: 60rem 0;min-height: var(--app-height);display: flex;align-items: center;flex-direction: column;justify-content: flex-end;position: relative;z-index: 1;}
    .s6-3{text-align: center;}
    .s6-4{margin-top: 40rem;max-width: var(--tw);text-align: center;}
    .s6-5{display: flex;align-items: baseline;justify-content: center;}
    .s6-5-1{text-align: right;color: var(--c10);margin-right: .3em;white-space: nowrap;}
    .s6-5-2{text-align: left;}
    
    .s7-1{margin-bottom: 100rem;}
    .s7-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s7-3{background-color: var(--c4);display: flex;align-items: center;justify-content: center;padding: 50rem;position: relative;overflow: hidden;}
    .s7-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s7-4{display: flex;flex-direction: column;text-align: center;}
    .s7-4-1{font-size: var(--f-l);}
    .s7-4-2{color: var(--c10);margin-top: 10rem;}
    
    .s8-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s8-2{display: flex;flex-direction: column;min-height: 100%;}
    .s8-2-2{margin-top: 60rem;max-width: var(--tw);margin-bottom: auto;}
    .s8-2-3{margin-top: 100rem;width: 100%;max-width: var(--tw);}
    .s8-3{position: relative;overflow: hidden;display: flex;margin-right: var(--awr);}
    .s8-3::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s8-3 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: visible;max-width: 80%;}
    .s8-3 .swiper-slide{position: relative;}
    .s8-3 .carousel-image{position: absolute;top: 0;left: 0;bottom: 0;right: var(--gap);}
    
    .s9{background-color: var(--c1);color: var(--c0);padding: 130rem 0 110rem;}
    .s9-1{position: relative;}
    .s9-2{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 100rem var(--gap);grid-template-rows: 1fr auto;grid-template-areas: "a1 a1 a1 a2 a2 a4" "a1 a1 a1 a3 a3 a3";pointer-events: none;}
    .s9-3{grid-area: a1;position: relative;overflow: hidden;display: flex;}
    .s9-3 .swiper{width: 100%;}
    .s9-3 .carousel-image{position: relative;overflow: hidden;display: flex;}
    .s9-3 .carousel-image::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s9-3 .carousel-image img{object-position: top;}
    .s9-4{grid-area: a2;max-width: var(--tw);}
    .s9-5{grid-area: a3;margin-right: var(--awr);position: relative;overflow: hidden;display: flex;}
    .s9-5 .swiper{width: 100%;margin: 0 0 0 calc(var(--gap) / -1);overflow: visible;max-width: calc(var(--tw) + var(--gap));}
    .s9-5 .swiper-slide{padding-left: var(--gap);}
    .s9-5 .carousel-image{position: relative;width: 100%;display: flex;}
    .s9-5 .carousel-image::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s9-6{grid-area: a4;color: var(--c10);display: flex;justify-content: flex-end;align-items: flex-start;}
    
    .s10-1{position: relative;display: flex;flex-direction: column;}
    .s10-2{margin: 0 var(--awr);position: relative;z-index: 1;} 
    .s10-3{height: var(--app-height);display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding: 40rem var(--wr);width: 100%;flex: none;position: sticky;top: 0;}
    .s10-3 .carousel-frac{display: inline-flex;font-size: var(--f-b);margin-bottom: 20rem;}
    .s10-3 .carousel-frac-num{color: var(--c10);}
    .s10-3 .carousel-pagination{margin-top: 60rem;background-color: rgba(255,255,255,.4);height: max(3px, 3rem);max-width: 780rem;position: relative;top: auto;left: auto;display: flex;}
    .s10-3 .carousel-pagination .swiper-pagination-bullet{flex: 1;height: 100%;background-color: transparent;margin: 0;border-radius: 0;width: auto;position: relative;opacity: 1;}
    .s10-3 .carousel-pagination .swiper-pagination-bullet::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c1);will-change: transform;transition: transform .3s;transform-origin: left;}
    .s10-3 .carousel-pagination .swiper-pagination-bullet:not(:last-child)::after{content: "";position: absolute;width: max(2px, 2rem);top: 0;right: 0;background-color: var(--c1);margin: -5rem 0;bottom: 0;transform: translateX(50%);}
    .s10-3 .carousel-pagination .swiper-pagination-bullet-active{background-color: transparent;}
    .s10-3 .carousel-pagination .swiper-pagination-bullet-active ~ .swiper-pagination-bullet::before{transform: scaleX(0);}
    .s10-3 .swiper{width: 100%;}
    .s10-3 .swiper-slide{}
    .s10-3 .swiper-slide:not(.swiper-slide-active){opacity: 0!important;}
    .s10-4{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s10-4-2{max-width: var(--tw);margin-top: 25rem;}
    .s10-5{display: flex;flex-direction: column;will-change: transform;transition: transform .15s linear;}
    .s10-5::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.7));}
    .s10-6{display: flex;align-items: flex-start;height: 0;position: absolute;z-index: 1;width: 100%;top: 0;left: 0;}
    .s10-7{display: flex;}
    .s10-8{height: var(--app-height);width: calc(100vw - var(--scrollbar-width));flex: none;position: relative;}
    .s10-8-2{position: absolute;bottom: 50%;left: 10%;width: 50%;height: 1%;opacity: 0;z-index: 1;}
    
    .s10-2.fixed .s10-5{flex-direction: row;}
    .s10-2.fixed .s10-6{height: 100%;}
    .s10-2.fixed .s10-7{position: sticky;top: 0;}
    
    .s11-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50rem var(--gap);}
    
    .s12-1{}
    .s12-2{width: 95%;margin-left: calc(-1 * var(--gap));}
    .s12-2 .swiper{overflow: visible;}
    .s12-2 .swiper-slide{padding-left: var(--gap);}
    .s12-2 .carousel-image{position: relative;display: flex;}
    .s12-2 .carousel-image::before{content: "";flex: none;width: 0;padding-top: 110%;}
    
    .s13-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);grid-template-areas: "a1 a3" "a2 a3" "a4 a4";grid-template-rows: auto 1fr auto;}
    .s13-2{grid-area: a1;}
    .s13-2-1{padding-right: 50rem;}
    .s13-3{grid-area: a2;margin-top: 30rem;max-width: var(--tw);}
    .s13-4{grid-area: a3;max-width: var(--tw);pointer-events: none;}
    .s13-5{grid-area: a4;display: flex;position: relative;overflow: hidden;margin: 0 var(--awr);margin-top: 100rem;}
    .s13-5::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s13-5 img{object-position: top;}
    
    .s14-1{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s14-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);align-items: flex-start;font-size: var(--f-m);line-height: 1.2;letter-spacing: -.03em;}
    .s14-2::before,
    .s14-2:last-child::after{content: "";grid-column: 1/-1;opacity: .2;height: var(--sl);background-color: currentColor;}
    .s14-2-1{max-width: 475rem;}
    .s14-2-2{color: var(--c10);}
    
    .s15-1{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: var(--gap);}
    .s15-2{margin-left: calc(-1 * var(--gap));}
    .s15-2 .swiper{overflow: visible;}
    .s15-2 .swiper-slide{padding-left: var(--gap);}
    .s15-2 .carousel-image{position: relative;display: flex;}
    .s15-2 .carousel-image::before{content: "";flex: none;width: 0;padding-top: 75%;}
    
    .s16{padding-top: 320rem;}
    .s16-1{display: grid;grid-template-columns: 1fr 1fr;align-items: flex-start;grid-gap: var(--gap);}
    .s16-2-2{color: var(--c10);margin-top: 20rem;}
    
    .s17-1{display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: var(--gap);}
    .s17-2{grid-column: 2/8;margin: 0 calc(var(--gap) / -2);}
    .s17-2 .swiper{overflow: visible;}
    .s17-2 .swiper-wrapper{transition-timing-function: linear !important;}
    .s17-2 .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    
    .s404{padding-top: 320rem;}
    .s404-1{display: flex;flex-direction: column;align-items: center;}
    .s404-2{display: flex;align-items: center;}
    .s404-3{margin-top: 50rem;color: var(--c10);text-align: center;text-transform: capitalize;}
    .s404-4{margin-top: 40rem;}
    .s404-5{display: flex;flex-direction: column;transition: transform 1s 1s;will-change: transform;}
    .s404-5-1{}
    .s404-6{margin: auto var(--gap);position: relative;display: flex;justify-content: space-between;flex-direction: column;}
    .s404-6::before,
    .s404-6::after{content: "";width: 40rem;height: 40rem;flex: none;background-color: currentColor;margin: 50rem 0;}
    .s404-7{font-size: 435rem;line-height: 1;background-color: var(--c6);color: var(--c1);padding: 0 15rem;height: .9em;overflow: hidden;}
   
    .s404-5.active{transform: translateY(-75%);}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --wr: 16rem;
        --tw: 100%;

        --gap: 20rem;

        --f-s: 12rem;
        --f-d: 14rem;
        --f-m: 16rem;
        --f-b: 36rem;
        --f-l: 36rem;
        --f-xl: 48rem;
        --f-xxl: 48rem;
        --f-xxxl: 64rem;
        --f-xxxxl: 150rem;

        --mw: 640rem; 
    
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button{width: 100%;}
    
    .altfont,
    .title{letter-spacing: -.03em;}
    
    .topbar-inner{grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .topbar-action{display: none;}
    .topbar-logo{order: -1;max-width: 72rem;margin: -5rem 0;}
    
    .menu-title{min-width: 130rem;order: -1;padding: 8rem;}
    .menu-icon{padding: 15rem 10rem;}
    .menu-icon-button{aspect-ratio: 3/1;}
    
    .mainnav{display: flex;}
    .mainnav-inner{display: flex;flex-direction: column;padding-bottom: 35rem;height: 100%;overflow: auto;}
    .mainnav-list{margin: 0;}
    .mainnav ul li{padding: 5rem 0;}
    
    .header-social{margin-top: auto;padding: 0;outline: none;}
    .header-social-inner{grid-template-columns: auto;grid-gap: 0;}
    .header-social-title{text-align: center;display: none;}
    
    .social{grid-gap: 10rem;}
    .social-item{width: 28rem;height: 28rem;}
    
    .show-menu .social-item{background-color: var(--c1);color: var(--c6);}
    
    .footer{margin-top: 120rem;}
    .footer-grid{grid-template-columns: auto;grid-gap: 50rem;}
    .footer-logo{max-width: 72rem;}
    .footer-nav{grid-template-columns: 1fr 1fr;order: -1;grid-template-rows: auto 1fr;grid-gap: 25rem var(--gap);align-items: flex-start;}
    .footer-nav-col:nth-child(1){padding: 0;}
    .footer-nav-col:nth-child(2){padding: 0;grid-row-end: span 2;}
    .footer-nav-col:nth-child(3){padding: 0;}
    .footer-nav-title{margin-bottom: 12rem;}
    .footer-nav-list:not(:last-child){margin-bottom: 25rem;}
    .footer-nav-list ul{grid-gap: 4rem;}
    
    .bottombar{grid-template-columns: 1fr 1fr;margin-top: 0;border-top: none;padding: 20rem 0 25rem;grid-gap: 5rem var(--gap);}
    .bottombar-copyright{grid-column: auto;}
    .bottombar-lastcol{grid-column: 1/-1;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .bottombar-author{padding: 0;}
    .bottombar-policy{margin: 0;}
    
    .formbox-row{flex-direction: column;}
    .formbox-cell:not(:first-child){margin-left: 0;margin-top: var(--gap);}
    .formbox-footer{margin-top: 20rem;}
    
    .textfield{}
    .textfield-input{padding: 16rem;min-height: 48rem;}
    
    .selector-holder{min-height: 48rem;padding: 0 16rem;}
    .selector-holder-input{padding: 16rem 0;}
    
    .tag{padding: 8rem 15rem;line-height: 1;}
    
    .carousel-button{width: 42rem;height: 42rem;}
    
    .popup-close{margin: 24rem;padding: 10rem;width: 48rem;height: 48rem;}
    .popup-inner{padding: 140rem var(--wr);}
    .popup-inner-subtitle{margin-top: 10rem;}
    
    .card-1 .card-header::before{padding-top: 115%;}
    .card-1 .card-content{margin-top: 12rem;}
    
    .card-2 .card-header{padding: 8rem;}
    .card-2 .card-tag{padding: 10rem;}
    .card-2 .card-content{margin-top: 12rem;}
    .card-2 .card-title{font-size: var(--f-m);}
    
    .card-3 .card-tag{height: 50rem;}
    .card-3 .card-content{margin-top: 12rem;}
    
    .section:not(:first-child){margin-top: 120rem;}
    
    .section-header{margin-bottom: 35rem;grid-template-columns: auto;grid-gap: 0;}
    .section-header-title{padding: 0;}
    .section-header-subtitle{margin-top: 15rem;}
    .section-footer{margin-top: 25rem;display: flex;}
    .section-footer .carousel-buttons{margin: 0 auto;}
    
    .s1-4{grid-template-columns: 1fr 1fr;grid-gap: var(--gap);font-size: var(--f-s);margin-top: 20rem;}
    .s1-4-2{display: none;}
    
    .s2-3{margin-top: 15rem;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 35rem;}
    
    .s4-2{margin-bottom: 35rem;}
    .s4-3{margin: 0;position: relative;}
    .s4-4-1{margin: auto 0 12rem;height: 25rem;}
    .s4-4-2{padding: 0;}
    .s4-5{flex: none;}
    .s4-5:nth-child(2){margin: -15rem 0;}
    .s4-6{bottom: auto;display: flex;margin: -100rem;position: sticky;top: 20%;}
    .s4-6::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s4-7{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s4-8{flex-direction: column;}
  
    .s5-2{margin-bottom: 35rem;}
    .s5-3{grid-template-columns: minmax(0, 1fr);grid-gap: 25rem;}
    .s5-4{display: none;}
    .s5-5{grid-column: auto;padding: 0 20rem;font-size: var(--f-d);text-align: center;}
    .s5-5-2{margin-top: 10rem;color: var(--c10);}
    .s5-6{grid-column: auto;max-width: 240rem;order: -1;}
    
    .s6-2{padding: 25rem 0;}
    .s6-3 .title br{display: none;}
    .s6-4{margin-top: 15rem;}
    .s6-5:not(:first-child){margin-top: 2rem;}
    
    .s7-1{margin-bottom: 35rem;}
    .s7-2{grid-template-columns: auto;grid-gap: 15rem;}
    .s7-3{padding: 40rem 50rem;min-height: 215rem;}
    .s7-3::before{display: none;}
    
    .s8-1{grid-template-columns: auto;grid-gap: 0;}
    .s8-2-2{margin-top: 20rem;margin-bottom: 35rem;}
    .s8-2-3{margin: 0 0 15rem;}
    .s8-3{margin: 0;overflow: visible;}
    .s8-3 .swiper{right: calc(-1 * var(--wr) / 2);max-width: none;width: auto;}
    .s8-3 .carousel-image{right: calc(var(--wr) / 2);}
    
    .s9{padding: 50rem 0;}
    .s9-2{grid-template-columns: minmax(0, 1fr);grid-template-rows: auto;grid-gap: 35rem;grid-template-areas: "a2" "a1";}
    .s9-3{overflow: visible;margin: 0 calc(-1 * var(--wr) / 4)}
    .s9-3 .swiper{overflow: visible;}
    .s9-3 .swiper-slide{padding: 0 calc(var(--wr) / 4);}
    .s9-5{display: none;}
    .s9-6{display: none;}
    
    .s10-3 .carousel-frac{margin-bottom: 10rem;}
    .s10-3 .carousel-pagination{margin-top: 35rem;height: 2rem;}
    .s10-3 .carousel-pagination .swiper-pagination-bullet:not(:last-child)::after{width: var(--sl);margin: -7rem 0;}
    .s10-4-2{margin-top: 15rem;}
    .s10-5{transition-duration: 0s;}
    .s10-8-1 img{object-position: top;}
    .s10-8-2{opacity: 1;}
    
    .s11-1{grid-template-columns: auto;grid-gap: 35rem;}
    
    .s12-2{width: auto;margin-left: calc(-1 * var(--wr) / 2);}
    .s12-2 .swiper-slide{padding-left: calc(var(--wr) / 2);}
    
    .s13-1{grid-template-columns: minmax(0, 1fr);grid-template-rows: auto;grid-template-areas: "a2" "a1" "a3" "a4";}
    .s13-3{width: 100%;margin-top: 0;margin-bottom: 20rem;}
    .s13-4{margin-top: 20rem;}
    .s13-5{margin-top: 45rem;}
    .s13-5::before{padding-top: 110%;}
    
    .s14-1{grid-gap: var(--gap);}
    .s14-2{grid-gap: var(--gap);font-size: var(--f-d);align-items: center;}
    .s14-2-1{margin-right: calc(-1 * var(--gap));}
    .s14-2-2{text-align: right;padding-left: var(--gap);}
    
    .s15-1{grid-template-columns: minmax(0, 1fr);}
    .s15-2{margin-left: calc(-1 * var(--wr) / 2);}
    .s15-2 .swiper-slide{padding-left: calc(var(--wr) / 2);}
    
    .s16{padding-top: 110rem;}
    .s16-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s16-2-2{margin-top: 15rem;}
    
    .s17-1{grid-template-columns: minmax(0, 1fr);}
    .s17-2{grid-column: auto;margin: 0 calc(-1 * var(--wr) / 4);}
    .s17-2 .swiper-slide{padding: 0 calc(var(--wr) / 4);}
    
    .s404{padding-top: 180rem;}
    .s404-2{width: 100%;justify-content: space-between;}
    .s404-3{margin-top: 30rem;}
    .s404-4{margin-top: 130rem;width: 100%;}
    .s404-6{margin: auto 5rem;}
    .s404-6::before, 
    .s404-6::after{width: 15rem;height: 15rem;margin: 20rem 0;}
    .s404-7{font-size: 200rem;padding: 0 5rem;}
    
    .s1-2,
    .s6-2{min-height: 100lvh;}
    
    .s10 *{transform: translateZ(0);}
    .s10-8-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .s10-3,
    .s10-8,
    .s10-2.fixed .s10-7{height: 100vh;}
    .s10-2.fixed .s10-7{transform: translateZ(0);}
    
    .header{max-height: 100dvh;}
    
    .show-menu .mainnav{height: calc(100dvh - var(--headroom-height));}
    
    
    .card-1.hovered .card-media-front{opacity: 0;}
    .card-1.hovered .card-media-back{opacity: 1;}
    
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .header.init:not(.static):not(.active){transform: translateY(-100%);}
    .header.active{}
    
    .scroll-to-content{margin-top: 140rem;display: block;}
    .scroll-to-content + .s2{padding-top: 100rem;margin-top: 0;}
    
    .s5-5-2{display: none;}
    
    .s13-2 .title{min-height: 2em;}
    
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .button__default:hover,
    .social-item:hover{color: var(--c6)!important;border-color: var(--c1);background-color: var(--c1)!important;}
    
    .button__secondary:hover{background-color: var(--c6);color: var(--c1);}
    
    .textfield-input:hover:not(:invalid):not(.error),
    .selector:hover .selector-holder{border-color: var(--c1);}
    
    .mainnav ul{pointer-events: none;}
    .mainnav ul li{transition: opacity .25s;pointer-events: all;}
    .mainnav ul:hover li:not(:hover){opacity: .3;}
    
    .carousel-button{transition: color .15s, background-color .15s;}
    .carousel-button::after{transition: opacity .15s;}
    
    .carousel-button:hover{background-color: var(--c6);color: var(--c1);}
    .carousel-button::hover::after{opacity: 0;}
    
    .footer-nav a,
    .bottombar a{transition: background-size .5s, color .5s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;}
    
    .footer-nav a:hover,
    .bottombar a:hover{background-size: 100% var(--sl);background-position: left bottom;color: var(--c1);}
    
    .s7-3{transition: background-color .25s;}
    .card-media::before,
    .card-media::after,
    .s7-4::before,
    .s7-4::after{content: "";position: absolute;width: 0;height: 0;border: 0 solid transparent;transition: border-width .25s;z-index: 2;}
    .card-media::before,
    .s7-4::before{bottom: 0;left: 0;border-left-color: var(--c0);border-bottom-color: var(--c0);}
    .card-media::after,
    .s7-4::after{top: 0;right: 0;border-right-color: var(--c0);border-top-color: var(--c0);}
    
    .s7-3:hover{background-color: var(--c6);}
    
    .s7-3:hover .s7-4::before,
    .s7-3:hover .s7-4::after,
    .card:hover .card-media::before,
    .card:hover .card-media::after{border-width: 30rem;}
    
    
    .card-1:hover .card-media-front{opacity: 0;}
    .card-1:hover .card-media-back{opacity: 1;}
    
    .popup-close{transition-duration: .25s;transition-property: color, background-color, border-color;}
    .popup-close:hover{color: var(--c1);border-color: var(--c6);background-color: var(--c6);}
    
}