@charset "UTF-8";

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

:root{
    
    --app-height: 100vh;
  
    --c0: #FFFFFF;
    --c1: #2D2926;
    --c2: #898B8E;
    --c3: #FF665E;
    --c4: rgba(255,255,255,.2);
    --c5: rgba(45,41,38,.2);
    --c6: #F8F8F8;
    --c7: rgba(45,41,38,.1);
    --c8: rgba(45,41,38,.8);
    --c9: rgba(255,255,255,.6);
    
    --wr: 60rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 25rem;
    --sl: max(1px, 1rem);
    
    --cw: calc((100% - 4 * var(--gap)) / 5 * 3 + 1 * var(--gap));
    
    --f-xs: max(12px, 14rem);
    --f-s: max(14px, 16rem);
    --f-d: max(16px, 18rem);
    --f-m: max(16px, 20rem);
    --f-m1: max(22px, 28rem);
    --f-m2: max(22px, 24rem);
    --f-b: max(22px, 34rem);
    --f-l: max(30px, 54rem);
    --f-xl: max(40px, 60rem);
    --f-xxl: max(48px, 80rem);
    
    --sw: 0rem;
    
    --mw: 1920px;
    
    
}

/* globals */

@media screen {

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

    .document{font-weight: 300;font-family: 'Univers LT Std', sans-serif;font-size: var(--f-d);line-height: 1.5;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}
    
    .preloader{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c0);opacity: 0;transition: opacity .25s 3s;pointer-events: none;display: flex;}
    .preloader dotlottie-player{margin: auto;width: 100%;max-width: 600rem;}
    
    .loading{pointer-events: none;}
    .loading .preloader{opacity: 1;transition-duration: 0s;transition-delay: 0s;}

    .no-scroll{overflow: hidden!important;}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}

    .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,
    .tab a::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;position: relative;overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 1;font-size: var(--f-s);font-weight: 400;line-height: 1.4;letter-spacing: -.05em;font-stretch: expanded;text-transform: capitalize;}
    .button-icon{flex: none;width: max(12px, 12rem);height: max(12px, 12rem);margin: 0 10rem;position: relative;z-index: 1;align-items: center;justify-content: center;display: inline-flex;margin-top: .1em;}
    .button-icon:first-child{margin-left: 0;}
    .button-icon:last-child{margin-right: 0;}

    .button__default{align-items: center;height: max(40px, 50rem);background-color: var(--c3);width: 100%;max-width: 240rem;padding: .15em 50rem 0;color: var(--c0);border: var(--sl) solid var(--c3);}
    .button__inline{align-items: baseline;padding: 10rem var(--sl) 5rem;}
    .button__inline::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: var(--sl);background-color: var(--c3);}
    
    .textfield{display: flex;width: 100%;border-radius: 0;position: relative;align-items: center;background-image: linear-gradient(var(--c7), var(--c7));background-position: bottom;background-repeat: repeat-x;background-size: 100% 0;border-bottom: var(--sl) solid var(--c5);background-clip: border-box;transition: all .25s;}
    .textfield.focused{background-size: 100% 100%;border-bottom-color: var(--c1);}
    .textfield-label{position: absolute;top: 0;left: 0;font-size: var(--f-s);pointer-events: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .textfield-input{resize: none;flex: auto;width: 100%;min-height: 0;text-overflow: ellipsis;padding: 0 var(--sl);font-size: var(--f-m);font-weight: 400;line-height: 1.3;letter-spacing: -.05em;font-stretch: expanded;min-height: max(35px, 50rem);}
    .textfield-label ~ .textfield-input{padding-top: 30rem;min-height: max(50px, 60rem);}
    .textfield-icon{flex: none;margin: 5rem 15rem;width: max(18px, 18rem);height: max(18px, 18rem);}
    .textfield-error{font-size: var(--f-s);color: var(--c3);display: none;margin-top: 5rem;}
    
    .textfield.invalid{border-bottom-color: var(--c3);}
    .textfield.invalid ~ .textfield-error{display: block;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .formbox-footer{margin-top: 30rem;display: flex;justify-content: flex-end;}
    
    .container{display: flex;flex-direction: column;min-height: 100vh;}
    
    .header{flex: none;position: relative;z-index: 10;background-color: var(--c0);}
    
    .topbar{height: 80rem;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;grid-gap: 100rem;position: relative;z-index: 1;}
    .topbar::after{content: "";width: 100%;position: absolute;bottom: 0;left: 0;height: var(--sl);background-color: currentColor;z-index: -1;opacity: .2;}
    .topbar-logo-holder{padding: 10rem 0;}
    .topbar-logo{max-width: 200rem;}
    .topbar-nav{font-size: var(--f-s);min-height: 100%;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 55rem;height: 80rem;}
    .topbar-nav li{position: relative;display: flex;align-items: center;padding: 10rem 0;}
    .topbar-nav li.active{pointer-events: none;}
    .topbar-nav li.active::after{content: "";position: absolute;bottom: 0;height: max(2px, 2rem);background-color: var(--c3);left: 0;width: 100%;}
    .topbar-contact{margin-left: auto;font-size: var(--f-s);font-weight: 400;line-height: 1.2;letter-spacing: -.05em;padding: 10rem 0;}
    
    .header-alt:not(.invisible){color: var(--c0);background-color: rgba(0,0,0,0);}
    .header-alt:not(.invisible) .topbar-logo{background-image: url(../img/sjp-logo-white.svg);background-repeat: no-repeat;background-size: contain;}
    .header-alt:not(.invisible) .topbar-logo img{visibility: hidden;}
    
    .header.init{will-change: transform;position: sticky;top: -80rem;}
       
    .header.invisible{}
    .header.invisible.is-scrolled{transform: translateY(-100%)}
    .header.invisible.active{transition: transform .25s;}
    
    .header.active{transform: translateY(0%);top: 0;}
    
    .main{flex: auto;}
    
    .footer{flex: none;background-color: var(--c1);color: var(--c0);padding: 75rem 0 0;}
    .footer-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 100rem 0;grid-template-rows: 1fr auto;grid-template-areas: "a1 a2" "a3 a2";align-items: flex-start;padding-bottom: 100rem;}
    .f1{grid-area: a1;display: flex;flex-direction: column;}
    .f1-1{padding-bottom: 20rem;border-bottom: var(--sl) solid var(--c4);max-width: 240rem;}
    .f1-2{margin-top: 25rem;font-size: var(--f-s);line-height: 1.2;letter-spacing: -.075em;font-stretch: expanded;opacity: .6;}
    .f2{grid-area: a2;}
    .f2-1:not(:last-child){padding-bottom: 100rem;border-bottom: var(--sl) solid var(--c4);margin-bottom: 25rem;}
    .f2-2{border-bottom: var(--sl) solid var(--c4);padding-bottom: 20rem;margin-bottom: 40rem;}
    .f2-2-1{font-size: var(--f-b);font-weight: 400;line-height: 1.1;letter-spacing: -.03em;font-stretch: expanded;opacity: .8;}
    .f2-3{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40rem;}
    .f2-3-1{font-size: var(--f-s);}
    .f2-3-1-1{font-weight: 400;opacity: .8;}
    .f2-3-1-2{margin-top: 20rem;}
    .f2-3-1-2 ul{display: grid;grid-template-columns: auto;grid-gap: .25em;}
    .f2-4{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .f2-4-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40rem;font-size: var(--f-s);}
    .f2-4-1-1{font-weight: 400;opacity: .8;}
    .f2-4-1-2{}
    .f2-4-1-3{font-weight: 400;}
    .f3{grid-area: a3;display: flex;flex-direction: column;}
    .f3-1{font-size: var(--f-s);}
    .f3-1:not(:first-child){margin-top: 15rem;}
    
    .footer a,
    .bottombar a{color: var(--c9);}
    
    .bottombar{flex: none;background-color: var(--c1);color: var(--c9);padding: 25rem 0;border-top: var(--sl) solid var(--c4);}
    .bottombar-grid{display: grid;grid-template-columns: 1fr 1fr;}
    .bottombar-copyright{font-size: var(--f-xs);padding-right: 40rem;}
    .bottombar-author{font-size: var(--f-xs);}

    .section{margin-bottom: 200rem;overflow: hidden;}
    .section:first-child{margin-top: 150rem;}
    .section__contrast{padding: 150rem 0 150rem;background-color: var(--c6);}
	.section.s16.section__contrast {margin-bottom: 0;}
    
    .section-footer{margin-top: 50rem;}
    
    .page-header{min-height: 150rem;padding: 30rem 0 50rem;}

    .titlebox{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 0 var(--gap);margin-bottom: 55rem;}
    .titlebox__m1{margin-bottom: 100rem;}
    .titlebox:last-child{margin-bottom: 0;}
    .titlebox-column{}
    .titlebox-column:nth-child(odd){grid-column: 1/3;padding-right: 70rem;display: flex;flex-direction: column;}
    .titlebox-column:nth-child(even){grid-column: 3/6;padding-left: var(--gap);}
    .titlebox-column:only-child{grid-column: 1/-1;padding: 0;}
    .titlebox-title{}
    .titlebox-pretitle{text-transform: uppercase;opacity: .8;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .titlebox-pretitle:not(:last-child){margin-bottom: 30rem;}
    .titlebox-strong{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.03em;opacity: .8;}
    .titlebox-strong:not(:last-child){}
    .titlebox-text{opacity: .8;margin-top: 40rem;}
    .titlebox-text:first-child{margin-top: 0;}
    .titlebox-action{display: flex;}
    .titlebox-action:not(:first-child){margin-top: 60rem;}
    .titlebox-action:only-child{justify-content: flex-end;}
    .titlebox-author{margin-top: auto;}

    .title-default,
    .titlebox-title{font-size: var(--f-l);font-weight: 400;line-height: 1.1;letter-spacing: -.05em;font-stretch: expanded;text-transform: capitalize;}
    
    .section-pretitle{text-transform: uppercase;opacity: .7;letter-spacing: .02em;line-height: 1.4;font-weight: 400;font-stretch: expanded;}
    .section-pretitle:not(:last-child){margin-bottom: 15rem;}

    .tiles{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: var(--gap);}
    .tile{position: relative;display: flex;}
    .tile::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .tile-front{background-color: var(--c6);border: 0 solid var(--c6);border-width: 45rem 60rem;position: relative;flex: auto;}
    .tile-back{background-color: var(--c6);display: flex;align-items: center;justify-content: center;padding: 45rem;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .tile-front,
    .tile-back{transition: transform 0.5s ease-in-out;will-change: transform;backface-visibility: hidden;}
    .tile-front{transform: rotateY(0deg);}
    .tile-back{transform: rotateY(180deg);}
    
    .tabs{display: flex;justify-content: flex-end;width: 100%;position: relative;}
    .tabs::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;pointer-events: none;height: var(--sl);background-color: var(--c5);}
    .tabs-inner{min-width: var(--cw);margin-left: auto;position: relative;z-index: 1;}
    .tabs ul{display: flex;overflow: hidden;justify-content: space-between;margin: 0 -35rem;}
    .tab{flex: none;margin: 0 35rem;padding: 5rem 0 25rem;position: relative;opacity: .3;}
    .tab.active{opacity: 1;pointer-events: none;}
    .tab.active::after{content: "";position: absolute;bottom: 0;height: max(2px, 2rem);background-color: var(--c3);left: 0;width: 100%;}
    
    .author{display: flex;align-items: flex-end;position: relative;}
    .author-media{flex: none;width: 160rem;height: 160rem;border-radius: 50%;position: relative;overflow: hidden;margin-right: 20rem;}
    .author-media img{object-position: top;}
    .author-figure{position: absolute;bottom: -40rem;left: 0;width: 250rem;height: 150rem;pointer-events: none;}
    .author-content{}
    .author-title{text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .author-subtitle{font-size: var(--f-s);margin-top: 5rem;}
    
    .breadcrumbs{}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;padding-right: 50%;}
    .breadcrumbs ul li{margin-right: .6em;display: inline-flex;align-items: baseline;font-size: var(--f-s);overflow: hidden;line-height: 1.2;}
    .breadcrumbs ul li a{max-width: 250rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .breadcrumbs ul li:not(:first-child)::before{content: "\2022";margin-right: .6em;color: var(--c3);}
    .breadcrumbs ul li:last-child{pointer-events: none;}
    
    .textbox{color: var(--c8);}
    .textbox p{margin: 2em 0;}
    .textbox h3{font-weight: 400;margin-bottom: 2em;}
    .textbox h3:not(:first-child){margin-top: 4em;}
    .textbox a{color: var(--c3);}
    
    .social{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;align-items: flex-start;}
    .social-item{width: max(22px, 24rem);height: max(22px, 24rem);color: var(--c2);position: relative;display: flex;align-items: center;justify-content: center;}
    .social-item .icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
    
    .expand{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .expand-item{border-bottom: var(--sl) solid var(--c5);padding-bottom: 30rem;}
    .expand-header{display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: center;cursor: pointer;}
    .expand-header-title{transition: opacity .25s;opacity: .8;line-height: 1.2;font-weight: 400;letter-spacing: -.075em;font-stretch: expanded;font-size: var(--f-m2);}
    .expand-header-subtitle{transition: opacity .25s;opacity: .7;line-height: 1.3;letter-spacing: -.03em;}
    .expand-header-icon{transition: opacity .25s;width: max(16px, 16rem);height: max(16px, 16rem);display: inline-flex;align-items: center;justify-content: center;will-change: transform;transition: transform .25s;}
    .expand-content{overflow: hidden;height: 0;opacity: 0;transition: all .25s;}
    .expand-content-text{opacity: .8;}
    .expand-content-info{margin-top: 50rem;display: grid;grid-template-columns: 1fr 1fr auto;grid-gap: 0;align-items: flex-end;}
    .expand-content-list{column-count: 2;column-gap: 50rem;overflow: hidden;grid-column-end: span 2;}
    .expand-content-list ul{margin-bottom: -10rem;}
    .expand-content-list ul li{margin-bottom: 10rem;position: relative;font-size: var(--f-xs);line-height: 1.2;letter-spacing: -.05em;font-stretch: expanded;text-transform: uppercase;padding-left: 1.5em;color: var(--c8);break-inside: avoid;}
    .expand-content-list ul li::before{content: "\2022";color: var(--c3);position: absolute;left: 0;top: 0;}
    .expand-content-action{display: flex;justify-content: flex-end;margin-left: 50rem;line-height: 1.2;font-weight: 400;letter-spacing: -.075em;font-stretch: expanded;font-size: var(--f-s);}
    
    .parallax img{transform: translateY(-10%) scale(1.1);object-position: top center;}
    
    .fancybox-infobar{display: none;}
    .fancybox-inner{max-width: 1700rem;margin: auto;}
    
}

/* cards */

@media screen {
    
    .card{position: relative;overflow: hidden;}
    
    .card-1 .card-header{position: relative;display: flex;overflow: hidden;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;will-change: transform;}
    .card-1 .card-content{margin-top: 25rem;}
    .card-1 .card-pretitle{font-size: var(--f-s);line-height: 1.3;letter-spacing: -.03em;margin-bottom: 30rem;opacity: .8;}
    .card-1 .card-title{display: flex;font-size: var(--f-m);line-height: 1.3;font-weight: 400;font-stretch: expanded;letter-spacing: -.03em;}
    .card-1 .card-title::before{content: "";flex: none;width: 2px;background-color: var(--c3);margin-right: 12rem;}
    .card-1 .card-title a{}
    .card-1 .card-text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;position: relative;padding: 30rem 30rem 0 15rem;transform: translateX(-15rem);will-change: transform;color: var(--c8);}
    .card-1 .card-text::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 2px;background-color: var(--c3);will-change: transform;transform: scaleY(0);transform-origin: top;}
    
    .card-2{display: flex;}
    .card-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
    .card-2 .card-media img{object-position: top;}
    .card-2 .card-content{position: relative;z-index: 1;color: var(--c0);background-image: linear-gradient(10deg, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));width: 100%;}
    .card-2 .card-content-inner{width: 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 20rem 30rem;}
    .card-2 .card-title{font-size: var(--f-m1);line-height: 1.1;}
    .card-2 .card-subtitle{font-size: var(--f-s);margin-top: 10rem;}
    .card-2 .card-content-footer{margin-top: 15rem;padding-top: 15rem;border-top: var(--sl) solid var(--c4);display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;height: 40rem;overflow: hidden;}
    .card-2 .card-content-footer .icon{width: 24rem;height: 24rem;}
    .card-2 .card-content-footer-item{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;margin-right: auto;}
    
    .card-3{display: flex;}
    .card-3::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
    .card-3 .card-content{position: relative;z-index: 1;color: var(--c0);width: 100%;background-color: rgba(0,0,0,.5);}
    .card-3 .card-content-inner{width: 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 60rem 70rem;}
    .card-3 .card-pretitle{text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;margin-bottom: 20rem;}
    .card-3 .card-title{}
    
    .card-4{display: flex;}
    .card-4::before{content: "";flex: none;width: 0;padding-top: 135%;}
    .card-4 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
	.card-4 .card-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1; opacity: 0; transition: opacity .5s ease; /*transform: translateY(100%);*/}
	.card-4:hover .card-video {opacity: 1; /*transform: translateY(0);*/}
    .card-4 .card-media img{object-position: top;}
	.video-hover {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; object-fit: cover;}
    .card-4 .card-content{position: relative;z-index: 1;color: var(--c0);background-image: linear-gradient(10deg, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));width: 100%;}
    .card-4 .card-content-inner{width: 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 20rem 30rem;}
    .card-4 .card-title{font-size: var(--f-b);line-height: 1.1;letter-spacing: -.03em;}
    .card-4 .card-subtitle{font-size: var(--f-s);margin-top: 10rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .card-4 .card-content-footer{margin-top: 15rem;padding-top: 15rem;border-top: var(--sl) solid var(--c4);display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;height: 40rem;overflow: hidden;}
    .card-4 .card-content-footer .icon{width: 24rem;height: 24rem;}
    .card-4 .card-content-footer-item{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;margin-right: auto;}
    
    .card-5 .card-media{position: relative;display: flex;}
    .card-5 .card-media::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .card-5 .card-title{text-transform: uppercase;letter-spacing: -.05em;line-height: 1.2;font-weight: 400;font-stretch: expanded;font-size: var(--f-xs);margin-top: 10rem;opacity: .7;}
    
    .card-6{display: flex;flex-direction: column;min-height: 100%;}
    .card-6 .card-header{position: relative;display: flex;overflow: hidden;flex: none;}
    .card-6 .card-header::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .card-6 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-6 .card-content{margin-top: 20rem;flex: auto;}
    .card-6 .card-title{font-size: var(--f-m);line-height: 1.3;font-weight: 400;font-stretch: expanded;letter-spacing: -.03em;}
    .card-6 .card-subtitle{opacity: .8;font-size: var(--f-s);margin-top: 10rem;}
    .card-6 .card-footer{flex: none;margin-top: 40rem;}
    
}

/* sections */

@media screen {
    
    .hero{padding: 0;margin: -80rem 0 200rem;}
    .hero-media{display: block;height: 100vh;background-color: var(--c1);position: sticky;top:0;width: 100%;transition: all 1.5s;will-change: transform;background-color: var(--c1);}
    .hero-media::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c1);opacity: .2;}
    .hero-text{position: sticky;bottom: -70rem;z-index: 1;color: var(--c0);transition: color 1.5s;}
    .hero-text-inner{padding: 250rem 0 150rem;font-size: 60rem;line-height: 1;letter-spacing: -.1em;font-stretch: expanded;position: relative;}
    .hero-text-inner::after{content: "";position: absolute;height: var(--sl);width: 100%;top: 100%;left: 0;background-color: currentColor;opacity: .2;}
    .hero-text-inner span{opacity: .2;}
    .hero-text-inner b{display: block;font-weight: 300;}
    
    .hero-trigger{height: var(--sl);width: 100%;position: relative;z-index: 10;opacity: 0;margin-top: calc(-1 * var(--sl));}
    
    .hero:not(.hero-active) .hero-text{color: var(--c1);}
    .hero:not(.hero-active) .hero-media{transform: translateY(-100%);}
    
    .hero2{background-color: var(--c1); overflow:hidden; min-height: 400rem;margin: 0 0 140rem;color: var(--c0);position: relative;display: flex;height: calc(var(--app-height) - 80rem);}
    .hero2::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .hero2-image-slider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
    .hero2-image-slider .carousel{height: 100%;}
    .hero2-wrapper{padding: 80rem 0 90rem;position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: space-between;width: 100%;background-color: rgba(0,0,0,.5);}
    .hero2-footer{margin-top: 50rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 30rem;align-items: flex-end;}
    .hero2-caption{display: grid;grid-template-columns: auto;font-size: 52rem;line-height: 1.1;letter-spacing: -.075em;font-stretch: expanded;}
    .hero2-caption span{opacity: .2;}
    .hero2-caption b{display: block;font-weight: 300;}
    .hero2-text-slider{width: 100%;max-width: 500rem;margin-left: auto;}
    .hero2-text-slider .swiper-slide{display: flex;position: relative;}
    .hero2-slide-title{line-height: 1.1;letter-spacing: -.075em;font-stretch: expanded;font-size: var(--f-m2);}	
	.hero2-slide-inner a:hover .hero2-slide-subtitle {opacity: 1;}
    .hero2-slide-subtitle{font-size: var(--f-xs);letter-spacing: -.03em;margin-top: 10rem;opacity: .4; transition:opacity .5s ease;}
    .hero2-slide-action{font-size: var(--f-xs);margin-top: 20rem;opacity: .4;}
    .hero2 .carousel-buttons{display: grid;grid-template-columns: auto auto;grid-gap: 35rem;}
    .hero2 .carousel-button{width: 20rem;height: 35rem;background-size: contain;background-repeat: no-repeat;cursor: pointer;opacity: .5;}
    .hero2 .carousel-button-prev{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5714 1L2 19.5714L20.5714 38.1429' stroke='white' stroke-width='1.71053'%3E%3C/path%3E%3C/svg%3E");}
    .hero2 .carousel-button-next{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.42857 1L20 19.5714L1.42857 38.1429' stroke='white' stroke-width='1.71053'%3E%3C/path%3E%3C/svg%3E%0A");}
    
    .s404{margin: 0!important;padding: 300rem 0;position: relative;}
    .s404-1{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
    .s404-1-1{text-align: center;font-size: max(80px, 150rem);line-height: 1;font-weight: 400;letter-spacing: -.075em;font-stretch: expanded;}
    .s404-1-2{text-align: center;margin-top: 10rem;}
    .s404-1-3{margin-top: 30rem;}
    .s404-2{display: grid;grid-template-columns: repeat(10, 1fr);grid-gap: var(--gap);position: absolute;top: 0;left: 0;right: 0; z-index: 1;margin: -100rem;opacity: .4;grid-template-rows: auto;min-height: 100vh;bottom: 0;}
    .s404-2-1{position: relative;overflow: hidden;display: flex;background-color: var(--c2);}
    .s404-2-1::before{content: "";flex: none;width: 0;padding-top: 130%;}
    
    .s1-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 100rem var(--gap);}
    
    .s2-2{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: var(--gap);}
    .s2-3{display: flex;margin-top: 35rem;position: relative;overflow: hidden;}
    .s2-3:first-child{margin-top: 0;}
    .s2-3::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s2-4-1{font-size: var(--f-xxl);line-height: 1.1;font-weight: 400;letter-spacing: -.03em;}
    .s2-4-2{margin-top: 15rem;opacity: .8;line-height: 1.3;font-size: var(--f-s);letter-spacing: -.03em;}
    
    .s3-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 100rem var(--gap);}
    .s3-3-1{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.03em;}
    .s3-3-2{margin-top: 20rem;}
    .s3-5{margin-bottom: 100rem;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);display: grid;align-items: flex-end;}
    .s3-5-1{grid-column: 1/3;}
    .s3-5-2{grid-column: 3/4;}
    .s3-6{}
    
    .s4-2{}
    .s4-3{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);margin-top: 85rem;}
    
    .s5-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 120rem var(--gap);margin-top: 150rem;}
    .s5-2:first-child{margin-top: 0;}
    .s5-3-1{font-size: var(--f-xxl);line-height: 1.1;font-weight: 400;letter-spacing: -.03em;border-bottom: var(--sl) solid var(--c5);margin-bottom: 20rem;}
    .s5-3-2{text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;margin-bottom: 10rem;}
    .s5-3-3{line-height: 1.3;letter-spacing: -.03em;opacity: .8;}
    
    .s6-2{margin-top: 55rem;}
    .s6-3{display: flex;width: 100%;margin-top: 50rem;}
    .s6-3-1{margin-left: calc(100% - var(--cw));opacity: .8;max-width: 680rem;width: 100%;}
    .s6-4{margin-top: 80rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60rem 40rem;}
    .s6-5{display: flex;width: 100%;margin-top: 180rem;}
    .s6-5-1{margin-left: calc(100% - var(--cw));opacity: .8;max-width: 720rem;width: 100%;}
    .s6-6{margin-top: 80rem;}
    .s6-7{position: relative;display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: var(--gap);align-items: center;padding: 40rem 0;border-bottom: var(--sl) solid var(--c7);}
    .s6-7:first-child{border-top: var(--sl) solid var(--c7);}
    .s6-7-1{grid-column-end: span 2;font-size: var(--f-s);}
    .s6-7-2{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.03em;padding-left: var(--gap);}
    .s6-7-3{font-size: var(--f-s);}
    .s6-7-4{margin-left: auto;height: max(20px, 22rem);width: max(20px, 22rem);}
    
    .s7-2{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 0 var(--gap);margin-top: 135rem;}
    .s7-3{grid-column: 1/3;padding-right: 70rem;display: flex;flex-direction: column;}
    .s7-3-1{margin-bottom: auto;opacity: .8;max-width: 500rem;}
    .s7-3-2{margin-top: 100rem;}
    .s7-4{grid-column: 3/6;margin-left: var(--gap);display: flex;position: relative;overflow: hidden;}
    .s7-4::before{content: "";flex: none;width: 0;padding-top: 55%;}
    
    .s8-2{max-width: 540rem;text-transform: uppercase;opacity: .7;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;margin-top: 75rem;}
    .s8-4{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .s8-5{padding-top: 100rem;}
    .s8-6{margin-bottom: 30rem;text-transform: uppercase;opacity: .7;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .s8-8{}
    
    .s9-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s9-2{grid-column: 1/4;padding-right: 200rem;padding-top: 80rem;display: flex;flex-direction: column;}
    .s9-3{grid-column: 4/6;position: relative;margin-left: -100rem;}
    .s9-4{max-width: 250rem;}
    .s9-5{margin-top: 30rem;border-top: var(--sl) solid var(--c5);padding-top: 55rem;margin-bottom: auto;}
    .s9-5-1{opacity: .8;font-size: var(--f-b);line-height: 1.2;letter-spacing: -.03em;}
    .s9-6{margin-top: 60rem;}
    .s9-6-1{font-size: var(--f-m);font-weight: 400;line-height: 1.3;letter-spacing: -.05em;font-stretch: expanded;}
    .s9-6-2{margin-top: 10rem;opacity: .6;}
    .s9-7{margin-right: calc(-1 * (var(--sw) + var(--wr)));padding-right: calc(var(--sw) + var(--wr) + 20rem);overflow: hidden;}
    .s9-8{align-items: flex-end;margin-top: 25rem;padding-right: 40rem;display: flex;justify-content: space-between;}
    .s9-8-1{display: flex;align-items: flex-end;margin-right: auto;}
    .s9-8-2{margin-left: var(--gap);}
    
    .s9 .carousel{overflow: visible;}
    .s9 .carousel .swiper-slide{padding-right: 20rem;}
    .s9 .carousel-pagination{display: flex;align-items: center;margin: 0 auto;justify-content: center;padding: 0 10rem;}
    .s9 .carousel-pagination .swiper-pagination-bullet{width: auto;height: auto;border-radius: 0;padding: 0 10rem;font-size: var(--f-s);line-height: 1.3;background-color: transparent;opacity: .2;text-align: center;display: inline-flex;align-items: center;margin: 0;min-height: max(20px, 22rem);}
    .s9 .carousel-pagination .swiper-pagination-bullet-active{opacity: 1;}
    .s9 .carousel-button{width: max(18px, 20rem);height: max(20px, 22rem);position: relative;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}
    .s9 .carousel-button-prev{transform: scaleX(-1);}
    .s9 .carousel-button.swiper-button-disabled{opacity: .2;pointer-events: none;}
    
    .s10-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20rem 0;grid-template-rows: auto 1fr;}
    .s10-2{margin-right: 50rem;}
    .s10-3{position: relative;overflow: hidden;display: flex;grid-row-end: span 2;}
    .s10-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s10-4{margin-right: 50rem;display: grid;border-bottom: var(--sl) solid var(--c7);grid-template-columns: 1fr auto;grid-gap: var(--gap);padding-bottom: 10rem;align-items: baseline;}
    .s10-4-1{}
    .s10-4-2{color: var(--c3);white-space: nowrap;font-size: var(--f-s);}
    .s10-5{margin-bottom: auto;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .s10-5-1 ul{display: inline-grid;grid-template-columns: auto auto;grid-gap: var(--gap) 40rem;}
    .s10-5-1 ul li{text-transform: uppercase;letter-spacing: -.05em;line-height: 1.2;font-weight: 400;font-stretch: expanded;font-size: var(--f-xs);position: relative;padding-left: 1.5em;}
    .s10-5-1 ul li::before{content: "\2022";color: var(--c3);position: absolute;left: 0;top: 0;}
    .s10-5-2{display: flex;}
    .s10-6{margin-top: 100rem;opacity: .8;max-width: 668rem;}
    .s10-7{margin-top: 70rem;}
    .s10-9{margin-top: 100rem;user-select: none;}
    .s10-9 .carousel{overflow: visible;margin-left: calc(-1 * var(--gap));}
    .s10-9 .carousel .swiper-wrapper{transition-timing-function: linear;}
    .s10-9 .carousel .swiper-slide{padding-left: var(--gap);}
    
    .s11-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 80rem var(--gap);}
    
    .s12-2{grid-template-columns: 1fr auto;display: grid;grid-gap: var(--gap);}
    .s12-2-1{font-size: var(--f-b);font-weight: 400;line-height: 1.1;letter-spacing: -.03em;font-stretch: expanded;text-transform: capitalize;max-width: 780rem;}
    .s12-2-2{max-width: 600rem;margin-left: auto;font-style: italic;}
    .s12-3{display: flex;overflow: hidden;width: 100%;position: relative;margin-top: 50rem;}
    .s12-3::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s12-4{margin-top: 75rem;padding: 0 15%;}
    
    .s13-2-2{margin-top: 10rem;opacity: .8;}
    .s13-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;margin-top: 70rem;align-items: flex-start;}
    .s13-4{padding-right: 150rem;border-right: var(--sl) solid var(--c7);}
    .s13-5{padding-left: 150rem;display: grid;grid-template-columns: auto;grid-gap: 45rem;}
    .s13-6{}
    .s13-6-1{opacity: .5;font-size: var(--f-s);margin-bottom: 20rem;line-height: 1.3;}
    .s13-6-2{font-size: var(--f-s);font-weight: 400;line-height: 1.4;letter-spacing: -.05em;font-stretch: expanded;display: flex;flex-direction: column;align-items: flex-start;}
    .s13-6-2-1{margin-bottom: 10rem;}
    .s13-6-2-2{margin-bottom: auto;}
    .s13-6-2-3{margin-top: 20rem;}
    
    .s14{overflow: visible;}
    .s14-1{display: grid;grid-template-columns: 1fr 1fr;align-items: flex-start;}
    .s14-2{padding-right: var(--gap);}
    .s14-3{display: flex;position: relative;}
    .s14-3::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .s14-3-1{position: relative;right: calc(-1 * (var(--sw) + var(--wr)));width: 100%;}
    .s14-4{margin-bottom: 20rem;opacity: .8;font-size: var(--f-s);}
    .s14-5{border-bottom: var(--sl) solid var(--c5);padding-bottom: 15rem;}
    .s14-6{margin-top: 25rem;}
    .s14-7{margin-top: 65rem;}
    
    .s15-2{position: relative;overflow: hidden;display: flex;}
    .s15-2::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s15-3{margin-top: 100rem;}
    .s15-2:not(:last-child),
    .s15-3:not(:last-child){margin-bottom: 100rem;}
    
    .s16-2{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s16-3{}
    .s16-3-1{border-bottom: var(--sl) solid var(--c7);padding-left: calc(100% - var(--cw));padding-bottom: 10rem;text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .s16-3-2{margin-top: 25rem;position: relative;display: grid;grid-template-columns: calc(100% - var(--cw)) 1fr;}
    .s16-4{padding-right: 100rem;}
    .s16-4-1{position: relative;display: flex;overflow: hidden;width: 100%;/*max-width: 330rem;*/}
    .s16-4-1::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s16-5-1{opacity: .8;}
    .s16-5-2{margin-top: 40rem;}
    
    .s17-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0;margin: 0 calc(-1 * var(--gap));counter-reset: index;margin-top: 80rem;}
    .s17-3{border-top: var(--sl) solid var(--c7);border-left: var(--sl) solid var(--c7);padding: 30rem var(--gap) 60rem;counter-increment: index;display: flex;flex-direction: column;position: relative;}
    .s17-3::before{content: counter(index, decimal-leading-zero);opacity: .4;font-size: var(--f-xxl);line-height: 1;font-weight: 400;letter-spacing: -.03em;}
    .s17-3-1{margin-top: 30rem;text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .s17-3-2{margin-top: 30rem;opacity: .8;}
    .s17-3-3{padding-top: 40rem;margin-top: auto;}
    .s17-3-3 ul{display: inline-grid;grid-template-columns: auto;grid-gap: 5rem;}
    .s17-3-3 ul li{position: relative;padding-left: 1.5em;color: var(--c8);line-height: 1.2;}
    .s17-3-3 ul li::before{content: "\2022";color: var(--c3);position: absolute;left: 0;top: 0;}
    .s17-3-4{position: absolute;bottom: 100%;height: var(--sl);width: 250rem;background-color: var(--c3);left: 0;display: flex;line-height: 1;align-items: center;justify-content: flex-end;z-index: 1;}
    .s17-3-4::after{content: "";flex: none;width: 50rem;height: 50rem;background-repeat: no-repeat;background-position: right center;}
    .s17-3:not(:last-child) .s17-3-4::after{background-image: url("data:image/svg+xml,%3Csvg width='30' height='56' viewBox='0 0 30 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23096 0.960938L28.27 28L1.23096 55.0391' stroke='%23FF665E' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");background-size: contain;}
    .s17-3:last-child .s17-3-4::after{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FF665E'%3E%3C/circle%3E%3C/svg%3E");background-size: max(16px, 16rem);}
    
    .s18-2{padding-left: calc(100% - var(--cw));margin-top: 100rem;}
    .s18-3{position: relative;overflow: hidden;display: flex;margin-top: 75rem;}
    .s18-3::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s18-4{margin-bottom: 60rem;text-transform: uppercase;letter-spacing: .02em;line-height: 1.2;font-weight: 400;font-stretch: expanded;}
    .s18-5{display: grid;grid-template-columns: 1fr 1fr;}
    /*.s18-6:first-child .s18-6-1{padding-right: 35rem;}
    .s18-6:first-child .s18-6-2{margin-right: 35rem;}
    .s18-6:last-child .s18-6-1{padding-left: 35rem;}
    .s18-6:last-child .s18-6-2{margin-left: 35rem;}*/
    .s18-6-1{/*border-bottom: var(--sl) solid var(--c5);*/letter-spacing: .02em;text-transform: uppercase;color: var(--c8);font-weight: 400;padding-bottom: 20rem;}
	.s18-5.s18-5_edit {gap: 30rem;}
    .s18-6-2{padding-top: 30rem;position: relative;}
    .s18-6-2::before{content: "";position: absolute;height: calc(3 * var(--sl));top: calc(-2 * var(--sl));left: 0;width: 100%;background-color: var(--c3);}
    .s18-6-2 ul{display: inline-grid;grid-template-columns: auto;grid-gap: 5rem;}
    .s18-6-2 ul li{position: relative;padding-left: 1.5em;color: var(--c8);line-height: 1.2;}
    .s18-6-2 ul li::before{content: "\2022";color: var(--c3);position: absolute;left: 0;top: 0;}
    
    .s19-2{display: grid;grid-template-columns: 1fr 1fr;align-items: flex-start;grid-gap: 0;}
    .s19-4{margin-left: 150rem;display: flex;position: relative;overflow: hidden;}
    .s19-4::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .s19-4 .carousel{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .s19-5{margin-bottom: 70rem;}
    .s19-7{margin-top: 70rem;}
    
    
}

@media screen and (max-width: 1023.98px) {
    
    .desktop{display: none!important;}
    
    html{font-size: 1px;}
    
    :root{

        --wr: 16rem;

        --gap: 10rem;

        --cw: 0rem;

        --f-xs: 12rem;
        --f-s: 14rem;
        --f-d: 16rem;
        --f-m: 16rem;
        --f-m1: 22rem;
        --f-m2: 22rem;
        --f-m3: 18rem;
        --f-b: 22rem;
        --f-l: 30rem;
        --f-xl: 40rem;
        --f-xxl: 48rem;
        
        --mw: 600rem;

    }
    
    .button__inline{padding: 0;}
    .button__default{min-width: 100%;}
    
    .topbar{grid-template-columns: 1fr auto;height: 56rem;}
    .topbar-logo{max-width: 150rem;}
    
    .section{margin-bottom: 100rem;}
    .section:first-child{margin-top: 60rem;}
    .section__contrast{padding: 80rem 0;}
    
    .page-header{min-height: 60rem;padding: 20rem 0;}
    
    .breadcrumbs ul{padding: 0;}
    
    .section-pretitle{font-size: var(--f-xs);line-height: 1.2;}
    .section-pretitle:not(:last-child){margin-bottom: 10rem;}
    
    .titlebox{grid-template-columns: auto;grid-gap: 30rem;margin-bottom: 40rem;}
    .titlebox-column:nth-child(odd),
    .titlebox-column:nth-child(even){grid-column: 1/-1;padding: 0;}
    .titlebox-strong{letter-spacing: normal;}
    .titlebox-strong br{display: none;}
    .titlebox-author{margin: 100rem 0 50rem;}
    .titlebox-author:last-child{margin-bottom: 0;}
    .titlebox-pretitle{font-size: var(--f-xs);line-height: 1.2;}
    .titlebox-pretitle + .titlebox-text{margin-top: 20rem;}
    .titlebox-action:not(:first-child){margin-top: 50rem;}
    
    .title-default,
    .titlebox-title{letter-spacing: -.075em;}
    
    .footer{padding: 40rem 0 0;}
    .footer-grid{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 80rem;}
    
    .f1-1{border-bottom: none;max-width: 150rem;padding-bottom: 0;}
    .f1-2{border-top: var(--sl) solid var(--c4);margin-top: 20rem;padding-top: 20rem;}
    .f2{display: grid;grid-template-columns: auto;grid-gap: 80rem;}
    .f2-1{padding: 0;}
    .f2-1:not(:last-child){margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
    .f2-2{padding-top: 20rem;border-top: var(--sl) solid var(--c4);}
    .f2-3{grid-template-columns: 1fr 1fr;grid-gap: 60rem var(--gap);}
    .f2-4{grid-template-columns: 1fr 1fr;grid-gap: 60rem var(--gap);}
    .f2-4-1{grid-template-columns: auto;grid-gap: 20rem;}
    
    .bottombar{border-top: none;padding: 0 0 20rem;}
    .bottombar-grid{grid-template-columns: auto;grid-gap: 10rem;}
    .bottombar-author{padding-top: 10rem;border-top: var(--sl) solid var(--c4);}
    
    .author-media{width: 130rem;height: 130rem;margin-right: 10rem;}
    .author-title,
    .author-subtitle{letter-spacing: -.03em;}
    .author-figure{width: 155rem;height: 90rem;left: 20rem;bottom: -15rem;}
    
    .tiles{grid-template-columns: repeat(3, 1fr);}
    .tile-front{border-width: 15rem 20rem;}
    
    .tabs{margin: 0 var(--awr);padding: 0;width: auto;}
    .tabs-inner{margin: 0;width: 100%;padding: 0;}
    .tabs ul{margin: 0;padding: 0 var(--wr);overflow: auto;overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
    .tabs ul::-webkit-scrollbar{display: none;}
    .tab{margin: 0;padding-bottom: 15rem;}
    .tab:not(:first-child){margin-left: 40rem;}
    
    .formbox{grid-gap: 20rem;}
    .formbox-footer{margin-top: 60rem;}
    
    .textfield-input{min-height: 40rem;}
    .textfield-label ~ .textfield-input{min-height: 50rem;padding-top: 25rem;}
    
    .expand{grid-gap: 20rem;}
    .expand-item{padding-bottom: 20rem;}
    .expand-content-info{grid-template-columns: auto;grid-gap: 40rem;margin-top: 40rem;}
    .expand-content-list{grid-column-end: span 1;column-count: 1;}
    .expand-content-image{margin-bottom: 20rem;}
    .expand-content-action{margin-left: 0;justify-content: flex-start;}
    
    .expand-item.mobile-active{border-bottom-color: var(--c3);}
    .expand-item.mobile-active .expand-header-icon{transform: scaleY(-1);color: var(--c3);}
    .expand-item.mobile-active .expand-content{height: auto;padding-top: 30rem;opacity: 1;}
    .expand-item:not(.mobile-active) .expand-header-title,
    .expand-item:not(.mobile-active) .expand-header-subtitle,
    .expand-item:not(.mobile-active) .expand-header-icon{opacity: .3;}
    
    .card-1 .card-content{margin-top: 15rem;}
    .card-1 .card-pretitle{margin-bottom: 15rem;}
    .card-1 .card-text{padding-top: 15rem;}
    
    .card-2 .card-content-inner{padding: 15rem 25rem;}
    .card-2 .card-subtitle{letter-spacing: -.03em;margin-top: 5rem;}
    .card-2 .card-content-footer{margin-top: 10rem;padding-top: 10rem;}
    .card-2 .card-content-footer .icon{width: 18rem;height: 18rem;}
    
    .card-3{margin: 0 var(--awr);}
    .card-3 .card-content-inner{padding: 60rem var(--wr);}
    .card-3 .card-pretitle{font-size: var(--f-xs);line-height: 1.2;margin-bottom: 10rem;}
    .card-3 .card-text{margin-top: 50rem;}
    .card-3 .card-text-item{margin: 2em 0;}
    .card-3 .card-text-item:first-child{margin-top: 0;}
    .card-3 .card-text-item:last-child{margin-bottom: 0;}
    
    .card-4 .card-content-inner{padding: 15rem 25rem;}
    .card-4 .card-subtitle{letter-spacing: -.03em;margin-top: 5rem;}
    .card-4 .card-content-footer{margin-top: 10rem;padding-top: 10rem;}
    .card-4 .card-content-footer .icon{width: 18rem;height: 18rem;}
    
    .card-6 .card-content{margin-top: 15rem;}
    .card-6 .card-subtitle{margin-top: 5rem;}
    .card-6 .card-footer{margin-top: 25rem;}
    
    .hero{margin: -56rem 0 100rem;}
    .hero2{margin: 0 0 100rem;}
    
    .hero2{height: calc(var(--app-height) - 56rem);}
    .hero2::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .hero2-image-slider{pointer-events: all;}
    .hero2-wrapper{pointer-events: none;padding: 30rem 0 60rem;}
    .hero2-text-slider .swiper-slide{justify-content: flex-start;}
    .hero2-footer{grid-template-columns: auto;}
    .hero2-caption{font-size: var(--f-xxl);}
    .hero2-caption span{display: none;}
    
    .hero2 .carousel-buttons{display: none;}
    
    .hero-text{bottom: 0;}
    .hero-text-inner{font-size: var(--f-xl);padding: 50rem 0;}
    .hero-text-inner span{display: none;}
    
    .s404{padding: 150rem 0;}
    .s404-1-1{font-size: 120rem;}
    .s404-1-2{letter-spacing: -.03em;line-height: 1.3;font-weight: 400;font-stretch: expanded;}
    .s404-1-3{margin-top: 40rem;min-width: 240rem;}
    .s404-2{grid-template-columns: repeat(5, 1fr);grid-gap: 20rem 15rem;margin: 0 -50rem;}
    .s404-2-1:nth-child(1){grid-column-start: 4;}
    .s404-2-1:nth-child(2){grid-column-start: 1;}
    .s404-2-1:nth-child(4){grid-column-start: 5;}
    .s404-2-1:nth-child(5){grid-column-start: 4;}
    .s404-2-1:nth-child(6){grid-column-start: 2;}
    .s404-2-1:nth-child(7){grid-column-start: 5;}
    .s404-2-1:nth-child(8){grid-column-start: 4;}
    .s404-2-1:nth-child(n + 10){display: none;}
    
    .s1-2{grid-template-columns: auto;grid-gap: 50rem;}
    
    .s2-2{margin-top: 80rem;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s2-3{margin: 40rem var(--awr) 0;}
    .s2-3::before{padding-top: 100%;}
    .s2-4:nth-child(odd){padding-right: 5rem;}
    .s2-4:nth-child(even){grid-column: 1/-1;margin-left: calc((100% - var(--gap)) / 2 + var(--gap));padding-left: 5rem;}
    .s2-4-2{border-top: var(--sl) solid var(--c5);padding-right: 50rem;margin-top: 0;padding-top: 20rem;}
    
    .s3-2{grid-template-columns: auto;grid-gap: 50rem;margin-top: 50rem;}
    .s3-3{margin-top: 50rem;}
    .s3-3-2{margin-top: 10rem;}
    .s3-5{margin-bottom: 20rem;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: baseline;}
    .s3-5-1{grid-column: auto;}
    .s3-5-2{grid-column: auto;}
    .s3-6:not(.active){display: none;}
    
    .s4-3{grid-template-columns: auto;margin-top: 70rem;grid-gap: 20rem;}
    
    .s5-2{margin-top: 80rem;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s5-3:nth-child(odd){padding-right: 5rem;}
    .s5-3:nth-child(even){grid-column: 1/-1;margin-left: calc((100% - var(--gap)) / 2 + var(--gap));padding-left: 5rem;}
    .s5-3-2{font-size: var(--f-xs);line-height: 1.2;}
    .s5-3-3{font-size: var(--f-s);}
    
    .s6-2{margin-top: 80rem;}
    .s6-3{margin-top: 30rem;}
    .s6-3-1{margin-left: 0;}
    .s6-4{grid-template-columns: auto;grid-gap: 20rem;margin-top: 30rem;}
    .s6-5{margin-top: 120rem;}
    .s6-5-1{margin-left: 0;}
    .s6-6{margin-top: 40rem;}
    .s6-7{grid-template-columns: 1fr auto;grid-gap: 0 40rem;padding: 20rem 0;}
    .s6-7-1{opacity: .8;grid-column-end: span 1;grid-column-start: 1;padding: 0;}
    .s6-7-2{grid-column-end: span 1;grid-column-start: 1;padding: 0;}
    .s6-7-3{grid-column-end: span 1;grid-column-start: 1;padding: 0;font-size: var(--f-xs);margin-top: 15rem;}
    .s6-7-4{grid-row-start: 1;grid-column-start: 2;width: 18rem;height: 18rem;}
    
    .s7-2{grid-template-columns: auto;margin-top: 40rem;}
    .s7-3{grid-column: 1/-1;padding: 0;margin-top: 40rem;}
    .s7-4{grid-column: 1/-1;order: -1;margin: 0 var(--awr);}
    
    .s8-2{font-size: var(--f-xs);line-height: 1.2;}
    .s8-3{margin-top: 40rem;}
    .s8-4{grid-gap: 10rem;}
    .s8-5{padding-top: 70rem;}
    .s8-6{font-size: var(--f-xs);line-height: 1.2;margin-bottom: 20rem;}
    .s8-8{margin-top: 30rem;display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .s8-8-1{font-size: var(--f-m3);letter-spacing: -.075em;line-height: 1.1;font-weight: 400;font-stretch: expanded;border-bottom: var(--sl) solid var(--c5);padding-bottom: 15rem;}
    
    .s9-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s9-2{padding: 0;grid-column: 1/-1;}
    .s9-3{padding: 0;grid-column: 1/-1;margin: 0 var(--awr);overflow: hidden;order: -1;}
    .s9-4{max-width: 150rem;}
    .s9-5{padding-top: 30rem;margin-top: 30rem;}
    .s9-6{margin-top: 30rem;}
    .s9-6-1{font-size: var(--f-m3);}
    .s9-6-2{font-size: var(--f-s);}
    .s9-7{padding: 0;margin: 0 var(--wr) 0 0;overflow: visible;}
    .s9-8{padding: 0 var(--wr);margin-top: 15rem;}
    .s9-8-1{flex: auto;}
    .s9 .carousel{overflow: visible;}
    .s9 .carousel .swiper-slide{padding-left: var(--wr);padding-right: 0;}
    
    .s10-1{grid-template-columns: auto;grid-template-rows: auto;}
    .s10-2{margin-right: 0;}
    .s10-3{grid-row-end: auto;}
    .s10-4{margin-right: 0;}
    .s10-5{grid-template-columns: auto;grid-gap: 30rem;}
    .s10-5-1 ul{grid-template-columns: auto;}
    .s10-5-2{order: -1;}
    .s10-6{margin-top: 30rem;padding-top: 30rem;border-top: var(--sl) solid var(--c7);}
    .s10-7{margin-top: 50rem;}
    .s10-9{margin-top: 75rem;max-width: 240rem;}
    
    .s11-2{grid-template-columns: auto;grid-gap: 50rem;}
    
    .s12-2{grid-template-columns: auto;grid-gap: 40rem;}
    .s12-2-1{font-size: var(--f-l);letter-spacing: -.075em;}
    .s12-2-2{font-style: normal;}
    .s12-3{margin: 40rem var(--awr) 0;width: auto;}
    .s12-4{padding: 0;margin-top: 20rem;}
    
    .s13-3{grid-template-columns: auto;grid-gap: 70rem;margin-top: 40rem;}
    .s13-4{padding: 0;border-right: none;border-top: var(--sl) solid var(--c7);padding-top: 50rem;}
    .s13-4-1{margin-bottom: 30rem;font-size: var(--f-s);line-height: 1.3;opacity: .8;letter-spacing: -.03em;}
    .s13-5{padding: 0;order: -1;grid-gap: 30rem;}
    .s13-6{grid-template-columns: 1fr 1fr;display: grid;grid-gap: 0 30rem;}
    .s13-6__a{order: -1;}
    .s13-6-1{margin-bottom: 15rem;grid-column: 1/-1;}
    .s13-6-1 + .s13-6-2:last-child{grid-column: 1/-1;}
    .s13-6-2 br{display: none;}
    .s13-6-2-1,
    .s13-6-2-3{font-size: var(--f-d);}
    
    .s14-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s14-2{padding: 0;}
    .s14-3{order: -1;}
    .s14-3-1{right: 0;}
    .s14-4{margin-bottom: 10rem;}
    .s14-6{margin-top: 20rem;}
    .s14-7{margin-top: 40rem;}
    
    .s15-2{margin: 0 var(--awr);}
    .s15-2::before{padding-top: 100%;}
    .s15-3{margin-top: 40rem;}
    .s15-2:not(:last-child), 
    .s15-3:not(:last-child){margin-bottom: 40rem;}
    
    .s16-2{grid-gap: 50rem;}
    .s16-3-1{padding-left: 30rem;position: relative;font-size: var(--f-xs);line-height: 1.2;padding-bottom: 20rem;}
    .s16-3-1::before{content: "\2022";position: absolute;left: 0;top: 0;color: var(--c3);}
    .s16-3-2{padding-left: 30rem;grid-template-columns: auto;}
    .s16-4{display: none;}
    
    .s17-2{margin: 50rem 0 0;grid-template-columns: auto;}
    .s17-3{padding: 40rem 0 40rem 30rem;}
    .s17-3-1{margin-top: 15rem;font-size: var(--f-xs);line-height: 1.2;}
    .s17-3-2{margin: 30rem 0 0;}
    .s17-3-4{transform: rotate(90deg);transform-origin: 0 0;width: 180rem;margin-top: 40rem;bottom: auto;top: 0;}
    .s17-3-4::after{width: 19rem;height: 19rem;}
      
    .s18-2{padding-left: 0;}
    .s18-3{margin: 50rem var(--awr) 0;}
    .s18-3::before{padding-top: 55%;}
    .s18-4{font-size: var(--f-xs);line-height: 1.2;margin-bottom: 25rem;}
    .s18-5{grid-template-columns: auto;grid-gap: 50rem;}
    .s18-6:first-child .s18-6-1,
    .s18-6:first-child .s18-6-2{margin-right: 0;padding-right: 0;}
    .s18-6:last-child .s18-6-1,
    .s18-6:last-child .s18-6-2{margin-left: 0;padding-left: 0;}
    .s18-6-1{border-bottom: none;border-top: var(--sl) solid var(--c5);padding: 15rem 0;}
    
    .s19-2{grid-template-columns: auto;}
    .s19-5{margin-bottom: 40rem;}
    .s19-7{margin-top: 50rem;}
    
    
    .burger{width: 28rem;height: 28rem;display: flex;align-items: center;justify-content: center;}
    .burger-icon{height: 2rem;width: 100%;background-color: currentColor;position: relative;border-radius: 999rem;}
    .burger-icon::before,
    .burger-icon::after{content: "";position: absolute;right: 0;width: 100%;height: 100%;background-color: inherit;border-radius: inherit;}
    .burger-icon::before{bottom: 100%;margin-bottom: 5rem;}
    .burger-icon::after{top: 100%;margin-top: 5rem;width: 70%;background-color: var(--c3);}
    
    .popup{position: fixed;top: 0;left: 0;height: var(--app-height);right: 0;z-index: 999;background-color: var(--c1);color: var(--c0);display: flex;flex-direction: column;overflow: auto;will-change: transform;transition: transform .5s;transform: translateY(-100%);}
    
    .popup-header{flex: none;}
    .popup-content{margin: 30rem 0 50rem;flex: auto;}
    .popup-content ul{display: grid;grid-template-columns: auto;grid-gap: 25rem;}
    .popup-content ul li{letter-spacing: -.075em;line-height: 1.1;font-weight: 400;font-stretch: expanded;font-size: var(--f-l);}
    .popup-content ul li:not(.active){opacity: .5;}
    .popup-footer{padding: 20rem 0 50rem;flex: none;border-top: var(--sl) solid var(--c4);}
    
    .p1{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .p1-2{margin-bottom: 10rem;opacity: .5;}
    .p1-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .p1-4{letter-spacing: -.03em;line-height: 1.3;font-weight: 400;font-stretch: expanded;}
    .p1-4:only-child{grid-column: 1/-1;}
    
    .popup.active{transform: translateY(0);}
	.card-video {display: none;}
	.video-hover {display: none;}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .titlebox-text{display: flex;/*margin-left: -35rem;margin-right: -35rem;*/}
    .titlebox-text p{break-inside: avoid;flex: 1;/*margin: 0 35rem;*/}
	.titlebox-text p:first-child {margin: 2rem 0 0 0;margin-right: 35rem;}
	.titlebox-text p:last-child {margin: 2rem 0 0 0;margin-left: 35rem;}
    
    .expand-content-image{display: none;}
    
    .expand-item.active{border-bottom-color: var(--c3);}
    .expand-item.active .expand-header-icon{transform: scaleY(-1);color: var(--c3);}
    .expand-item.active .expand-content{height: auto;padding-top: 40rem;opacity: 1;}
    .expand-item:not(.active):not(:hover) .expand-header-title,
    .expand-item:not(.active):not(:hover) .expand-header-subtitle,
    .expand-item:not(.active):not(:hover) .expand-header-icon{opacity: .3;}
    
    .card-3 .card-text{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 0 var(--gap);margin: 50rem -70rem 0;}
    .card-3 .card-text-item:nth-child(odd){grid-column: 1/3;padding-left: 70rem;padding-right: 100rem;}
    .card-3 .card-text-item:nth-child(even){grid-column: 3/6;padding-left: var(--gap);padding-right: 250rem;}
    
    .s5-3:nth-child(8n + 1),
    .s5-3:nth-child(8n + 2),
    .s5-3:nth-child(8n + 3),
    .s5-3:nth-child(8n + 4){padding-right: 150rem;}
    .s5-3:nth-child(8n + 5),
    .s5-3:nth-child(8n + 6),
    .s5-3:nth-child(8n + 7),
    .s5-3:nth-child(8n + 8){padding-left: 150rem;}
    
    .s8-8{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 50rem var(--gap);}
    .s8-8-1:not(:last-child)::after{content: "";position: absolute;left: 100%;margin-left: calc(var(--gap) / 2);width: var(--sl);height: 100%;top: 0;background-color: var(--c5);}
    .s8-8-1:nth-child(5n + 5)::after{display: none;}
    
    .s13-6-2:not(:last-child){margin-bottom: 40rem;}
    
    .s14-3{position: sticky;margin: -200rem 0;top: 0;padding-left: 150rem;min-height: 100vh;}
    
    .s17-3:nth-child(3n + 1){border-left: none;margin-left: var(--gap);padding-left: 0;}
    .s17-3:nth-child(3n + 3){margin-right: var(--gap);padding-right: 0;}
    
    .s404-2-1:nth-child(2){grid-column-start: 4;}
    .s404-2-1:nth-child(3){grid-column-start: 8;}
    .s404-2-1:nth-child(5){grid-column-start: 2;}
    .s404-2-1:nth-child(6){grid-column-start: 5;}
    .s404-2-1:nth-child(8){grid-column-start: 4;}
    .s404-2-1:nth-child(9){grid-column-start: 8;}
    .s404-2-1:nth-child(10){grid-column-start: 3;}
    .s404-2-1:nth-child(12){grid-column-start: 6;}
    .s404-2-1:nth-child(13){grid-column-start: 10;}
    .s404-2-1:nth-child(15){grid-column-start: 7;}
    .s404-2-1:nth-child(16){grid-column-start: 9;}
    
}

@media screen and (min-width: 1920px) {
    
    :root{
     
        --sw: calc( (100vw - var(--mw)) / 2 );
        
    }
    
    html{font-size: 1px;}
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) {
    
    .button,
    .button::before{transition: all .25s;}
    
    .button__inline:hover{color: var(--c0);}
    .button__inline:hover::before{height: 100%;}
    .button__default:hover{background-color: var(--c0);color: var(--c1);}
    
    .card-2 .card-content-inner,
    .card-4 .card-content-inner{transform: translateY(55rem);transition: transform .5s;will-change: transform;}
    .card-2 .card-content-footer,
    .card-4 .card-content-footer{opacity: 0;transition: opacity .5s;}
    
    .s6-7-4{opacity: 0;transition: opacity .25s;}
    .s10-4-2,
    .s13-6-2 a,
    .textbox a,
    .breadcrumbs ul li a,
    .topbar-nav a,
    .topbar-contact a,
    .tab,
    .expand-content-action a,
    .hero2 .carousel-button,
    .hero2-slide-action{transition: opacity .25s;}
    
    .social-item,
    .footer a,
    .bottombar a{transition: color .25s;}
    
    .card-1 .card-text{transition: transform .25s .25s;}
    .card-1 .card-text::before{transition: transform .25s 0s;}
    .card-1 .card-media{transition: transform .5s;}
    
    .card-2:hover .card-content-inner,
    .card-4:hover .card-content-inner{transform: translateY(0);}
    .card-2:hover .card-content-footer,
    .card-4:hover .card-content-footer,
    .s6-7:hover .s6-7-4,
    .tab:hover,
    .hero2 .carousel-button:hover,
    .hero2-slide-action:hover{opacity: 1;}
    .s10-4-2:hover,
    .s13-6-2 a:hover,
    .textbox a:hover,
    .breadcrumbs ul li a:hover,
    .topbar-nav a:hover,
    .topbar-contact a:hover,
    .expand-content-action a:hover{opacity: .7;}
    
    .social-item:hover{color: var(--c1);}
    
    .card-1:hover .card-text{transform: translateX(0);transition-delay: 0s;}
    .card-1:hover .card-text::before{transform: scaleY(1);transition-delay: .25s;}
    .card-1:hover .card-media{transform: scale(1.05);}
    
    .footer .social-item:hover,
    .footer a:hover,
    .bottombar a:hover{color: var(--c0);}
    
    .tile:hover .tile-front:not(:only-child){transform: rotateY(-180deg);}
    .tile:hover .tile-back{transform: rotateY(0deg);}
    
    
    
}


.strong_class, .textbox strong, .section.s10 strong {
	font-weight:700;
}

.em_class, .textbox em, .section.s10 em {
	font-style: italic;
}

.ul_class, .textbox ul, .section.s10 ul {
	margin-left: -10rem;
}

ul .li_class, .textbox ul li, .section.s10 ul li {
	position: relative;
	padding-left: 1em;
}

ul .li_class:before, .textbox ul li:before, .section.s10 ul li:before {	
	content: "\2022";
	color: var(--c3);
	position: absolute;
	left: 0;
	top: 0;
}

ol.ol_class, .textbox ol, .section.s10 ol {
    margin-left: 1em;
}

ol .li_class .textbox ol li, .section.s10 ol li {	
	list-style: decimal;	
}

.blockquote_class, .textbox blockquote, .section.s10 blockquote {
    position: relative;
    padding-left: 1em;
}

.blockquote_class:before, .textbox blockquote:before, .section.s10 blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    height: 100%;
    background-color: var(--c3);
}