@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: #FFFCF3; 
    --c1: #2C2C2C;
    --c2: #F8F4EF; 
    --c3: #EA0000;
    --c4: #EC8877;
    --c5: #E6624B;
    --c6: #436A55;
    
    --c7: color-mix(in srgb, currentColor 20%, transparent);
    --c8: color-mix(in srgb, currentColor 30%, transparent);
    --c9: color-mix(in srgb, currentColor 60%, transparent);
    --c10: color-mix(in srgb, currentColor 80%, transparent);
    
    --wr: 40rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 4rem;
    
    --btn: max(50px, 64rem);

    
    --f-s: max(14px, 16rem);
    --f-d: max(14px, 20rem);
    --f-m: max(14px, 22rem);
    --f-b: max(14px, 24rem);
    --f-l: max(14px, 32rem);
    --f-xl: max(14px, 36rem);
    --f-xxl: max(14px, 54rem);
    --f-xxxl: max(14px, 80rem);
    
    --mw: 192000px; 
    
    
}


/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'freigeistvariable', sans-serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c2);letter-spacing: -.04em;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c2);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .5s 1s;display: flex;color: var(--c1);will-change: transform;}
    .preloader-inner{display: grid;grid-template-rows: 1fr auto 1fr;grid-gap: 50rem;grid-template-columns: auto;padding: 50rem var(--wr);width: 100%;}
    .preloader-inner::before{content: "";}
    .preloader-logo{max-width: 300rem;width: 100%;margin: auto;}
    .preloader-progress{margin-top: auto;width: 100%;display: flex;justify-content: flex-end;text-align: right;flex-direction: column;position: relative;}
    .preloader-progress::before{content: "";position: absolute;bottom: 100%;left: 0;width: 100%;height: 4rem;background-color: var(--c8);border-radius: var(--br1);}
    .preloader-progress-bar{position: absolute;bottom: 100%;left: 0;width: 0;height: 4rem;background-color: var(--c4);border-radius: var(--br1);transition: width .01s;}
    .preloader-progress-text{margin-top: 5rem;font-size: var(--f-b);color: var(--c4);}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .s14-1{will-change: transform;transition: all .5s 1.5s;}
    .s14-8::before, 
    .s14-8::after{will-change: transform;transition: transform 1s 1.5s;}
    
    .loading .s14-1{transform: translateY(100rem);opacity: 0;transition-delay: 0s;}
    .loading .s14-8::before{transform: translateY(100rem);transition-delay: 0s;}
    .loading .s14-8::after{transform: translateY(200rem);transition-delay: 0s;}
    
    .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;position: relative;background-clip: border-box;border-radius: var(--br1);padding: 10rem 40rem;border: var(--sl) solid transparent;height: var(--btn);}
    .button:not(.fill){overflow: hidden;position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;font-weight: 500;}
    
    .button__default{background-color: var(--c4);color: var(--c2);}
    .button__secondary{color: var(--c4);border: var(--sl) solid;}
    .button__contrast{background-color: var(--c2);color: var(--c6);}
    .button__action{background-color: var(--c6);color: var(--c2);}
    
    .button__wide{width: 100%;}
     
    .title{font-weight: normal;width: 100%;letter-spacing: -.05em;}
    .title__small{font-size: var(--f-l);line-height: 1.2;font-weight: 500;}
    .title__medium{font-size: var(--f-xl);}
    .title__default{font-size: var(--f-xxl);line-height: 1;}
    .title__large{font-size: var(--f-xxxl);line-height: .9;}
    
    .subtitle{font-size: var(--f-b);}
    .subtitle:not(:first-child){margin-top: 20rem;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{margin-bottom: 15rem;position: sticky;top: 0;z-index: 999;background-color: var(--c2);}
    .header-inner{z-index: 2;position: relative;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto auto;grid-gap: 50rem;align-items: center;padding: 25rem 0;}
    .topbar-logo{max-width: 240rem;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;font-size: var(--f-b);}
    .topbar-menu{display: flex;align-items: center;cursor: pointer;}
    .topbar-menu-icon{flex: none;display: flex;align-items: center;justify-content: center;width: max(30px, 46rem);height: max(30px, 46rem);border: max(1px, 2rem) solid var(--c4);border-radius: var(--br1);padding: 10%;margin-left: 15rem;}
    .topbar-menu-text{font-size: var(--f-b);text-transform: uppercase;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;overflow-x: clip;}
    
    .page-header{position: relative;z-index: 1;}
    .page-header:not(:last-child){margin-bottom: 100rem;}
    .page-header-main{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .page-header-media{position: relative;display: flex;overflow: hidden;margin: 50rem var(--awr) 100rem;align-self: stretch;}
    .page-header-media:first-child{margin-top: 0;}
    .page-header-media:last-child{margin-bottom: 0;}
    .page-header-media::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .page-header-title{max-width: 1100rem;}
    .page-header-subtitle{max-width: 1100rem;}
    .page-header-text{max-width: 760rem;margin-top: 40rem;}
    
    .page-header-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .page-header-bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(transparent, rgba(0,0,0,1));opacity: .7;}
    .page-header-bg ~ .page-header-main{padding: 400rem 0 40rem;color: var(--c2);}
   
    .section{position: relative;z-index: 1;margin-bottom: 130rem;}
    .section:last-child{}
    .section:only-child{flex: auto;}
    
    .section-header{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .section-header:not(:last-child){margin-bottom: 50rem;}
    .section-header-main{max-width: 1100rem;}
    .section-header-main:only-child{}
    .section-header-secondary{max-width: 1100rem;margin-top: 20rem;}
    
    .footer{overflow: hidden;margin-top: 0;background-color: var(--c6);color: var(--c2);padding: 30rem 0 15rem;}
    .footer-grid{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));grid-gap: 50rem 0;}
    .f1{grid-area: f1;max-width: 330rem;}
    .f2{grid-area: f2;}
    .f2-1{display: flex;position: relative;overflow: hidden;border-radius: var(--br1);}
    .f2-1::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .f3{grid-area: f3;display: flex;flex-direction: column;margin: auto 0 auto auto;align-items: flex-end;text-align: right;}
    .f3-2{margin-top: 10rem;}
    .f4{grid-area: f4;font-size: var(--f-l);}
    .f4 ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .f5{grid-area: f5;font-size: var(--f-b);margin-top: auto;}
    .f6{grid-area: f6;font-size: var(--f-b);margin-top: auto;margin-left: auto;}
    .f7{grid-area: f7;font-size: var(--f-b);margin: auto auto 0;}
    
    .bottombar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: center;margin-top: 15rem;padding-top: 15rem;border-top: var(--sl) solid var(--c7);}
    
    .bottombar-author{display: flex;align-items: baseline;white-space: nowrap;margin-left: auto;}
    .bottombar-author a{}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;color: var(--c5);opacity: 1;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .tag{background-color: var(--c6);color: var(--c2);border-radius: var(--br1);font-weight: 500;padding: .2em .8em;display: inline-block;}
    
    .map-image::before,
    .map-image::after{content: "";position: absolute;height: 100rem;width: 100%;left: 0;z-index: 1;}
    .map-image::before{top: 0;background-image: linear-gradient(var(--c2), transparent);}
    .map-image::after{bottom: 0;background-image: linear-gradient(transparent, var(--c2));}
    .map-pin{display: flex;align-items: center;justify-content: center;position: absolute;width: 1px;height: 1px;z-index: 1;transition: opacity .25s;cursor: pointer;}
    .map-pin-wrapper{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: none;position: relative;}
    .map-pin-icon{flex: 1;width: 60rem;min-height: 80rem;background-image: url(../img/pin.svg);background-repeat: no-repeat;background-position: bottom;background-size: contain;}
    .map-pin-title{flex: 1;text-align: center;max-width: 200rem;text-transform: uppercase;color: var(--c6);font-weight: 500;padding-top: 10rem;}
    .map-pin-card{position: absolute;bottom: 100%;margin-bottom: 20rem;width: 100%;min-width: 280rem;display: flex;flex-direction: column;}
    .map-pin-image{display: flex;border-radius: var(--br1);overflow: hidden;position: relative;}
    .map-pin-image::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .map-pin-action{margin-top: 10rem;box-shadow: 0 3rem 10rem var(--c7);padding: 10rem 20rem;border-radius: var(--br1);position: relative;display: flex;align-items: center;justify-content: center;background-color: var(--c2);}
    
    .map-pin:not(.active) .map-pin-card{display: none;}
    .map-pin.active{z-index: 2;}
    .map-pin.hidden{opacity: .3;}
    
    .carousel-buttons{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;}
    .carousel-button{display: flex;align-items: center;justify-content: center;width: max(36px, 42rem);height: max(36px, 42rem);cursor: pointer;border: var(--sl) solid;border-radius: 50%;padding: 12rem;}
    .carousel-button.swiper-button-disabled{pointer-events: none;opacity: .5;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .formbox-footer{margin-top: 20rem;}
    .formbox-label{margin-bottom: 10rem;}
    
    .textfield{border: var(--sl) solid var(--c7);border-radius: var(--br1);overflow: hidden;display: flex;}
    .textfield-input{text-overflow: ellipsis;text-transform: uppercase;font-size: var(--f-s);flex: auto;min-width: 0;padding: 25rem;}
    .textfield-error{color: var(--c3);margin-top: 10rem;display: none;}
    
    .textfield:has(:invalid){border-color: var(--c3);}
    .textfield:has(:invalid) ~ .textfield-error{display: block;}
    
    .footer *::-moz-selection{background-color: var(--c2);color: var(--c6);-webkit-text-fill-color: var(--c6);}
    
    .footer *::selection{background-color: var(--c2);color: var(--c6);-webkit-text-fill-color: var(--c6);}
    
    .play-button{display: flex;align-items: center;}
    .play-button-text{text-transform: uppercase;font-size: var(--f-s);font-weight: 500;}
    .play-button-icon{display: flex;align-items: center;justify-content: center;width: max(40px, 46rem);height: max(40px, 46rem);flex: none;margin-left: 10rem;}
    
    .checkbox-group{display: flex;flex-wrap: wrap;margin: -10rem -15rem;}
    .checkbox-group .checkbox{margin: 10rem 15rem;}
    
    .checkbox{position: relative;overflow: hidden;user-select: none;}
    .checkbox-label{position: relative;display: flex;align-items: center;}
    .checkbox-icon{width: 1em;height: 1em;position: relative;display: flex;align-items: center;justify-content: center;lex: none;cursor: pointer;margin-right: 10rem;border: max(1px, 2rem) solid;transition: all .15s;}
    .checkbox-icon .icon{transform: scale(0);transition: transform .15s;will-change: transform;}
    .checkbox-title a{text-decoration: underline;}
    .checkbox-control{position: absolute;right: 100%;width: 0;height: 0;opacity: 0;}
    
    .checkbox-control[type="radio"] ~ .checkbox-icon{border-radius: 50%;background-clip: content-box;padding: .15em;f}
    .checkbox-control[type="checkbox"] ~ .checkbox-icon{border-radius: var(--br1);}
    .checkbox-control[type="radio"]:checked ~ .checkbox-icon{background-color: var(--c6);border-color: var(--c6);}
    .checkbox-control[type="checkbox"]:checked ~ .checkbox-icon{border-color: var(--c6);color: var(--c6);}
    .checkbox-control[type="checkbox"]:checked ~ .checkbox-icon .icon{transform: scale(1);}
   
    
    .selector-list,
    .sort-list{width: 100%;margin-top: 5rem;}
    
    .selector-list,
    .sort-list-inner{background-color: var(--c0);border-radius: var(--br1);padding: 20rem;box-shadow: 0 3rem 10rem var(--c7);display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .sort{display: flex;align-items: center;cursor: pointer;user-select: none;}
    .sort-icon{width: max(12px, 1.2em);height: max(12px, 1.2em);display: flex;align-items: center;justify-content: center;flex: none;margin-left: 5rem;color: var(--c6);}
    .sort-value{font-weight: 500;}
    .sort-label{margin-right: 10rem;}
    .sort-list{position: absolute;z-index: 99;display: flex;}
    .sort-list:not(.active){display: none;}
    .sort-list-inner{margin-left: auto;}
    
    .chip-group{display: flex;flex-wrap: wrap;margin: -5rem;}
    .chip-group .chip{margin: 5rem;}
    .chip{display: flex;align-items: center;padding: 5rem 15rem;border-radius: 999rem;border: var(--sl) solid var(--c7);position: relative;overflow: hidden;}
    .chip-icon{width: max(12px, 14rem);height: max(12px, 14rem);display: flex;align-items: center;justify-content: center;flex: none;margin-left: 5rem;margin-right: -5rem;opacity: .5;line-height: 1;}
    
    .selector-holder{display: flex;align-items: center;}
    .selector-holder-input{flex: auto;min-width: 0;user-select: none;}
    .selector-holder-icon{width: max(12px, 1.2em);height: max(12px, 1.2em);display: flex;align-items: center;justify-content: center;flex: none;margin-left: 5rem;color: var(--c6);}
    .selector-list{position: absolute;z-index: 99;}
    .selector-list:not(.active){display: none;}
    
    .search{display: flex;align-items: center;width: 100%;}
    .search-icon{width: max(12px, 1.2em);height: max(12px, 1.2em);display: flex;align-items: center;justify-content: center;flex: none;margin-right: 10rem;color: var(--c6);}
    .search-field{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;}
    
    .filter{display: flex;flex-direction: column;position: relative;overflow: hidden;}
    .filter-form{display: flex;margin: 0 -5rem;}
    .filter-form-option{cursor: pointer;}
    .filter-form-option,
    .filter-search,
    .filter-action{margin: 0 5rem;height: var(--btn);}
    .filter-selected{margin-top: 20rem;overflow: hidden;}
    .filter-selected:empty{display: none;}
    .filter-bottombar{margin-top: 50rem;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: center;}
    .filter-reset{font-weight: 500;color: var(--c6);}
    .filter-msg{color: var(--c9);text-align: center;}
    .filter-sort{margin-left: auto;}
    .filter-form-option{background-color: var(--c0);border: var(--sl) solid var(--c6);border-radius: var(--br1);display: flex;align-items: center;padding: 20rem;}
    .filter-form-option:not(.selected){border-color: var(--c7);}
    .filter-search{background-color: var(--c0);border: var(--sl) solid var(--c7);border-radius: var(--br1);display: flex;align-items: center;padding: 20rem 15rem;overflow: hidden;flex: 1;}
    
    .filter-form-option.active .selector-holder-icon{transform: scaleY(-1);}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
    
    .popup-overlay{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;transition: all .25s;background-color: var(--c1);}
    
    .popup.active ~ .popup-overlay{visibility: visible;opacity: .9;}
    
    .curtain{background-color: var(--c6);color: var(--c2);z-index: 1;position: absolute;height: var(--app-height);top: 0;left: 0;width: 100%;padding: var(--headroom-height) 0 0;display: flex;overflow: auto;transition: clip-path .5s;clip-path: inset(0 0 0% 0);}
    
    .menu{padding: 50rem 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap) 0;grid-template-rows: auto 1fr auto;min-height: 100%;}
    .m1{grid-area: m1;margin-right: 80rem;display: flex;position: relative;overflow: hidden;border-radius: var(--br1);}
    .m1::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .m2{grid-area: m2;}
    .m2 ul{letter-spacing: -.05em;font-size: var(--f-xxl);line-height: 1;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .m3{grid-area: m3;color: var(--c9);margin-top: auto;}
    .m4{grid-area: m4;margin-top: auto;}
    .m5{grid-area: m5;margin-top: auto;}
    .m5 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .m6{grid-area: m6;margin-top: auto;}
    .m6 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    
    .header:not(.menu-opened) .curtain{clip-path: inset(0 0 100% 0);}
    .topbar{transition: color .25s .2s;}
    .topbar-logo{background-image: url(../img/wfc-logo-white.svg);background-position: center;background-repeat: no-repeat;background-size: contain;}
    .topbar-logo img{transition: opacity .25s .2s;}
    .topbar-menu-icon{transition: color .25s, border-color .25s, background-color .25s;}
    .topbar-menu-icon .icon{will-change: transform;transition: transform .25s;}
    
    .menu-opened .topbar{color: var(--c2);transition-delay: 0s;}
    .menu-opened .topbar-logo img{opacity: 0;transition-delay: 0s;}
    .menu-opened .topbar-menu-icon{color: var(--c6);background-color: var(--c2);border-color: var(--c2);}
    .menu-opened .topbar-menu-icon .icon{transform: rotate(-45deg);}
    .menu-opened .m1,
    .menu-opened .m2{opacity: 1;transition-delay: .5s;}
    
    .textbox h2{margin: 3em 0 1.5em;text-transform: uppercase;}
    .textbox h2:first-child{margin-top: 0;}
    .textbox ul,
    .textbox ol{margin: 1em 0;display: grid;grid-template-columns: auto;grid-gap: .65em;counter-reset: index;}
    .textbox ol{counter-reset: index;}
    .textbox ul:first-child,
    .textbox ol:first-child{margin-top: 0;}
    .textbox ul:last-child,
    .textbox ol:last-child{margin-bottom: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox ul li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    .textbox ol li::before{content: counter(index) ".";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;counter-increment: index;}
    .textbox a{text-decoration: underline;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;}
  
    .card-1 .card-header{position: relative;overflow: hidden;display: flex;align-items: flex-end;padding: 20rem;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .card-1 .card-action{width: 100%;}
    .card-1 .card-content{display: flex;flex-direction: column;margin-top: 20rem;text-align: center;}
    .card-1 .card-title{font-size: var(--f-l);font-weight: 500;letter-spacing: -.05em;}
    .card-1 .card-subtitle{margin-top: 10rem;}
    
    .card-2 .card-header{position: relative;overflow: hidden;border-radius: var(--br1);display: flex;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 110%;min-height: 200rem;}
    .card-2 .card-content{margin: -120rem 15rem 0;background-color: var(--c0);border-radius: var(--br1);position: relative;z-index: 1;padding: 30rem 20rem 20rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 25rem;}
    .card-2 .card-content::before{content: "";pointer-events: none;color: var(--c6);border: var(--sl) solid var(--c7);border-radius: inherit;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-2 .card-tag{position: absolute;bottom: 100%;right: 0;z-index: 1;margin: 0 20rem;transform: translateY(50%);}
    .card-2 .card-loc{font-weight: 500;}
    .card-2 .card-subtitle{grid-column: 1/-1;font-weight: 500;text-transform: uppercase;font-size: var(--f-m);}
    .card-2 .card-subtitle:not(:first-child){margin-top: 20rem;}
    .card-2 .card-action{grid-column: 1/-1;margin-top: 25rem;}
    .card-2 .card-text{grid-column: 1/-1;}
    .card-2 .card-text:not(:first-child){margin-top: 10rem;}
    .card-2 .card-info{grid-column: 1/-1;overflow: hidden;border-top: var(--sl) solid var(--c7);margin-top: 25rem;padding-top: 25rem;}
    .card-2 .card-options{display: flex;flex-wrap: wrap;margin: -10rem -20rem;}
    .card-2 .card-option{display: flex;align-items: center;margin: 10rem 20rem;}
    .card-2 .card-option-icon{display: flex;align-items: center;justify-content: center;width: max(20px, 24rem);height: max(20px, 24rem);flex: none;margin-right: 10rem;}
   
    .card-3 .card-header{margin-bottom: 20rem;display: flex;}
    .card-3 .card-media{position: relative;overflow: hidden;border-radius: 50%;display: flex;width: 80rem;height: 80rem;box-shadow: 0 0 0 2rem var(--c2);}
    .card-3 .card-media:not(:first-child){margin-left: -20rem;}
    .card-3 .card-media::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-3 .card-title{font-weight: 500;font-size: var(--f-m);}
    .card-3 .card-title::before{content: "\2022\a0";display: inline-block;min-width: 1.5em;text-align: center;}
    .card-3 .card-subtitle{margin-top: 10rem;color: var(--c9);}
    .card-3 .card-text{margin-top: 50rem;color: var(--c10);}
    
    .card-4 .card-inner{display: grid;grid-template-columns: auto;grid-gap: 40rem 0;grid-template-rows: 1fr 1fr;}
    .card-4 .card-header{position: relative;overflow: hidden;border-radius: var(--br1);width: 100%;min-height: 230rem;}
    .card-4 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-4 .card-content{display: flex;align-items: center;text-align: center;flex-direction: column;}
    .card-4 .card-content::before{width: max(40px, 50rem);height: max(40px, 50rem);border-radius: 50%;border: var(--sl) solid var(--c2);display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 20rem;transition: all .25s;opacity: .5;}
    .card-4 .card-title{font-size: var(--f-l);font-weight: 500;letter-spacing: -.05em;}
    .card-4 .card-subtitle{color: var(--c9);margin-top: 15rem;}
    
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem 0;grid-template-rows: auto 1fr;}
    .s1-2{margin-right: 40rem;display: flex;flex-direction: column;align-items: flex-start;}
    .s1-3{display: flex;overflow: hidden;position: relative;border-radius: var(--br1);}
    .s1-3::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .s1-5{display: grid;grid-auto-flow: column;grid-gap: 20rem;margin-right: auto;}
    .s1-5:not(:first-child){margin-top: 30rem;}
    .s1-6{margin-right: 40rem;display: flex;flex-direction: column;align-items: flex-start;}
    .s1-7:not(:first-child){margin-top: 30rem;}
    .s1-7-1{margin-bottom: 15rem;text-transform: uppercase;color: var(--c9);}
    .s1-8{width: 100%;max-width: 600rem;}
    .s1-8:not(:first-child){margin-top: 30rem;}
    .s1-8-1{font-size: var(--f-m);font-weight: 500;padding: 15rem 0;border-top: var(--sl) solid var(--c7);}
    .s1-8-1:last-child{border-bottom: var(--sl) solid var(--c7);}
    .s1-9:not(:last-child){margin-bottom: 40rem;}
    .s1-10{margin-top: auto;column-count: 2;column-gap: 100rem;}
    .s1-11:not(:first-child){margin-top: 40rem;}
    .s1-11-1{margin-bottom: 20rem;font-weight: 500;font-size: var(--f-m);}
    .s1-11-2{color: var(--c9);}
    .s1-11-2 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .s2-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);}
    .s2-2{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;margin-bottom: 50rem;align-items: flex-end;}
    .s2-3:last-child{grid-column: 1/-1;}
    .s2-4{margin-top: 40rem;display: flex;justify-content: center;}
    .s2-6{margin-bottom: 130rem;}
    
    .s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;grid-template-rows: 1fr auto;align-items: flex-start;}
    .s3-2{margin-right: 200rem;}
    .s3-2-2{margin-right: -50rem;margin-top: 30rem;font-size: var(--f-b);}
    .s3-2-3{margin-top: 30rem;}
    .s3-3{display: grid;grid-template-columns: auto;grid-gap: 10rem;counter-reset: index;}
    .s3-4{margin-right: 200rem;margin-top: 100rem;}
    .s3-5{padding: 35rem 70rem 35rem 55rem;position: relative;z-index: 1;display: grid;grid-template-columns: auto;grid-gap: var(--gap);align-items: baseline;border-radius: var(--br1);}
    .s3-5::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;border: var(--sl) solid var(--c6);border-radius: var(--br1);opacity: .4;}
    .s3-6{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .s3-3 .s3-5{grid-template-columns: auto 1fr;}
    .s3-3 .s3-5::before{content: counter(index) ".";counter-increment: index;min-width: 2em;font-size: var(--f-l);font-weight: 500;l;letter-spacing: -.05em;line-height: .9;}
    .s3-3 .s3-5-2{grid-column: 2/3;}
    
    .s3-6 .s3-5:nth-child(1),
    .s3-6 .s3-5:nth-child(2){background-color: var(--c6);color: var(--c2);}
    
    .s4-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--sl);}
    .s4-2{position: relative;display: flex;}
    .s4-3{text-transform: uppercase;font-weight: 500;}
    .s4-3:not(:last-child){margin-bottom: 40rem;}
    .s4-4{padding: 0 20rem 25rem;position: relative;width: 100%;}
    .s4-4::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;border-left: var(--sl) solid var(--c6);opacity: .2;}
    .s4-4-1{position: relative;overflow: hidden;width: max(40px, 60rem);height: max(40px, 60rem);margin-bottom: 40rem;}
    .s4-4-2{font-size: var(--f-b);}
    
    .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap) 10rem;}
    .s5-2{background-color: var(--c6);color: var(--c2);border-radius: var(--br1);padding: 40rem;display: flex;flex-direction: column;min-height: 600rem;}
    .s5-3{position: relative;display: flex;overflow: hidden;border-radius: var(--br1);}
    .s5-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s5-4{flex: auto;}
    .s5-5:not(:first-child){margin-top: 60rem;}
    .s5-6{padding-top: 30rem;display: flex;flex-wrap: wrap;margin: -10rem;}
    .s5-6-1{margin: 10rem;}
    
    .s6-2{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 100rem;align-items: flex-start;border-top: var(--sl) solid var(--c7);padding: var(--gap) 0;}
    .s6-2:last-child{border-bottom: var(--sl) solid var(--c7);}
    .s6-2-2{max-width: 380rem;}
    .s6-2-3{position: relative;display: flex;overflow: hidden;border-radius: var(--br1);}
    .s6-2-3::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s6-3{margin-top: 50rem;display: flex;justify-content: center;}
    
    .s7-1{display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));grid-gap: 0 40rem;overflow: hidden;border-radius: var(--br1);}
    .s7-2{grid-column: 1/6;position: relative;overflow: hidden;margin-right: -40rem;display: flex;}
    .s7-2::before{content: "";flex: none;width: 0;padding-top: 70%;}
    .s7-3{grid-column: 6/-1;background-color: var(--c6);color: var(--c2);padding: 50rem;}
    .s7-3-1{max-width: 380rem;}
    .s7-3-2{margin-top: 40rem;}
    .s7-3-3{margin-top: 40rem;}
    
    .s8-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;align-items: flex-start;padding: 0 20rem;}
    .s8-2{margin-top: 100rem;text-align: center;}
    .s8-3{margin-right: 200rem;border-radius: var(--br1);overflow: hidden;}
    .s8-4-2{margin-top: 60rem;}
    
    .s9-1{margin-bottom: 50rem;}
    .s9-2{display: flex;margin: calc(var(--gap) / -2);flex-wrap: wrap;}
    .s9-3{padding: 25rem;position: relative;z-index: 1;flex: 1;margin: calc(var(--gap) / 2);}
    .s9-3::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--br1);border: var(--sl) solid var(--c6);opacity: .3;z-index: -1;}
    .s9-3-1{color: var(--c6);}
    .s9-3-2{margin-top: 25rem;}
    
    .s10{margin: 0;}
    .s10:not(:first-child){margin-top: -130rem;}
    .s10-1{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));grid-gap: 0 var(--gap);padding: 200rem 0;min-height: 1000rem;}
    .s10-2{grid-column: 1/3;position: relative;z-index: 1;margin-top: auto;}
    .s10-3{grid-column: 3/-1;position: relative;margin: -150rem 0 -150rem;}
    .s10-5{margin-top: 60rem;}
    .s10-5-1{text-transform: uppercase;font-weight: 500;}
    .s10-5-1:not(:last-child){margin-bottom: 25rem;}
    .s10-5-2{border-left: var(--sl) solid var(--c7);padding: 5rem 25rem;}
    .s10-5-2 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-s);color: var(--c10);}
    .s10-6{margin-top: 60rem;}
    .s10-7{margin-top: 20rem;}
    
    .s11-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: flex-start;margin-bottom: 50rem;}
    .s11-1-2{display: flex;align-items: center;min-height: var(--f-xxl);}
    .s11-2{margin: 0 -5rem;}
    .s11-2 .swiper{overflow: visible;}
    .s11-2 .swiper-slide{width: auto;}
    .s11-3{padding: 0 5rem;}
    .s11-3 img{overflow: hidden;border-radius: var(--br1);height: 450rem;width: auto;max-width: none;}
    
    .s12-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: flex-start;margin-bottom: 50rem;}
    .s12-1-2{display: flex;align-items: center;min-height: var(--f-xxl);}
    .s12-2{margin: 0 var(--awr);border-top: var(--sl) solid var(--c7);padding: 0 var(--wr);}
    .s12-2 .swiper{overflow: hidden;margin: 0 -30rem;}
    .s12-2 .swiper-slide{height: auto!important;display: flex;}
    .s12-3{padding: 40rem 30rem;position: relative;}
    .s12-2 .swiper-slide-active .s12-3::after,
    .s12-2 .swiper-slide-active ~ .swiper-slide .s12-3::after{content: "";position: absolute;top: 0;left: 100%;background-image: linear-gradient(var(--c7), transparent);width: var(--sl);height: 100%;}
    
    .s13{padding: 180rem 0 130rem;}
    .s13:not(:first-child){margin-top: -130rem;}
    .s13:last-child{margin-bottom: 0;}
    .s13-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 80rem var(--gap);z-index: 2;}
    .s13-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;mask-image: linear-gradient(transparent, #000, #000, #000);}
    .s13-2 img{object-position: top;}
    .s13-3{grid-column: 2/4;position: relative;z-index: 1;padding: 40rem;background-color: var(--c2);border-radius: var(--br1);}
    .s13-4{text-align: center;}
    .s13-4-2{margin-top: 20rem;color: var(--c9);font-size: var(--f-b);}
    .s13-5{margin-top: 30rem;}
    .s13-6{margin-top: 30rem;text-align: center;color: var(--c9);}
    .s13-7{grid-column: 1/-1;text-align: center;color: var(--c2);position: relative;z-index: 1;font-size: var(--f-l);margin: 0 auto;max-width: 900rem;}
    
    .s14{margin: 0;}
    .s14-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 100rem var(--gap);position: relative;z-index: 2;padding: 40rem 0 150rem;min-height: calc(var(--app-height) - var(--headroom-height));}
    .s14-2{grid-column: 1/-1;max-width: 1100rem;}
    .s14-3{grid-column: 3/4;padding: 15rem;border: var(--sl) solid;border-radius: var(--br1);display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem;grid-template-rows: 1fr auto;position: relative;}
    .s14-3-1{position: relative;overflow: hidden;border-radius: var(--br1);grid-row: 1/3;}
    .s14-3-2{margin-left: auto;}
    .s14-3-3{text-transform: uppercase;font-size: var(--f-b);}
    .s14-5{margin-top: 20rem;max-width: 600rem;margin-bottom: 30rem;}
    .s14-6{display: flex;flex-wrap: wrap;margin: -10rem;}
    .s14-6-1{margin: 10rem;}
    .s14-7{position: absolute;top: 20%;left: 0;width: 100%;bottom: 20%;z-index: 1;mask-image: linear-gradient(transparent, #000, transparent);}
    .s14-8{}
    .s14-8::before,
    .s14-8::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-size: auto 100%;background-repeat: no-repeat;mask-image: linear-gradient(transparent, #000, #000, transparent);}
    .s14-8::before{background-position: top;background-image: url(../img/clouds-up.png);}
    .s14-8::after{background-position: bottom;background-image: url(../img/clouds-down.png);}
    
    .s15-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;background-color: var(--c6);color: var(--c2);overflow: hidden;border-radius: var(--br1);}
    .s15-2{display: flex;position: relative;overflow: hidden;align-items: flex-end;justify-content: flex-end;}
    .s15-2::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .s15-2-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s15-2-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(transparent, transparent, rgba(0,0,0,1));z-index: 1;opacity: .5;}
    .s15-2-1 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s15-2-2{position: relative;z-index: 1;padding: 30rem;width: 100%;display: flex;justify-content: flex-end;}
    .s15-3{padding: 50rem;display: flex;flex-direction: column;}
    .s15-3-2{margin-top: 40rem;font-size: var(--f-b);}
    .s15-3-3{margin-bottom: auto;margin-top: 40rem;}
    .s15-3-3 ul{display: grid;grid-template-columns: auto;}
    .s15-3-3 li{border-top: var(--sl) solid var(--c7);padding: 15rem 0;}
    .s15-3-3 li:last-child{border-bottom: var(--sl) solid var(--c7);}
    .s15-3-3 li::before{content: "\2022\a0";min-width: 1.5em;text-align: center;display: inline-block;}
    .s15-3-4{margin-top: 40rem;}
    
    .s16{background-color: var(--c6);color: var(--c2);padding: 100rem 0;}
    .s16-1{display: flex;flex-direction: column;align-items: center;counter-reset: index;}
    .s16-2{margin-bottom: 30rem;}
    .s16-3{display: grid;width: 100%;grid-gap: 0 160rem;grid-template-columns: repeat(3, minmax(0, 1fr));position: relative;}
    .s16-3::before{content: "";border-bottom: var(--sl) solid var(--c7);margin: 0 var(--awr);position: absolute;top: 0;left: 0;right: 0;pointer-events: none;height: 50%;}
    .s16-4{margin-top: 60rem;}
    .s16-5{grid-column: 2/3;position: relative;}
    .s16-5::before{content: "";border-bottom: var(--sl) solid var(--c2);position: absolute;top: 0;left: 0;right: 0;pointer-events: none;height: 50%;}
    .s16-5 .swiper{overflow: visible;margin: 0 -80rem;}
    .s16-5 .swiper-slide .card-4 .card-content::before{content: counter(index, decimal-leading-zero);counter-increment: index;}
    .s16-5 .swiper-slide-active .card-4 .card-content::before{opacity: 1;background-color: var(--c2);color: var(--c6);}
    .s16-6{padding: 0 80rem;}
    
    .s17-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 50rem var(--gap);}
    .s17-2{grid-column: 1/3;display: flex;overflow: hidden;border-radius: var(--br1);position: relative;align-items: center;}
    .s17-2::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s17-2-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s17-2-2{position: relative;z-index: 1;padding: 20rem;color: var(--c4);width: 100%;}
    .s17-2-2 .carousel-buttons{width: 100%;}
    .s17-2-2 .carousel-button{background-color: var(--c2);border-color: var(--c2);}
    .s17-2-2 .carousel-button__next{margin-left: auto;}
    .s17-2 .swiper{position: absolute;top: 0;left: 0;right: 0;height: 100%;margin: 0 -1px;}
    .s17-3{position: relative;overflow: hidden;height: 100%;display: grid;grid-template-columns: minmax(0, 1fr);grid-template-rows: repeat(2, minmax(0, 1fr));grid-gap: var(--gap);}
    .s17-3 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: visible;}
    .s17-3 .swiper-slide{padding: calc(var(--gap) / 2) 0;display: flex;}
    .s17-4{grid-column: 1/3;}
    .s17-5{position: sticky;top: var(--headroom-height);z-index: 1;margin-bottom: auto;}
    .s17-6-1{margin-bottom: 30rem;}
    .s17-6-3{margin-top: 15rem;font-size: var(--f-b);}
    .s17-7{margin-top: 40rem;}
    .s17-8{padding: 20rem 0;border-top: var(--sl) solid var(--c7);font-size: var(--f-m);display: grid;grid-template-columns: auto 1fr;grid-gap: 10rem;align-items: baseline;}
    .s17-8:last-child{border-bottom: var(--sl) solid var(--c7);}
    .s17-8-1{color: var(--c9);}
    .s17-8-2{font-weight: 500;}
    .s17-9{margin-top: 50rem;background-color: var(--c6);color: var(--c2);display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem var(--gap);align-items: baseline;border-radius: var(--br1);padding: 30rem;}
    .s17-9-2{font-size: var(--f-b);margin-top: auto;}
    .s17-9-3{grid-column: 2/3;color: var(--c9);}
    .s17-10{padding-top: 50rem;display: flex;flex-wrap: wrap;margin: -10rem -15rem;}
    .s17-11{padding-top: 30rem;display: flex;flex-wrap: wrap;margin: -10rem -15rem;}
    .s17-12{margin-top: 50rem;}
    .s17-12-1{margin-bottom: 30rem;}
    .s17-12-2{color: var(--c9);max-width: 760rem;}
    .s17-12-3 ul{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15rem var(--gap);}
    .s17-12-3 li{border-bottom: var(--sl) solid var(--c7);padding-bottom: 15rem;color: var(--c9);}
    .s17-12-3 li::before{content: "\2022\a0";display: inline-block;text-align: center;min-width: 1.5em;}
    .s17-13{display: flex;align-items: center;margin: 10rem 15rem;font-size: var(--f-b);}
    .s17-13-1{display: flex;align-items: center;justify-content: center;width: max(20px, 1em);height: max(20px, 1em);flex: none;margin-right: 10rem;}
    .s17-13-3{flex: none;margin-right: 10rem;color: var(--c9);}
    .s17-14{margin-bottom: 20rem;}
    .s17-15{display: grid;grid-template-columns: auto;grid-gap: 30rem;background-color: var(--c0);padding: 30rem;}
    .s17-15-1{text-align: center;}
    .s17-15-3{text-align: center;color: var(--c9);}
    .s17-16{position: relative;margin: calc(var(--gap) / -2) 0;}
    .s17-16-1{position: relative;border-radius: var(--br1);overflow: hidden;width: 100%;}
    
    .s17-5 form:has(:invalid) .button[type="submit"]{opacity: .5;cursor: not-allowed;}
    
    .s18-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);}
    .s18-2{grid-column: 2/4;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s18-3{font-size: var(--f-s);line-height: 1;letter-spacing: -.04em;text-transform: uppercase;}
    
    .s19-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);}
    .s19-2{grid-column: 2/4;display: grid;grid-template-columns: auto;grid-gap: 50rem;}
    .s19-3-2{margin-top: 20rem;font-size: var(--f-b);}
    .s19-3-2 ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s19-3-2 a{text-decoration: underline;}
    
    .s404{margin: 0;}
    .s404-1{padding: 200rem 0;margin: 0;}
    .s404-2{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
    .s404-2-1{line-height: 1;font-size: 180rem;color: var(--c6);}
    .s404-2-2{max-width: 500rem;margin-top: 50rem;}
    .s404-2-3{margin-top: 25rem;}
    .s404-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s404-3::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../img/404-image.png);}
    
}

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

        --wr: 12rem;

        --btn: 60rem;

        --f-xs: 14rem;
        --f-s: 16rem;
        --f-d: 18rem;
        --f-m: 20rem;
        --f-b: 20rem;
        --f-l: 24rem;
        --f-xl: 30rem;
        --f-xxl: 32rem;
        --f-xxxl: 36rem;

        --mw: 640rem; 
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button{width: 100%;}
    
    .title br{display: none;}
    .subtitle br{display: none;}
    
    .title__small{line-height: 1.1;}
    
    .header{margin-bottom: 20rem;}
    .topbar{padding: 10rem 0;grid-template-columns: 1fr auto;}
    .topbar-nav{display: none;}
    .topbar-logo{max-width: 120rem;}
    .topbar-menu-text{font-size: var(--f-s);}
    .topbar-menu-icon{margin-left: 10rem;width: 24rem;height: 24rem;padding: 5rem;}
    
    .footer-grid{grid-template-columns: auto;grid-template-areas: "f1" "f2" "f3" "f4" "f5" "f6" "f7";grid-gap: 0;}
    .f1{max-width: 295rem;}
    .f2{margin-top: 40rem;}
    .f3{margin: 40rem 0 0;align-items: flex-start;}
    .f4{margin-top: 50rem;}
    .f4 ul{grid-gap: 10rem;}
    .f5{margin-top: 50rem;}
    .f6{margin-top: 30rem;}
    .f7{margin: 30rem 0 0;}
    
    .bottombar{grid-template-columns: auto;margin-top: 40rem;padding-top: 20rem;grid-gap: 20rem;}
    .bottombar-author{margin: 0;}
    
    .page-header:not(:last-child){margin-bottom: 100rem;}
    .page-header-main{align-items: flex-start;text-align: left;}
    .page-header-media{margin: 20rem 0 100rem;}
    .page-header-media::before{padding-top: 65%;}
    .page-header-text{margin-top: 20rem;}
    
    .page-header-bg ~ .page-header-main{padding: 350rem 0 30rem;align-items: center;text-align: center;}
    
    .section-header{text-align: left;align-items: flex-start;}
    .section-header:not(:last-child){margin-bottom: 30rem;}
  
    .section{margin-bottom: 100rem;}
    
    .map{position: relative;}
    .map-inner{position: relative;}
    
    .play-button-icon{width: 40rem;height: 40rem;}
    .play-button-text{font-size: var(--f-xs);}
    
    .textfield-input{padding: 20rem;}
    
    .card-2 .card-header{border-radius: 0;}
    .card-2 .card-content{margin-left: var(--wr);margin-right: var(--wr);grid-template-columns: auto;padding: 30rem 15rem 15rem;}
    .card-2 .card-tag{left: 0;display: flex;justify-content: center;}
    .card-2 .card-loc{order: -1;margin-left: auto;margin-bottom: 5rem;}
    .card-2 .card-info{padding-top: 20rem;margin-top: 20rem;}
    .card-2 .card-options{margin: -10rem;}
    .card-2 .card-option{margin: 10rem;}
    .card-2 .card-option-icon{margin-right: 5rem;}
    .card-2 .card-action{margin-top: 20rem;}
    
    .card-3 .card-text{margin-top: 30rem;}
    
    .card-4 .card-inner{grid-gap: 30rem;grid-template-rows: auto;}
    
    .s1-1{grid-template-columns: auto;grid-template-rows: auto;grid-gap: 30rem;}
    .s1-2{margin: 0;}
    .s1-2:not(:last-child){order: -2;}
    .s1-3::before{padding-top: 60%;}
    .s1-5{margin: 0;width: 100%;grid-auto-flow: row;grid-gap: 10rem;}
    .s1-5:not(:first-child){margin-top: 25rem;}
    .s1-6{margin: 0;}
    .s1-8:not(:first-child){margin-top: 15rem;}
    .s1-9:not(:last-child){margin-bottom: 20rem;}
    .s1-10{column-count: 1;}
    .s1-11:not(:first-child){margin-top: 30rem;}
    .s1-11-1{margin-bottom: 15rem;}
    
    .s2-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s2-1-1{margin: 0 var(--awr);}
    .s2-2{margin-bottom: 30rem;}
    .s2-4{margin-top: 30rem;}
    .s2-4 .button__default{width: auto;}
    .s2-6{display: none;}
    
    .s3-1{grid-template-columns: auto;grid-template-rows: auto;}
    .s3-2{margin: 0 0 30rem;}
    .s3-2-2{margin: 20rem 0 0;}
    .s3-4{display: none;}
    .s3-5{padding: 20rem 15rem;grid-gap: 15rem;}
    .s3-3 .s3-5::before{min-width: 0;}
    .s3-3 .s3-5-2{grid-column: 1/-1;}
    
    .s4-1{grid-template-columns: auto;grid-gap: 0;}
    .s4-4{padding: 0 0 25rem;border-bottom: var(--sl) solid var(--c8);display: flex;align-items: center;}
    .s4-4::before{display: none;}
    .s4-4-1{margin: 0 20rem 0 0;flex: none;}
    
    .s4-2:not(:last-child) .s4-4{margin-bottom: 25rem;}
    .s4-2 .s4-3{margin-bottom: 30rem;}
    
    .s5-1{grid-template-columns: auto;grid-gap: 10rem;}
    .s5-2{padding: 30rem 15rem;}
    .s5-3{order: -1;}
    .s5-5:not(:first-child){margin-top: 30rem;}
    .s5-6{margin: -5rem;}
    .s5-6-1{padding: 5rem;margin: 0;width: 100%;}
    
    .s6-2{grid-template-columns: auto;padding: 30rem 0;grid-gap: 20rem;}
    .s6-2-3{order: -1;}
    .s6-3{margin-top: 30rem;}
    
    .s7-1{grid-template-columns: auto;grid-gap: 10rem;border-radius: 0;}
    .s7-2{grid-column: auto;border-radius: var(--br1);}
    .s7-3{grid-column: auto;border-radius: var(--br1);padding: 30rem 15rem;}
    .s7-3-2{margin-top: 20rem;}
    .s7-3-3{margin-top: 25rem;}
    
    .s8-1{grid-template-columns: auto;padding: 0;}
    .s8-2{text-align: left;max-width: 320rem;}
    .s8-3{margin: 0;}
    .s8-4{margin-top: 30rem;}
    .s8-4-2{margin-top: 30rem;}
    
    .s9-1{margin-bottom: 30rem;}
    .s9-2{flex-direction: column;margin: -5rem;}
    .s9-3{margin: 5rem;}
    .s9-3-2{margin-top: 20rem;}
    
    
    .s10:not(:first-child){margin-top: 0;}
    .s10-1{grid-template-columns: auto;padding: 0;min-height: 0;}
    .s10-2{grid-column: auto;}
    .s10-3{grid-column: auto;margin: 0 0 -100rem;}
    .s10-5{margin-top: 20rem;}
    .s10-5-2{padding: 15rem 25rem;}
    .s10-5-2 ul{font-size: var(--f-xs);}
    .s10-6{margin-top: 20rem;}
    
    .s11-1{margin-bottom: 30rem;}
    .s11-2{margin: 0 -2rem;}
    .s11-3{padding: 0 2rem;}
    .s11-3 img{height: 220rem;}
    
    .s12-1{margin-bottom: 30rem;grid-template-columns: auto;grid-gap: 0;position: relative;z-index: 2;}
    .s12-1-2{position: absolute;top: 100%;right: 0;margin-top: calc(30rem + 20rem);}
    .s12-2 .swiper{margin: 0;}
    .s12-3{padding: 20rem var(--wr) 0;}
    .s12-3::after{display: none;}
    
    .s13{padding: 60rem 0;}
    .s13:not(:first-child){margin-top: -100rem;}
    .s13-1{grid-template-columns: auto;grid-gap: 60rem;}
    .s13-3{grid-column: auto;padding: 30rem 20rem;}
    .s13-6{margin-top: 20rem;}
    .s13-7{grid-column: auto;}
    
    .s14-1{grid-template-columns: auto;padding: 0 0 30rem;grid-gap: 0;grid-template-rows: 1fr auto;}
    .s14-3{grid-column: auto;padding: 10rem;grid-template-columns: 1fr auto;grid-gap: 30rem 15rem;}
    .s14-6{margin: -5rem;}
    .s14-6-1{padding: 5rem;margin: 0;width: 100%;}
    
    .s15-1{grid-template-columns: auto;grid-gap: 10rem;background-color: transparent;border-radius: 0;}
    .s15-2{border-radius: var(--br1);}
    .s15-2-2{padding: 15rem;}
    .s15-3{order: -1;padding: 30rem 15rem;background-color: var(--c6);border-radius: var(--br1);}
    .s15-3-2{margin-top: 20rem;}
    .s15-3-3{margin-top: 20rem;}
    .s15-3-4{margin-top: 25rem;}
    
    .s16{padding: 60rem 0;}
    .s16-2{display: none;}
    .s16-3{grid-gap: var(--wr);grid-template-columns: minmax(0, 1fr);}
    .s16-3::before{display: none;}
    .s16-4{margin-top: 30rem;width: 100%;}
    .s16-5{grid-column: 1/-1;margin: 0 calc(var(--wr) / -2);}
    .s16-5::before{display: none;}
    .s16-5 .swiper{margin: 0;}
    .s16-6{padding: 0 calc(var(--wr) / 2);}
    
    .s17-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s17-2{grid-column: auto;}
    .s17-3{display: none;}
    .s17-4{grid-column: auto;}
    .s17-5{grid-column: auto;position: sticky;bottom: -1px;margin: var(--awr);padding: var(--wr);display: grid;grid-template-columns: auto;grid-gap: 10rem;background-color: var(--c2);}
    .s17-6-1{margin-bottom: 20rem;}
    .s17-7{margin-top: 20rem;}
    .s17-8{grid-gap: 10rem;font-size: var(--f-d);}
    .s17-8-2 a{word-break: break-all;white-space: normal;}
    .s17-9{grid-template-columns: auto;margin-top: 30rem;padding: 20rem;grid-gap: 0;}
    .s17-9-2{grid-column: auto;margin-top: 30rem;font-size: var(--f-d);}
    .s17-9-3{grid-column: auto;margin-top: 10rem;}
    .s17-10{padding-top: 30rem;flex-direction: column;}
    .s17-12{margin-top: 30rem;}
    .s17-12-1{margin-bottom: 20rem;}
    .s17-12-3 ul{grid-template-columns: auto;}
    
    .s18-2{grid-column: 1/-1;}
    
    .s19-2{grid-column: 1/-1;}
    
    .s404:last-child{margin: 0;}
    .s404-2-1{font-size: 120rem;}
    .s404-2-2{margin-top: 20rem;}
    .s404-2-3{margin-top: 20rem;width: 100%;}
    
    .menu{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "m2" "m3" "m4" "m6" "m5";grid-gap: 0;}
    .m1{display: none;}
    .m2{margin-top: 0;}
    .m2 ul{font-size: var(--f-xxl);grid-gap: 15rem;}
    .m3{margin-top: 50rem;}
    .m4{margin-top: 30rem;}
    .m5{margin-top: 30rem;}
    .m6{margin-top: 30rem;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .footer-grid{grid-template-areas: 
        "f1 f1 . f3 f3 f3"
        "f4 f4 . f2 f2 f2"
        "f5 f5 f7 f7 f6 f6";
    }
    
    .menu{grid-template-areas: 
        "m1 m1 m2 m2"
        "m3 m3 . ."
        "m4 . m5 m6";
    }
    
    .m1,
    .m2{transition: opacity .25s 0s;opacity: 0;}
    
    .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .map-inner{position: absolute;top: 0;right: 0;bottom: 0;display: flex;height: 100%;justify-content: flex-end;}
    .map img{width: auto;max-width: none;height: 100%;}
    
    .s1-2{order: -1;}
    .s1-2:last-child{grid-row: 1/3;margin-top: auto;margin-bottom: auto;}
    .s1-3{grid-row: 1/3;grid-column: 2/3;}
    
    
    .s3-3:not(:last-child){grid-row: 1/3;grid-column: 2/3;}
    
    .s4-2:nth-child(n + 5){margin-top: 50rem;}
    .s4-2:nth-child(n + 5) .s4-4::after{content: "";position: absolute;left: 0;right: 0;bottom: 100%;z-index: -1;border-top: var(--sl) solid var(--c6);opacity: .2;margin: 0 20rem 25rem;}
    .s4-2:nth-child(4n + 4) .s4-4::before{border-right: var(--sl) solid var(--c6);}
    
    .s17-12-3 li:nth-child(2):last-child{grid-column: 1/2;}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    
}