@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: #333333;
    --c2: #F9F6F0;
    --c3: #FFFDF8;
    --c4: #05335B;
    --c5: #E67E22;
    
    --c6: color-mix(in srgb, currentColor 10%, transparent);
    --c7: color-mix(in srgb, currentColor 15%, transparent);
    --c8: color-mix(in srgb, currentColor 40%, transparent);
    --c9: color-mix(in srgb, currentColor 60%, transparent);
    --c10: color-mix(in srgb, currentColor 80%, transparent);
    
    --c11: #000000;
    
    --wr: 60rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 40rem;
    --sl: max(1px, 1rem);
    
    --br1: 8rem;
    --br2: 16rem;
    --br3: 20rem;
    
    --btn: max(40px, 50rem);
    
    --altfont: 'Instrument Serif', serif;
    
    --cols: repeat(12, minmax(0, 1fr));

    
    --f-s: max(14px, 16rem);
    --f-d: max(14px, 18rem);
    --f-m: max(14px, 20rem);
    --f-b: max(14px, 24rem);
    --f-l: max(14px, 32rem);
    --f-l1: max(14px, 48rem);
    --f-xl: max(14px, 60rem);
    --f-xxl: max(14px, 80rem);
    --f-xxxl: max(14px, 120rem);
    
    
    --mw: 160000px; 
    
    
}


/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'Geist', sans-serif;font-size: var(--f-d);line-height: 1.25;color: var(--c1);background-color: var(--c2);letter-spacing: -.05em;}
    
    .altfont{font-family: var(--altfont);}
    
    .popup-active{overflow: hidden!important;}
    
    .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 .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;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;font-size: var(--f-s);letter-spacing: 0;text-transform: uppercase;}
    
    .button__default{padding: 0 30rem;height: var(--btn);color: var(--c2);background-color: var(--c4);min-width: 200rem;border: var(--sl) solid var(--c4);}
    .button__default::before{content: "";flex: none;width: .5em;height: .5em;border-radius: 50%;background-color: var(--c5);margin-right: .5em;}
    
    .button__secondary{padding: 0 30rem;height: var(--btn);color: var(--c4);border: var(--sl) solid;}
    
    .button__wide{width: 100%;}
    
    .button__inl{text-decoration: underline;text-transform: uppercase;padding-bottom: .1em;}
     
    .title{line-height: .9;width: 100%;letter-spacing: -.05em;}
    .title i{font-style: italic;font-family: var(--altfont);letter-spacing: normal;font-weight: 400!important;}
    
    .title__medium{font-size: var(--f-xl);font-weight: 300;}
    .title__default{font-size: var(--f-xxl);font-weight: 400;}
    .title__large{font-size: var(--f-xxxl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{position: sticky;top: 0;z-index: 10;padding: 15rem 0 0;pointer-events: none;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: var(--gap);align-items: center;pointer-events: all;color: var(--c0);background-color: var(--c7);margin: 0 -30rem;padding: 10rem 30rem;border-radius: var(--br1);backdrop-filter: blur(15px);transition: background-color .15s;}
    .topbar-logo{max-width: 125rem;}
    .topbar-nav{margin-right: auto;color: var(--c1);transition: color .15s;}
    .topbar-nav:not(:first-child){margin-left: auto;margin-right: 0;}
    .topbar-nav > ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;}
    .topbar-nav > ul > li{display: flex;align-items: center;}
    .topbar-nav > ul > li.current::before{content: "";flex: none;width: .5em;height: .5em;border-radius: 50%;background-color: var(--c5);margin-right: .5em;}
    
    .header.contrast .topbar-nav{color: var(--c0);}
    
    .header.init:not(.static) .topbar{background-color: var(--c0);backdrop-filter: blur(0);}
    .header.init:not(.static) .topbar-nav{color: var(--c1);}
    
    
    .dropdown{display: flex;align-items: center;position: relative;}
    .dropdown-chevron{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;flex: none;margin-left: 2rem;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;overflow-x: clip;}
    
    .breadcrumbs{margin: 30rem 0 40rem;overflow: hidden;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin-left: -.5em;}
    .breadcrumbs li{margin-left: .5em;display: flex;align-items: baseline;}
    .breadcrumbs li:last-child{pointer-events: none;color: var(--c9);}
    .breadcrumbs li:not(:last-child)::after{content: "/";padding-left: .5em;}
    
    .page-header{margin-bottom: 140rem;}
    .page-header-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);padding-bottom: 40rem;border-bottom: var(--sl) solid var(--c6);}
    .page-header-left{display: flex;flex-direction: column;}
    .page-header-right{display: flex;flex-direction: column;position: relative;}
    .page-header-right::before{content: "";position: absolute;top: 0;right: 100%;bottom: -30rem;background-color: currentColor;margin-right: calc(var(--gap) / 2);opacity: .1;width: var(--sl);}
    .page-header-title{margin-bottom: auto;}
    .page-header-subtitle{color: var(--c9);max-width: 480rem;}
    .page-header-subtitle:not(:first-child){margin-top: 30rem;}
    .page-header-action:not(:first-child){margin-top: 30rem;}
    .page-header-action .button{min-width: 280rem;}
    .page-header-media{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .page-header-media::before{content: "";flex: none;width: 0;padding-top: 75%;}
   
    .section{position: relative;z-index: 1;margin-bottom: 200rem;}
    .section:last-child{}
    .section:only-child{flex: auto;}
    
    .section__contrast{background-color: var(--c4);color: var(--c2);}
    .section__contrast:last-child{margin-bottom: 0;}
    
    .section__contrast .button__default{background-color: var(--c2);color: var(--c1);}
    .section__contrast .button__secondary{color: var(--c2);}
    
    .section-header{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .section-header:not(:last-child){margin-bottom: 50rem;}
    .section-header-title{max-width: 960rem;}
    .section-header-subtitle{margin-top: 30rem;color: var(--c10);max-width: 550rem;}
    .section-header-action{margin-top: 40rem;display: inline-grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem;}
    .section-header-action-button:only-child{grid-column: 1/-1;}
    .section-header-action-button:only-child .button{min-width: 280rem;}
    
    .footer{overflow: hidden;margin-top: 0;background-color: var(--c4);color: var(--c0);padding: 30rem 0 30rem;position: relative;}
    
    .footer-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter: blur(10px);}
    
    .footer-grid{grid-template-columns: repeat(6, minmax(0, 1fr));grid-gap: 200rem 0;grid-template-rows: 1fr auto 1fr;grid-template-areas: "f2 . . . . f3" "f2 f1 f1 f1 f1 f3" "f5 f5 f4 f4 . f6";display: grid;position: relative;z-index: 1;}
    .f1{grid-area: f1;margin: auto;}
    .f1-1{margin: 0 auto;width: 33.33vw;}
    .f1-2{color: var(--c9);max-width: 520rem;text-align: center;margin-top: 25rem;}
    .f2{grid-area: f2;}
    .f3{grid-area: f3;}
    .f4{grid-area: f4;margin: auto auto 0;}
    .f4 ul{display: grid;grid-auto-flow: column;grid-gap: 50rem;color: var(--c9);}
    .f5{grid-area: f5;margin-top: auto;color: var(--c9);}
    .f6{grid-area: f6;margin-top: auto;}
    
    .footer-nav{display: grid;grid-template-columns: auto;grid-gap: 75rem;padding-top: 50rem;}
    .footer-nav-title{color: var(--c8);text-transform: uppercase;margin-bottom: 20rem;font-size: var(--f-m);}
    .footer-nav ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .bottombar-author{display: flex;align-items: baseline;color: var(--c9);white-space: nowrap;}
    .bottombar-author a{}
    
    .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{margin: 60rem 0 30rem;font-size: var(--f-l);line-height: .9;color: var(--c1);}
    .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;}
    
    
    .pagination{display: inline-grid;grid-template-columns: auto 1fr auto;align-items: center;grid-gap: 25rem;margin: 0 auto;}
    .pagination-nav{user-select: none;}
    .pagination-nav ul{display: flex;flex-wrap: wrap;margin: -5rem;}
    .pagination-nav li{position: relative;z-index: 1;min-width: var(--btn);height: var(--btn);display: flex;align-items: center;justify-content: center;font-size: var(--f-s);text-align: center;margin: 5rem;}
    .pagination-nav li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 5rem;display: flex;align-items: center;justify-content: center;border: var(--sl) solid var(--c6);}
    .pagination-nav li.current a{background-color: var(--c4);color: var(--c2);pointer-events: none;border-color: var(--c4);}
    .pagination-arrow.disabled{pointer-events: none;opacity: .6;}
    .pagination-arrow a{display: flex;align-items: center;justify-content: center;width: var(--f-s);height: var(--f-s);}
    
    .tabs{overflow: hidden;}
    .tabs ul{display: flex;flex-wrap: wrap;margin: -10rem -15rem;}
    .tabs li{margin: 10rem 15rem;white-space: nowrap;max-width: 400rem;text-overflow: ellipsis;border: var(--sl) solid var(--c4);padding: 15rem 20rem;text-transform: uppercase;line-height: 1;overflow: hidden;cursor: pointer;position: relative;}
    .tabs li.current{background-color: var(--c4);color: var(--c2);pointer-events: none;}
    
    .selector{position: relative;background-color: var(--c0);color: var(--c1);border-radius: var(--br2);}
    .selector-holder{display: flex;align-items: center;cursor: pointer;padding: 0 25rem;user-select: none;text-align: left;height: var(--btn);font-size: var(--f-s);}
    .selector-holder-input{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;pointer-events: none;}
    .selector-holder-icon{display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;flex: none;margin-left: 20rem;}
    .selector-list{position: absolute;z-index: 99;background-color: var(--c0);width: 100%;border-radius: 0 0 var(--br2) var(--br2);color: var(--c1);font-size: var(--f-s);padding: 0 0 15rem 0;}
    .selector-option{position: relative;padding: 10rem 25rem;cursor: pointer;z-index: 1;color: var(--c9);}
    .selector-option.active{color: var(--c4);}
    .selector-option-inner{}
    
    .selector.active{border-radius: var(--br2) var(--br2) 0 0;}
    .selector.active .selector-holder-icon{transform: scaleY(-1);}
    
    .selector-list:not(.active){display: none;}
    
    
    
    .section__contrast *::-moz-selection,
    .footer *::-moz-selection{background-color: var(--c2);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    
    .section__contrast *::selection,
    .footer *::selection{background-color: var(--c2);color: var(--c1);-webkit-text-fill-color: var(--c1);}
    
}

/* 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;border-radius: var(--br3);}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-1 .card-content{margin-top: 15rem;margin-bottom: auto;padding-right: 30rem;}
    .card-1 .card-pretitle{margin-bottom: 15rem;color: var(--c9);}
    .card-1 .card-title{font-size: var(--f-b);line-height: 1.1;}
    .card-1 .card-footer{margin-top: 20rem;}
  
    .card-2{background-color: var(--c0);border-radius: var(--br3);overflow: hidden;}
    .card-2 .card-header{position: relative;overflow: hidden;display: flex;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-2 .card-inner{padding: 40rem;display: flex;flex-direction: column;flex: auto;}
    .card-2 .card-content{margin-bottom: auto;}
    .card-2 .card-title{font-size: var(--f-b);line-height: 1.1;}
    .card-2 .card-subtitle{margin-top: 25rem;padding-top: 25rem;border-top: var(--sl) solid var(--c6);color: var(--c10);padding-right: 30rem;}
    .card-2 .card-footer{margin-top: 40rem;}
    
    .card-3 .card-header{position: relative;overflow: hidden;display: flex;border-radius: var(--br3);background-color: var(--c11);}
    .card-3 .card-header:empty{background-color: var(--c4);background-image: url(../img/spr-logo-white.svg);background-size: 70%;background-repeat: no-repeat;background-position: center;}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 105%;}
    .card-3 .card-header-action{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;color: var(--c2);}
    .card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-3 .card-content{margin-top: 25rem;}
    .card-3 .card-title{font-size: var(--f-l);line-height: .9;font-weight: 300;}
    .card-3 .card-subtitle{margin-top: 20rem;color: var(--c10);}
   
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s1-2{grid-column: 2/4;display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s1-3{color: var(--c10);}
    .s1-4{color: var(--c10);}
    .s1-5-1{font-size: var(--f-b);margin-bottom: 20rem;}
    .s1-5-2{overflow: hidden;}
    .s1-5-2 ul{display: flex;flex-wrap: wrap;margin: -10rem;}
    .s1-5-2 li{margin: 10rem;}
    .s1-6{margin-bottom: 140rem;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s1-6-1{margin-bottom: 20rem;color: var(--c9);}
    
    .s2-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s2-2{margin-top: 100rem;display: flex;justify-content: center;}
    .s2-3{margin-top: 50rem;display: flex;justify-content: center;}
    .s2-3 .button{min-width: 280rem;}
    
    .s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    
    .s4-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s4-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c11);opacity: .4;}
    .s4-2{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;min-height: var(--app-height);padding: 140rem 0;}
    .s4-2 .section-header{text-align: left;align-items: flex-start;}
    
    .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s5-2{padding-right: 130rem;}
    .s5-3{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s5-4{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .s5-4::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .s5-6{margin-bottom: 25rem;padding-bottom: 10rem;border-bottom: var(--sl) solid var(--c6);}
    .s5-6-1{color: var(--c9);}
    .s5-7{color: var(--c10);}
    .s5-8{color: var(--c1);border-bottom: var(--sl) solid var(--c6);padding-bottom: 20rem;}
    .s5-8 + .s5-8{margin-top: 20rem;}
    .s5-8-1{font-size: var(--f-b);line-height: 1.1;max-width: 600rem;}
    .s5-8-2{margin-top: 15rem;color: var(--c10);}
    .s5-9{margin-top: 30rem;}
    .s5-9-1 .title{font-size: var(--f-l1);font-weight: 300;}
    .s5-9-2{margin-top: 30rem;color: var(--c10);}
    
    .s6-1{margin-bottom: 80rem;}
    .s6-2{display: grid;grid-template-columns: auto;grid-gap: 80rem;}
    .s6-3{scroll-margin-top: calc(var(--headroom-height) + 30rem);}
    .s6-4{margin-bottom: 40rem;}
    .s6-5{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    
    .s7-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s7-2{grid-column: 1/3;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s7-2-1{display: flex;position: relative;overflow: hidden;border-radius: var(--br3);}
    .s7-2-1::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .s7-3{color: var(--c10);}
    
    .s8-2{display: grid;grid-template-columns: auto;grid-gap: 0;border-top: var(--sl) solid var(--c6);counter-reset: index;border-radius: var(--br3);}
    .s8-3{border-bottom: var(--sl) solid var(--c6);padding: 40rem;display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));grid-gap: 0 var(--gap);transition: color .25s, background-color .25s;border-radius: var(--br3);position: relative;}
    .s8-3::before{content: counter(index, decimal-leading-zero);counter-increment: index;font-size: var(--f-b);line-height: 1.1;}
    .s8-4{grid-column: 5/9;display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: var(--gap);cursor: pointer;}
    .s8-4::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s8-4-1{font-size: var(--f-b);line-height: 1.1;}
    .s8-4-2{font-size: var(--f-s);display: flex;align-items: center;justify-content: center;will-change: transform;width: 1em;height: 1em;}
    .s8-5{grid-column: 5/9;max-width: 520rem;margin-top: 15rem;font-size: var(--f-s);color: var(--c10);}
    .s8-6{grid-column: 5/9;transition-duration: .15s;overflow: hidden;height: auto;color: var(--c10);padding-top: 25rem;transition-property: height, opacity, padding;}
    .s8-7{grid-column: 2/4;grid-row: 1/4;position: relative;overflow: hidden;border-radius: var(--br1);transition: clip-path .25s .15s;clip-path: inset(0 0 0% 0);}

    .s8-3.active{color: var(--c2);background-color: var(--c4);}
    .s8-3.active .s8-4-2{transform: scaleY(-1);}
    .s8-3:not(.active) .s8-6{height: 0;opacity: 0;padding: 0;}
    .s8-3:not(.active) .s8-7{clip-path: inset(0 0 100% 0);transition-delay: 0s;}
    
    .s9-1{padding: 90rem 0;display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: 0 var(--gap);position: relative;}
    .s9-2{padding-right: 60rem;}
    .s9-2-2{margin-top: 30rem;color: var(--c10);}
    .s9-3{margin-top: 60rem;}
    .s9-3-1{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .s9-3-1::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s9-4{position: relative;grid-column: 1/4;}
    
    .s10-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s10-2{background-color: var(--c0);display: flex;flex-direction: column;align-items: center;padding: 40rem 30rem 60rem;border-radius: var(--br2);text-align: center;}
    .s10-2-1{flex: none;margin-bottom: 40rem;width: 80rem;height: 80rem;position: relative;}
    .s10-2-2{font-size: var(--f-b);line-height: 1.1;}
    .s10-2-3{margin-top: 20rem;color: var(--c10);}
    
    .s11-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20rem;}
    .s11-2{grid-column: 1/3;overflow: hidden;position: relative;border-radius: var(--br3);display: flex;min-height: 480rem;}
    .s11-2::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s11-3{border-radius: var(--br3);background-color: var(--c4);color: var(--c2);}
    .s11-4{border-radius: var(--br3);background-color: var(--c0);color: var(--c1);}
    .s11-5{display: flex;flex-direction: column;padding: 30rem;justify-content: space-between;min-height: 100%;}
    .s11-5-1{font-size: var(--f-b);line-height: 1.1;}
    .s11-5-2{color: var(--c10);margin-top: 60rem;}
    
    .s12-1{margin-top: 100rem;display: flex;align-items: flex-start;border-top: var(--sl) solid var(--c6);counter-reset: index;}
    .s12-2{display: flex;flex-direction: column;align-items: center;text-align: center;font-size: var(--f-b);line-height: 1.1;}
    .s12-2:not(:first-child){margin-left: var(--gap);}
    .s12-2::before{content: "(" counter(index, decimal-leading-zero) ")";counter-increment: index;letter-spacing: normal;font-family: var(--altfont);background-color: var(--c4);color: var(--c2);border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;white-space: nowrap;transform: translateY(-50%);width: 60rem;height: 60rem;font-style: italic;}
    
    .s13-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s13-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c11);opacity: .4;}
    .s13-2{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center;min-height: var(--app-height);padding: 140rem 0;}
    
    .s14{margin-top: calc(-1 * var(--headroom-height));}
    .s14-7{min-height: var(--app-height);padding-top: var(--headroom-height);display: flex;align-items: flex-end;}
    .s14-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s14-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c11);opacity: .4;}
    .s14-2{position: relative;z-index: 1;display: grid;align-items: flex-end;grid-template-columns: 1fr auto;grid-gap: var(--gap);padding: 60rem 0;width: 100%;}
    .s14-4{border-radius: var(--br2);color: var(--c0);background-color: var(--c7);padding: 10rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0;max-width: 540rem;margin-right: -30rem;backdrop-filter: blur(15px);}
    .s14-5{position: relative;overflow: hidden;display: flex;border-radius: var(--br1);}
    .s14-5::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s14-6{color: var(--c2);padding: 20rem;}
    .s14-6-1{font-size: var(--f-b);line-height: 1.1;max-width: 200rem;}
    .s14-6-2{margin-top: 10rem;font-size: var(--f-s);}
    .s14-6-3{margin-top: 25rem;}
    
    .s15 .section-header-title .title{text-transform: uppercase;font-size: var(--f-l1);line-height: 1.25;font-weight: 400;}
    .s15 .section-header-title .title i{text-transform: none;}
    
    .s16-1{padding: 400rem 0;position: relative;}
    .s16-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: grid;grid-template-columns: repeat(24, 1fr);grid-gap: var(--gap) 20rem;pointer-events: none;}
    .s16-4{position: relative;}
    .s16-4-1,
    .s16-4-2,
    .s16-4-3{display: flex;position: relative;overflow: hidden;border-radius: var(--br3);}
    .s16-4-1{padding-top: 55%;}
    .s16-4-2{padding-top: 130%;}
    .s16-4-3{padding-top: 70%;}
    
    .s17{margin: 0;}
    .s17-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s17-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c11);opacity: .4;}
    .s17-2{position: relative;z-index: 1;min-height: var(--app-height);padding: 80rem 0 80rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s17-3{grid-column: 2/3;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem 30rem;padding-top: 200rem;padding-bottom: 100rem;}
    .s17-4{display: flex;}
    .s17-6{color: var(--c0);background-color: var(--c7);border-radius: var(--br3);padding: 25rem;display: flex;flex-direction: column;align-items: center;text-align: center;backdrop-filter: blur(15px);}
    .s17-6-1{font-size: var(--f-b);line-height: 1.1;margin-bottom: 50rem;}
    .s17-6-2{margin: auto;width: 80rem;height: 80rem;position: relative;display: flex;align-items: center;justify-content: center;flex: auto;}
    .s17-6-3{margin-top: 25rem;}
    .s17-6-4{margin-top: 15rem;}
    
    .s404-1{display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 80rem;}
    .s404-2{max-width: 580rem;}
    .s404-3{margin-top: 60rem;font-size: var(--f-b);line-height: 1.1;}
    .s404-4{max-width: 580rem;margin-top: 20rem;color: var(--c10);}
    .s404-5{margin-top: 40rem;}
    
}

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

        --wr: 15rem;
        
        --gap: 10rem;

        --br1: 5rem;
        --br2: 10rem;
        --br3: 12rem;

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

        --f-s: 16rem;
        --f-d: 18rem;
        --f-m: 20rem;
        --f-b: 24rem;
        --f-l: 28rem;
        --f-l1: 32rem;
        --f-xl: 36rem;
        --f-xxl: 40rem;
        --f-xxxl: 52rem;

        --mw: 640rem; 
    
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button__default{width: 100%;}
    .button__secondary{width: 100%;}
    .button__inl{font-size: var(--f-s);}
    
    .header{padding-top: 10rem;}
    .topbar{padding: 10rem;margin: 0 -10rem;grid-template-columns: 1fr auto;}
    .topbar-nav{display: none;}
    .topbar-logo{max-width: 100rem;}
    
    .topbar-menu{width: 35rem;height: 35rem;display: flex;align-items: center;justify-content: center;position: relative;color: var(--c4);}
    .topbar-menu::before,
    .topbar-menu::after{content: "";left: 0;right: 0;height: var(--sl);background-color: currentColor;position: absolute;margin: 0 3rem;transition: all .25s;}
    .topbar-menu::before{margin-top: -7rem;}
    .topbar-menu::after{margin-top: 7rem;}
    
    .header.contrast.static .topbar-menu{color: var(--c0);}
    
    .header.contrast.static .topbar-menu.active,
    .topbar-menu.active{color: var(--c4);}
    .topbar-menu.active::before{margin-top: 0;transform: rotate(45deg);}
    .topbar-menu.active::after{margin-top: 0;transform: rotate(-45deg);}
    
    
    .footer{padding: 80rem 0 25rem;}
    .footer-grid{grid-template-columns: auto;grid-gap: 0;grid-template-areas: "f1" "f2" "f3" "f4" "f5" "f6";grid-template-rows: auto;}
    .f1{margin: 0;}
    .f1-1{margin: 0;width: 63vw;}
    .f1-2{text-align: left;}
    .f4{margin: 50rem 0 0;}
    .f4 ul{grid-auto-flow: row;margin: 0;grid-gap: 20rem;}
    .f5{margin-top: 20rem;}
    .f6{margin-top: 25rem;}
    .footer-nav{grid-gap: 50rem;}
    
    .footer-image{background-image: url(../img/footer-image-mobile.png);background-position: top;background-repeat: no-repeat;background-size: 100% auto;}
    .footer-image::after{content: "";position: absolute;top: 250vw;bottom: 0;background-image: linear-gradient(transparent, var(--c4), var(--c4));width: 100%;left: 0;}
    .footer-image img{display: none;}
    
    .breadcrumbs{font-size: var(--f-s);}
    
    .textbox h2{margin: 40rem 0 25rem;}
    
    .page-header{margin-bottom: 80rem;}
    .page-header-grid{grid-template-columns: auto;grid-gap: 30rem;padding-bottom: 30rem;}
    .page-header-right::before{display: none;}
    .page-header-aside:not(:first-child){margin-top: 25rem;}
    .page-header-subtitle:not(:first-child){margin-top: 25rem;}
    .page-header-action:not(:first-child){margin-top: 25rem;}
    
    .pagination-nav li{min-width: 35rem;height: 35rem;}
    
    .card-2 .card-inner{padding: 30rem 25rem;}
    .card-2 .card-header::before{padding-top: 65%;}
    .card-2 .card-subtitle{padding-right: 0;}
    .card-2 .card-footer{margin-top: 30rem;}
    
    .card-3 .card-content{margin-top: 20rem;}
    .card-3 .card-subtitle{margin-top: 15rem;}
    
    .section-header{align-items: flex-start;text-align: left;}
    .section-header:not(:last-child){margin-bottom: 30rem;}
    .section-header-subtitle{margin-top: 20rem;}
    .section-header-action{grid-template-columns: auto;width: 100%;margin-top: 30rem;}
    
    .section{margin-bottom: 100rem;}
    
    .section__contrast .section-header-subtitle{color: var(--c2);}
    
    .s1-2{grid-column: 1/-1;grid-gap: 40rem;}
    .s1-6{margin-bottom: 80rem;}
    
    .s2-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s2-2{margin-top: 80rem;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 40rem;}
    
    .s4-2{padding: 30rem 0;}
    
    .s5-1{grid-template-columns: auto;grid-gap: 80rem;}
    .s5-2{padding: 0;}
    .s5-9{margin-top: 25rem;}
    .s5-9-2{margin-top: 20rem;}
    
    .s6-1{margin-bottom: 60rem;}
    .s6-2{grid-gap: 60rem;}
    .s6-4{margin-bottom: 30rem;}
    .s6-5{grid-template-columns: auto;grid-gap: 40rem;}
    
    .s7-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s7-2{grid-column: auto;grid-template-columns: auto;grid-gap: var(--gap);order: 1;}
    
    .s8-3{padding: 25rem 15rem;grid-template-columns: auto 1fr;}
    .s8-4{grid-column: 2/3;}
    .s8-5{grid-column: 2/3;padding-right: 10rem;}
    .s8-6{grid-column: 2/3;padding-right: 10rem;}
    .s8-7{grid-column: 1/3;grid-row: auto;height: 200rem;margin-top: 25rem;}
    
    .s8-3:not(.active) .s8-7{height: 0;margin: 0;}
    
    .s9-1{padding: 60rem 0;grid-template-columns: auto;}
    .s9-4{grid-column: auto;margin: 0 var(--awr);overflow: hidden;padding: 0 var(--wr);}
    .s9-2{padding: 0;}
    .s9-2-2{margin-top: 25rem;}
    .s9-3{margin: 30rem var(--awr) 0;overflow: auto;display: grid;grid-auto-flow: column;grid-gap: var(--gap);padding: 0 var(--wr);overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x mandatory;scroll-padding: var(--wr);}
    .s9-3::-webkit-scrollbar{display: none;}
    .s9-3-1{width: 320rem;scroll-snap-align: start;}
    
    .s10-1{grid-template-columns: auto;grid-gap: 25rem;}
    .s10-2{padding: 30rem 25rem;}
    .s10-2-1{width: 60rem;height: 60rem;margin-bottom: 25rem;}
    .s10-2-3{margin-top: 15rem;}
    
    .s11-1{grid-template-columns: auto;grid-gap: 25rem;}
    .s11-2{grid-column: auto;order: 1;min-height: 0;}
    .s11-5{padding: 30rem 25rem;}
  
    .s12-1{margin-top: 40rem;flex-direction: column;align-items: center;border-top: none;}
    .s12-2:not(:first-child){margin-top: 40rem;}
    .s12-2::before{transform: none;margin-bottom: 25rem;}
    
    .s13-2{justify-content: flex-end;padding: 30rem 0;}
    
    .s14-2{grid-template-columns: auto;grid-gap: 25rem;padding: 15rem 0;}
    .s14-4{grid-template-columns: 115rem 1fr;margin: 0;grid-gap: var(--gap);}
    .s14-6{padding: 0;}
    .s14-6-1{font-size: var(--f-d);}
    .s14-6-3{margin-top: 15rem;}
    
    .s15 .section-header{align-items: center;text-align: center;}
    
    .s16-1{padding: 0;}
    .s16-3{position: relative;top: auto;left: auto;height: auto;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);margin-top: 40rem;}
    .s16-4:nth-child(n + 3){display: none;}
    .s16-4-1,
    .s16-4-2,
    .s16-4-3{padding-top: 120%;transform: none!important;}
    
    .s17{background-color: transparent;color: var(--c1);margin-bottom: 0;}
    .s17-1{display: flex;order: 1;margin: 30rem var(--awr) 0;padding-top: 75%;position: relative;top: auto;left: auto;width: auto;height: auto;}
    .s17-1::after{display: none;}
    .s17-2{padding: 0;min-height: 0;grid-template-columns: auto;grid-gap: 0;}
    .s17-3{grid-column: auto;grid-template-columns: auto;grid-gap: 25rem;padding: 0;}
    .s17-6{background-color: var(--c0);color: var(--c1);padding: 30rem 25rem;box-shadow: inset 0 0 var(--sl) var(--c7);}
    .s17-6-1{margin-bottom: 30rem;}
    .s17-6-2{width: 60rem;height: 60rem;color: var(--c4);}
    .s17-6-3{margin-top: 30rem;}
    .s17-5{display: flex;flex-direction: column;}
    
    
    .s404-3{margin-top: 50rem;}
    .s404-4{margin-top: 15rem;}
    .s404-5{margin-top: 30rem;width: 100%;}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c0);color: var(--c1);z-index: 9;transition: clip-path .25s, visibility .25s;clip-path: inset(0 0% 0 0);}
    .popup-inner{position: absolute;top: var(--headroom-height);left: 0;width: 100%;overflow: auto;display: flex;flex-direction: column;bottom: 0;padding: 40rem var(--wr);}
    .popup-footer{margin-top: 40rem;}
    
    .popup:not(.active){clip-path: inset(0 100% 0 0);visibility: hidden;}
    
    .menu{flex: auto;}
    .menu > ul{display: grid;grid-template-columns: auto;grid-gap: 25rem;}
    .menu > ul > li{border-bottom: var(--sl) solid var(--c6);padding-bottom: 25rem;}
    .menu > ul > li > a,
    .dropdown > a{font-size: var(--f-b);line-height: 1.1;}
    
    .dropdown{flex-wrap: wrap;margin: 0;padding: 0;}
    .dropdown ul{width: 100%;margin-top: 20rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;padding: 0 30rem;}
    
    .dropdown.active .dropdown-chevron{transform: scaleY(-1);}
    .dropdown:not(.active) ul{display: none;}
    
}


@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .dropdown::after{content: "";position: absolute;bottom: 0;z-index: 2;height: var(--sl);background-color: var(--c4);width: 100%;transform-origin: right;transition: transform .25s;}
    .dropdown ul{position: absolute;top: 100%;left: 0;background-color: var(--c2);z-index: 1;color: var(--c1);padding: 30rem;display: grid;grid-template-columns: auto;grid-gap: 15rem;border: var(--sl) solid var(--c6);width: max-content;margin-top: calc(-1 * var(--sl));min-width: 100%;}
    
    
    .footer-image::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c11);opacity: .2;}
    
    .page-header-left:last-child{grid-column: 1/-1;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .page-header-left:last-child .page-header-aside{grid-column: 3/4;}

    .s9-3-1:nth-child(2){position: absolute;top: 0;left: 100%;bottom: 0;width: 100%;margin-left: calc((100% + var(--gap)) / 3 * 2 + var(--gap));}
    .s9-3-1:nth-child(n + 3){display: none;}
    
    .s16-4:nth-child(1){grid-column: 3/11;}
    .s16-4:nth-child(2){grid-column: 19/25;}
    .s16-4:nth-child(3){grid-column: 1/7;margin-top: auto;}
    .s16-4:nth-child(4){grid-column: 15/22;margin-top: auto;}
    
    .s17-4:nth-child(even) .s17-6{transform: translateY(-100rem);}
    
    .s17-6{transition-duration: .5s;transition-property: transform, opacity, visibility;overflow: hidden;}
    
    .s17-4:nth-child(even) .s17-6{}
    .s17-4:not(.visible) .s17-6{transform: translateY(40rem);opacity: 0;visibility: hidden;}
    
}

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

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .button__inl{}
    .button__inl:hover{text-decoration-color: var(--c5);}
    
    .button__default{transition: all .15s;}
    .button__default:hover{background-color: transparent;color: var(--c4);}
    .section__contrast .button__default:hover{color: var(--c2);border-color: var(--c2);}
    
    .button__secondary{transition: all .15s;}
    .button__secondary:hover{background-color: var(--c4);color: var(--c2);border-color: var(--c4);}
    .section__contrast .button__secondary:hover{color: var(--c1);border-color: var(--c2);background-color: var(--c2);}
    
    .card-media{transition: transform .25s, opacity .25s;will-change: transform;}
    
    .card:hover .card-media{transform: scale(1.05);}
    
    .card-3 .card-header-action{opacity: 0;visibility: hidden;transition: all .25s;}
    
    .card-3:hover .card-header-action{opacity: 1;visibility: visible;}
    .card-3:hover .card-media{opacity: .5;}
    
    .topbar-nav a,
    .breadcrumbs a,
    .bottombar-author a,
    .footer-nav a,
    .f4 a,
    .s1-5-2 a,
    .s5-9-2 a{transition: background-size .25s, color .25s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;padding-bottom: 0;}
    
    .dropdown > a{background: none;}
    
    .topbar-nav a:hover,
    .dropdown:hover > a,
    .breadcrumbs a:hover,
    .bottombar-author a:hover,
    .footer-nav a:hover,
    .f4 a:hover,
    .s1-5-2 a:hover,
    .s5-9-2 a:hover{background-size: 100% var(--sl);background-position: left bottom;}

    .bottombar-author a:hover,
    .f4 a:hover{color: var(--c0);}
    
    .dropdown:hover .dropdown-chevron{transform: scaleY(-1);}
    
    .dropdown ul{transition: all .15s;}
    .dropdown:not(:hover) ul{visibility: hidden;opacity: 0;transform: translateY(20rem);}
    
    .dropdown:not(:hover)::after{transform: scaleX(0);}
    .dropdown:hover::after{transform-origin: left;}
    
    
    .tabs li{transition: all .15s;}
    .tabs li:hover{background-color: var(--c1);color: var(--c2);border-color: var(--c1);}
    
    .pagination-nav li a{transition: all .15s;}
    .pagination-nav li a:hover{border-color: var(--c4);}
    
    .pagination-arrow{transition: color .15s;}
    .pagination-arrow:hover{color: var(--c5);}
    
    .s17-4:hover{z-index: 2;}
    
}