@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: #FFFFFF;  
    --c1: #000000;
    --c2: #3A3D42;
    --c3: #C71700;
    --c4: #EEEBE5;
    --c5: #F9F9F9;
    --c10: color-mix(in srgb, currentColor 80%, transparent);
    --c11: color-mix(in srgb, currentColor 50%, transparent);
    --c12: color-mix(in srgb, currentColor 20%, transparent);
    --c13: color-mix(in srgb, currentColor 10%, transparent);
    
    --wr: 35rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 10rem;
    
    --btn: max(44px, 50rem);
    
    --cols: repeat(12, minmax(0, 1fr));

    
    --f-xxs: max(12px, 14rem);
    --f-xs: max(14px, 16rem);
    --f-s: max(14px, 18rem);
    --f-d: max(14px, 20rem);
    --f-m: max(14px, 22rem);
    --f-b1: max(14px, 26rem);
    --f-b: max(14px, 36rem);
    --f-l: max(14px, 48rem);
    --f-xl: max(14px, 80rem);
    
    --mw: 192000px; 
    
    
}


/* globals */

@media screen {

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

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

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;position: relative;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;}
    .button-icon{display: flex;justify-content: center;align-items: center;margin: 0 5rem;width: 1em;height: 1em;}
    
    .button .button-icon:first-child{margin-left: 0;}
    .button .button-icon:last-child{margin-right: 0;}
    
    .button__default{background-color: var(--c3);color: var(--c0);padding: 0 30rem;height: var(--btn);}
    .button__default .button-text{font-size: var(--f-xs);}
    .button__default .button-icon{}
    
    .button__contrast{background-color: var(--c0);color: var(--c2);}
    
    .button__wide{width: 100%;}
     
    .title{line-height: 1.1;font-weight: 300;width: 100%;letter-spacing: -.05em;}
    
    .title__medium{font-size: var(--f-b);}
    .title__default{font-size: var(--f-l);}
    .title__large{font-size: var(--f-xl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{background-color: var(--c2);color: var(--c0);position: relative;z-index: 10;padding: 25rem 0;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto auto;grid-gap: 130rem;align-items: center;}
    .topbar-logo{height: var(--btn);display: flex;align-items: flex-start;position: relative;max-width: 180rem;}
    .topbar-logo-inner{}
    .topbar-logo-inner img{object-position: left;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 50rem;align-items: center;font-size: var(--f-xs);}
    
    .header.contrast{background-color: transparent;}
    
    .page-header{padding: 20rem 0 0;}
    .page-header-grid{display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);position: relative;padding-top: 125rem;z-index: 1;padding-bottom: 40rem;align-items: flex-end;}
    .page-header-grid::before{content: "";position: absolute;top: 0;left: 0;margin: 0 var(--awr);background-image: url(../img/stro-grey.svg);background-repeat: no-repeat;right: 0;background-size: 100% auto;z-index: -1;height: 100%;min-height: 19.5vw;}
    .page-header-grid:not(:empty){min-height: 300rem;}
    .page-header-main{grid-column: 1/7;}
    .page-header-pretitle{font-size: var(--f-s);max-width: 800rem;margin-bottom: 20rem;}
    .page-header-subtitle{margin-top: 20rem;font-size: var(--f-m);max-width: 800rem;color: var(--c10);}
    .page-header-action{margin-left: auto;margin-top: auto;grid-column: 7/-1;}
    .page-header-aside{grid-column: 7/-1;font-size: var(--f-s);padding: 0 40rem;}
    
    .breadcrumbs{overflow: hidden;position: relative;z-index: 2;color: var(--c2);}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: 0 -.25em;font-size: var(--f-s);}
    .breadcrumbs li{margin: 0 .25em;}
    .breadcrumbs li:not(:last-child)::after{content: "/";padding-left: .25em;}
    .breadcrumbs li:last-child{color: var(--c11);pointer-events: none;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;overflow-x: clip;}
   
    .section{position: relative;z-index: 1;margin-bottom: 175rem;}
    .section:last-child{}
    .section:only-child{flex: auto;}
    
    .section__m0{margin: 0;}
    
    .section-header{display: flex;flex-direction: column;}
    .section-header-title{max-width: 1100rem;}
    .section-header-subtitle{margin-top: 30rem;color: var(--c10);font-size: var(--f-b1);}
    
    .footer{overflow: hidden;margin-top: 0;background-color: var(--c1);color: var(--c0);padding: 60rem 0 30rem;background-image: url(../img/footer-img.jpg);background-size: cover;background-position: center;}
    .footer-grid{display: grid;grid-template-columns: var(--cols);grid-gap: 130rem var(--gap);}
    .f1{grid-column: 1/5;}
    .f2{grid-column: 6/9;}
    .f3{grid-column: 10/13;}
    .f4{grid-column: 1/5;font-size: var(--f-xs);}
    .f5{grid-column: 6/9;font-size: var(--f-xs);}
    .f5 ul{display: flex;flex-wrap: wrap;}
    .f5 li:not(:last-child)::after{content: "|";padding: 0 10rem;}
    .f5 a{text-decoration: underline;}
    .f6{grid-column: 10/13;font-size: var(--f-xs);}
    
    .footer-logo{max-width: 450rem;}
    .footer-nav-caption{margin-bottom: 30rem;}
    .footer-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 1em;font-size: var(--f-s);}
    .footer-nav-action{margin-top: 50rem;}
    .footer-nav-contacts .contact{font-size: var(--f-s);grid-template-columns: 1fr 1fr;}
    
    
    .bottombar-author{display: flex;align-items: baseline;color: var(--c11);}
    .bottombar-author a{color: var(--c0);}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;color: var(--c0);opacity: 1;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .textbox h2{line-height: 1.1;font-weight: 300;width: 100%;letter-spacing: -.05em;}
    .textbox h2{font-size: var(--f-b);margin: 60rem 0 20rem;}
    .textbox h3{font-size: var(--f-b1);margin: 40rem 0 20rem;}
    .textbox h2:first-child,
    .textbox h3:first-child{margin-top: 0;}
    
    .textbox a{text-decoration: underline;}
    .textbox b{font-weight: 500;}
    .textbox ul,
    .textbox ol{margin: 1em 0;display: grid;grid-template-columns: auto;grid-gap: 0;}
    .textbox ol{counter-reset: index;}
    .textbox ul:first-child,
    .textbox ol:first-child{margin-top: 0;}
    .textbox ul:last-child,
    .textbox ol:last-child{margin-bottom: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox ul li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    
    .gallery-image{display: flex;width: 100%;position: relative;}
    .gallery-image::before{content: "";flex: none;width: 0;padding-top: 50%;}
    
    .social{display: grid;align-items: center;grid-template-columns: auto 1fr;}
    .social-caption{margin-right: .5em;font-size: var(--f-s);}
    .social-list{display: grid;grid-auto-flow: column;grid-gap: 5rem;}
    .social-list-item{width: max(24px, 24rem);height: max(24px, 24rem);background-color: var(--c4);}
    
    .source{display: flex;flex-direction: column;align-items: flex-end;}
    .source-title{margin-bottom: 10rem;font-size: var(--f-s);color: var(--c11);}
    
    .contacts{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .contact{display: grid;grid-template-columns: 1fr auto;grid-gap: .5em;align-items: baseline;font-size: var(--f-m);line-height: 1;}
    .contact-title{font-weight: 400;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .formbox-row{display: flex;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    .formbox-footer{margin-top: 40rem;}
    
    .textfield{background-color: var(--c5);border: var(--sl) solid var(--c13);display: flex;}
    .textfield-input{text-overflow: ellipsis;flex: auto;min-width: 0;padding: 20rem 20rem;font-size: var(--f-s);resize: none;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
    .card-1{background-color: var(--c2);color: var(--c0);}
    .card-1 .card-header{position: relative;overflow: hidden;display: flex;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .card-1 .card-content{padding: 25rem 20rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 80rem;align-items: flex-start;}
    .card-1 .card-title{font-size: var(--f-m);}
    .card-1 .card-action{margin-left: auto;display: flex;align-items: center;justify-content: center;width: max(36px, 40rem);height: max(36px, 40rem);}
    
    
    .card-2 .card-header{position: relative;overflow: hidden;display: flex;background-color: var(--c1);}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 120%;}
    .card-2 .card-content{margin-top: 10rem;}
    .card-2 .card-title{text-transform: uppercase;font-size: var(--f-m);}
    .card-2 .card-subtitle{font-size: var(--f-s);margin-top: 5rem;}
   
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40rem var(--gap);}
    .s1-1:not(:first-child){margin-top: 25rem;}
    .s1-2{margin-top: 60rem;display: flex;justify-content: center;}
    .s1-2-1{min-width: 375rem;}
    .s1-3{display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: flex-end;}
    .s1-3-2{min-width: 175rem;}
    
    .s2-1{background-color: var(--c2);color: var(--c0);margin: 0 var(--awr);padding: 120rem var(--wr);}
    .s2-2{display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);text-align: center;}
    .s2-2-1{grid-column: 4/10;}
    .s2-3{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-start;}
    .s2-3:not(:first-child){margin-top: 60rem;}
    .s2-4{position: relative;overflow: hidden;display: flex;grid-column: 1/6;margin-right: 40rem;}
    .s2-4::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .s2-5{grid-column: 6/-1;display: grid;grid-template-columns: auto;grid-gap: 0;}
    .s2-6{padding: 20rem 0;border-top: var(--sl) solid var(--c12);display: grid;grid-template-columns: repeat(7, 1fr);grid-gap: 0 var(--gap);}
    .s2-6:last-child{border-bottom: var(--sl) solid var(--c12);}
    .s2-6-1{grid-column: 1/6;font-weight: 400;}
    .s2-6-2{grid-column: 1/6;margin-top: 20rem;font-size: var(--f-s);color: var(--c10);}
    
    .s2-7{padding: 250rem var(--wr) 20rem;margin: 0 var(--awr) -120rem;position: relative;z-index: 1;}
    .s2-7:first-child{padding-top: 0;margin-top: 0;}
    .s2-8{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s2-8-1{grid-column: 1/6;}
    .s2-9{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: var(--c1);}
    .s2-9::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(var(--c2), transparent, var(--c1));}
    .s2-9-1{opacity: .3;}
    .s2-10{margin-top: 250rem;border-top: var(--sl) solid;padding-top: 20rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s2-11{padding-bottom: 60rem;}
    .s2-11:not(:first-child){padding-left: 10rem;}
    .s2-11:not(:last-child){border-right: var(--sl) solid;}
    .s2-11-1{font-size: var(--f-b);margin-bottom: 60rem;}
    .s2-11-1 b{font-weight: inherit;color: var(--c3);}
    .s2-11-2{font-size: var(--f-s);}
    
    .s3-1{display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);grid-template-rows: auto 1fr;}
    .s3-2{display: flex;position: relative;overflow: hidden;color: var(--c1);}
    .s3-2:first-child{grid-column: 1/6;margin-right: 40rem;}
    .s3-2:last-child{grid-column: 7/-1;}
    .s3-2::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s3-2::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(transparent, var(--c10));}
    .s3-3{display: flex;flex-direction: column;justify-content: flex-start;margin-right: 40rem;grid-column: 1/7;}
    .s3-4{grid-column: 1/7;margin-right: 40rem;}
    .s3-4:not(:last-child){margin-bottom: 140rem;}
    .s3-5{font-size: var(--f-m);color: var(--c10);margin-top: auto;}
    .s3-6{margin-top: 40rem;}
    
    .s4-1{display: grid;grid-template-columns: var(--cols);grid-gap: 40rem var(--gap);grid-template-rows: auto 1fr;}
    .s4-1:not(:first-child){margin-top: 50rem;}
    .s4-2{position: relative;overflow: hidden;display: flex;grid-column: 1/6;margin-right: 40rem;grid-row-end: span 2;}
    .s4-2::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .s4-3{grid-column: 6/-1;margin-top: auto;}
    .s4-4{grid-column: 6/-1;}
    .s4-5{display: grid;grid-template-columns: auto;grid-gap: 0;}
    .s4-6{padding: 15rem 0;border-top: var(--sl) solid var(--c12);display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s4-6:last-child{border-bottom: var(--sl) solid var(--c12);}
    .s4-6-1{font-weight: 400;}
    .s4-6-2{font-size: var(--f-s);color: var(--c10);max-width: 380rem;}
    
    .s5-1{position: relative;margin: 0 var(--awr);padding: 0 var(--wr);display: flex;color: var(--c0);background-color: var(--c1);}
    .s5-1::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s5-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s5-3{padding: 100rem 0;position: relative;z-index: 1;width: 100%;}
    .s5-4{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-start;}
    .s5-4-1{grid-column: 1/6;}
    .s5-4-1:last-child{grid-column: 1/9;}
    .s5-4-2{grid-column: 6/-1;font-size: var(--f-b1);max-width: 840rem;}
    
    .s6-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;background-color: var(--c2);color: var(--c0);padding: 25rem;grid-template-rows: 1fr auto;}
    .s6-2{margin-right: 50rem;min-height: 100%;display: flex;flex-direction: column;}
    .s6-3{position: relative;overflow: hidden;display: flex;grid-row-end: span 2;}
    .s6-3::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s6-5{margin-top: 50rem;color: var(--c10);font-size: var(--f-s);max-width: 450rem;}
    .s6-6{margin-top: auto;padding-top: 40rem;}
    
    .s7-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--sl);overflow: hidden;}
    .s7-2{display: flex;position: relative;outline: var(--sl) solid var(--c13);}
    .s7-2::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s7-2-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 50rem 80rem;}
    .s7-3{text-align: center;margin-bottom: 60rem;}
    
    .s8-1{background-color: var(--c2);color: var(--c0);display: flex;flex-direction: column;position: relative;padding: 0 25rem;}
    .s8-2{margin: 35rem 0;max-width: 800rem;}
    .s8-3{order: -1;display: flex;position: relative;overflow: hidden;margin: 0 -25rem;}
    .s8-3::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .s8-4{margin: 35rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-start;}
    .s8-6{font-size: var(--f-m);margin-bottom: 1em;}
    .s8-7{display: grid;grid-auto-flow: column;grid-gap: var(--gap);}
    
    .s9-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40rem var(--gap);}
    .s9-1:not(:first-child){margin-top: 40rem;}
    .s9-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c1);color: var(--c0);}
    .s9-3{display: flex;flex-direction: column;padding: 40rem;padding-right: 0;justify-content: space-between;}
    .s9-4{position: relative;display: flex;width: 100%;}
    .s9-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s9-4 img{object-position: bottom right;}
    .s9-5{padding-top: 40rem;border-top: var(--sl) solid var(--c12);}
    .s9-6-2{margin-top: 20rem;font-size: var(--f-m);}
    .s9-7{margin-top: 60rem;}
    .s9-7-1{font-size: var(--f-s);color: var(--c10);}
    .s9-7-2:not(:first-child){margin-top: 40rem;}
    
    .s10-1{display: grid;grid-template-columns: var(--cols);align-items: flex-start;grid-gap: 0 var(--gap);grid-template-rows: auto 1fr;}
    .s10-2{grid-column: 1/7;}
    .s10-3{display: flex;background-color: var(--c1);position: relative;overflow: hidden;grid-column: 7/-1;margin-left: 70rem;order: -1;grid-row: 1/3;}
    .s10-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s10-4{grid-column: 1/7;border-bottom: var(--sl) solid var(--c12);padding-bottom: 20rem;}
    .s10-4-1{}
    .s10-4-2{margin-top: 20rem;font-size: var(--f-m);}
    .s10-5{margin-top: 30rem;color: var(--c10);font-size: var(--f-s);padding-right: 30rem;}
    
    .s11:not(:last-child){margin-bottom: 80rem;}
    .s11-1{margin: 0 var(--awr);}
    .s11-2{background-color: var(--c3);color: var(--c0);padding: 10rem var(--wr);display: flex;align-items: center;}
    .s11-2-1{display: flex;align-items: center;justify-content: center;margin-right: 10rem;width: var(--f-s);height: var(--f-s);}
    .s11-2-2{font-size: var(--f-xs);}
    .s11-3{display: flex;position: relative;overflow: hidden;}
    .s11-3::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s11-3::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    
    .s12-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s12-1:not(:first-child){margin-top: 50rem;}
    .s12-2{display: flex;position: relative;grid-column: 1/6;margin-right: 40rem;}
    .s12-2::before{content: "";flex: none;width: 0;padding-top:45%;}
    .s12-3{grid-column: 6/-1;}
    .s12-4{padding: 20rem 0;border-top: var(--sl) solid var(--c12);display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);align-items: center;}
    .s12-4:last-child{border-bottom: var(--sl) solid var(--c12);}
    .s12-4-1{font-weight: 400;}
    .s12-4-2{text-align: right;font-size: var(--f-s);}
    
    .s13-1{display: grid;grid-template-columns: minmax(0, 1fr);grid-gap: 125rem;}
    .s13-3{}
    .s13-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);}
    .s13-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s13-5-2{font-size: var(--f-s);color: var(--c10);max-width: 690rem;}
    .s13-6{margin-top: 50rem;}
    .s13-6-3{margin-top: 20rem;padding: 0 20rem;}
    .s13-6-3 .swiper{overflow: visible;}
    .s13-6-3 .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    .s13-7{width: 100%;max-width: 750rem;margin: 0 auto;}
    .s13-7-1{text-align: center;margin-bottom: 30rem;}
    .s13-7-2{font-size: var(--f-s);color: var(--c10);}
    .s13-8{position: relative;}
    .s13-8-1{display: flex;position: relative;overflow: hidden;}
    .s13-8-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s13-8-2{margin-top: 15rem;padding-right: 50rem;}
    .s13-8-3{margin-top: 10rem;padding-right: 50rem;color: var(--c10);font-size: var(--f-s);}
    
    .s14-1{display: grid;grid-template-columns: auto;grid-gap: 70rem;}
    .s14-2{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s14-2:not(:last-child){border-bottom: var(--sl) solid var(--c12);padding-bottom: 40rem;}
    .s14-3,
    .s14-4{grid-column: 3/11;max-width: 860rem;margin: 0 auto;width: 100%;}
    .s14-4{color: var(--c10);font-size: var(--f-s);}
    
    .s15-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;align-items: center;border-top: var(--sl) solid var(--c12);}
    .s15-2{border-right: var(--sl) solid var(--c12);padding: 10rem 0;min-height: 100%;}
    .s15-3{margin-left: auto;padding: 10rem 0;display: flex;}
    .s15-3-1{flex: 1;padding: 10rem 50rem;border: var(--sl) solid var(--c12);display: flex;align-items: center;justify-content: center;position: relative;}
    .s15-3-1.active{background-color: var(--c3);color: var(--c0);border-color: var(--c3);pointer-events: none;}
    .s15-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;align-items: center;border-bottom: var(--sl) solid var(--c12);}
    .s15-4-1{padding: 40rem 0;border-top: var(--sl) solid var(--c12);}
    .s15-5{margin-top: 100rem;display: flex;justify-content: center;}
    .s15-5-1{min-width: 375rem;}
    .s15-6{width: 100%;display: flex;position: relative;z-index: 1;overflow: hidden;}
    .s15-6::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s15-7{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;padding: 10rem 20rem;background-color: var(--c3);color: var(--c0);display: flex;align-items: center;justify-content: flex-end;}
    .s15-7-1{display: flex;align-items: center;justify-content: center;margin-right: 10rem;width: var(--f-s);height: var(--f-s);}
    .s15-7-2{font-size: var(--f-xs);}
    .s15-8{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;padding: 10rem 20rem;background-color: var(--c2);color: var(--c0);display: flex;align-items: center;justify-content: space-between;}
    .s15-8-1{font-size: var(--f-m);}
    .s15-8-2{flex: none;margin-left: 10rem;display: flex;align-items: center;justify-content: center;width: max(24px, 28rem);height: max(24px, 28rem);}
    .s15-10{margin-top: 25rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s15-11{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: baseline;}
    .s15-11-1{font-size: var(--f-s);color: var(--c10);}
    .s15-11-2{font-weight: 400;}
    .s15-12{position: relative;overflow: hidden;background-color: var(--c12);display: flex;}
    .s15-12::before{content: "";flex: none;width: 0;padding-top: 60%;}
    
    .s16:last-child{margin-bottom: 0;}
    .s16-1{margin: 0 var(--awr);background-color: var(--c2);color: var(--c0);padding: 40rem var(--wr);display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: center;}
    .s16-2{margin-left: var(--awr);}
    .s16-3{grid-column: 2/4;}
    .s16-4{display: table-row;}
    .s16-5{display: table-cell;padding-bottom: 20rem;border-bottom: var(--sl) solid var(--c12);}
    .s16-6{width: 100%;display: table;}
    .s16-7{display: flex;flex-direction: column;justify-content: flex-end;width: 100%;}
    .s16-7-1{padding-bottom: 1em;width: 100%;margin-bottom: 20rem;border-bottom: var(--sl) solid var(--c12);white-space: nowrap;overflow: hidden;font-size: var(--f-m);color: var(--c11);}
    .s16-7-1:empty::before{content: "\a0";}
    .s16-7-2{min-height: var(--btn);display: flex;align-items: center;}
    
    .s17-1{border-top: var(--sl) solid var(--c12);padding-top: 70rem;}
    .s17-2{position: relative;overflow: hidden;display: flex;}
    .s17-2::before{content: "";flex: none;width: 0;padding-top: 35%;}
    .s17-3{display: grid;grid-template-columns: var(--cols);grid-gap: 30rem var(--gap);}
    .s17-3:not(:first-child){margin-top: 30rem;}
    .s17-4{grid-column: 3/11;font-size: var(--f-s);color: var(--c10);}
    .s17-5{grid-column: 3/11;border-top: var(--sl) solid var(--c12);padding-top: 20rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: center;}
    .s17-5-1{font-size: var(--f-s);color: var(--c10);}
    
    .s18-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-start;padding-top: 70rem;border-top: var(--sl) solid var(--c12);}
    .s18-2{grid-column: 1/6;}
    .s18-2-1{font-size: var(--f-b1);}
    .s18-2-2{font-size: var(--f-s);margin-top: 20rem;color: var(--c10);}
    .s18-3{grid-column: 7/-1;}
    
    .s19-1{display: grid;grid-template-columns: var(--cols);grid-gap: 30rem var(--gap);padding: 150rem var(--wr) 150rem;background-color: var(--c2);color: var(--c0);margin: 0 var(--awr);}
    .s19-2{grid-column: 1/6;}
    .s19-3{grid-column: 6/11;color: var(--c10);font-size: var(--f-s);}
    .s19-3 .textbox h3{color: var(--c0);}
    .s19-3 .textbox p{margin: 2em 0;}
    .s19-3 .textbox h3:not(:last-child){margin-bottom: 50rem;}
    .s19-4{grid-column: 1/-1;margin: 0 var(--awr);display: flex;position: relative;opacity: .8;}
    .s19-4::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s19-4::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(var(--c2), transparent, var(--c2));}
    .s19-5{grid-column: 6/-1;}
    
    .s20-1:not(:first-child){margin-top: 30rem;border-top: var(--sl) solid var(--c12);padding-top: 80rem;}
    .s20-3{margin-top: 70rem;}
    .s20-3 .swiper{margin: 0 calc(var(--gap) / -2);}
    .s20-3 .swiper-slide{padding: 0 calc(var(--gap) / 2);opacity: .3;}
    .s20-3 .swiper-slide-active{opacity: 1;color: var(--c3);}
    .s20-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s20-5-2{margin-top: 40rem;font-size: var(--f-b1);color: var(--c10);}
    .s20-6{display: flex;position: relative;overflow: hidden;}
    .s20-6::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s20-7{border-bottom: var(--sl) solid;padding-bottom: 20rem;font-size: var(--f-m);text-align: center;cursor: pointer;}
    
    .s21:last-child{margin-bottom: 0;}
    .s21-1{margin: 0 var(--awr);background-color: var(--c2);color: var(--c0);padding: 40rem var(--wr);display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);}
    .s21-2{margin-left: var(--awr);grid-column: 1/5;grid-row: 1/3;}
    .s21-3{grid-column: 6/-1;}
    .s21-4{grid-column: 6/-1;margin-top: auto;}
    .s21-5{margin-top: 100rem;}
    .s21-6{margin-top: 100rem;}
    .s21-7{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: center;padding: 30rem 0;border-bottom: var(--sl) solid var(--c12);}
    .s21-7:first-child{border-top: var(--sl) solid var(--c12);}
    .s21-7-1{font-size: var(--f-b);}
    .s21-7-2{text-align: right;font-size: var(--f-m);color: var(--c10);}
    
    .s22-1{text-align: center;display: flex;justify-content: center;}
    .s22-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0;position: relative;background-color: var(--c1);color: var(--c0);}
    .s22-2:not(:first-child){margin-top: 70rem;}
    .s22-3{display: flex;position: relative;z-index: 1;overflow: hidden;}
    .s22-3::before{content: "";flex: none;width: 0;padding-top: 150%;}
    .s22-4{padding: 0 100rem 0 50rem;position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;}
    .s22-4-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;color: var(--c1);}
    .s22-4-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(transparent, var(--c10));}
    .s22-4-2{padding-bottom: 20rem;}
    .s22-4-3{font-size: var(--f-s);color: var(--c10);padding-bottom: 20rem;}
    .s22-5{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: .2;}
    
    .s23-1{margin: calc(var(--headroom-height) * -1) var(--awr) 0;display: flex;align-items: flex-end;padding: var(--headroom-height) var(--wr) 0;min-height: var(--app-height);background-color: var(--c1);color: var(--c0);position: relative;}
    .s23-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: .3;}
    
    .s23-3{position: relative;z-index: 1;display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-end;width: 100%;padding: 100rem 0 50rem;}
    .s23-4{grid-column: 1/6;}
    .s23-5{color: var(--c10);font-size: var(--f-b1);grid-column: 7/-1;}
    
    
    .s404{margin: 0;}
    .s404-1{display: flex;min-height: calc(var(--app-height) - var(--headroom-height));padding: 100rem var(--wr);flex-direction: column;position: relative;justify-content: center;margin: 0 var(--awr);}
    .s404-1::before{content: "";position: absolute;top: 0;left: 0;z-index: -1;background-image: url(../img/404-bg.svg);background-position: center;background-repeat: no-repeat;background-size: auto 100%;bottom: 0;right: 0;margin: -20rem 0;}
    .s404-3{margin: auto;position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;}
    .s404-4{text-transform: uppercase;font-size: var(--f-b);max-width: 580rem;text-align: center;}
    .s404-5{min-width: 300rem;margin-top: 20rem;}
   
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --wr: 15rem;

        --gap: 25rem;


        --btn: max(44px, 50rem);

        --cols: minmax(0, 1fr);


        --f-xxs: 14rem;
        --f-xs: 16rem;
        --f-s: 16rem;
        --f-d: 16rem;
        --f-m: 18rem;
        --f-b1: 22rem;
        --f-b: 28rem;
        --f-l: 34rem;
        --f-xl: 50rem;

        --mw: 680rem; 

        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button__default{width: 100%;}
    
    .title br{display: none;}
    
    .header{padding: 15rem 0;}
    
    .topbar{grid-template-columns: 1fr auto;}
    .topbar-logo{max-width: 200rem;}
    .topbar-nav,
    .topbar-action{display: none;}
    
    .footer-grid{grid-template-columns: auto;grid-gap: 0;}
    .f1{grid-column: auto;}
    .f2{grid-column: auto;margin-top: 100rem;}
    .f3{grid-column: auto;margin-top: 80rem;}
    .f4{grid-column: auto;order: 2;margin-top: 20rem;font-size: var(--f-xxs);}
    .f5{grid-column: auto;order: 1;margin-top: 30rem;font-size: var(--f-xxs);}
    .f6{grid-column: auto;margin-top: 50rem;}
    
    .footer-nav-list ul{grid-template-columns: 1fr 1fr;grid-gap: 10rem var(--gap);}
    .footer-nav-caption{margin-bottom: 20rem;}
    .footer-nav-action{margin-top: 100rem;}
    
    .contacts{grid-gap: 15rem;}
    .contact{grid-gap: var(--gap);}
    
    .formbox-row{flex-direction: column;}
    .formbox-cell{flex: none;}
    .formbox-cell:not(:first-child){margin: 10rem 0 0;}
    
    .textfield-input{padding: 20rem 30rem;}
    
    .source{align-items: flex-start;}
    
    .social{grid-template-columns: 1fr auto;}
    
    .gallery-image::before{padding-top: 65%;}
    
    .page-header-grid{margin-top: 50rem;padding-top: 70rem;padding-bottom: 0;}
    .page-header-grid:not(:empty){min-height: 0;padding-bottom: 40rem;}
    .page-header-main{grid-column: auto;}
    .page-header-subtitle{max-width: 335rem;}
    .page-header-action{grid-column: auto;margin: 40rem 0 0;}
    .page-header-aside{grid-column: auto;margin: 20rem 0 0;padding: 0;font-size: var(--f-b1);color: var(--c10);}
    
    .section-header-pretitle{font-size: var(--f-m);color: var(--c10);margin-bottom: 20rem;}
    .section-header-subtitle{margin-top: 20rem;}
    
    .section{margin-bottom: 100rem;}
    
    .card-1 .card-content{padding: 20rem 15rem;grid-gap: 20rem;}
    .card-1 .card-action{width: 28rem;height: 28rem;}
    
    .s1-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s1-1:not(:first-child){margin-top: 40rem;}
    .s1-2{margin-top: 60rem;}
    .s1-2-1{min-width: 100%;}
    .s1-3-1{grid-column: 1/-1;}
    .s1-3-2{display: none;}
    
    .s2-1{padding: 100rem var(--wr);}
    .s2-2{text-align: left;}
    .s2-2-1{grid-column: auto;}
    .s2-3{grid-gap: 40rem;}
    .s2-3:not(:first-child){margin-top: 40rem;}
    .s2-4{margin: 0;grid-column: auto;}
    .s2-4::before{padding-top: 100%;}
    .s2-5{grid-column: auto;}
    .s2-6{padding: 25rem 0;grid-template-columns: auto;grid-gap: 0;}
    .s2-6-1{grid-column: auto;font-size: var(--f-b1);}
    .s2-6-2{grid-column: auto;max-width: 300rem;margin-top: 10rem;}
    .s2-7{padding: 100rem var(--wr);margin: -100rem var(--awr);}
    .s2-7:not(:first-child){margin-top: 0;}
    .s2-8-1{grid-column: auto;}
    .s2-10{margin-top: 40rem;border: none;padding: 0;grid-template-columns: auto;border-bottom: var(--sl) solid var(--c12);grid-gap: 0;}
    .s2-11,
    .s2-11:not(:last-child){border-right: none;padding: 30rem 0;border-top: var(--sl) solid var(--c12);}
    .s2-11-1{margin-bottom: 30rem;}
    .s2-11-1 br{display: none;}
    
    .s3-1{grid-template-rows: auto;grid-gap: 40rem;}
    .s3-2,
    .s3-2:first-child,
    .s3-2:last-child{grid-column: auto;margin: 0;grid-row-end: span 1;grid-row: auto;}
    .s3-3,
    .s3-3:last-child{grid-column: auto;margin: 0;order: 1;}
    .s3-4{grid-column: auto;order: -1;}
    .s3-4:not(:last-child){margin: 0;}
    
    .s4-1{grid-template-rows: auto;grid-gap: 40rem;}
    .s4-2{grid-column: auto;margin: 0;grid-row-end: span 1;}
    .s4-3{grid-column: auto;}
    .s4-4{grid-column: auto;order: -1;}
    .s4-6{grid-template-columns: auto;grid-gap: 0;padding: 25rem 0;}
    .s4-6-1{font-size: var(--f-b1);}
    .s4-6-2{margin-top: 10rem;max-width: 300rem;}
    
    .s5-1::before{padding-top: var(--app-height);}
    .s5-3{padding: 50rem 0;}
    .s5-4-1{grid-column: auto;}
    .s5-4-2{grid-column: auto;}
    
    .s6:last-child{margin-bottom: 0;}
    .s6-1{margin: 0 var(--awr);padding: 100rem var(--wr);grid-template-rows: auto;grid-template-columns: auto;grid-gap: 0;}
    .s6-2{margin: 0;}
    .s6-3{grid-row-end: span 1;margin-top: 40rem;}
    .s6-3::before{padding-top: 100%;}
    .s6-5{max-width: 350rem;margin-top: 40rem;}
    
    .s7-1{grid-template-columns: 1fr 1fr;}
    .s7-2-1{margin: 20rem 35rem;}
    .s7-3{margin-bottom: 40rem;}
    
    .s8:last-child{margin-bottom: 0;}
    .s8-1{margin: 0 var(--awr);padding: 100rem var(--wr);grid-template-rows: auto;grid-template-columns: auto;grid-gap: 40rem;}
    .s8-2{margin: 0;order: -1;}
    .s8-3{margin: 0;}
    .s8-3::before{padding-top: 120%;}
    .s8-4{margin: 0;grid-template-columns: auto;grid-gap: 60rem;}
    .s8-6{margin-bottom: 25rem;}
    .s8-7{grid-auto-flow: row;grid-gap: 25rem;}
    
    .s9-1:not(:first-child){margin-top: 100rem;grid-template-columns: auto;grid-gap: 40rem;}
    .s9-2{grid-template-columns: auto;grid-gap: 40rem;}
    .s9-3{padding: 100rem var(--wr) 0;}
    .s9-5{border-top: none;padding-top: 0;}
    .s9-7{margin-top: 40rem;}
    
    .s10-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;}
    .s10-2{grid-column: auto;}
    .s10-3{grid-column: auto;grid-row: auto;margin: 0;}
    .s10-4{grid-column: auto;order: -1;margin-bottom: 40rem;}
    .s10-5{padding: 0;}
    
    .s11-1{display: flex;flex-direction: column;}
    .s11-2{order: 1;}
    .s11-3::before{padding-top: 120%;}
    
    .s12-1{grid-gap: 40rem;}
    .s12-2{grid-column: auto;margin: 0;}
    .s12-3{grid-column: auto;margin: 0;}
    .s12-4{padding: 25rem 0;grid-template-columns: auto;grid-gap: 0;}
    .s12-4-1{font-size: var(--f-b1);}
    .s12-4-2{margin-top: 10rem;text-align: left;max-width: 300rem;font-size: var(--c10);}
    
    .s13-1{grid-gap: 100rem;}
    .s13-4{grid-template-columns: auto;grid-gap: 60rem;}
    .s13-5{grid-template-columns: auto;grid-gap: 20rem;}
    .s13-6{margin-top: 40rem;}
    .s13-6-3{padding: 0;max-width: 300rem;}
    .s13-6-3 .swiper{margin: 0 -5rem;}
    .s13-6-3 .swiper-slide{padding: 0 5rem;}
    .s13-7{max-width: 100%;}
    .s13-7-1{text-align: left;}
    .s13-8-2{padding-right: 0;margin-top: 30rem;}
    .s13-8-3{padding: 0;}
    
    .s14-1{grid-gap: 60rem;}
    .s14-3, 
    .s14-4{grid-column: auto;}
    .s14-3 .section-header-title .title{font-size: var(--f-xl);}
    
    .s15-1{grid-template-columns: auto;}
    .s15-2{border: none;display: none;}
    .s15-3{margin: 0;}
    .s15-4{grid-template-columns: auto;grid-gap: 0;}
    .s15-4-1{}
    .s15-4-1:first-child{padding-top: 0;border-top: none;}
    .s15-5{margin-top: 60rem;}
    .s15-5-1{min-width: 100%;}
    .s15-6::before{padding-top: 100%;}
    .s15-10{margin-top: 15rem;}
    .s15-11{grid-template-columns: auto;grid-gap: 15rem;}
    .s15-12{min-height: var(--app-height);}
    
    .s16-1{padding: 0 var(--wr) 100rem;grid-template-columns: auto;grid-gap: 0;}
    .s16-2{grid-column: auto;}
    .s16-3{grid-column: auto;overflow: hidden;}
    .s16-6{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s16-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem 20rem;}
    .s16-5{display: block;padding-bottom: 0;border-bottom: none;}
    .s16-5:nth-child(1),
    .s16-5:nth-child(4){grid-column: 1/-1;}
    .s16-5:nth-child(1) .s16-7-2{font-size: var(--f-l);}
    .s16-5:nth-child(2) .s16-7-2,
    .s16-5:nth-child(3) .s16-7-2{font-size: var(--f-b);}
    .s16-5:nth-child(2) .s16-7-1,
    .s16-5:nth-child(3) .s16-7-1{border: none;}
    .s16-5:nth-child(4) .s16-7-1{display: none;}
    .s16-7-2{min-height: 0;}
    
    .s17-1{padding-top: 100rem;}
    .s17-2::before{padding-top: 150%;}
    .s17-3:not(:first-child){margin-top: 40rem;}
    .s17-4{grid-column: auto;}
    .s17-5{grid-column: auto;border-top: none;padding-top: 0;grid-template-columns: auto;grid-gap: 15rem;}
    .s17-5-2{padding-top: 15rem;border-top: var(--sl) solid var(--c12);}
    
    .s18-1{padding-top: 100rem;grid-gap: 60rem;}
    .s18-2{grid-column: auto;}
    .s18-2-2{max-width: 250rem;}
    .s18-3{grid-column: auto;}
    
    .s19-1{padding: 100rem var(--wr);grid-gap: 40rem;}
    .s19-2{grid-column: auto;}
    .s19-3{grid-column: auto;}
    .s19-3 .textbox h3:not(:last-child){margin-bottom: 30rem;}
    .s19-4{grid-column: auto;}
    .s19-4::before{padding-top: 100%;}
    .s19-5{grid-column: auto;}
    
    .s20-1:not(:first-child){margin-top: 20rem;padding-top: 20rem;}
    .s20-3{margin-top: 60rem;max-width: 280rem;}
    .s20-3 .swiper{margin: 0 -10rem;overflow: visible;}
    .s20-3 .swiper-slide{padding: 0 10rem;}
    .s20-4{grid-template-columns: auto;grid-gap: 15rem;}
    .s20-5-2{margin-top: 10rem;}
    .s20-5-2 br{display: none;}
    .s20-6{order: -1;}
    .s20-7{padding-bottom: 15rem;}
    
    .s21-1{padding: 75rem var(--wr) 100rem;}
    .s21-2{grid-column: auto;grid-row: auto;margin-top: -40rem;}
    .s21-3{grid-column: auto;}
    .s21-4{grid-column: auto;order: -1;}
    .s21-5{margin: 0;}
    .s21-6{margin-top: 40rem;}
    .s21-7{grid-template-columns: auto;grid-gap: 20rem;}
    .s21-7-2{text-align: left;max-width: 265rem;}
    
    .s22-1{text-align: left;justify-content: flex-start;}
    .s22-1 .title{font-size: var(--f-b);}
    .s22-2{background-color: transparent;}
    .s22-2:not(:first-child){margin-top: 40rem;grid-template-columns: auto;grid-gap: var(--gap);}
    .s22-4{padding-right: 30rem;padding-left: 15rem;}
    .s22-4-2 .title{font-size: var(--f-l);}
    .s22-4-3{padding-bottom: 25rem;}
    .s22-5{display: none;}
    
    .s23-3{grid-gap: 20rem;padding: 50rem 0 25rem;}
    .s23-4{grid-column: auto;}
    .s23-5{grid-column: auto;}
  
    .s404-1::before{position: relative;top: auto;left: auto;height: 40vw;margin: 0;}
    .s404-3{margin-top: 50rem;}
    .s404-5{min-width: 100%;margin-top: 40rem;}
    
    
    .s5 + .s6,
    .s5 + .s19{margin-top: -100rem;}
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .header.contrast .topbar-logo{max-width: none;}
    .header.contrast .topbar-logo-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100rem;}
    
    .s3-2{grid-row: 1/3;order: -1;}
    .s3-2 ~ .s3-3,
    .s3-2 ~ .s3-4{grid-column: 6/-1;margin-right: 0;}
    
    .s15-4-1:nth-child(1),
    .s15-4-1:nth-child(2){padding-top: 0;border-top: none;}
    .s15-4-1:nth-child(odd){border-right: var(--sl) solid var(--c12);padding-right: 30rem;}
    .s15-4-1:nth-child(even){padding-left: 30rem;}
    
    .s16-4:not(:first-child) .s16-7-1{display: none;}
    
    .s16-5:not(:first-child) .s16-7-1,
    .s16-5:not(:first-child) .s16-7-2{padding-left: var(--gap);}
    
    .s16-5:nth-child(1) .s16-7-2{font-size: var(--f-l);}
    .s16-5:nth-child(2) .s16-7-2,
    .s16-5:nth-child(3) .s16-7-2{font-size: var(--f-b);}
    .s16-5:nth-child(4) .s16-7{align-items: flex-end;}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .s15-7,
    .s15-8{transition: transform .25s;will-change: transform;}
    
    .s15-6:not(:hover) .s15-7{transform: translateY(-105%);}
    .s15-6:not(:hover) .s15-8{transform: translateY(105%);}
    
    .s22-4-1{transition: opacity .25s;}
    .s22-4-3{transition: all .25s;}
    .s22-3:not(:hover) .s22-4-1{opacity: 0;}
    .s22-3:not(:hover) .s22-4-3{max-height: 0;opacity: 0;padding: 0;}
    
}