@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #F9F7EF; 
    --c1: #080000;
    --c2: #EB0011;
    --c3: rgba(8,0,0,.8);
    --c4: rgba(235,0,17,.1);
    --c5: rgba(8,0,0,.4);
    
    --wr: 75rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);

    --altfont: 'GTFPlakatGrotesk', sans-serif;
    
    --f-s: max(12px, 14rem);
    --f-d: max(14px, 18rem);
    --f-m: max(14px, 20rem);
    --f-b: max(14px, 24rem);
    --f-l: max(14px, 32rem);
    --f-xl: max(14px, 80rem);
    --f-xxl: max(14px, 100rem);
    --f-xxxl: max(14px, 140rem);
    --f-xxxxl: max(14px, 220rem);
    
    --mw: 4000px; 
    
    
}

@keyframes ticker {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(-200%);
    }
}


/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'FKGrotesk', sans-serif;font-size: var(--f-d);line-height: 1.3;color: var(--c1);background-color: var(--c0);letter-spacing: -.01em;}
    
    .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 .5s .5s;display: flex;will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;background-clip: padding-box;}

    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;font-weight: 700;line-height: 1.5;font-size: var(--f-m);letter-spacing: -.04em;text-transform: capitalize;padding: 0 .1em;}
    .button-icon{margin: 0 10rem;flex: none;display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);border: max(2px, 2rem) solid;border-radius: 50%;overflow: hidden;}
    .button-icon:first-child{margin-left: .05em;}
    .button-icon:last-child{margin-right: .05em;}
    
    .button-icon-inner{display: grid;grid-template-columns: auto;height: 100%;width: max(24px, 30rem);height: max(24px, 30rem);will-change: transform;transition: transform .25s;}
    .button:not(:hover) .button-icon-inner{transform: translateY(-100%);}
    .button-icon-top,
    .button-icon-bottom{height: inherit;width: inherit;}
    
    .button__large .button-text{font-size: var(--f-l);margin-bottom: -.25em;}
    
    .button__wide{width: 100%;}
    
    .button__path,
    .button__line{position: relative;overflow: visible;}
    
    .button-vector{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-position: bottom center;background-repeat: no-repeat;}
    .button-vector svg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: bottom;}
    .button-vector path{transition: all 1s;}
    
    .button-vector-ghost{opacity: .4;}
    .button-vector-ghost path{transition-delay: .5s;}
    .button.visible .button-vector-ghost path{stroke-dashoffset: 0!important;}
    
    .button:hover .button-vector path{stroke-dashoffset: 0!important;}
    
    .button__path .button-vector{margin: -50rem -60rem -60rem;}
    .button__line .button-vector{top: 100%;margin: 0 -40rem -5rem;}
    
     
    .altfont,
    .title,
    .textbox h2,
    .textbox h3,
    .textbox h4{line-height: .93;width: 100%;letter-spacing: -.03em;font-family: var(--altfont);text-transform: uppercase;}
    
    .title__small{font-size: var(--f-l);}
    .title__medium{font-size: var(--f-xl);}
    .title__default{font-size: var(--f-xxl);}
    .title__large{font-size: var(--f-xxxl);font-weight: 700;}
    .title__xlarge{font-size: var(--f-xxxxl);font-weight: 700;line-height: .85;}
    
    .subtitle{text-transform: uppercase;font-size: var(--f-m);line-height: 1.5;letter-spacing: -.03em;}
    
    .textfield{display: flex;overflow: hidden;border-bottom: var(--sl) solid var(--c2);}
    .textfield-input{flex: auto;text-overflow: ellipsis;padding: .65em 0;}
    .textfield-icon{flex: none;margin: auto 10rem;display: flex;width: max(18px, 24rem);height: max(18px, 24rem);align-items: center;justify-content: center;color: var(--c2);}
    .textfield-icon:first-child{margin-left: 0;}
    .textfield-icon:last-child{margin-right: 0;}
    
    
    .selector{user-select: none;}
    .selector-holder{border-bottom: var(--sl) solid var(--c2);display: flex;overflow: hidden;align-items: center;cursor: pointer;}
    .selector-holder-input{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;pointer-events: none;user-select: none;padding: .65em 0;}
    .selector-holder-icon{flex: none;margin: auto 10rem;display: flex;width: max(18px, 24rem);height: max(18px, 24rem);align-items: center;justify-content: center;color: var(--c2);}
    
    .selector.active .selector-holder{}
    .selector.active .selector-holder-icon{transform: scaleY(-1);}
    
    .selector-list{border-bottom: var(--sl) solid var(--c2);background-color: var(--c0);position: absolute;width: 100%;z-index: 999;overflow: auto;max-height: 600rem;padding: 10rem 15rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .selector-list:not(.active){visibility: hidden;opacity: 0;}
    .selector-option{position: relative;}
    .selector-option-inner:not(.active){cursor: pointer;}
    .selector-option-inner.active{color: var(--c2);pointer-events: none;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 35rem;}
    .formbox-row{display: flex;align-items: flex-start;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    .formbox-footer{margin: 60rem 0 0;display: flex;justify-content: center;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{margin-bottom: 40rem;position: sticky;top: 0;z-index: 20;}
    
    .topbar-container{position: relative;z-index: 2;background-color: var(--c0);}
    .topbar{min-height: 100rem;padding: 20rem 0;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: var(--gap);align-items: center;}
    .topbar-logo{max-width: 110rem;}
    .topbar-nav{overflow: hidden;}
    .topbar-nav-icon{display: flex;align-items: center;justify-content: center;width: max(8px, 8rem);height: max(8px, 8rem);margin-left: 5rem;}
    .topbar-nav ul{display: flex;margin: -10rem -25rem;flex-wrap: wrap;}
    .topbar-nav li{display: flex;align-items: center;margin: 10rem 25rem;text-transform: uppercase;line-height: 1;letter-spacing: .09em;font-weight: 700;font-size: var(--f-s);position: relative;}
    .topbar-nav li.active .topbar-nav-icon{transform: scaleY(-1);}
    .topbar-search{margin-left: auto;display: flex;align-items: center;justify-content: center;width: max(18px, 20rem);height: max(18px, 20rem);cursor: pointer;}
    
    .header-curtain{position: absolute;top: 100%;left: 0;width: 100%;z-index: 1;background-color: var(--c0);padding: 60rem 0 100rem;transition: transform .5s;will-change: transform;}
    
    .curtain-inner{transition: opacity .5s .5s;}
    .curtain-nav-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .curtain-nav{padding-right: 100rem;}
    .curtain-nav ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;justify-items: flex-start;}
    .curtain-nav li{color: var(--c2);font-size: var(--f-xl);position: relative;}
    .curtain-media{display: flex;position: relative;width: 100%;}
    .curtain-media::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .curtain-media-item{transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .curtain-media-item:not(.active){opacity: 0;transform: scale(1.05);}
    
    .header-curtain:not(.active){transform: translateY(-100%);}
    .header-curtain:not(.active) .curtain-inner{opacity: 0;transition-delay: 0s;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow-x: clip;margin: 0 0 100rem;padding: 60rem 0;}
    .section:first-child{z-index: 2;margin-top: 0;padding-top: 0;}
    .section:last-child{margin-bottom: 0;}
    .section:only-child{flex: auto;}
    
    .section-separator{line-height: 0;width: 100%;margin: -60rem 0 0;height: var(--sl);}
    .section-separator + .section{padding-top: 100rem;}
    
    .section-header{margin: 0 0 30rem;display: grid;align-items: baseline;grid-template-columns: 1fr auto;}
    .section-header-title{color: var(--c2);flex: auto;margin-right: auto;}
    .section-header-action{color: var(--c2);margin-left: 100rem;}
    .section-header-gallery{grid-column: 1/-1;overflow: hidden;margin-bottom: 10rem;}
    
    .footer{overflow: hidden;background-color: var(--c2);color: var(--c0);padding: 50rem 0 100rem;margin-top: 200rem;}
    .footer-grid{grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);display: grid;}
    .footer-form{margin-right: auto;}
    .footer-form-container{display: flex;flex-direction: column;}
    .footer-form-button{margin-top: 20rem;margin-left: auto;}
    .footer-form-button .button-icon{border: none;}
    .footer-form-title{margin-bottom: 30rem;}
    .footer-nav > ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .footer-nav > ul > li > a{text-transform: uppercase;letter-spacing: -.03em;font-family: var(--altfont);font-size: var(--f-l);}
    .footer-nav > ul > li{overflow: hidden;}
    .footer-nav > ul > li ul{margin: -10rem;display: flex;flex-wrap: wrap;padding: 20rem 0 40rem;}
    .footer-nav > ul > li:last-child ul{padding-bottom: 0;}
    .footer-nav li li{margin: 10rem;}
    
    .footer-bottombar-pretitle{text-transform: uppercase;font-size: var(--f-m);line-height: 1.5;letter-spacing: -.03em;margin-bottom: 1em;}
    .footer-bottombar-title{font-size: 56rem;}
    .footer-bottombar-nav{margin-top: 25rem;display: grid;grid-template-columns: auto 1fr;grid-gap: 60rem;}
    .footer-copyright{opacity: .6;}
    .footer-policy a{opacity: .6;}
    
    
    .footer .textfield{border-color: var(--c0);}
    .footer .textfield-icon{color: var(--c0);}
    
    .footer-author{display: flex;align-items: baseline;margin-top: auto;}
    
    .dd-icon{width: 1.2em;height: 1em;margin: 0 .3em;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .footer-author-large{margin: 0 -10rem -100rem;display: flex;justify-content: flex-start;}
    .footer-author-inner{display: flex;width: 100%;align-items: baseline;margin-bottom: -70rem;flex: none;padding: 0 10rem;justify-content: flex-end;}
    .footer-author-text{flex: none;font-size: 175rem;text-transform: uppercase;line-height: 1;letter-spacing: -.03em;}
    .footer-author-icon{flex: auto;min-width: 0;display: flex;position: relative;transform: translateY(0%);margin: 0;}
    .footer-author-icon::before{content: "";flex: none;width: 0;padding-top: 85%;}
    
    .carousel-button{display: flex;align-items: center;justify-content: center;width: max(32px, 50rem);height: max(32px, 50rem);cursor: pointer;color: var(--c2);}
    .carousel-button__prev .icon{transform: scaleX(-1);}
    
    .breadcrumbs-container{margin-bottom: 30rem;}
    .breadcrumbs{overflow: hidden;}
    .breadcrumbs__red{}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: 0 -.3em;}
    .breadcrumbs li{margin: 0 .3em;display: flex;align-items: baseline;}
    .breadcrumbs li:not(:last-child)::after{content: ">";padding-left: 1em;flex: none;}
    
    .tabs{overflow: hidden;}
    .tabs ul{margin: -10rem -15rem;display: flex;flex-wrap: wrap;justify-content: center;}
    .tabs li{margin: 10rem 15rem;}
   
    .expand{user-select: none;}
    .expand-header{display: flex;align-items: center;cursor: pointer;}
    .expand-header-title{margin-right: 40rem;}
    .expand-header-title .title{margin-bottom: -.15em;}
    .expand-header-icon{flex: none;margin-left: auto;display: flex;align-items: center;justify-content: center;width: max(40px, 50rem);height: max(40px, 50rem);}
    .expand-content{height: 0;overflow: hidden;}
    
    .expand{transition-property: color, background-color;transition-duration: .5s;}
    .expand-content{transition-property: height, padding;transition-duration: .5s;}
    
    .expand.active .expand-header-icon{transform: scaleY(-1);}
    .expand.active .expand-content{padding-top: 20rem;height: auto;} 
    
    .gallery{position: relative;}
    .gallery-clip{overflow: hidden;}
    .gallery-pagination{display: flex;align-items: flex-end;position: absolute;top: 0;left: 0;right: 0;z-index: 1;pointer-events: none;}
    .gallery-pagination::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .gallery .swiper{overflow: visible;margin: 0 calc(var(--gap) / -2);}
    .gallery .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    .gallery .swiper-pagination{top: 0;left: auto;bottom: auto!important;line-height: 0;position: relative;padding: 25rem;}
    .gallery .swiper-pagination-bullet{width: 40rem;height: max(4px, 4rem);border-radius: 999rem;margin: 0 max(2px, 2.5rem)!important;background-color: var(--c0);opacity: .5;transition: all .3s linear;}
    .gallery .swiper-pagination-bullet-active{background-color: var(--c0);opacity: 1;width: 200rem;}
    
    .textbox{color: var(--c3);}
    .textbox h3{margin: .625em 0 .1em;color: var(--c2);font-size: var(--f-xl);line-height: 1;}
    .textbox h4{margin: 1.2em 0 .1em;color: var(--c2);font-size: var(--f-l);line-height: 1.2;}
    .textbox p figure{margin: 50rem 0 50rem;}
    .textbox h3:first-child,
    .textbox h4:first-child,
    .textbox p:first-child figure{margin-top: 0;}
    .textbox p:last-child figure{margin-bottom: 0;}
    .textbox a{text-decoration: underline;}
    .textbox figure{width: 100%;}
    .textbox figcaption{opacity: .5;text-align: right;margin-top: 10rem;font-size: var(--f-d);}
    .textbox figcaption:empty{display: none;}
    
    .author{display: flex;align-items: center;user-select: none;}
    .author-image{flex: none;width: 135rem;display: flex;position: relative;overflow: hidden;border-radius: 50%;margin-right: 35rem;}
    .author-image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .author-content{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .author-title{color: var(--c2);font-size: var(--f-b);}
    .author-name,
    .author-date{color: var(--c2);text-transform: uppercase;letter-spacing: .09em;font-size: var(--f-s);line-height: 1;}
    .author-date{opacity: .3;}
    
    .tt-gallery{overflow: hidden;width: 100%;}
    .tt-gallery:not(:last-child){margin-bottom: 30rem;}
    .tt-gallery .swiper{overflow: hidden;margin: 0 calc(var(--gap) / -2);}
    .tt-gallery .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    .tt-gallery .card-5 .card-header::before{padding-top: 70%;}
    .tt-gallery .card-5 .card-content{display: none;}
    
    .tt-container{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .tt-list{border-left: 1rem solid var(--c2);display: grid;grid-template-columns: auto;grid-gap: 40rem;margin-left: 6rem;}
    .tt-item{padding-left: 35rem;position: relative;}
    .tt-item::before{content: "";background-color: var(--c2);border-radius: 50%;width: 13rem;height: 13rem;position: absolute;left: 0;top: 0;margin-left: -7rem;}
    .tt-pretitle{font-size: var(--f-m);color: var(--c3);margin-bottom: 10rem;}
    .tt-title{font-size: var(--f-l);color: var(--c2);}
    .tt-description{margin-top: 15rem;color: var(--c3);}
    .tt-action{color: var(--c2);margin-top: 10rem;text-decoration: underline;}
    
    .tt-inner-gallery{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10rem;margin: 20rem calc(-100% - 35rem - var(--gap)) 20rem 0;}
    .tt-inner-image{position: relative;display: flex;overflow: hidden;}
    .tt-inner-image:nth-child(n + 4){display: none;}
    .tt-inner-image::before{content: "";flex: none;width: 0;padding-top: 70%;}
    
    .tt-inner-gallery .card-1 .card-pretitle{margin-bottom: 5rem;opacity: .5;}
    
    .popup-search{}
    .popup-search-input{font-size: var(--f-xxxxl);padding: 0;color: var(--c2);line-height: .9;flex: auto;}
    .popup-search-hint{margin-top: 20rem;font-weight: 700;text-transform: uppercase;letter-spacing: .09em;font-size: var(--f-s);padding-bottom: 100rem;}
    
    .popup-overlay{position: fixed;z-index: 19;background-color: var(--c1);opacity: 0;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .5s;pointer-events: none;}
    .popup-active .popup-overlay{opacity: .3;}
    
    .carousel-scrollbar{height: 2rem;background-color: rgba(235, 0, 17, .1);margin-top: 35rem;}
    .carousel-scrollbar .swiper-scrollbar-drag{cursor: grab;background-color: var(--c2);}
    .carousel-scrollbar .swiper-scrollbar-drag:active{cursor: grabbing;}
    
    .scrl{position: relative;overflow: hidden;white-space: nowrap;display: inline-flex;align-items: flex-start;padding: 0 .05em;margin: 0 -.05em;height: 1.3em;}
    .scrl-inner{display: grid;grid-template-columns: auto;height: 1.3em;}
    .scrl-inner *{line-height: 1!important;height: 1.3em;display: inline-flex;align-items: center;}
    
    .cookies{position: fixed;bottom: 0;z-index: 5;left: 0;width: 100%;will-change: transform;transition: transform .5s;}
    .cookies-wrapper{background-color: var(--c1);color: var(--c0);padding: 20rem 0;}
    .cookies-inner{display: grid;grid-template-columns: 1fr auto;grid-gap: 10rem;align-items: flex-start;}
    .cookies-inner-text{font-size: var(--f-b);display: flex;align-items: center;min-height: max(30px, 38rem);line-height: 1.2;}
    .cookies-inner-button{cursor: pointer;width: max(30px, 38rem);height: max(30px, 38rem);display: flex;align-items: center;justify-content: center;}
    
    .cookies.hidden{transform: translateY(100%);}
    
    .parallax-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;will-change: transform;}
    
    .line-appear-wrapper{position: relative;}
    .line-appear{position: absolute;left: 0;width: 100%;height: 1px;background-color: var(--c2);transition: transform 2s cubic-bezier(.25,.74,.22,.99);will-change: transform;transform-origin: 0%;}
    .line-appear:not(.visible){transform: scaleX(0);}
    .line-appear__top{top: 0;}
    .line-appear__bottom{bottom: 0;}
      
    .zoom-appear img{transition: transform .5s;}
    .zoom-appear:not(.visible) img{}
    
    .mask-appear-wrapper{display: block;position: relative;white-space: nowrap;z-index: 1;line-height: 1;overflow: hidden;}
    .mask-appear-wrapper:not(:last-child){margin-bottom: -.15em;}
    .mask-appear-inner{display: block;transition: all 1s 0s;will-change: transform;opacity: 0;transform: translateY(100%);}
    .mask-appear-back{display: none;}
    
    .loading .mask-appear-inner{transition-delay: 0s;transition-duration: 0s;}
    
    .animation-initialize .mask-appear.visible .mask-appear-inner{transform: translateY(0);opacity: 1;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
    .card-1 .card-header{display: flex;position: relative;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;right: 0;bottom: 0;}
    .card-1 .card-content{margin-top: 20rem;}
    .card-1 .card-pretitle{margin-bottom: 15rem;line-height: 1;font-size: var(--f-s);text-transform: uppercase;color: var(--c2);letter-spacing: .09em;}
    .card-1 .card-title .title{font-size: var(--f-l);color: var(--c2);line-height: 1.5;}
    .card-1 .card-subtitle{color: var(--c3);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    
    .card-2 .card-header{display: flex;position: relative;overflow: hidden;max-height: 820rem;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
    .card-2 .card-content{margin-top: 20rem;padding-right: calc(50% + var(--gap));}
    .card-2 .card-pretitle{color: var(--c5);margin-bottom: 15rem;line-height: 1;font-size: var(--f-s);text-transform: uppercase;color: var(--c2);letter-spacing: .09em;}
    .card-2 .card-title .title{font-size: var(--f-l);color: var(--c2);line-height: 1.5;}
    .card-2 .card-subtitle{color: var(--c3);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    
    .card-3 .card-header{display: flex;position: relative;overflow: hidden;border: var(--sl) solid var(--c2);}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 150%;}
    .card-3 .card-header::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 10rem;border: var(--sl) solid var(--c2);}
    .card-3 .card-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 60rem;}
    .card-3 .card-content{margin-top: 20rem;}
    .card-3 .card-title .title{font-size: var(--f-l);color: var(--c2);line-height: 1.5;}
    
    .card-4 .card-header{color: var(--c2);font-size: var(--f-xl);}
    .card-4 .card-content{margin-top: 40rem;}
    .card-4 .card-text{font-size: var(--f-b);line-height: 1.5;color: var(--c3);}
    .card-4 .card-footer{margin-top: 50rem;line-height: 1;font-size: var(--f-s);text-transform: uppercase;color: var(--c2);letter-spacing: .09em;}
    .card-4 .card-footer-title{}
    .card-4 .card-footer-subtitle{color: var(--c5);margin-top: 10rem;}
    
    .card-5 .card-header{display: flex;position: relative;overflow: hidden;background-color: var(--c1);}
    .card-5 .card-header::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .card-5 .card-media{opacity: .75;}
    .card-5 .card-content{margin-top: 10rem;text-align: right;opacity: .5;}
   
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 var(--gap);text-align: center;}
    .s1-2{grid-column: 1/-1;color: var(--c2);}
    .s1-2 .title{margin-bottom: -.4em;}
    .s1-3{grid-column: 2/3;display: flex;position: relative;overflow: hidden;z-index: -1;}
    .s1-3::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .s1-4{grid-column: 2/3;margin-top: 25rem;color: var(--c3);}
    .s1-5{margin: 90rem auto 0;grid-column: 2/3;color: var(--c2);}
    
    .s2-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);}
    .s2-2{position: relative;overflow: hidden;grid-column: 1/-1;color: var(--c0);background-color: var(--c1);display: flex;}
    .s2-2::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s2-3{color: var(--c3);}
    .s2-4{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;}
    .s2-5{position: relative;z-index: 1;padding: 150rem 100rem 100rem;display: flex;align-items: center;flex-direction: column;text-align: center;width: 100%;}
    .s2-5-1{margin-bottom: auto;}
    .s2-5-2{margin-top: 100rem;}
    
    .s3-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);margin-bottom: 40rem;}
    .s3-2-1{color: var(--c3);}
    .s3-3 .swiper{margin-left: calc(-1 * var(--gap));overflow: visible;}
    .s3-3 .swiper-slide{padding-left: var(--gap);}
    .s3-4{margin-top: 60rem;display: flex;justify-content: center;color: var(--c2);}
    .s3-5{}
    .s3-6{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40rem var(--gap);}
    
    .s4-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s4-2{margin-top: 90rem;display: flex;justify-content: center;color: var(--c2);}
    
    .s5-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: center;}
    .s5-2{grid-column: 2/4;text-align: center;}
    .s5-3{order: -1;}
    .s5-3,
    .s5-4{display: flex;align-items: center;justify-content: center;}
    
    .s6{}
    .s6-2{padding: 20rem 150rem;}
    
    .s7{padding: 30rem 0;}
    .s7-1{overflow: hidden;font-size: var(--f-l);color: var(--c2);}
   
    .s8-2{max-width: 650rem;margin-bottom: 40rem;color: var(--c3);}
    .s8-3{}
    .s8-4{padding: 30rem 0;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: baseline;}
    .s8-4-1{color: var(--c2);}
    .s8-4-2{grid-column: 2/-1;overflow: hidden;color: var(--c3);}
    .s8-4-2 ul{margin: -5rem -7.5rem;display: flex;flex-wrap: wrap;align-items: baseline;}
    .s8-4-2 li{margin: 5rem 7.5rem;}
    .s8-4-2 li a{color: var(--c2);text-transform: uppercase;font-size: var(--f-s);line-height: 1;letter-spacing: .09em;}
    .s8-4-3{color: var(--c3);margin-right: calc(-1 * var(--gap));}
    
    .s9-1{}
    
    .s10-2{margin-bottom: 30rem;text-align: center;color: var(--c2);}
    .s10-3{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s10-3-1{text-align: center;grid-column: 2/4;color: var(--c3);}
    .s10-4{margin: 60rem var(--awr) 0;border-top: var(--sl) solid var(--c2);display: grid;grid-template-columns: auto;grid-gap: 0;}
    .s10-4 .expand{padding: 40rem var(--wr);border-bottom: var(--sl) solid var(--c2);color: var(--c2);}
    .s10-4 .expand-content{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 var(--gap);}
    .s10-4 .expand-content-inner{grid-column: 1/3;font-size: var(--f-b);margin-right: calc(-1 * var(--gap));opacity: .8;}
    .s10-4 .expand.active{background-color: var(--c2);color: var(--c0);}
    
    .s11{padding-bottom: 0;}
    .s11-1{display: grid;grid-template-columns: repeat(3, 1fr);align-items: flex-start;grid-gap: 0 125rem;padding: 0 200rem;}
    .s11-2{color: var(--c2);grid-column: 1/-1;text-align: center;margin-bottom: 10rem;}
    .s11-3{color: var(--c2);grid-column: 1/-1;text-align: center;}
    .s11-4{padding-top: 120rem;}
    .s11-4-2{display: grid;grid-template-columns: auto;grid-gap: .75em;}
    .s11-5{margin: 30rem -25rem 0;position: relative;z-index: -1;grid-column: 2/3;}
    .s11-5-1{position: relative;overflow: hidden;display: flex;}
    .s11-5-1::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .s11-5-2{position: relative;overflow: hidden;display: flex;margin-top: -75rem;}
    .s11-5-2::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .s11-5-3{text-align: right;font-size: var(--f-s);margin-top: 1em;opacity: .5;}
    .s11-6{padding-top: 120rem;}
    .s11-6-2{color: var(--c3);}
    .s11-7{margin: 60rem -100rem 0;text-align: center;grid-column: 2/3;color: var(--c3);}
    .s11-8{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: baseline;}
    .s11-8-1{color: var(--c2);font-size: var(--f-b);}
    .s11-8-2{color: var(--c3);}
    
    .s11-4-1,
    .s11-6-1{color: var(--c2);min-height: 100rem;padding-bottom: 20rem;}
    
    .s12-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 100rem var(--gap);grid-template-rows: auto 1fr;grid-template-areas: "a1 a2" "a3 a2";}
    .s12-2{grid-area: a1;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s12-2 .card .card-header::before{padding-top: 100%;}
    .s12-3{grid-area: a2;}
    .s12-4{grid-area: a3;color: var(--c2);}
    
    .s13-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);align-items: flex-end;}
    .s13-2{overflow: hidden;}
    .s13-2 .swiper{margin-left: calc(-1 * var(--gap));}
    .s13-2 .swiper-slide{padding-left: var(--gap);}
    .s13-2 .card .card-header::before{padding-top: 100%;}
    .s13-3{}
    
    .s14-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 480rem;padding: 0 50rem;}
    .s14-2{padding-top: 60rem;margin-top: auto;}
    .s14-2-1{color: var(--c2);}
    .s14-2-2{margin-top: 20rem;color: var(--c3);}
    .s14-2-3{position: relative;overflow: hidden;display: flex;margin-top: 40rem;}
    .s14-2-3::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .s14-3{margin-left: -300rem;}
    .s14-3 .card .card-header{flex: auto;}
    .s14-3 .card .card-subtitle{display: none;}
    
    .s15-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;position: relative;}
    .s15-2{grid-column: 2/3;position: relative;display: flex;align-items: center;}
    .s15-2::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .s15-3{padding: 30rem 125rem 30rem 160rem;}
    .s15-3-1{color: var(--c2);}
    .s15-3-2{position: absolute;overflow: hidden;top: 0;right: 100%;width: 100%;height: 100%;z-index: 1;margin-right: var(--gap);}
    .s15-3-3{margin-top: 20rem;color: var(--c3);}
    .s15-3-4{margin-top: 50rem;color: var(--c2);}
    
    .s16-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40rem var(--gap);}
    .s16-2{grid-column: 1/-1;}
    .s16-3{grid-column: 2/3;margin: 0 -10%;}
    .s16-3-2{margin-top: 40rem;color: var(--c2);}
    
    .s17-1{padding: 100rem 0 200rem;position: relative;margin: 0 200rem;}
    .s17-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 100rem var(--gap);grid-template-rows: 1fr 1fr;}
    .s17-2-1{position: relative;}
    .s17-3{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
    .s17-4{text-align: center;color: var(--c2);margin-bottom: 120rem;}
    .s17-5{overflow: hidden;}
    .s17-5 ul{margin: -10rem -17.5rem;display: flex;flex-wrap: wrap;font-size: var(--f-s);text-transform: uppercase;letter-spacing: .09em;color: var(--c2);justify-content: center;}
    .s17-5 li{margin: 10rem 17.5rem;}
    .s17-5 li:not(.current){}
    .s17-6{text-align: center;color: var(--c3);margin: 60rem auto 0;max-width: 875rem;}
    .s17-7{margin: 90rem auto 0;color: var(--c2);margin-top: 120rem;}
    
    .s18-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);}
    .s18-2{grid-column: 1/4;padding: 25rem 75rem 50rem 0;margin-right: auto;}
    .s18-3{grid-column: 4/5;padding: 25rem 0 50rem 50rem;border-left: var(--sl) solid var(--c2);text-align: center;margin-left: calc(-1 * var(--gap));}
    .s18-3-1{font-size: var(--f-s);text-transform: uppercase;letter-spacing: .09em;}
    .s18-4 .textbox{font-size: var(--f-b);}
    .s18-5{grid-template-columns: 1fr auto;grid-gap: 0 50rem;display: grid;align-items: flex-end;}
    .s18-5-1{color: var(--c2);}
    .s18-5-2{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .s18-5-3{grid-column: 1/-1;margin-top: 60rem;}
    .s18-5 .card-4 .card-header{font-size: var(--f-l);}
    .s18-5 .card-4 .card-content{margin-top: 25rem;}
    
    .s18-4,
    .s18-5,
    .s18-6{max-width: 1020rem;}
    
    .s18-4:not(:first-child){margin-top: 50rem;}
    .s18-5:not(:first-child){margin-top: 150rem;}
    .s18-6:not(:first-child){margin-top: 150rem;}
    
    .s18-7{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s18-7-1{grid-column: 1/-1;color: var(--c2);}
    .s18-7-2{color: var(--c3);margin-top: 20rem;}
    .s18-7-3{grid-column: 1/-1;margin-top: 45rem;}
    .s18-7-4{grid-column: 1/-1;margin-top: 15rem;opacity: .3;}
    
    .s18-8{padding: 0 200rem;}
    .s18-8:not(:first-child){margin-top: 50rem;}
    .s18-8 .textbox{font-size: var(--f-b);}
    .s18-8 .textbox figcaption{text-align: left;}
    
    .s18-9:not(:first-child){border-top: var(--sl) solid var(--c2);}
    .s18-9:not(:last-child){border-bottom: var(--sl) solid var(--c2);}
    
    .s19-2{color: var(--c2);}
    .s19-3{max-width: 650rem;margin-bottom: 40rem;color: var(--c3);}
    .s19-3:not(:first-child){margin-top: 20rem;}
    .s19-4{margin-top: 60rem;display: grid;grid-template-columns: 1.5fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s19-5{border-top: var(--sl) solid var(--c2);display: grid;grid-template-columns: auto;grid-gap: 0;overflow: hidden;}
    .s19-5 .expand{padding: 15rem 0;border-bottom: var(--sl) solid var(--c2);overflow: hidden;}
    .s19-5 .expand-header-title{color: var(--c2);flex: none;}
    .s19-5 .expand-header-subtitle{flex: auto;max-width: 460rem;margin-right: 40rem;}
    .s19-5 .expand-header-icon{color: var(--c2);}
    .s19-5 .expand.active{padding-bottom: 40rem;}
    .s19-5 .expand.active .expand-content{padding-top: 50rem;}
    
    .s19-6{background-color: var(--c4);padding: 60rem 60rem 100rem;}
    .s19-6-1{color: var(--c2);margin-bottom: 50rem;}
    .s19-6-2 .formbox-footer{color: var(--c2);}
    
    .s20-1{position: relative;padding-bottom: 300rem;}
    .s20-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: grid;grid-gap: 100rem 50rem;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr 1.75fr;}
    .s20-2-1{position: relative;}
    .s20-2-1:nth-child(1){grid-column: 1/2;grid-row: 2/3;}
    .s20-2-1:nth-child(1) img{object-position: left top;}
    .s20-2-1:nth-child(2){grid-column: 3/4;grid-row: 1/2;}
    .s20-2-1:nth-child(2) img{object-position: right bottom;}
    .s20-2-1:nth-child(3){grid-column: 3/4;grid-row: 2/3;margin-top: 300rem;}
    .s20-2-1:nth-child(3) img{object-position: right bottom;}
    .s20-3{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 60rem;position: relative;z-index: 1;}
    .s20-3-1{text-align: center;color: var(--c2);grid-column: 1/-1;}
    .s20-3-2{color: var(--c3);text-align: center;margin-top: 50rem;grid-column: 2/3;}
    .s20-3-3{grid-column: 2/3;margin-top: 120rem;display: flex;justify-content: center;color: var(--c2);}
    
    .s21:first-child{padding-top: 100rem;}
    .s21-1{margin-top: 20rem;border-top: var(--sl) solid var(--c2);padding-top: 20rem;}
    .s21-2{font-size: var(--f-s);font-weight: 700;letter-spacing: .09em;text-transform: uppercase;}
    .s21-3{margin-top: 90rem;display: grid;grid-template-columns: auto;grid-gap: 35rem;}
    .s21-3-1{padding-bottom: 10rem;border-bottom: var(--sl) solid;color: var(--c2);font-size: var(--f-l);}
    
    .s22{overflow: visible;}
    .s22-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 100rem var(--gap);align-items: flex-end;padding-top: 100rem;}
    .s22-2{text-align: center;display: flex;flex-direction: column;align-items: center;margin: 0 150rem;position: relative;}
    .s22-2-1{margin-bottom: 30rem;color: var(--c3);}
    .s22-2-2{color: var(--c2);}
    .s22-2-3{position: absolute;width: 100%;height: 190rem;top: 100%;right: 0;}
    .s22-2-3::before{content: "";width: 50vw;right: -150rem;margin-right: var(--gap);top: 0;background-image: url(../img/footer-form-image-2.svg);background-size: contain;background-position: left top;background-repeat: no-repeat;position: absolute;z-index: -1;pointer-events: none;height: 100%;}
    .s22-3-1{position: relative;}
    .s22-3-1::before{content: "";width: 50vw;height: 25vw;right: 100%;margin-right: var(--gap);top: 0;background-image: url(../img/footer-form-image.svg);background-size: contain;background-position: right top;background-repeat: no-repeat;position: absolute;margin-top: 30rem;z-index: -1;pointer-events: none;display: none;}
    .s22-4{display: flex;justify-content: center;color: var(--c2);grid-column: 2/3;}
    
    .s23:first-child{margin-top: 100rem;}
    .s23-1{margin-bottom: 100rem;overflow: hidden;color: var(--c2);}
    .s23-1 ul{display: flex;flex-wrap: wrap;margin: -7.5rem -10rem;}
    .s23-1 li{margin: 7.5rem 10rem;}
    .s23-2{}
    .s23-3:not(:first-child){margin-top: 70rem;}
    .s23-4{color: var(--c2);}
    .s23-5{}
    .s23-6{border-bottom: var(--sl) solid;border-top: var(--sl) solid;color: var(--c2);padding: 10rem 0;}
    .s23-6 table{border-collapse: collapse;width: 100%;}
    .s23-6 td{text-transform: uppercase;color: var(--c2);letter-spacing: .09em;font-size: var(--f-s);padding: 20rem 0;}
    .s23-6 td:not(:first-child){padding-left: var(--gap);}
    .s23-6 .title{font-size: var(--f-b);}
    
    .s404:first-child{padding-top: 50rem;}
    .s404-1{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s404-2{position: relative;display: flex;width: 100%;margin-bottom: 50rem;}
    .s404-2::before{content: "";flex: none;width: 0;padding-top: 25%;}
    .s404-2-1{position: absolute;top: 5%;left: 45%;right: 41%;height: 90%;z-index: 1;border-radius: 28%;overflow: hidden;background-color: var(--c1);}
    .s404-2-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s404-3{color: var(--c2);}
    .s404-3 .title{font-weight: 700;}
    .s404-4{margin-top: 10rem;max-width: 500rem;color: var(--c3);}
    .s404-5{margin-top: 100rem;color: var(--c2);}
    
    .s404-parallax{position: absolute;top: -10%;left: -10%;bottom: -10%;right: -10%;z-index: 1;}
    
    
    .s18-1 .line-appear,
    .s8-3 .line-appear,
    .s8-4 .line-appear{width: auto;margin: 0 var(--awr);left: 0;right: 0;}
    
    .s21-1,
    .s21-3-1{padding-left: var(--wr);padding-right: var(--wr);margin-left: var(--awr);margin-right: var(--awr);}
    
}

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


        --wr: 16rem;

        --gap: 8rem;

        --f-s: 12rem;
        --f-d: 16rem;
        --f-m: 14rem;
        --f-b: 22rem;
        --f-l: 26rem;
        --f-xl: 30rem;
        --f-xxl: 50rem;
        --f-xxxl: 70rem;
        --f-xxxxl: 70rem;
        
        --mw: 640rem;
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button-icon{width: 30rem;height: 30rem;}
    .button__line .button-vector{margin: 0 -30rem -5rem;}
    .button__path .button-vector{margin: -40rem -50rem -50rem;}
    
    .button-vector path{stroke-dashoffset: 0!important;}
    
    .expand-header{display: grid;grid-template-columns: 1fr auto;grid-gap: 20rem 0;}
    .expand-header-icon{width: 30rem;height: 30rem;}
    .expand-header-title{margin-right: 20rem;}
    .expand-header-subtitle{order: 1;margin: 0;}
    
    .tt-container{grid-template-columns: auto;}
    .tt-item{padding-left: 25rem;}
    .tt-pretitle{font-size: var(--f-s);margin-bottom: .5em;}
    .tt-description{margin-top: 10rem;}
    .tt-gallery{overflow: visible;}
    .tt-gallery .swiper{overflow: visible;}
    .tt-inner-gallery{margin: 15rem 0;grid-template-columns: auto;}
    .tt-inner-image:nth-child(n + 2){display: none;}
    
    .textfield-icon{width: 20rem;height: 20rem;margin-top: 0;margin-bottom: 0;}
    
    .formbox{grid-gap: 25rem;}
    .formbox-row{flex-direction: column;}
    .formbox-cell{width: 100%;}
    .formbox-cell:not(:first-child){margin-left: 0;margin-top: 25rem;}
    
    .header{margin-bottom: 10rem;}
    .topbar{grid-template-columns: 1fr auto auto;grid-gap: 15rem;padding: 15rem 0;min-height: 0;}
    .topbar-logo{max-width: 90rem;}
    .topbar-mobile-menu{font-size: var(--f-s);font-weight: 700;letter-spacing: .09em;line-height: 1;text-transform: uppercase;overflow: hidden;height: 1em;}
    .topbar-mobile-inner{display: flex;flex-direction: column;align-items: flex-end;white-space: nowrap;transition: transform .25s;will-change: transform;}
    
    .popup-active .topbar-mobile-inner{transform: translateY(-50%);}
    
    .popup-active .topbar-mobile-menu-hide{display: block;}
    
    .subtitle{font-size: var(--f-s);}
    
    .textfield-input{padding: 0 0 .35em;}
    
    .footer{margin-top: 120rem;padding: 40rem 0 100rem;}
    .footer-grid{grid-template-columns: minmax(0, 1fr);grid-gap: 0;}
    .footer-form{width: 100%;}
    .footer-form-title{max-width: 290rem;}
    .footer-form-button{margin-top: 15rem;}
    .footer-nav{margin-top: 100rem;}
    .footer-nav > ul{grid-gap: 10rem;}
    .footer-nav > ul > li ul{margin: -5rem -7.5rem;padding: 10rem 0 30rem;}
    .footer-nav li li{margin: 5rem 7.5rem;}
    .footer-bottombar{margin-top: 60rem;}
    .footer-bottombar-pretitle{font-size: var(--f-s);}
    .footer-bottombar-title{font-size: var(--f-l);}
    .footer-bottombar-nav{margin-top: 20rem;grid-template-columns: auto;grid-gap: 20rem;}
    .footer-copyright{max-width: 290rem;}
    .footer-author{margin-top: 40rem;}
    .footer .title__small{font-size: var(--f-b);}
    
    .section-header{margin-bottom: 15rem;grid-template-columns: auto;grid-gap: 0;}
    .section-header-title .title_medium{font-size: var(--f-xxl);}
    .section-header-gallery{margin-bottom: 30rem;}
    
    .section{padding: 0;margin: 100rem 0 0;}
    .section:first-child{margin-top: 80rem;}
    
    .section-separator{display: none;}
    .section-separator + .section{padding: 0;}
    
    .breadcrumbs-container{margin-bottom: 0;}
    .breadcrumbs-container ~ .main .section:first-child{margin-top: 25rem;}
    
    .textbox figcaption{margin-top: .5em;text-align: left;}
    .textbox p figure{margin: 50rem 0 20rem;}
    
    .cookies-wrapper{padding: 15rem 0;}
    .cookies-inner-text{font-size: var(--f-d);min-height: 24rem;}
    .cookies-inner-button{width: 24rem;height: 24rem;}
    
    .card-1 .card-header::before{padding-top: 100%;}
    .card-1 .card-content{margin-top: 15rem;}
    .card-1 .card-pretitle{margin-bottom: .5em;}
    .card-1 .card-subtitle{margin-top: 10rem;}
    
    .card-2 .card-header::before{padding-top: 100%;}
    .card-2 .card-content{margin-top: 15rem;padding: 0;}
    .card-2 .card-pretitle{margin-bottom: .5em;}
    .card-2 .card-title .title{line-height: .93;}
    .card-2 .card-subtitle{margin-top: 10rem;}
    
    .card-3 .card-header::after{margin: 5rem;}
    .card-3 .card-media{margin: 35rem 60rem;}
    
    .card-4 .card-content{margin-top: 15rem;}
    .card-4 .card-text{font-size: var(--f-d);}
    .card-4 .card-footer{margin-top: 40rem;}
    
    .card-5 .card-header::before{padding-top: 100%;}
    .card-5 .card-content{text-align: left;margin-top: .5em;}
    
    .gallery-pagination::before{padding-top: 120%;}
    .gallery .swiper-pagination{padding: 20rem;}
    .gallery .swiper-pagination-bullet{height: 2rem;width: 25rem;}
    .gallery .swiper-pagination-bullet-active{width: 100rem;}
    
    .author-image{width: 80rem;margin-right: 15rem;}
    
    .carousel-button{width: 35rem;height: 35rem;}
    
    .tabs ul{flex-direction: column;align-items: center;margin: -10rem 0;}
    .tabs li{margin: 10rem 0;}
    
    
    .s1-1{grid-template-columns: auto;padding: 0 25rem;}
    .s1-3{grid-column: 1/-1;}
    .s1-4{grid-column: 1/-1;margin-top: 15rem;}
    .s1-5{grid-column: 1/-1;margin-top: 60rem;padding: 0 0 50rem;}
    
    .s2 + .s2{margin-top: 45rem;}
    .s2-1{grid-template-columns: auto;grid-gap: 15rem;}
    .s2-2{min-height: 550rem;}
    .s2-5{padding: 160rem 25rem 80rem;}
    
    .s3-2{grid-template-columns: auto;grid-gap: 0;margin-bottom: 15rem;}
    .s3-3 .swiper{overflow: visible;}
    .s3-4{margin: 45rem auto 0;padding-bottom: 5rem;}
    .s3-5{width: 65%;}
    .s3-6{grid-template-columns: auto;}
    
    .s4-1{grid-template-columns: auto;grid-gap: 45rem;}
    .s4-2{margin: 45rem auto 0;padding-bottom: 5rem;}
    
    .s5-1{grid-template-columns: auto 1fr;grid-gap: 40rem .5em;}
    .s5-2{grid-column: 1/-1;margin: 0 var(--awr);text-align: left;}
    .s5-3{order: -1;margin-left: auto;}
    .s5-4{order: -1;margin-right: auto;}
    
    .s5-2 .swiper-slide{padding: 0 var(--wr);}
    
    .s6-2{padding: 20rem 0;}
    
    .s7{padding: 45rem 0;}
    
    .s8-2{margin-bottom: 20rem;}
    .s8-4{padding: 20rem 0 10rem;grid-template-columns: auto;grid-gap: 10rem;}
    .s8-4-2{grid-column: 1/-1;}
    
    .s10-2{text-align: left;margin-bottom: 15rem;}
    .s10-2 .title{font-size: var(--f-xxl);}
    .s10-3{grid-template-columns: auto;}
    .s10-3-1{grid-column: 1/-1;text-align: left;}
    .s10-4{margin-top: 25rem;}
    .s10-4 .expand{padding: 35rem var(--wr);}
    .s10-4 .expand-content{grid-template-columns: auto;}
    .s10-4 .expand-content-inner{grid-column: 1/-1;margin-right: 45rem;font-size: var(--f-d);}
    .s10-4 .expand.active .expand-content{padding-top: 10rem;}
    
    .s11-1{grid-template-columns: auto;grid-gap: 0;padding: 0;}
    .s11-4{order: 1;padding-top: 40rem;}
    .s11-5{grid-column: auto;margin: 15rem 0 0;}
    .s11-5-1{margin: 0 60rem 30rem;}
    .s11-5-2{margin-top: -35rem;}
    .s11-6{order: 1;padding-top: 40rem;}
    .s11-4-1, 
    .s11-6-1{min-height: 0;padding: 0;margin-bottom: 25rem;}
    .s11-7{grid-column: auto;margin: 30rem 0 0;}
    
    .s12-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";}
    .s12-2{grid-template-columns: auto;grid-gap: 35rem;}
    .s12-3{margin-top: 35rem;}
    .s12-3 .card-header{height: auto!important;}
    .s12-4{margin: 45rem auto 0;padding-bottom: 5rem;}
    
    .s13-1{grid-template-columns: auto;}
    .s13-2{margin: 0 var(--awr);padding: 0 var(--wr);}
    .s13-2 .swiper{overflow: visible;}
    .s13-2-1 .card .card-content{height: auto!important;}
    .s13-3{display: none;}
    
    .s14-1{grid-template-columns: auto;padding: 0;grid-gap: 15rem;}
    .s14-2{padding-top: 0;margin: 0;display: flex;flex-direction: column;}
    .s14-2-1 .title{font-size: var(--f-xxl);}
    .s14-2-2{order: 1;margin-top: 15rem;padding-right: 20rem;}
    .s14-2-3{margin-top: 15rem;}
    .s14-3{margin: 0;}
    
    .s15-1{grid-template-columns: auto;}
    .s15-2{grid-column: 1/-1;}
    .s15-2::before{display: none;}
    .s15-3{padding: 0;display: flex;flex-direction: column;}
    .s15-3-1 .title{font-size: var(--f-xxl);}
    .s15-3-2{position: relative;width: 100%;height: auto;top: auto;left: auto;right: auto;display: flex;margin: 20rem 0 0;}
    .s15-3-2::before{content: "";flex: none;width: 0;padding-top: 120%;}
    .s15-3-4{margin: 25rem auto 0;padding-bottom: 5rem;}
    
    .s16-1{grid-template-columns: auto;grid-gap: 30rem 0;}
    .s16-3{grid-column: 1/-1;margin: 0;}
    .s16-3-1{padding-right: 35rem;}
    .s16-3-2{display: none;}
    
    .s17-1{padding: 60rem 0 0;margin: 0;}
    .s17-2{max-height: 540rem;grid-gap: 270rem 0;grid-template-columns: repeat(4, 1fr);margin: 0 -10rem;right: 0;width: auto;grid-template-rows: 135rem 135rem;}
    .s17-2-1:nth-child(1){}
    .s17-2-1:nth-child(2){grid-column: 1/2;grid-row: 2/3;}
    .s17-2-1:nth-child(3){grid-column: 4/5;grid-row: 2/3;margin-top: -100rem;margin-bottom: 100rem;}
    .s17-2-1:nth-child(4){display: none;}
    .s17-4{margin-bottom: 20rem;order: 1;}
    .s17-5{order: 3;margin-top: 40rem;}
    .s17-5 ul{flex-direction: column;margin: 0;}
    .s17-5 li{margin: 0;text-align: center;}
    .s17-5 li:not(:first-child){margin-top: 15rem;}
    .s17-6{order: 2;margin: 0;padding: 0 15rem;}
    .s17-7{order: 4;margin-top: 60rem;padding: 0 0 50rem;}
    
    .s18-1{grid-template-columns: auto;border-bottom: none;margin: 0 var(--awr);padding: 0 var(--wr);}
    .s18-2{grid-column: auto;padding: 20rem 0 40rem;}
    .s18-3{grid-column: auto;text-align: left;padding: 20rem var(--wr) 0;border-left: none;border-top: var(--sl) solid var(--c2);margin: 0 var(--awr);}
    .s18-3:last-child{padding-bottom: 20rem;}
    .s18-3-2:not(:first-child){margin-top: 30rem;}
    .s18-5{grid-template-columns: auto;grid-gap: 0;}
    .s18-5:not(:first-child){margin-top: 70rem;}
    .s18-5-2{margin-right: auto;grid-gap: .5em;margin-top: 20rem;}
    .s18-5-3{overflow: hidden;margin: 40rem var(--awr) 0;}
    .s18-5-3 .swiper-slide{overflow: visible;padding: 0 var(--wr);}
    .s18-5 .card-4 .card-content{margin-top: 15rem;}
    .s18-6:not(:first-child){margin-top: 70rem;}
    .s18-7{grid-template-columns: auto;grid-gap: 0;}
    .s18-7-2{margin-top: 25rem;}
    .s18-7-3{margin-top: 25rem;}
    .s18-7-4{margin-top: .5em;text-align: left;}
    .s18-8{padding: 0;}
    .s18-8:not(:first-child){margin-top: 20rem;}
    
    .s18-4 .textbox,
    .s18-8 .textbox{font-size: var(--f-d);}
    
    .s18-9{margin: 0 var(--awr);padding: 0 var(--wr);}
    .s18-9:not(:first-child){margin-top: 80rem;padding-top: 25rem;}
    .s18-9:not(:last-child){margin-bottom: 80rem;padding-bottom: 25rem;}
  
    .s19-3{margin-bottom: 60rem;}
    .s19-3:not(:first-child){margin-top: 15rem;}
    .s19-4{grid-template-columns: auto;grid-gap: 90rem;}
    .s19-5{border-top: none;margin: 0 var(--awr);}
    .s19-5::after{content: "";height: var(--sl);background-color: var(--c2);display: block;margin: 0 var(--wr);}
    .s19-5 .expand{padding: 0 0 20rem;border-bottom: none;}
    .s19-5 .expand-header{margin: 0 var(--wr);border-top: var(--sl) solid var(--c2);padding-top: 20rem;}
    .s19-5 .expand-header-subtitle{margin: 0;}
    .s19-5 .expand-content{padding: 0 var(--wr);}
    .s19-5 .expand.active .expand-content{padding-top: 30rem;}
    .s19-6{padding: 30rem 15rem 80rem;}
    .s19-6-1{margin-bottom: 40rem;}
    
    .s20-1{padding: 0;}
    .s20-2{margin: 0 var(--awr);width: auto;right: 0;left: 0;grid-gap: 0 var(--gap);grid-template-columns: 60rem 1fr 60rem;}
    .s20-2-1:nth-child(1){margin-left: -100rem;}
    .s20-2-1:nth-child(2){display: none;}
    .s20-2-1:nth-child(3){margin-right: -100rem;grid-column: 3 / 4;grid-row: 1 / 2;margin-top: 0;}
    .s20-2-1:nth-child(3) img{object-position: left bottom;}
    .s20-3{grid-gap: 0;grid-template-columns: auto;}
    .s20-3-2{grid-column: auto;margin-top: 20rem;padding: 0 45rem;}
    .s20-3-3{grid-column: auto;margin-top: 60rem;padding: 0 0 50rem;}
    
    .s21:first-child{padding: 0;}
    .s21-1{margin-top: 0;padding-top: 10rem;}
    .s21-3{margin-top: 60rem;grid-gap: 25rem;}
    .s21-3-1{font-size: var(--f-b);}
    
    .s22{overflow: hidden;}
    .s22-1{grid-template-columns: auto;grid-gap: 0;padding: 0;}
    .s22-2{padding: 0 50% 0 0;text-align: left;align-items: flex-start;min-height: 75rem;margin: 0;}
    .s22-2-1{margin-bottom: 15rem;}
    .s22-2-3{height: 100rem;margin-top: 30rem;position: relative;top: auto;right: auto;}
    .s22-2-3::before{right: -100%;margin: 0 var(--awr);width: auto;left: 0;}
    .s22-3{margin-top: 75rem;}
    .s22-3-1::before{top: auto;bottom: 100%;left: 0;right: 0;width: auto;height: 150rem;margin: 0 0 0 var(--awr);background-size: auto 100%;}
    .s22-4{grid-column: 1/-1;margin-top: 60rem;padding: 0 0 50rem;}
    
    .s23:first-child{margin-top: 100rem;}
    .s23-1{margin-bottom: 75rem;margin-top: 25rem;}
    .s23-1 ul{flex-direction: column;}
    .s23-4{margin-bottom: 10rem;}
    .s23-5{padding: 0;overflow: auto;margin: 0 var(--awr);}
    .s23-6{padding: 0 0 5rem 0;width: 750rem;margin: 0 var(--wr) 40rem;}
    .s23-6 table{}
    .s23-6 td{padding: 15rem 0 10rem;}
    .s23-6 td:not(:first-child){padding-left: 50rem;}
    
    .s404{overflow: visible;}
    .s404:first-child{padding: 0;}
    .s404-2{margin-bottom: 30rem;}
    .s404-2::before{padding-top: 40%;}
    .s404-2-1{top: 5%;left: 41%;right: 35%;height: 88%;}
    .s404-3{padding: 0 50rem;}
    .s404-3 .title{font-size: 40rem;}
    .s404-3 .title br{display: none;}
    .s404-4{margin-top: 30rem;padding: 0 50rem;}
    .s404-5{margin-top: 80rem;}
    
    .header-curtain{padding: 0;}
    
    .curtain-inner{height: calc(var(--app-height) - var(--headroom-height));overflow: auto;display: flex;flex-direction: column;padding: 30rem 0 20rem;}
    
    .popup-search-input{font-size: var(--f-s);text-transform: uppercase;color: var(--c1);line-height: 1.5;padding-bottom: .5em;}
    
    .popup-header{margin-bottom: 40rem;flex: none;}
    .popup-nav{margin-bottom: auto;color: var(--c2);}
    .popup-nav > ul{display: grid;grid-template-columns: auto;grid-gap: 25rem;}
    
    .popup-nav > ul ul{overflow: hidden;display: grid;grid-template-columns: auto;grid-gap: 10rem;padding-top: 30rem;}
    .popup-nav > ul ul li{font-size: var(--f-l);line-height: 1.2;}
    .popup-nav-button{position: relative;display: flex;align-items: baseline;font-size: 40rem;padding-bottom: 10rem;}
    .popup-nav-button::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: var(--sl);background-color: var(--c2);opacity: .2;}
    .popup-nav-text{margin-right: auto;}
    .popup-nav-icon{width: 47rem;height: 30rem;display: flex;align-items: center;justify-content: center;flex: none;padding: 0 2rem 0 15rem;}
    
    .popup-nav > ul > li:not(.active) ul{display: none;}
    .popup-nav > ul > li.active .popup-nav-icon{order: -1;transform: scaleX(-1);}
    .popup-nav > ul > li.hidden{display: none;}
    
    .popup-footer{margin-top: 40rem;flex: none;display: grid;grid-template-columns: 1fr auto;grid-gap: 30rem;align-items: baseline;}
    .popup-footer-item{font-size: var(--f-s);text-transform: uppercase;color: var(--c2);line-height: 1.5;opacity: .6;}
    
    .scrollbox{overflow: visible;position: relative;}
    .scrollbox .mb-bar,
    .scrollbox .mb-track{position: absolute;z-index: 10;opacity: 1;}
    .scrollbox .mb-track-y{display: none;}
    .scrollbox .mb-track{height: 2rem;right: 0;background-color: var(--c4);background-repeat: repeat-y;background-size: var(--sl);background-position: center;left: 0;top: auto; bottom: 0;margin: 0 var(--wr);}
    .scrollbox .mb-bar{background-color: var(--c2);top: 0;transform-style: preserve-3d;left: 0;cursor: grab;border-radius: 0;height: 100%;width: 100%;}
    .scrollbox .mb-bar::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;margin: -15rem 0;}
    .scrollbox .mb-content{overflow: auto;width: 100%;height: 100%;position: relative;overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
    .scrollbox .mb-content::-webkit-scrollbar{display: none;}
    
    .scrollbox:not(.mb-scroll-x) .mb-track{opacity: 0;}
    .scrollbox:not(.mb-scroll-x) .mb-content{padding-right: 0;}
    
    .footer-author-large{margin-top: 0;margin-bottom: -100rem;transform: translateY(25rem);}
    .footer-author-inner{display: flex;will-change: transform;transition: transform .01s;margin-bottom: 0;width: auto;animation: 15s linear infinite ticker;transform: translateX(-100%);}
    .footer-author-text{font-size: 64rem;}
    .footer-author-icon{width: 100rem;flex: none;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .footer-grid{grid-template-areas: "a1 a2" "a3 a2" "a4 a4";grid-template-rows: 1fr auto auto;}
    .footer-form{grid-area: a1;}
    .footer-nav{grid-area: a2;}
    .footer-bottombar{grid-area: a3;}
    .footer-author-large{grid-area: a4;}
    .footer-author-inner:not(:first-child){display: none;}
    
    .s3-3 .card-2 .card-header::before{padding-top: 40%;}
    
    .s17-2-1:nth-child(1){grid-column: 1/2;grid-row: 2/3;margin-bottom: 50rem;}
    .s17-2-1:nth-child(2){grid-column: 2/3;grid-row: 1/2;margin-top: 50rem;}
    .s17-2-1:nth-child(3){grid-column: 5/6;grid-row: 2/3;margin-top: 50rem;}
    .s17-2-1:nth-child(4){grid-column: 6/7;grid-row: 1/2;margin-bottom: 50rem;}
    
    .s18-8 .textbox figure.even{margin-right: -200rem;margin-left: 200rem;}
    .s18-8 .textbox figure.odd{margin-left: -200rem;margin-right: 200rem;}
    
    .s18-9{margin-right: -75rem;padding-right: 75rem;}
    .s18-9-1{margin: 0 auto;max-width: 1100rem;}
    
    .s18-9:not(:first-child){margin-top: 100rem;padding-top: 60rem;}
    .s18-9:not(:last-child){margin-bottom: 100rem;padding-bottom: 60rem;}
    
    .s18-2:last-child{padding-right: 0;grid-column: 1/-1;}
    .s18-2:last-child .s18-8{padding-right: 400rem;}
    .s18-2:last-child .s18-8 .textbox figure.even{margin-right: 0;width: auto;}
    .s18-2:last-child .s18-9{margin-left: var(--awr);padding-left: var(--wr);margin-right: var(--awr);padding-right: var(--wr);}
    
    .s18-3-2:not(:first-child){margin-top: 80rem;}
    .s18-3-2 .author{flex-direction: column;}
    .s18-3-2 .author-image{margin: 0 0 20rem;}
    
    .s18-3-2{position: sticky;top: var(--headroom-height);z-index: 1;}
    
    .s19-6{position: sticky;top: var(--headroom-height);z-index: 1;}
    
    .s20-3-1{max-width: 1200rem;margin: 0 auto;}
    
    .popup-search-input:placeholder-shown{opacity: .2;}
    
    
    .s18-9{margin-left: var(--awr);padding-left: var(--wr);}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .curtain-nav li{transition: opacity .25s;}
    .curtain-nav li:not(.active){opacity: .1;}
    
    .topbar-nav li,
    .topbar-search{transition: color .15s;}
    .topbar-nav li.active,
    .topbar-nav li:hover,
    .topbar-search.active{color: var(--c2);}
    
    .card-1 .card-media,
    .card-2 .card-media,
    .card-3 .card-media{will-change: transform;transition: transform .5s;}
    
    .card-1:hover .card-media,
    .card-2:hover .card-media{transform: scale(1.05);}
    .card-3:not(:hover) .card-media{transform: scale(.95);}
    
    .footer-policy a{transition: opacity .15s;}
    .footer-policy a:hover{opacity: 1;}
    
    .scrl-inner{will-change: transform;transition: transform .25s;}
    .scrl:hover .scrl-inner{transform: translateY(-100%);}
    
    .breadcrumbs li a,
    .s19-2 .button-text{transition-property: background-size, opacity;transition-duration: .25s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;}

    .breadcrumbs li a:hover,
    .s19-2 .button:hover .button-text{background-size: 100% var(--sl);background-position: left bottom;opacity: 1;}
    
    
}

.footer-author-inner {
	position: relative;
}