@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
  
    --c0: #EDEAE5; 
    --c1: #282828;
    --c2: #FFFFFF;
    --c3: #C5B7A7;
    --c4: #886A4B;
    --c5: #23150F;
    --c6: #E02424;
    --c7: color-mix(in srgb, currentColor 40%, transparent);
    --c8: color-mix(in srgb, currentColor 60%, transparent);
    --c9: color-mix(in srgb, currentColor 80%, transparent);
    --c10: #000000;
    
    --wr: 50rem;
    --awr: calc(-1 * var(--wr));
    
    --iwr: 80rem;
    
    --gap: 40rem;
    --sl: max(1px, 1rem);
    
    --br1: 10rem;
    
    --btn: max(45px, 50rem);

    --altfont: 'Baskervville', serif;
    
    --cols: repeat(12, minmax(0, 1fr));
    
    --f-d: max(16px, 18rem);
    --f-m: max(16px, 20rem);
    --f-b: max(16px, 24rem);
    --f-l: max(16px, 32rem);
    --f-xl: max(16px, 40rem);
    --f-xxl: max(16px, 56rem);
    --f-xxxl: max(16px, 120rem);
    
    --mw: 19200px; 
    
    --swiper-pagination-bullet-horizontal-gap: 4rem;
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bullet-inactive-color: currentColor;
    --swiper-pagination-bullet-inactive-opacity: .4;
    --swiper-pagination-bullet-size: 8rem;
    
    
}


/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'Uncut Sans', sans-serif;font-size: var(--f-d);color: var(--c1);background-color: var(--c0);line-height: 1.38;letter-spacing: -.02em;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c1);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(--c0);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;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;position: relative;z-index: 1;}
    .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__default{min-width: 380rem;height: var(--btn);padding: 0 50rem;background-color: var(--c1);color: var(--c0);border: var(--sl) solid var(--c1);}
    .button__default .button-text{font-size: var(--f-m);}
    
    .button__unl{opacity: .7;}
    .button__unl .button-text{text-transform: uppercase;letter-spacing: .2em;}
    
    .button__wide{width: 100%;}
     
    .altfont,
    .title,
    .subheader,
    .section-header-title{font-family: var(--altfont);}
    
    .title{width: 100%;letter-spacing: -.05em;}
    .title__default{font-size: var(--f-xxxl);line-height: .9;}
    .title__medium{font-size: var(--f-xxl);line-height: 1;}
    .title__small{font-size: var(--f-xl);line-height: 1.1;}
    
    .title i{font-style: italic;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);position: relative;overflow-x: clip;}
    
    
    
    .contrast .container{color: var(--c0);background-color: var(--c5);}
    .contrast .header .topbar-logo{background-image: url(../img/altaire-logo-white.svg);}
    .contrast .header .topbar-logo img{opacity: 0;}
    
    .header{position: sticky;z-index: 10;top: 0;transition: all .25s;}
    .header.active{background-color: var(--c5);color: var(--c0);}
    .header.active .topbar-logo{background-image: url(../img/altaire-logo-white.svg);}
    .header.active .topbar-logo img{opacity: 0;}
    
    .headroom-trigger{position: absolute;top: 100%;left: 0;width: 100%;height: 1px;opacity: 0;pointer-events: none;user-select: none;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto;grid-gap: 100rem;align-items: center;padding: 25rem 0;}
    .topbar-logo{max-width: 190rem;background-position: center bottom;background-repeat: no-repeat;background-size: contain;transform-origin: top left;}
    .topbar-nav{font-size: var(--f-m);}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 40rem;}
    .topbar-nav li a{padding: .1em 0;}
    .topbar-nav li.current a{pointer-events: none;background-size: 100% var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor)}
    
    .breadcrumbs{overflow: hidden;margin-top: 20rem;position: relative;z-index: 2;}
    .breadcrumbs:not(:last-child){margin-bottom: 80rem;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: 0 -.25em;}
    .breadcrumbs li{margin: 0 .25em;}
    .breadcrumbs li:not(:last-child)::after{content: "/";padding-left: .25em;color: var(--c7);}
    .breadcrumbs li:last-child{color: var(--c7);pointer-events: none;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
    
    .carousel-button{width: max(35px, 40rem);height: max(35px, 40rem);display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--c1);color: var(--c0);padding: 10rem 0;cursor: pointer;user-select: none;pointer-events: all;border: var(--sl) solid var(--c1);transition: all .15s;}
    .carousel-button.swiper-button-disabled{background-color: transparent!important;color: currentColor!important;border-color: currentColor!important;}
    .carousel-button__prev{padding-left: 2rem;}
    .carousel-button__next{padding-right: 2rem;}
    
    .page-header:not(:last-child){margin-bottom: 80rem;}
    .page-header-inner{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60rem var(--gap);align-items: flex-start;}
    .page-header-title{grid-column: 1/3;padding-right: 100rem;}
    .page-header-title:last-child{grid-column: 1/-1;}
    .page-header-subtitle{display: flex;align-items: flex-end;max-width: 520rem;color: var(--c8);min-height: 100%;}
    .page-header-media{grid-column: 1/-1;display: flex;position: relative;}
    .page-header-media::before{content: "";flex: none;width: 0;padding-top: 33%;}
    .page-header-media .swiper{width: 100%;margin-bottom: 30rem;}
    .page-header-media .carousel-pagination{position: absolute;bottom: 0;width: 100%;left: 0;top: auto;display: flex;justify-content: center;}
    
    
    .page-header-media .carousel-button{border: var(--sl) solid var(--c0);background-color: var(--c0);color: var(--c1);}
    .page-header-media .carousel-buttons{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: space-between;padding: 10rem;pointer-events: none;}
   
    .page-header + .section{margin-top: 150rem;}
    
    
    .section{position: relative;z-index: 1;padding-bottom: 150rem;color: var(--c1);background-color: var(--c0);}
    .section:last-child{margin-bottom: 0;flex: auto;}
    
    .section__contrast{color: var(--c0);background-color: var(--c5);}
    .section__contrast .button__default{background-color: var(--c2);color: var(--c1);border-color: var(--c2);}
    .section__contrast .carousel-button{border: var(--sl) solid var(--c0);background-color: var(--c0);color: var(--c1);}
    
    .section:not(.section__contrast) + .section__contrast,
    .section__contrast + .section:not(.section__contrast){padding-top: 150rem;}
    
    
    .header.active *::-moz-selection,
    .contrast .header *::-moz-selection,
    .contrast .breadcrumbs *::-moz-selection,
    .contrast .page-header *::-moz-selection,
    .section__contrast *::-moz-selection,
    .s2-2.active *::-moz-selection,
    .s9-1 *::-moz-selection{background-color: var(--c0);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    .header.active *::selection,
    .contrast .header *::selection,
    .contrast .breadcrumbs *::selection,
    .contrast .page-header *::selection,
    .section__contrast *::selection,
    .s2-2.active *::selection,
    .s9-1 *::selection{background-color: var(--c0);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    
    .section-header{display: flex;flex-direction: column;margin: -.2em 0;overflow: hidden;}
    .section-header:not(:last-child){margin-bottom: 40rem;}
    .section-header-title{text-align: center;padding: .2em 0;will-change: transform;transition: transform 1s 0s;}
    .section-header.init:not(.visible) .section-header-title{transform: translateY(100%);transition-duration: 0s;transition-delay: 0s;}
    
    .mask-appear-inner{padding: 0 0 .2em 0;margin: 0 0 -.2em 0;transform: translateY(100%);}
    
    .section-header-title,
    .subheader{font-style: italic;letter-spacing: -.04em;line-height: 1;font-size: max(18px, var(--f-d));}
    .section-header-title::before,
    .subheader::before{content: "( ";}
    .section-header-title::after,
    .subheader::after{content: " )";}
    .section-header-title *,
    .subheader *{display: inline;}
    
    .footer-image{background-image: linear-gradient(transparent, rgba(255, 255, 0, .4));background-position: bottom;background-size: 100% 20vw;background-repeat: no-repeat;}
    .footer-image::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;padding-top: 30vw;background-image: url(../img/footer-img.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;z-index: -1;}
    
    .footer{overflow: hidden;color: var(--c1);position: relative;z-index: 1;background-color: var(--c0);}
    .footer-grid{display: grid;grid-template-rows: 1fr auto;grid-gap: 100rem var(--gap);padding: 150rem 0 30rem;grid-template-columns: repeat(6, 1fr);min-height: 30vw;position: relative;z-index: 1;}
    .footer-logo{max-width: 190rem;}
    .footer-nav{grid-column: 2/-1;display: flex;justify-content: space-between;padding-left: 70rem;margin: 0 -20rem;}
    .footer-nav-item{padding: 0 20rem;}
    .footer-nav-title{margin-bottom: 20rem;}
    .footer-nav-content ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    
    .bottombar{grid-column: 1/-1;color: var(--c2);display: flex;margin: 0 -20rem;justify-content: space-between;align-items: baseline;}
    .bottombar-item{padding: 0 20rem;}
    .bottombar-author{display: flex;align-items: baseline;}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;color: currentColor;opacity: 1;display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .textbox{color: var(--c8);}
    .textbox h2{margin: 40rem 0 20rem;font-family: var(--altfont);line-height: .9;width: 100%;letter-spacing: -.05em;font-size: var(--f-b);color: var(--c1);}
    .textbox h2:first-child{margin-top: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    
    .textfield-input{resize: none;width: 100%;text-overflow: ellipsis;padding-bottom: 12rem;border-bottom: var(--sl) solid;max-height: 500rem;overflow-x: hidden!important;}
    .textfield-error{margin-top: 12rem;color: var(--c6);}
    .textfield-input:not(:invalid) ~ .textfield-error{display: none;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 40rem;width: 100%;}
    .formbox-footer{margin-top: 80rem;display: flex;justify-content: center;}
    
    .filter{display: flex;align-items: center;}
    .filter-inner{position: relative;padding-bottom: 15rem;margin-bottom: -15rem;}
    .filter-label{margin-right: 10rem;flex: none;color: var(--c7);}
    .filter-reset-button{opacity: .4;}
    .filter-option{display: flex;align-items: center;cursor: pointer;user-select: none;}
    .filter-option-icon{flex: none;width: max(18px, 20rem);height: max(18px, 20rem);align-items: center;justify-content: center;margin-left: 5rem;will-change: transform;}
    
    .filter.hovered .filter-option-icon{transform: scaleY(-1);}
    .filter:not(.hovered) .filter-list{opacity: 0;visibility: hidden;transform: translateY(20rem);}
    
    .filter-list{position: absolute;top: 100%;background-color: var(--c0);color: var(--c1);padding: 20rem 40rem;border: var(--sl) solid;z-index: 10;width: 100%;min-width: 280rem;left: 0;display: grid;grid-template-columns: auto;grid-gap: 15rem;transition: all .15s;}
    .filter-caption{display: flex;align-items: center;cursor: pointer;user-select: none;}
    .filter-caption-icon{flex: none;width: max(18px, 20rem);height: max(18px, 20rem);align-items: center;justify-content: center;margin-left: 5rem;will-change: transform;}
    .filter-content{padding-top: 15rem;overflow: hidden;transition: all .15s;display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .filter-group.active .filter-caption-icon{transform: scaleY(-1);}
    .filter-group:not(.active) .filter-content{padding: 0;height: 0;opacity: 0;}

    .is-hidden{display: none !important;}
    .is-clipped{display: none !important;}
    
    .selectbox{position: relative;overflow: hidden;display: flex;align-items: center;cursor: pointer;padding: var(--sl) 0;margin: calc(-1 * var(--sl)) 0;}
    .selectbox-control{position: absolute;right: 100%;width: 0;height: 0;}
    .selectbox-title{user-select: none;}
    .selectbox-icon{display: flex;align-items: center;justify-content: center;width: max(18px, 24rem);height: max(18px, 24rem);box-shadow: inset 0 0 0 1px;flex: none;margin-right: 10rem;padding: 4rem;position: relative;border: none;}
    .selectbox-icon::after{content: "";transition: transform .15s;will-change: transform;}
    
    .selectbox-control[type="radio"] ~ .selectbox-icon{border-radius: 50%;padding: 0;}
    .selectbox-control[type="radio"] ~ .selectbox-icon::after{width: 50%;height: 50%;background-color: currentColor;border-radius: 50%;}
    .selectbox-control[type="checkbox"] ~ .selectbox-icon::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'%3E%3C/path%3E%3C/svg%3E");position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .selectbox-control:not(:checked) ~ .selectbox-icon::after{transform: scale(0);}
    
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
    .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .card-1 .card-header{display: flex;overflow: hidden;position: relative;background-color: var(--c5);}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .card-1 .card-content{max-width: 425rem;margin-top: 10rem;}
    .card-1 .card-title{}
    .card-1 .card-subtitle{margin-top: 5rem;color: var(--c7);}
    .card-1 .card-footer{margin-top: 20rem;}
    
    .card-2 .card-header{display: flex;overflow: hidden;position: relative;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .card-2 .card-media img{object-position: top;}
    .card-2 .card-content{max-width: 425rem;margin-top: 10rem;}
    .card-2 .card-title{}
    .card-2 .card-subtitle{margin-top: 5rem;color: var(--c7);}
   
    .card-3{background-color: var(--c5);color: var(--c2);}
    .card-3 .card-media{opacity: .8;}
    .card-3 .card-content{display: flex;align-items: flex-end;justify-content: center;text-align: center;position: relative;z-index: 1;}
    .card-3 .card-content::before{content: "";flex: none;width: 0;padding-top: 125%;}
    .card-3 .card-title{font-size: var(--f-l);line-height: 1;padding: 30rem 60rem;}
    
    .card-4 .card-header{display: flex;overflow: hidden;position: relative;width: calc((100% - 5 * var(--gap)) / 3);margin: 0 auto;}
    .card-4 .card-header::before{content: "";flex: none;width: 0;padding-top: 115%;}
    .card-4 .card-media img{object-position: top;}
    .card-4 .card-content{margin-top: 25rem;text-align: center;padding: 0 80rem;}
    .card-4 .card-subtitle{margin-top: 10rem;}
    
}

/* sections */

@media screen {
    
    .page-header + .s1{margin-top: 0;}
    
    .s1 .section-header-title{text-align: left;}
    .s1-1{display: grid;grid-template-columns: var(--cols);grid-gap: 80rem var(--gap);}
    .s1-1-1{grid-column-end: span 3;}
    .s1-1-2{grid-column-end: span 4;}
    .s1-2{margin-bottom: 40rem;}
    .s1-3{display: flex;margin-top: 50rem;}
    .s1-3-1{margin: 0 auto;}
    .s1-4{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-start;}
    .s1-4-1,
    .s1-4-2{display: inline-grid;grid-auto-flow: column;grid-gap: 20rem;align-items: baseline;margin-right: auto;}
    .s1-4-2 .filter-list{left: auto;right: 0;}
    
    .s2-1{counter-reset: index;}
    .s2-2{padding: 65rem 0;position: relative;display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);grid-template-rows: auto 1fr;transition-property: color, background-color;transition-duration: .25s;}
    .s2-2::before{content: counter(index, decimal-leading-zero);counter-increment: index;font-family: var(--altfont);font-size: var(--f-l);text-align: right;}
    .s2-2::after{content: "";position: absolute;bottom: 100%;left: 0;right: 0;background-color: var(--c5);height: var(--sl);opacity: .4;}
    .s2-3{grid-column: 7/13;cursor: pointer;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);transition: padding .25s;}
    .s2-3-1{grid-column: 1/5;}
    .s2-3-2{grid-column: 6/7;width: max(45px, 50rem);height: max(45px, 50rem);position: relative;align-items: center;}
    .s2-3-2::before,
    .s2-3-2::after{content: "";position: absolute;width: 100%;left: 0;height: 2rem;background-color: currentColor;top: 50%;margin-top: -1rem;will-change: transform;transition: transform .25s;}
    .s2-3-2::before{transform: rotate(180deg);}
    .s2-3-2::after{transform: rotate(-90deg);}
    .s2-4{grid-column: 4/7;grid-row: 1/3;position: relative;display: flex;overflow: hidden;transition: all .15s;max-height: 100%;}
    .s2-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-4 img{object-position: top;}
    .s2-5{grid-column: 7/11;display: flex;flex-direction: column;overflow: hidden;padding-top: 30rem;transition: all .25s;}
    .s2-5-1{margin-bottom: 15rem;overflow: hidden;}
    .s2-5-1 ul{display: flex;flex-wrap: wrap;margin: -8rem;}
    .s2-5-1 li{margin: 8rem;display: flex;align-items: center;}
    .s2-5-1 li::before{content: "";width: max(8px, 10rem);height: max(8px, 10rem);flex: none;margin-right: 8rem;background-color: currentColor;}
    .s2-5-2{margin-bottom: auto;max-width: 540rem;color: var(--c8);}
    .s2-5-3{margin-top: 90rem;}
    
    .s2-2.active{background-color: var(--c5);color: var(--c0);}
    .s2-2.active .s2-3::after{display: none;}
    .s2-2.active .s2-3-2::before,
    .s2-2.active .s2-3-2::after{transform: rotate(0);}
    
    .s2-2:not(.active) .s2-3{padding: 0;}
    .s2-2:not(.active) .s2-4,
    .s2-2:not(.active) .s2-5{height: 0;opacity: 0;padding: 0;}
    
    .s3 .section-header-title{text-align: left;}
    .s3-1{display: grid;grid-template-columns: var(--cols);grid-gap: 120rem var(--gap);align-items: flex-start;grid-template-rows: auto auto 1fr;grid-template-areas: 
        "a4 a4 a4 a4 . a2 a2 a2 . . . ."
        "a4 a4 a4 a4 . a3 a3 a3 . a5 a5 a5"
        ". . . a6 a6 a6 a7 a7 a7 . . .";}
    .s3-2{grid-area: a2;}
    .s3-3{grid-area: a3;color: var(--c8);}
    .s3-4{grid-area: a4;}
    .s3-5{grid-area: a5;text-align: right;}
    .s3-6{grid-area: a6;}
    .s3-7{grid-area: a7;text-align: right;}
    .s3-8-1{display: flex;position: relative;overflow: hidden;}
    .s3-8-1::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .s3-8-2{margin-top: 10rem;}
    
    .s4 .section-header-title{text-align: left;}
    .s4-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s4-1-1{position: relative;overflow: hidden;display: flex;padding-top: 110%;}
    .s4-2{display: flex;margin-top: 50rem;}
    .s4-2-1{margin: 0 auto;}
    
    .s5-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s5-2{}
    .s5-3{grid-column: 2/5;margin-right: var(--awr);mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));}
    .s5-3-1{mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1));}
    .s5-4-1{margin-bottom: 25rem;}
    .s5-5{margin-bottom: 50rem;}
    .s5-6{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    
    .s6-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-start;}
    .s6-2{grid-column: 1/5;}
    .s6-3{grid-column: 6/13;max-width: 980rem;}
    
    .s7-1{display: grid;grid-template-columns: var(--cols);grid-gap: 0 var(--gap);}
    .s7-2{grid-column: 4/10;text-align: center;}
    .s7-2:not(:last-child){margin-bottom: 80rem;}
    .s7-3{grid-column: 5/9;color: var(--c9);}
    .s7-3-2{text-align: center;}
    
    .s8-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s8-3{grid-column: 2/4;counter-reset: index;display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .s8-4{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;padding-bottom: 40rem;border-bottom: var(--sl) solid;}
    .s8-4-1{order: 1;grid-column: 4/5;color: var(--c7);text-align: right;}
    .s8-4-2{grid-column: 1/4;font-family: var(--altfont);font-size: var(--f-l);line-height: 1;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: baseline;}
    .s8-4-2::before{content: counter(index, decimal-leading-zero);counter-increment: index;}
    
    .s9{padding-bottom: 0;}
    .s9 + .section{padding-top: 150rem;}
    
    .s9-1{display: flex;overflow: hidden;position: relative;align-items: flex-end;margin: 0 var(--awr);padding: 0 var(--wr);z-index: 1;}
    .s9-1::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s9-2{display: flex;align-items: center;text-align: center;flex-direction: column;width: 100%;padding: 60rem 0;}
    .s9-3{}
    .s9-4::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(transparent, rgba(0,0,0,.5));}
    .s9-5{margin-top: 25rem;}
    .s9-6{margin-bottom: 15rem;}
    
    .s10-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s10-2{grid-column: 1/4;display: flex;flex-direction: column;}
    .s10-2-1{flex: auto;width: 100%;position: relative;overflow: hidden;display: flex;}
    .s10-2-1::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .s10-2-2{margin-top: 80rem;color: var(--c9);}
    .s10-3{grid-column: 8/13;position: relative;overflow: hidden;display: flex;}
    .s10-3::before{content: "";flex: none;width: 0;padding-top: 100%;}
   
    .s11 .section-header-title{text-align: left;}
    .s11-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);align-items: flex-start;}
    .s11-2{grid-column: 1/-1;margin: 0 -80rem;}
    .s11-2 .swiper{overflow: visible;}
    .s11-2 .swiper-slide:first-child .s11-4::before{margin-left: -100vw;}
    .s11-2 .swiper-slide:last-child .s11-4::after{margin-right: -100vw;}
    .s11-3{display: flex;flex-direction: column;align-items: flex-start;text-align: center;}
    .s11-4{display: grid;align-items: center;min-height: 80rem;padding: 20rem 0;position: relative;grid-template-columns: 1fr 80rem 1fr;grid-gap: 0;width: 100%;}
    .s11-4::before,
    .s11-4::after{content: "";height: var(--sl);background-color: var(--c7);}
    .s11-5{padding: 0 80rem;}
    .s11-5-2{margin-top: 20rem;color: var(--c9);}
    .s11-6{display: flex;justify-content: center;margin-top: 40rem;}
    .s11-6 .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 20rem;}
    
    
    .s12{padding: 0;color: var(--c2);}
    .s12-1{position: relative;overflow: hidden;z-index: 1;margin: 0 var(--awr);padding: 0 var(--wr);min-height: var(--app-height);display: flex;background-color: var(--c10);}
    .s12-2{position: absolute;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: .6;}
    .s12-3{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);text-align: center;grid-template-rows: 1fr auto;}
    .s12-4{grid-column: 2/6;}
    .s12-4-2{text-transform: uppercase;font-size: var(--f-l);letter-spacing: .2em;line-height: 1;}
    .s12-6{grid-column: 3/5;padding: 65rem 0;font-size: var(--f-b);}
    .s12-6-1:not(:last-child){margin-bottom: 10rem;}
    .s12-6-2{line-height: 1.1;}
    
    .s13-1{display: grid;grid-template-columns: var(--cols);grid-gap: 80rem var(--gap);}
    .s13-2{grid-column: 4/10;text-align: center;}
    .s13-3{grid-column: 1/-1;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s13-4{grid-column: 1/3;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s13-5{color: var(--c9);max-width: 475rem;}
    .s13-6-1{position: relative;overflow: hidden;display: flex;}
    .s13-6-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s13-6-2{margin-top: 10rem;}    
    
    .s14-1{display: flex;margin: 0 var(--awr);position: relative;overflow: hidden;}
    
    .s15-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 95rem var(--gap);}
    
    .s16{padding: 0;color: var(--c2);}
    .s16-1{position: relative;overflow: hidden;z-index: 1;margin: 0 var(--awr);padding: 0 var(--wr);min-height: var(--app-height);display: flex;background-color: var(--c10);}
    .s16-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .4;}
    .s16-3{position: relative;z-index: 1;padding: 80rem 0 0;display: flex;text-align: center;flex-direction: column;width: 100%;align-items: flex-start;}
    .s16-4{font-size: var(--f-l);max-width: 380rem;line-height: 1;margin: 0 auto;}
    .s16-5{margin: 50rem auto auto;text-transform: uppercase;font-size: var(--f-l);letter-spacing: .2em;line-height: 1;}
    .s16-6{flex: none;width: 110vw;margin: 30rem 0 0 -4%;opacity: 0;user-select: none;}
    
    .s17-1{display: grid;grid-template-columns: var(--cols);grid-gap: 80rem var(--gap);grid-template-rows: auto 1fr;}
    .s17-2{grid-column: 1/5;}
    .s17-2 .section-header-title{text-align: left;}
    .s17-3{grid-column: 1/5;order: 1;max-width: 465rem;color: var(--c9);margin-top: auto;}
    .s17-4,
    .s17-5{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
    .s17-4::before,
    .s17-5::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .s17-4{grid-column: 5/8;}
    .s17-4-2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;margin: 60rem;}
    .s17-5{grid-column: 8/13;grid-row: 1/3;}
    
    .s18-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s18-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s18-2 img{object-position: top;}
    .s18-3{grid-column: 3/7;position: relative;z-index: 1;}
    .s18-3-1{position: relative;overflow: hidden;display: flex;}
    .s18-3-1::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .s18-3-2{margin-top: 25rem;color: var(--c9);}
    
    .s19-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s19-2{grid-column: 1/4;margin-right: calc(-1 * var(--gap));display: flex;flex-direction: column;}
    .s19-2-1{margin-bottom: 40rem;}
    .s19-2-1 .section-header-title{text-align: left;}
    .s19-2-2{margin-bottom: auto;}
    .s19-2-3{margin-top: 40rem;}
    .s19-3{grid-column: 5/13;margin-right: var(--awr);padding-right: var(--wr);display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));overflow: hidden;}
    .s19-4{grid-column: 1/8;margin-left: -40rem;}
    .s19-4 .swiper{overflow: visible;}
    .s19-4 .swiper-slide{padding-left: 40rem;}
    
    .s20-1{display: grid;grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .s20-2{margin-bottom: 40rem;}
    .s20-3{display: grid;grid-gap: var(--gap);grid-template-columns: repeat(8, minmax(0, 1fr));align-items: center;}
    .s20-3-1{display: flex;justify-content: flex-start;}
    .s20-3-2{grid-column: 2/8;}
    .s20-3-2 .swiper-slide{transition: opacity .25s;}
    .s20-3-2 .swiper-slide:not(.swiper-slide-active){opacity: 0;}
    .s20-3-3{display: flex;justify-content: flex-end;}
    .s20-3-1 .button,
    .s20-3-3 .button{max-width: none;flex: none;}
    .s20-4{margin-top: 30rem;}
    .s20-4 .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 20rem;}
    .s20-5{grid-column: 3/11;display: flex;flex-direction: column;align-items: center;position: relative;}
    
    .s21-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s21-2{grid-column: 2/4;}
    .s21-3{margin-bottom: 80rem;text-align: center;}
    .s21-5{text-align: center;}
    
    .s404{background-color: transparent;padding: 0;overflow: hidden;}
    .s404-1{min-height: var(--app-height);padding-bottom: 50rem;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 60rem var(--gap);grid-template-rows: auto 1fr auto;}
    .s404-3{grid-column: 3/5;padding: 80rem 0 0;text-align: center;font-size: var(--f-l);line-height: 1;}
    .s404-4{grid-column: 3/5;margin-top: auto;display: flex;justify-content: center;}
    .s404-4 .button__default{background-color: var(--c2);color: var(--c1);border-color: var(--c2);}
    .s404-5{grid-column: 2/6;width: 100%;position: relative;min-height: 30vh;z-index: -1;will-change: transform;transition: transform 1.5s .5s ease-in-out;}
    .s404-5:not(.active){transform: translateY(100%);transition-delay: 0s;transition-duration: 0s;}
    .s404-5 img{object-position: bottom;}
    
    
}

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

        --wr: 16rem;

        --iwr: 0;

        --gap: 32rem;

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

        --f-d: 16rem;
        --f-m: 16rem;
        --f-b: 18rem;
        --f-l: 20rem;
        --f-xl: 24rem;
        --f-xxl: 32rem;
        --f-xxxl: 40rem;

        --mw: 640rem; 
        
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button__default{min-width: 100%;}
    
    .button__unl .button-text{text-decoration: underline;}
    
    .subheader{font-size: var(--f-b);}
    
    .topbar{padding: 12rem 0;}
    .topbar-nav{display: none;}
    .topbar-logo{max-width: 80rem;}
    
    .topbar-menu{font-size: var(--f-l);}
    
    .footer-grid{padding: 40rem 0 20rem;grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;}
    .footer-logo{max-width: 80rem;}
    .footer-nav{grid-column: auto;padding: 0;margin: 0;justify-content: flex-start;display: grid;grid-template-columns: auto;grid-gap: 28rem;margin-top: 56rem;}
    .footer-nav-item{padding: 0}
    .footer-nav-title{margin-bottom: 8rem;}
    .footer-nav-content ul{grid-gap: 8rem;}
    .bottombar{margin: 64rem 0 0;display: grid;justify-content: flex-start;grid-template-columns: auto;grid-gap: 15rem;}
    .bottombar-item{padding: 0;}
    
    .footer-image{background-size: 100% 100vw;}
    .footer-image::after{background-size: auto 100%;padding-top: 145vw;background-position: 10% 0;}
    
    .breadcrumbs:not(:last-child){margin-bottom: 40rem;}
    
    .page-header:not(:last-child){margin-bottom: 0;}
    .page-header-inner{grid-template-columns: var(--cols);grid-gap: var(--gap);}
    .page-header-title{grid-column: auto;padding: 0;}
    .page-header-media::before{padding-top: 110%;}
    .page-header-media .swiper-slide{display: flex;padding-top: 110%;}
    
    .page-header + .section{margin-top: 60rem;}
    
    .section-header:not(:last-child){margin-bottom: 32rem;}
    .section-header-title{text-align: left;}
    
    .section-header-title,
    .subheader{font-size: var(--f-l);}
    
    .textbox h2{margin: 32rem 0 20rem;}
    
    .formbox-footer{margin-top: 32rem;}
    
    .card-3 .card-content-icon{display: none;}
    
    .card-3 .card-content::before{padding-top: 100%;}
    .card-3 .card-content::after{content: "";background-image: linear-gradient(transparent, var(--c7));color: var(--c10);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    
    .card-2 .card-header::before{padding-top: 100%;}
    .card-2 .card-media img{object-position: center;}
    
    .card-4 .card-header{width: 100%;}
    .card-4 .card-header::before{padding-top: 90%;}
    .card-4 .card-media img{object-position: center;}
    .card-4 .card-content{margin-top: 20rem;padding: 0;text-align: left;}
    .card-4 .card-subtitle{margin-top: 16rem;}
    
    .section{padding-bottom: 80rem;}
    
    .section:not(.section__contrast) + .section__contrast, 
    .section__contrast + .section:not(.section__contrast){padding-top: 80rem;}
    
    .page-header + .s1{margin-top: 32rem;}
    
    .s1-1{grid-gap: 64rem;}
    .s1-1-1,
    .s1-1-2{grid-column-end: span 1;}
    .s1-2{margin-bottom: 24rem;}
    .s1-3{margin-top: 32rem;}
    .s1-3-1{width: 100%;}
    
    .s2-1{position: relative;}
    .s2-1::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;background-color: var(--c5);opacity: .4;height: var(--sl);}
    .s2-2{padding: 32rem 40rem;grid-gap: 0;grid-template-rows: auto;margin: 0 var(--awr);scroll-margin: var(--headroom-height);}
    .s2-2::before{position: absolute;top: 32rem;left: var(--wr);}
    .s2-2::after{margin: 0 var(--wr);}
    .s2-3{grid-column: auto;order: -1;grid-template-columns: 1fr auto;grid-gap: var(--gap);padding-bottom: var(--gap);}
    .s2-3-1{grid-column: auto;}
    .s2-3-2{grid-column: auto;width: 16rem;height: var(--f-xxl);}
    .s2-3-2::before, 
    .s2-3-2::after{height: var(--sl);}
    .s2-4{grid-column: auto;grid-row: auto;}
    .s2-5{grid-column: auto;padding-top: var(--gap);}
    .s2-5-3{margin-top: var(--gap);}
    
    .s2-2.active::after{visibility: hidden;}
    
    .s3-1{grid-template-areas: "a2" "a3" "a4" "a5" "a6" "a7";grid-template-rows: auto;grid-gap: var(--gap);}
    .s3-5{text-align: left;}
    .s3-7{text-align: left;}
    
    .s4-1{grid-template-columns: auto;}
    .s4-1-1{padding: 0;}
    .s4-2{margin-top: 32rem;}
    .s4-2-1{width: 100%;}
    
    .s5-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s5-3{grid-column: auto;margin: 0 var(--awr);}
    .s5-3-1{mask-image: none;}
    .s5-4-1{margin-bottom: 8rem;}
    .s5-5{margin-bottom: 36rem;}
    .s5-6{grid-gap: var(--gap);}
    
    .s6-2{grid-column: auto;}
    .s6-3{grid-column: auto;}
    
    .s7-1{grid-gap: var(--gap);}
    .s7-2{text-align: left;grid-column: auto;}
    .s7-2:not(:last-child){margin: 0;}
    .s7-3{grid-column: auto;text-align: left;}
    
    .s8-1{grid-template-columns: auto;grid-gap: var(--gap);}
    .s8-3{grid-column: auto;grid-gap: var(--gap);}
    .s8-4{padding-bottom: var(--gap);grid-template-columns: 1fr auto;grid-gap: 40rem;}
    .s8-4-1{grid-column: auto;}
    .s8-4-2{grid-column: auto;grid-template-columns: auto 1fr;grid-gap: 8rem;}
    
    .s9-2{padding: 0;text-align: left;align-items: flex-start;}
    .s9-3{margin-bottom: var(--gap);}
    .s9-4{display: flex;width: 100%;position: relative;}
    .s9-4::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .s9-5{margin-top: var(--gap);}
    
    .s9 + .section{padding-top: 0;}
    
    .s10-1{grid-gap: var(--gap);}
    .s10-2{grid-column: auto;}
    .s10-2-2{margin-top: 10rem;}
    .s10-3{grid-column: auto;}
    
    .s11-1{margin: 0 var(--awr);}
    .s11-2{grid-column: auto;margin: 0;}
    .s11-4{grid-template-columns: 1fr 60rem 1fr;min-height: 0;padding: 0 0 32rem 0;}
    .s11-5{transform: translateX(0);padding: 0 40rem;}
    .s11-6 .carousel-buttons{grid-gap: 16rem;}
    
    .s12-3{grid-template-columns: auto;padding: var(--gap) 8rem;}
    .s12-4{grid-column: auto;}
    .s12-6{grid-column: auto;padding: 0;}
    .s12-6-1:not(:last-child){margin-bottom: 15rem;}
    
    .s13-1{grid-gap: var(--gap);}
    .s13-2{text-align: left;grid-column: auto;}
    .s13-3{grid-template-columns: auto;}
    .s13-4{grid-column: auto;grid-template-columns: auto;}
    .s13-5{order: -1;}
    
    .s14-1{margin: 0;display: flex;position: relative;}
    .s14-1::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .s14-1 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
    
    .s15-1{grid-template-columns: auto;grid-gap: var(--gap);}
    
    .s16-3{padding: 30rem 0;}
    .s16-5{margin-top: 24rem;}
    
    .s17-1{grid-gap: var(--gap);grid-template-rows: auto;}
    .s17-2{grid-column: auto;}
    .s17-3{grid-column: auto;order: initial;}
    .s17-4{grid-column: auto;}
    .s17-4-2{margin: 100rem;}
    .s17-5{grid-column: auto;grid-row: auto;}
    .s17-4::before, 
    .s17-5::before{padding-top: 110%;}
    
    .s18-2{display: none;}
    .s18-3{grid-column: auto;}
    .s18-3-1::before{padding-top: 110%;}
    .s18-3-2{margin-top: var(--gap);}
    
    .s19-2{grid-column: auto;margin: 0;}
    .s19-2-1{margin-bottom: var(--gap);}
    .s19-2-3{margin-top: var(--gap);}
    .s19-3{grid-column: auto;grid-template-columns: var(--cols);}
    .s19-4{margin: 0;grid-column: auto;width: 100%;}
    .s19-4 .swiper-wrapper{flex-direction: column;height: auto;}
    .s19-4 .swiper-slide{padding: 0;}
    .s19-4 .swiper-slide:not(:first-child){margin-top: var(--gap);}
    
    .s20-2{margin-bottom: var(--gap);text-align: left;}
    .s20-3{grid-template-columns: var(--cols);}
    .s20-3-1,
    .s20-3-3{display: none;}
    .s20-3-2{grid-column: auto;}
    .s20-3-2 .swiper{overflow: visible;}
    .s20-4{margin-top: var(--gap);width: 100%;display: flex;justify-content: center;}
    .s20-4 .carousel-buttons{grid-gap: 16rem;}
    .s20-5{grid-column: auto;align-items: flex-start;}
    
    .s21-1{grid-template-columns: auto;}
    .s21-2{grid-column: auto;}
    .s21-3{margin-bottom: 32rem;text-align: left;}
    .s21-5{text-align: left;}
    
    .s404{padding: 0;}
    .s404-1{grid-template-columns: auto;padding-bottom: 40rem;grid-gap: 80rem;}
    .s404-3{grid-column: auto;margin: 0 var(--awr);padding: 100rem 40rem 0;}
    .s404-4{grid-column: auto;}
    .s404-5{grid-column: auto;}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c0);color: var(--c1);overflow: auto;clip-path: inset(0 0% 0 0);transition: clip-path .5s;}
    .popup-inner{display: flex;flex-direction: column;min-height: var(--app-height);padding-bottom: 60rem;}
    .popup-header{margin-bottom: 32rem;}
    .popup-nav{flex: auto;font-size: var(--f-xxl);line-height: 1;}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
    .popup-footer{margin-top: 32rem;border-top: var(--sl) solid;padding-top: 15rem;display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    
    .popup-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: var(--c10);opacity: 0;visibility: hidden;transition: all .5s;}
    
    .popup.active ~ .popup-overlay{opacity: .5;visibility: visible;}
    
    .popup:not(.active){clip-path: inset(0 0 0 100%);}
  
    .fancybox-button{display: none;}
    
    
    .s5-4-2 a[href^="mailto:"],
    .footer-nav-content a[href^="mailto:"],
    .textbox a,
    .filter-reset-button,
    .selectbox-title a{text-decoration: underline;}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .card-3 .card-content{align-items: stretch;}
    .card-3 .card-content-inner{padding: 30rem 80rem;display: grid;grid-template-columns: auto;grid-template-rows: 1fr 40% 1fr;grid-gap: 30rem;min-height: 100%;width: 100%;}
    .card-3 .card-content-icon{position: relative;grid-row: 2/3;opacity: 0;}
    .card-3 .card-title{padding: 0;grid-row: 3/4;margin-top: auto;}
    
    .s4-1-1:nth-child(7n + 1),
    .s4-1-1:nth-child(7n + 7){grid-column-end: span 2;padding-top: 50%;}
    .s4-1-1 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
    
    .s5-2{padding-top: 50rem;}
    .s5-3{margin-top: -100rem;}
    
    .s6-2{position: sticky;top: calc(var(--headroom-height) + 50rem);z-index: 1;}
    
    .s9-1{background-color: var(--c5);color: var(--c2);}
    .s9-4{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    
    .s11-2 .swiper-slide{width: auto!important;max-width: 550rem;}
    
    .s12:not(:last-child){margin-bottom: 150rem;}
    
    .s15-1:not(:first-child){margin-top: 100rem;}
    
    .s15-2:nth-child(5n + 5){grid-column: 3/4;}
    .s15-2:nth-child(11n + 3){grid-column: 4/5;}
    .s15-2:nth-child(11n + 7){grid-column: 2/3;}
    .s15-2:nth-child(11n + 9){grid-column: 1/2;}
    
    .s16:not(:last-child){margin-bottom: 150rem;}
    
    .fancybox-navigation .fancybox-button,
    .fancybox-button{padding: 0;background: none;width: max(35px, 40rem);height: max(35px, 40rem);display: inline-flex;align-items: center;justify-content: center;}
    .fancybox-navigation .fancybox-button div{padding: 0;}
    .fancybox-slide--image{padding: 100rem 200rem;}
    .fancybox-navigation{margin: 0 var(--wr);position: relative;height: 100%;}
    .fancybox-toolbar{padding: 30rem var(--wr);}
    .fancybox-toolbar,
    .fancybox-navigation .fancybox-button{opacity: 1;visibility: visible;}
    .fancybox-navigation .fancybox-button{padding: 10rem;border: var(--sl) solid;border-radius: 50%;}
    .fancybox-navigation .fancybox-button:hover{background-color: var(--c0);color: var(--c1);border-color: var(--c0);}
    
    .fancybox-navigation .fancybox-button--arrow_left{left: 0;}
    .fancybox-navigation .fancybox-button--arrow_right{right: 0;}
    .fancybox-button--close{width: max(24px, 24rem);height: max(24px, 24rem);}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    
    .page-header-media .carousel-buttons{transition: opacity .25s;}
    .page-header-media:not(:hover) .carousel-buttons{opacity: 0;}
    
    .card-media,
    .card-content-icon{will-change: transform;transition: transform .25s, opacity .25s;}
    
    .card-1:hover .card-media{transform: scale(1.05);}
    .card-3:hover .card-media{transform: scale(1.05);opacity: .4;}
    .card-3:hover .card-content-icon{opacity: 1;}
    
    .button{transition: all .25s;}
    
    .button__default:hover{background-color: transparent;color: var(--c1);}
    .section__contrast .button__default:hover,
    .s404-4 .button__default:hover{color: var(--c2);}
    
    .filter-reset-button{transition: opacity .25s;}
    
    
    .s5-4-2 a[href^="mailto:"],
    .footer-nav-content a[href^="mailto:"],
    .textbox a,
    .filter-reset-button,
    .selectbox-title a,
    .button__unl .button-text{padding: 0;position: relative;}
    
    .button__unl .button-text::before,
    .button__unl .button-text::after,
    
    .s5-4-2 a[href^="mailto:"]::before,
    .footer-nav-content a[href^="mailto:"]::before,
    .textbox a::before,
    .filter-reset-button::before,
    .selectbox-title a::before,
    .s5-4-2 a[href^="mailto:"]::after,
    .footer-nav-content a[href^="mailto:"]::after,
    .textbox a::after,
    .filter-reset-button::after,
    .selectbox-title a::after{content: "";bottom: 0;left: 0;right: 0;border-bottom: var(--sl) solid;position: absolute;margin-right: .15em;will-change: transform;}
    
    .button__unl .button-text::before,
    .s5-4-2 a[href^="mailto:"]::before,
    .footer-nav-content a[href^="mailto:"]::before,
    .textbox a::before,
    .filter-reset-button::before,
    .selectbox-title a::before{transform: scale(1, 1);transform-origin: right;}
    
    .button__unl .button-text::after,
    .s5-4-2 a[href^="mailto:"]::after,
    .footer-nav-content a[href^="mailto:"]::after,
    .textbox a::after,
    .filter-reset-button::after,
    .selectbox-title a::after{transform: scale(0, 1);transform-origin: left;}
    
    .button__unl:hover .button-text::before,
    .s5-4-2 a[href^="mailto:"]:hover::before,
    .footer-nav-content a[href^="mailto:"]:hover::before,
    .textbox a:hover::before,
    .filter-reset-button:hover::before,
    .selectbox-title a:hover::before{transform: scale(0, 1);transition: transform .2s ease-in-out 0s;}
    
    .button__unl:hover .button-text::after,
    .s5-4-2 a[href^="mailto:"]:hover::after,
    .footer-nav-content a[href^="mailto:"]:hover::after,
    .textbox a:hover::after,
    .filter-reset-button:hover::after,
    .selectbox-title a:hover::after{transform: scale(1, 1);transition: transform .2s ease-in-out .25s;}
    
    .button__unl:hover,
    .filter-reset-button:hover{opacity: 1;}
    
    
    .s9-4{will-change: transform;transition: transform .5s;}
    .s9-2:hover .s9-4{transform: scale(1.025);}
    
    
    .topbar-nav a,
    .breadcrumbs a,
    .footer-nav a:not([href^="mailto:"]),
    .bottombar a,
    .s5-4-2 a:not([href^="mailto:"]){background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;transition: background-size .5s cubic-bezier(0.2, 1, 0.3, 1), color .25s;}
    
    .topbar-nav a:hover,
    .breadcrumbs a:hover,
    .footer-nav a:hover,
    .bottombar a:hover,
    .s5-4-2 a:not([href^="mailto:"]):hover{background-size: 100% var(--sl);background-position: left bottom;}
   
    
}