@charset "UTF-8";

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


:root{

	--app-height: 100vh;
	--headroom-height: 120rem;


	--c0: #01233D; 
	--c1: #FFFFFF;
	--c2: #212121;
	--c3: #00B9FF;
	--c4: #0E2E47;
	--c5: #FC3636;
	--c6: rgba(255,255,255,.5);
	--c7: rgba(255,255,255,.8);
	--c8: #000000;
	--c9: #4D6577;
	--c10: #DBDFE2;
	--c11: #E4E6E8;
	--c12: rgba(255,255,255,.2);
	--c13: rgba(0,0,0,.6);
	--c14: rgba(255,255,255,.1);
	--c15: rgba(0,0,0,.9);

	--wr: 40rem;
	--awr: calc(-1 * var(--wr));

	--gap: 20rem;
	--sl: max(1px, 1rem);

	--br1: 10rem;

	--altfont: 'Aktiv Grotesk', sans-serif;

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

	--chevron-gt: url("data:image/svg+xml,%3Csvg viewBox='0 0 81 81' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.3323 40.4406L31.6656 8.77387L40.4395 0L80.8785 40.4408L40.4395 80.8798L31.6663 72.1066L63.3323 40.4406Z' fill='%2300B9FF'%3E%3C/path%3E%3C/svg%3E%0A");
	--chevron-lt: url("data:image/svg+xml,%3Csvg viewBox='0 0 81 81' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5466 40.4406L49.2133 8.77387L40.4395 0L0.000385509 40.4408L40.4394 80.8798L49.2126 72.1066L17.5466 40.4406Z' fill='%2300B9FF'%3E%3C/path%3E%3C/svg%3E%0A");


	--f-xxs: max(14px, 12rem);
	--f-xs: max(14px, 16rem);
	--f-s: max(14px, 18rem);
	--f-d: max(14px, 20rem);
	--f-m: max(14px, 24rem);
	--f-b: max(14px, 32rem);
	--f-l: max(14px, 48rem);
	--f-xl: max(14px, 72rem);
	--f-xxl: max(14px, 88rem);
	--f-xxxl: max(14px, 100rem);

	--mw: 1600px; 


}


/* globals */

@media screen {

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

	.document{font-weight: 400;font-family: 'Inter', sans-serif;font-size: var(--f-d);line-height: normal;color: var(--c1);background-color: var(--c0);letter-spacing: -.01em;}

	.popup-active{}

	.wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}

	.preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s .25s;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;}
	.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);font-family: var(--altfont);letter-spacing: -.05em;font-weight: 500;}
	.button-icon{display: flex;align-items: center;justify-content: center;width: max(20px, 24rem);height: max(20px, 24rem);flex: none;margin: 0 15rem;}
	.button-icon:first-child{margin-left: 0;}
	.button-icon:last-child{margin-right: 0;}

	.button__default{background-color: var(--c1);color: var(--c2);border: var(--sl) solid var(--c1);padding: 0 30rem;height: var(--btn);}
	.button__default .button-text{}

	.button__wide{min-width: 320rem;width: 100%;}

	.title,
	.altfont,
	.textbox h2{font-family: var(--altfont);font-weight: 500;}

	.title{width: 100%;line-height: 1;}
	.title__large{font-size: var(--f-xxl);letter-spacing: -.04em;}
	.title__default{font-size: var(--f-xl);letter-spacing: -.05em;}
	.title__medium{font-size: var(--f-l);letter-spacing: -.04em;font-weight: 400;}

	.textbox h2{font-size: var(--f-b);letter-spacing: -.04em;}


	.swiper-pagination-bullet{width: max(6px, 8rem);height: max(6px, 8rem);border-radius: 999rem;margin: 0 3rem!important;transition: all .3s linear;background-color: var(--c12);opacity: 1;position: relative;}
	.swiper-pagination-bullet::before{content: "";border-radius: inherit;min-width: max(6px, 8rem);height: 100%;background-color: currentColor;position: absolute;opacity: 0;width: 0%;}
	.swiper-pagination-bullet-active{width: 50rem;}

	.carousel-autoplay-init .swiper-pagination-bullet-active::before{opacity: 1;width: 100%;transition: width 5s linear;}


	.container{display: flex;flex-direction: column;min-height: var(--app-height);}

	.header{position: relative;z-index: 10;padding-bottom: 10rem;}

	.header.init{position: sticky;top: calc(-1 * var(--headroom-height));transition: all .25s ease;z-index: 99;}
	.header.init::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-image: linear-gradient(var(--c8), rgba(0,0,0,0));opacity: 0;transition: opacity .15s;}
	.header.active{top: 0;}
	.header.active::before{opacity: .7;}

	.topbar{display: grid;grid-template-columns: auto 1fr auto auto;align-items: center;grid-gap: 70rem;padding: 40rem 0;}
	.topbar-logo{margin-right: 50rem;max-width: 160rem;}
	.topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 40rem;font-size: var(--f-s);}
	.topbar-dropdown{display: grid;grid-auto-flow: column;grid-gap: 40rem;align-items: center;margin-right: auto;}
	.topbar-dropdown-item{position: relative;}
	.topbar-dropdown-button{font-size: var(--f-s);color: var(--c7);padding: 15rem;min-height: var(--btn);display: flex;align-items: center;}
	.topbar-dropdown-icon{flex: none;margin-right: 10rem;position: relative;width: 16px;height: 16px;will-change: transform;}
	.topbar-dropdown-icon::before,
	.topbar-dropdown-icon::after{content: "";position: absolute;width: 9px;height: 9px;}
	.topbar-dropdown-icon::before{bottom: 0;left: 0;border-right: 2px solid;border-top: 2px solid;}
	.topbar-dropdown-icon::after{top: 0;right: 0;border-left: 2px solid;border-bottom: 2px solid;}

	.submenu{position: absolute;top: 100%;left: 0;background-color: var(--c15);padding: 20rem;display: grid;grid-template-columns: 1fr 1.25fr;grid-gap: var(--gap);width: 800rem;}
	.submenu-main{display: flex;flex-direction: column;}
	.submenu-main::before,
	.submenu-main::after{content: "";flex: none;height: 30rem;border: var(--sl) solid var(--c12);}
	.submenu-main::before{border-bottom: none;}
	.submenu-main::after{border-top: none;}
	.submenu-image{position: relative;overflow: hidden;}
	.submenu-image-change{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;transition: opacity .5s;}
	.submenu-list{padding: 0 20rem;display: grid;grid-template-columns: auto;grid-gap: 25rem;}
	.submenu-item{position: relative;display: flex;align-items: center;width: 100%;}
	.submenu-item-icon{flex: none;width: max(40px, 48rem);height: max(40px, 48rem);background-color: var(--c14);border: var(--sl) solid var(--c14);padding: 12rem;margin-right: 15rem;display: flex;align-items: center;justify-content: center;}
	.submenu-item-title{font-size: var(--f-s);}

	.main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}

	.page-header{position: relative;width: 100%;margin-top: calc(-1 * var(--headroom-height));}
	.page-header .carousel-text{width: 100%;z-index: 2;pointer-events: none;}
	.page-header .carousel-text .swiper-slide{pointer-events: none;}
	.page-header-inner{padding-top: var(--headroom-height);display: flex;flex-direction: column;align-items: flex-start;z-index: 2;position: relative;}
	.page-header-inner:not(:only-child){padding-bottom: 150rem;min-height: calc(var(--app-height) / 4 * 3);}
	.page-header .carousel-text .page-header-inner{min-height: var(--app-height);padding-bottom: 48rem;}
	.page-header-pretitle{display: flex;align-items: flex-end;min-height: 150rem;padding: 50rem 0 15rem;}
	.page-header-date{color: var(--c6);}
	.page-header-title{max-width: 1220rem;}
	.page-header-title:first-child{margin-top: 150rem;}
	.page-header-subtitle{max-width: 720rem;margin-top: 25rem;font-size: var(--f-m);}
	.page-header-action{margin-top: 50rem;pointer-events: all;}
	.page-header-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.page-header-media::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.2),rgba(0,0,0,.75));}
	.page-header-media .carousel-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

	.page-header .carousel-pagination{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;display: flex;justify-content: center;padding: 50rem 0;pointer-events: all;}

	.section-delimiter{margin-top: 150rem;height: 80rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.section-delimiter::before,
	.section-delimiter::after{content: "";background-repeat: repeat-x;background-size: auto 100%;}
	.section-delimiter::before{background-image: var(--chevron-gt);background-position: right;}
	.section-delimiter::after{background-image: var(--chevron-lt);background-position: left;}

	.section{position: relative;z-index: 1;overflow-x: clip;margin-top: 150rem;}
	.section:only-child{flex: auto;}
	.section:last-child{margin-bottom: 150rem;}

	.section__contrast{padding: 120rem 0;background-color: var(--c1);color: var(--c2);}
	.section__contrast:last-child{margin-bottom: 0;}

	.section__contrast .button__default{background-color: var(--c2);color: var(--c1);}

	.section-delimiter + .section{margin-top: 110rem;}

	.page-header + .section__contrast{margin-top: 0;}

	.section-header{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
	.section-header:not(:last-child){margin-bottom: 50rem;}
	.section-header:not(:last-child)::after{content: "";width: 100%;height: var(--sl);background-color: currentColor;opacity: .2;margin-top: 30rem;grid-column: 1/-1;}
	.section-header-title{padding-right: 50rem;}
	.section-header-title:only-child{grid-column: 1/-1;padding-right: 0;}
	.section-header-subtitle{padding: .5em 0;max-width: 535rem;}
	.section-header-action{margin-top: 30rem;}
	.section-header-title + .section-header-action{margin: 20rem 0 0 auto;}


	.footer{overflow: hidden;margin-top: 0;padding: 0 0 30rem;}
	.footer-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 0 var(--gap);grid-template-areas: "f1 . f2 f2" "f3a f3a f2 f2" "f3b f3b f4 f5" "f6 f6 f6 f6" "f7 f8 f8 .";}
	.footer-logo{width: 100%;max-width: 275rem;}
	.f1{grid-area: f1;padding-top: 60rem;}
	.f2{grid-area: f2;padding: 60rem 0 50rem 40rem;position: relative;}
	.f2-1{max-width: 600rem;}
	.f2-1-1 .title{font-size: var(--f-b);}
	.f2-1-2{margin-top: 10rem;color: var(--c7);font-size: var(--f-xs);}
	.f2-2{margin-top: 30rem;max-width: 550rem;}
	.f2-2-1 input{font-size: var(--f-xs);padding-bottom: .75em;border-bottom: var(--sl) solid var(--c12);width: 100%;transition: all .25s;}
	.f2-2-1 input:focus{border-bottom-color: var(--c6);}
	.f2-2-2{margin-top: 30rem;}
	.f3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50rem var(--gap);font-size: var(--f-xs);}
	.f3__a{grid-area: f3a;padding-bottom: 50rem;margin-top: 60rem;}
	.f3__b{grid-area: f3b;padding-bottom: 80rem;}
	.f3-2{margin-bottom: 20rem;display: flex;align-items: center;}
	.f3-3 ul{display: grid;grid-template-columns: auto;grid-gap: .5em;color: var(--c7);}
	.f4{grid-area: f4;padding: 0 0 80rem 40rem;position: relative;font-size: var(--f-xs);}
	.f4-1{margin-bottom: 20rem;display: flex;align-items: center;}
	.f4-2 ul{display: grid;grid-template-columns: auto;grid-gap: .5em;color: var(--c7);}
	.f5{grid-area: f5;padding-bottom: 80rem;display: flex;flex-direction: column;margin-left: auto;align-items: flex-start;}
	.f5-1{margin-bottom: 20rem;font-size: var(--f-xxs);color: var(--c7);}
	.f5-2{display: flex;width: 100%;}
	.f5-2 img{width: auto;}
	.f6{grid-area: f6;padding: 30rem 0;border-top: var(--sl) solid var(--c12);border-bottom: var(--sl) solid var(--c12);margin-bottom: var(--gap);}
	.f7{grid-area: f7;font-size: var(--f-xs);color: var(--c7);}
	.f8{grid-area: f8;font-size: var(--f-xs);color: var(--c7);display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.f8-1{text-align: right;}
	.f8-2{position: relative;}

	.f3-2::before,
	.f4-1::before{content: "";width: 1em;height: 1em;margin-right: 10rem;flex: none;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 15.7713H20.2284V0H15.771V15.7713H0V20.2287H15.771V36H20.2284V20.2287H36V15.7713Z' fill='white'%3E%3C/path%3E%3C/svg%3E%0A");}

	.f2::before,
	.f4::before,
	.f8-2::before{content: "";position: absolute;top: 0;right: 100%;width: var(--sl);background-color: currentColor;opacity: .2;height: 100%;margin-right: calc( (var(--gap) - var(--sl)) / 2);}

	.f2:not(.success) .f2-1.success,
	.f2.success .f2-1:not(.success){display: none;}

	.textbox{color: var(--c7);}
	.textbox h2{color: var(--c1);margin: 120rem 0 40rem;}
	.textbox h2:first-child{margin-top: 0;}
	.textbox a{text-decoration: underline;}
	.textbox b{}
	.textbox img{margin: 60rem 0;}
	.textbox p:first-child img{margin-top: 0;}
	.textbox p:last-child img{margin-bottom: 0;}
	.textbox ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
	.textbox ul li{margin-left: 1em;position: relative;}
	.textbox ul li::before{content: "\2022";right: 100%;width: 1em;text-align: left;position: absolute;}

	.player{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;padding: 40rem;pointer-events: all;cursor: pointer;}
	.player-holder{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: .8;}
	.player-button{position: relative;z-index: 1;margin: auto;display: flex;align-items: center;justify-content: center;width: max(48px, 54rem);height: max(48px, 54rem);padding: 20rem;background-color: var(--c1);color: var(--c0);border-radius: 50%;}

	.audio{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;padding: 20rem;background-color: var(--c10);pointer-events: all;}

	.formbox{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
	.formbox-row{width: 100%;display: flex;}
	.formbox-cell{flex: 1;}
	.formbox-cell + .formbox-cell{margin-left: var(--gap);}
	.formbox-footer{margin-top: 40rem;}
	.formbox-footer .button{min-width: 190rem;}

	.textfield{display: flex;overflow: hidden;transition: background-color .15s;background-color: var(--c4);align-items: center;}
	.textfield:focus-within{background-color: var(--c12);}
	.textfield-icon{flex: none;display: flex;align-items: center;justify-content: center;width: max(20px, 24rem);height: max(20px, 24rem);margin-right: 30rem;}
	.textfield-input{text-overflow: ellipsis;resize: none;width: 100%;color: var(--c1);padding: 20rem 20rem;min-height: max(48px, 54rem);font-size: var(--f-s);}

	.textfield-input-wpform input, .textfield-input-wpform textarea {text-overflow: ellipsis;resize: none;width: 100%;color: var(--c1);padding: 20rem 20rem;min-height: max(48px, 54rem);font-size: var(--f-s);}
	.textfield-input:not(textarea){padding: 0 20rem;}
	.textfield-input-wpform input {padding: 0 20rem;}
	.textfield-input-wpform {
		display: flex;
		overflow: hidden;
		transition: background-color .15s;
		background-color: var(--c4);
		align-items: center;
	}
	.wpforms-field-container {
		display: flex;
		flex-wrap: wrap;
		gap: 18px;
	}	
	.textfield-input-wpform label {
		display: none;
	}
	.textfield-error{display: none;color: var(--c5);font-size: var(--f-xs);margin-top: .5em;}
	.textfield.error .textfield-input{color: var(--c5);}
	.textfield.error .textfield-input::-webkit-input-placeholder{opacity: 1;}
	.textfield.error ~ .textfield-error{display: block;}

	.selector{position: relative;min-width: 250rem;border: var(--sl) solid var(--c12);background-color: var(--c4);}
	.selector-holder{display: flex;align-items: center;padding: 15rem;cursor: pointer;user-select: none;}
	.selector-holder-pretitle{opacity: .5;}
	.selector-holder-input{margin: 0 .3em;flex: auto;}
	.selector-holder-icon{display: flex;align-items: center;justify-content: center;width: max(14px, 16rem);height: max(14px, 16rem);flex: none;will-change: transform;}
	.selector-list{position: absolute;width: 100%;padding: 0 15rem 20rem;z-index: 99;display: grid;grid-template-columns: auto;grid-gap: 15rem;transition: all 0s;will-change: transform;border: var(--sl) solid var(--c12);background-color: var(--c4);color: var(--c1);border-top: none;}
	.selector-option{cursor: pointer;}
	.selector-option.active{pointer-events: none;color: var(--c3);}

	.selector.active{border-bottom-color: transparent;}
	.selector.active .selector-holder-icon{transform: scaleY(-1);}

	.selector-list:not(.active){visibility: hidden;opacity: 0;}

	.cookies-alert{position: fixed;bottom: 0;left: 0;z-index: 99;pointer-events: none;width: 100%;padding: 30rem;}
	.cookies-alert-inner{pointer-events: all;max-width: 480rem;width: 100%;background-color: var(--c13);color: var(--c1);padding: 24rem max(40px, 64rem) 24rem 24rem;backdrop-filter: blur(20px);position: relative;will-change: transform;transition: all .5s;}
	.cookies-alert-text{font-size: var(--f-xxs);}
	.cookies-alert-button{margin-top: 24rem;}
	.cookies-close{position: absolute;top: 0;right: 0;z-index: 1;display: flex;width: max(20px, 24rem);height: max(20px, 24rem);margin: 24rem;align-items: center;justify-content: center;cursor: pointer;}

	.cookies-alert:not(.active) .cookies-alert-inner{transform: translateY(50%);opacity: 0;}

}

/* cards */

@media screen {

	.card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;}

	.card-title{letter-spacing: -.04em;font-family: var(--altfont);font-weight: 500;}
	.card-subtitle{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.card-header-text{position: relative;margin: auto;color: var(--c1);z-index: 1;line-height: 1;opacity: 0;pointer-events: none;}
	.card-header-text::before,
	.card-header-text::after{content: "";width: 1.5em;height: 1.5em;position: absolute;top: -.25em;margin: 0 .5em;background-position: center;background-repeat: no-repeat;background-size: contain;}
	.card-header-text::before{left: 100%;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5459 21.5469L16.6672 19.4256L9.2426 12.0009L16.6672 4.57631L14.5459 2.45499L4.99996 12.0009L14.5459 21.5469Z' fill='white'%3E%3C/path%3E%3C/svg%3E");}
	.card-header-text::after{right: 100%;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5459 21.5469L7.42458 19.4256L14.8492 12.0009L7.42458 4.57631L9.5459 2.45499L19.0918 12.0009L9.5459 21.5469Z' fill='white'%3E%3C/path%3E%3C/svg%3E");}

	.card-1{overflow: visible;}
	.card-1 .card-header{position: relative;overflow: hidden;display: flex;z-index: 2;pointer-events: none;background-color: var(--c8);}
	.card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 60%;}
	.card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-1 .card-content{margin-top: 20rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 10rem var(--gap);align-items: flex-start;}
	.card-1 .card-title{font-size: var(--f-m);}
	.card-1 .card-date{opacity: .5;font-size: var(--f-xs);}
	.card-1 .card-subtitle{grid-column: 1/-1;opacity: .7;font-size: var(--f-xs);max-width: 350rem;}
	.card-1 .card-action{opacity: .8;font-size: var(--f-s);text-decoration: underline;display: none;}

	.card-2{overflow: visible;}
	.card-2 .card-header{position: relative;overflow: hidden;display: flex;background-color: var(--c8);}
	.card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 60%;}
	.card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-2 .card-content{margin-top: 30rem;}
	.card-2 .card-title{font-size: var(--f-b);}
	.card-2 .card-title:not(:last-child){margin-bottom: 25rem;}
	.card-2 .card-subtitle{opacity: .7;font-size: var(--f-m);}
	.card-2 .card-subtitle:not(:last-child){margin-bottom: .5em;}
	.card-2 .card-text{max-width: 365rem;font-size: var(--f-xs);opacity: .7;}

	.card-3 .card-header{position: relative;overflow: hidden;display: flex;}
	.card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 125%;}
	.card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.card-3 .card-content{margin-top: 25rem;}
	.card-3 .card-title{font-size: var(--f-m);}
	.card-3 .card-subtitle{opacity: .7;font-size: var(--f-m);margin-top: 10rem;}



}

/* sections */

@media screen {

	.s1-1{width: 100%;max-width: 800rem;margin: 0 auto;}

	.s2-1{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 70rem var(--gap);}
	.s2-3{margin-bottom: 70rem;display: grid;grid-template-columns: 1fr auto;align-items: flex-end;grid-gap: var(--gap);}

	.s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s3-2{display: flex;flex-direction: column;}
	.s3-2:first-child{padding-right: 80rem;}
	.s3-2-1{margin-bottom: auto;}
	.s3-2-2{margin-top: 50rem;max-width: 535rem;}
	.s3-2-3{margin-top: 30rem;max-width: 375rem;}
	.s3-3{position: relative;overflow: hidden;display: flex;}
	.s3-3::before{content: "";flex: none;width: 0;padding-top: 90%;}


	.s4-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
	.s4-2{position: relative;display: flex;overflow: hidden;background-color: var(--c4);}
	.s4-2::before{content: "";flex: none;width: 0;padding-top: 60%;}
	.s4-2-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 60rem 100rem;}

	.s5-1{position: relative;padding: 40rem 0;display: flex;background-color: var(--c8);}
	.s5-1::before{content: "";flex: none;width: 0;padding-top: 40%;}
	.s5-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: .6;}
	.s5-3{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40rem var(--gap);position: relative;z-index: 1;grid-template-areas: "a1 a1 a1 ." "a3 . a2 a2";align-items: flex-end;}
	.s5-3-1{grid-area: a1;padding-left: 40rem;max-width: 1000rem;}
	.s5-3-2{grid-area: a2;padding-right: 20rem;}
	.s5-3-3{grid-area: a3;padding-left: 40rem;}

	.s6-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.s6-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));}
	.s6-2{position: relative;z-index: 1;padding: 120rem 0 80rem;display: flex;flex-direction: column;min-height: 50vw;align-items: center;overflow: hidden;}
	.s6-3{text-align: center;color: var(--c9);margin-bottom: auto;max-width: 1000rem;}
	.s6-3 .title img{height: 1em;width: auto;display: inline-block;vertical-align: middle;margin: 0 .2em;}
	.s6-4{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);margin-top: 100rem;width: 100%;}
	.s6-5{display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: flex-end;}
	.s6-6{font-size: var(--f-l);}
	.s6-7{height: 32px;width: 32px;margin-bottom: 10rem;position: relative;will-change: transform;}
	.s6-7::before,
	.s6-7::after{content: "";position: absolute;width: 18px;height: 18px;border-width: 4px;}
	.s6-7::before{bottom: 0;left: 0;border-right-style: solid;border-top-style: solid;}
	.s6-7::after{top: 0;right: 0;border-left-style: solid;border-bottom-style: solid;}
	.s6-8{padding-top: 24rem;font-size: var(--f-s);color: var(--c7);max-width: 300rem;}
	.s6-9{margin-top: 32rem;}
	.s6-11{flex: none;display: flex;flex-direction: column;align-items: center;}

	.s7-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50rem var(--gap);}

	.s8-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s8-2{background-color: var(--c4);padding: 40rem;display: flex;flex-direction: column;}
	.s8-2::before{content: "";flex: none;width: 100%;height: var(--sl);margin: 35rem 0;opacity: .15;background-color: currentColor;}
	.s8-3{order: -1;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
	.s8-3-1{font-size: var(--f-b);}
	.s8-3-2{color: var(--c6);font-size: var(--f-xs);}
	.s8-4{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-start;}
	.s8-4-1{max-width: 350rem;color: var(--c7);font-size: var(--f-xs);}
	.s8-4-2{min-width: 180rem;}
	.s8-4-2 .button{width: 100%;}

	.s10-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 35rem var(--gap);align-items: flex-start;}
	.s10-2:nth-child(n + 6){display: none;}

	.s11-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 35rem var(--gap);align-items: flex-start;}
	.s11-2:nth-child(n + 6){display: none;}

	.s12-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);align-items: flex-start;}
	.s12-2{display: grid;grid-gap: 30rem var(--gap);grid-template-columns: auto;align-items: flex-start;position: relative;}
	.s12-2-1{position: relative;overflow: hidden;display: flex;}
	.s12-2-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
	.s12-2-3{font-size: var(--f-s);}

	.s13-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s13-2{grid-column: 2/3;display: grid;grid-template-columns: auto;grid-gap: 30rem;}
	.s13-3{position: relative;display: flex;}
	.s13-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
	.s13-4{padding: 20rem 0;user-select: none;}
	.s13-4:first-child{padding-top: 0;}
	.s13-4:not(:last-child){border-bottom: var(--sl) solid var(--c12);}
	.s13-5{display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: var(--gap);opacity: .5;transition: opacity .15s;cursor: pointer;}
	.s13-5-1{font-size: var(--f-m);transition: all .15s;position: relative;font-weight: 500;}
	.s13-5-1::before{content: "";position: absolute;top: 0;left: -.35em;height: 100%;width: var(--f-l);background-position: left center;background-size: contain;background-image: var(--chevron-gt);background-repeat: no-repeat;transition: opacity .35s .15s, transform .35s .15s;will-change: transform;}
	.s13-5-2{display: flex;align-items: center;justify-content: center;width: max(20px, 24rem);height: max(20px, 24rem);will-change: transform;}
	.s13-6{}
	.s13-6-1{font-size: var(--f-m);}
	.s13-6-2{max-width: 365rem;color: var(--c7);font-size: var(--f-xs);}
	.s13-6-2:not(:first-child){margin-top: 20rem;}
	.s13-7{position: absolute;width: 100%;height: 100%;top: 0;right: 100%;margin-right: var(--gap);transition: opacity 1s;}
	.s13-8{width: 100%;}
	.s13-9{overflow: hidden;transition: all .15s;height: auto;padding: 20rem 0 0 80rem;width: 100%;}

	.s13-4.active .s13-5{opacity: 1;}
	.s13-4.active .s13-5-1{font-size: var(--f-l);padding-left: 80rem;}
	.s13-4.active .s13-5-2{transform: scaleY(-1);}
	.s13-4:not(.active) .s13-5-1::before{opacity: 0;transition-delay: 0s;transition-duration: .1s;transform: translateX(-50%);}
	.s13-4:not(.active) .s13-7{opacity: 0;}
	.s13-4:not(.active) .s13-9{height: 0;padding-top: 0;opacity: 0;}

	.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(--c8);opacity: .7;}
	.s14-2{position: relative;z-index: 1;padding: 150rem 0 200rem;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s14-3{grid-column: 1/-1;}
	.s14-4{margin-top: 130rem;grid-column: 2/3;max-width: 675rem;}
	.s14-5{margin-top: 80rem;grid-column: 1/-1;display: flex;}
	.s14-6{font-size: var(--f-b);}
	.s14-6 .title{font-weight: 400;}
	.s14-7{margin-top: 30rem;}
	.s14-7-1{}
	.s14-7-2{font-size: var(--f-xs);margin-top: .25em;color: var(--c6);}
	.s14-8{flex: 1;border-top: var(--sl) solid var(--c12);padding-top: 30rem;}
	.s14-8 + .s14-8{margin-left: var(--gap);}
	.s14-8-1{font-size: var(--f-xl);}
	.s14-8-2{margin-top: 15rem;}

	.s14 + .section{margin-top: 0;}

	.s15-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
	.s15 .section-header{grid-template-columns: auto;grid-template-rows: auto 1fr auto;min-height: 100%;}
	.s15 .section-header::after{content: "";display: block;background-repeat: repeat-x;background-size: auto 100%;background-image: var(--chevron-gt);background-position: left;margin-top: 100rem;width: 70%;padding-top: 10%;margin-left: -3.5%;}
	.s15 .section-header-subtitle{padding: 0;margin-top: 35rem;max-width: 460rem;margin-bottom: auto;}


	.s15-1:not(.success) .s15-2.success,
	.s15-1.success .s15-2:not(.success){display: none;}

	.s16-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);}
	.s16-2{display: flex;flex-direction: column;}
	.s16-3{display: flex;position: relative;grid-column: 2/5;margin: 0 var(--awr) 0 var(--gap);border: var(--sl) solid var(--c12);background-color: var(--c4);}
	.s16-3::before{content: "";flex: none;width: 0;padding-top: 50%;}
	.s16-4{flex: none;}
	.s16-5{flex: auto;margin-top: 60rem;display: flex;flex-direction: column;position: relative;}

	.s16-6{margin-bottom: 1em;font-size: var(--f-m);}
	.s16-8{position: relative;}
	.s16-8.scroll::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100rem;background-image: linear-gradient(rgba(0,0,0,0), var(--c0));z-index: 1;pointer-events: none;}
	.s16-9{display: inline-flex;align-items: center;font-size: var(--f-s);padding: 10rem 15rem;background-color: var(--c4);cursor: pointer;color: var(--c1);transition: all .25s;overflow: hidden;max-width: 100%;}
	.s16-9:not(:first-child){margin-top: 1em;}
	.s16-9-1{flex: none;width: 1em;height: 1em;display: flex;align-items: center;justify-content: center;margin-right: 10rem;}
	.s16-9-2{flex: auto;min-width: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.s16-10{position: relative;flex: auto;min-height: 0;max-height: 400rem;overflow: auto;overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
	.s16-10::-webkit-scrollbar{display: none;}

	.s404{margin-top: calc(-1 * var(--headroom-height));}
	.s404-1{min-height: var(--app-height);padding: calc(var(--headroom-height) + 150rem) 0 40rem;display: grid;grid-template-columns: auto;grid-gap: 80rem;grid-template-rows: 1fr auto;justify-content: center;}
	.s404-2{display: flex;flex-direction: column;align-items: center;}
	.s404-3{min-width: 320rem;margin-top: auto;}
	.s404-4{position: relative;}
	.s404-4-1{width: 20%;position: absolute;top: 0;background-size: contain;background-repeat: no-repeat;transition: all 1.75s 1s;height: 100%;}
	.s404-4-1:first-child{right: 32.1%;background-image: var(--chevron-lt);background-position: left center;}
	.s404-4-1:last-child{left: 32.1%;background-image: var(--chevron-gt);background-position: right center;}
	.s404-4-2{font-size: 300rem;clip-path: inset(0% 50% 0% 50%);transition: clip-path 1s 1.2s;}
	.s404-5{margin-top: 0;text-align: center;clip-path: inset(0% 50% 0% 50%);transition: clip-path 1s 1.2s;}

	.s404.active .s404-4:not(:hover) .s404-4-1:first-child{right: 100%;}
	.s404.active .s404-4:not(:hover) .s404-4-1:last-child{left: 100%;}
	.s404.active .s404-4:not(:hover) .s404-4-2,
	.s404.active .s404-4:not(:hover) .s404-4-2,
	.s404.active .s404-4:not(:hover) ~ .s404-5{clip-path: inset(0% 0% 0% 0%);}

	.s404.active .s404-4:hover .s404-4-1,
	.s404.active .s404-4:hover .s404-4-2,
	.s404.active .s404-4:hover ~ .s404-5{transition-delay: 0s;}

	.s5:last-child,
	.s6:last-child{margin-bottom: 0;}



	.s7 .section-header:not(:last-child),
	.s13 .section-header:not(:last-child){margin-bottom: 70rem;}
	.s7 .section-header::before,
	.s13 .section-header::before{content: "";height: 80rem;width: 50vw;position: absolute;top: 0;left: calc(50% + var(--gap) / 2);background-repeat: repeat-x;background-size: auto 100%;background-image: var(--chevron-lt);background-position: left;}
	.s7 .section-header::after,
	.s13 .section-header::after{display: none;}
	.s7 .section-header-title,
	.s13 .section-header-title{order: -1;}
	.s7 .section-header-subtitle,
	.s13 .section-header-subtitle{padding: 0;grid-column: 1/2;margin-top: 40rem;}

}

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

	:root{

		--wr: 16rem;

		--f-xxs: 12rem;
		--f-xs: 14rem;
		--f-s: 16rem;
		--f-d: 16rem;
		--f-m: 18rem;
		--f-b: 24rem;
		--f-l: 32rem;
		--f-xl: 36rem;
		--f-xxl: 42rem;
		--f-xxxl: 64rem;

		--gap: 4rem;

		--mw: 640rem; 

		--body-text: 90%;

	}

	html{font-size: 1px;}

	.desktop{display: none!important;}

	.button__inl .button-text{font-size: var(--f-xs);}
	.button__inl .button-icon{width: 20rem;height: 20rem;margin: 0 8rem;}
	.button__wide{min-width: 100%;}

	.title__medium{font-size: var(--f-b);letter-spacing: -.03em;}

	.header{padding-bottom: 5rem;z-index: 999;}
	.header.init{z-index: 999;}

	.topbar{grid-template-columns: 1fr auto;padding: 24rem 0;}
	.topbar-logo{max-width: 125rem;}
	.topbar-dropdown,
	.topbar-nav,
	.topbar-action{display: none;}

	.topbar-menu{display: flex;position: relative;width: 36rem;height: 36rem;align-items: center;justify-content: center;}

	.menu-icon-button{height: 10rem;position: relative;width: 100%;}
	.menu-icon-button::before,
	.menu-icon-button::after{content: "";position: absolute;left: 0;width: 100%;background-color: currentColor;height: var(--sl);will-change: transform;transition: transform .25s, top .25s;margin-top: calc(var(--sl) / -2);}
	.menu-icon-button::before{top: 0;}
	.menu-icon-button::after{top: 100%;}

	.menu-close{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: none;}

	.popup-active{overflow: hidden!important;}

	.popup-active .menu-close{display: block;}
	.popup-active .menu-icon-button::before{transform: rotate(-45deg);top: 50%;}
	.popup-active .menu-icon-button::after{transform: rotate(45deg);top: 50%;}


	.footer{padding-bottom: 48rem;}
	.footer-grid{grid-template-columns: auto;grid-gap: 0;grid-template-areas: "f1" "f2" "f3a" "f3b" "f4" "f5" "f6" "f7" "f8";}
	.footer-logo{max-width: 125rem;}
	.f2::before, 
	.f4::before, 
	.f8-2::before{display: none;}
	.f1{padding: 0;}
	.f2{padding: 0;margin-top: 48rem;}
	.f2-1{max-width: var(--body-text);}
	.f2-1-2{margin-top: 16rem;}
	.f2-2{margin-top: 36rem;}
	.f2-2-2{margin-top: 32rem;}
	.f2-2-2 .button{width: 100%;}
	.f3{grid-gap: 16rem;}
	.f3__a{padding: 0;margin-top: 48rem;}
	.f3__b{padding: 0;margin-top: 36rem;}
	.f4{padding: 0;margin-top: 36rem;}
	.f5{padding: 0;margin: 48rem 0 0;}
	.f5-1{font-size: var(--f-xs);}
	.f5-2{max-width: 195rem;}
	.f6{padding: 24rem 0;margin: 36rem 0;display: none;}
	.f7{margin-top: 48rem;}
	.f8{display: flex;flex-wrap: wrap;justify-content: flex-start;grid-gap: 8rem;margin-top: 16rem;}

	.section,
	.section-delimiter{margin-top: 72rem;}
	.section:last-child{margin-bottom: 72rem;}
	.section__contrast{padding: 72rem 0;}

	.section-delimiter{height: 26rem;}
	.section-delimiter + .section{margin-top: 36rem;}

	.page-header-pretitle{min-height: 100rem;padding: 36rem 0 24rem;}
	.page-header-title:first-child{margin-top: 100rem;}
	.page-header-subtitle{margin-top: 24rem;max-width: var(--body-text);font-size: var(--f-d);}
	.page-header-action{margin-top: auto;width: 100%;padding-top: 48rem;}
	.page-header .carousel-pagination{padding: 20rem 0;}

	.page-header-inner:not(:only-child){min-height: var(--app-height);padding-bottom: 48rem;}

	.textbox h2{margin: 72rem 0 24rem;font-size: var(--f-xl);}
	.textbox p,
	.textbox ul{max-width: var(--body-text);}
	.textbox img{margin: 36rem 0 72rem;}

	.selector-holder{padding: 16rem 24rem;}
	.selector-holder-input:first-child{margin-left: 0;}
	.selector-list{padding: 20rem 24rem;}

	.formbox{grid-gap: 12rem;}
	.formbox-row{flex-direction: column;}
	.formbox-cell + .formbox-cell{margin-left: 0;margin-top: 12rem;}
	.formbox-footer{margin-top: 24rem;}
	.formbox-footer .button{width: 100%;}

	.textfield-input,
	.textfield-input:not(textarea){padding: 16rem 18rem;}
	.textfield-icon{width: 16rem; height: 16rem;margin-right: 24rem;}
	.textfield-error{font-size: var(--f-xxs);margin-top: 8rem;}

	.carousel-buttons{display: flex;justify-content: center;margin-top: 24rem;}
	.carousel-button{display: flex;align-items: center;justify-content: center;width: 50rem;height: 50rem;border: var(--sl) solid var(--c12);padding: 12rem;}
	.carousel-button:not(:first-child){margin-left: 8rem;}

	.card-1 .card-content{margin-top: 24rem;grid-gap: 0;}
	.card-1 .card-subtitle{max-width: var(--body-text);margin-top: 16rem;}
	.card-1 .card-action{display: block;margin-top: 12rem;opacity: 1;}

	.card-2 .card-content{margin-top: 24rem;}
	.card-2 .card-title{font-size: var(--f-m);}
	.card-2 .card-title:not(:last-child){margin-bottom: 12rem;}
	.card-2 .card-subtitle{font-size: var(--f-d);}
	.card-2 .card-subtitle:not(:last-child){margin-bottom: .25em;}
	.card-2 .card-text{max-width: var(--body-text);}
	.card-2 .card-action{margin-top: 12rem;text-decoration: underline;}

	.card-3 .card-header::before{padding-top: 110%;}
	.card-3 .card-media img{object-position: top;}
	.card-3 .card-content{margin-top: 16rem;}
	.card-3 .card-subtitle{margin-top: 8rem;font-size: var(--f-d);}

	.section-header{grid-template-columns: auto;}
	.section-header:not(:last-child){margin-bottom: 48rem;}
	.section-header:not(:last-child)::after{margin-top: 16rem;}
	.section-header-title{padding: 0;}
	.section-header-subtitle{padding: 0;max-width: var(--body-text);margin-top: 24rem;}
	.section-header-action{margin-top: 24rem;}
	.section-header-action .button{width: 100%;}

	.section-footer{margin-top: 48rem;}

	.s1-1{margin: 0;}

	.s2-1{grid-template-columns: auto;grid-gap: 48rem;}
	.s2-3{grid-template-columns: auto;grid-gap: 24rem;margin-bottom: 72rem;}

	.s3-1{grid-template-columns: auto;grid-gap: 36rem;}
	.s3-2:first-child{padding: 0;}
	.s3-2-2{max-width: var(--body-text);margin-top: 24rem;}
	.s3-3{order: 1;}

	.s4 .section-header{margin-bottom: 24rem;}
	.s4 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));}
	.s4 .swiper-slide{padding-left: var(--gap);}

	.s5-1{padding: 36rem var(--wr);margin: 0 var(--awr);min-height: var(--app-height);}
	.s5-3{grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 0;grid-template-rows: auto 1fr auto;align-items: flex-start;}
	.s5-3-1{padding: 0;}
	.s5-3-2{padding: 0;margin-top: 24rem;}
	.s5-3-3{padding: 0;margin-top: 24rem;}

	.s5 + .section__contrast{margin-top: 0;}

	.s6-2{padding: 72rem 0;}
	.s6-3 .title img{display: block;}
	.s6-4{grid-template-columns: auto;grid-gap: 36rem;}
	.s6-5{height: auto!important;}
	.s6-7{width: 24rem;height: 24rem;}
	.s6-7::before,
	.s6-7::after{width: 13rem;height: 13rem;border-width: 2rem;}
	.s6-8{padding-top: 16rem;}
	.s6-9{margin-top: 16rem;}
	.s6-10{max-height: none;}


	.s7-1{grid-template-columns: auto;grid-gap: 24rem;}

	.s8-1{grid-template-columns: auto;grid-gap: 16rem;}
	.s8-2{padding: 24rem 16rem;}
	.s8-2::before{margin: 24rem 0 16rem;}
	.s8-4{grid-template-columns: auto;grid-gap: 36rem;}
	.s8-4-1{max-width: var(--body-text);}

	.s10-1{grid-template-columns: auto;grid-gap: 32rem;}

	.s11-1{grid-template-columns: auto;grid-gap: 32rem;}

	.s12-1{grid-template-columns: auto;grid-gap: 72rem;}
	.s12-2{grid-gap: 0;}
	.s12-2-2{margin-top: 36rem;}
	.s12-2-3{margin-top: 36rem;max-width: var(--body-text);}
	.s12-2-4{margin-top: 32rem;}
	.s12-2-1 + .s12-2-3{margin-top: 64rem;}

	.s13-1{grid-template-columns: auto;}
	.s13-2{grid-column: 1/-1;grid-gap: 32rem;}
	.s13-3{padding-top: 20rem;border-top: var(--sl) solid var(--c12);border-bottom: var(--sl) solid var(--c12);}
	.s13-3::before{display: none;}
	.s13-5-1::before{width: var(--f-b);}
	.s13-5-2{width: 20rem;height: 20rem;margin-left: 20rem;}
	.s13-6-2:not(:first-child){margin-top: 12rem;}
	.s13-7{margin: 20rem -40rem 0;display: flex;position: relative;right: auto;top: auto;width: auto;}
	.s13-7::before{content: "";flex: none;width: 0;padding-top: 60%;}
	.s13-9{padding: 16rem 40rem 0;}

	.s13-4.active .s13-5-1{padding-left: 40rem;font-size: var(--f-b);}

	.s14-2{grid-template-columns: auto;padding: 36rem 0;}
	.s14-4{grid-column: 1/-1;margin-top: 24rem;}
	.s14-5{flex-direction: column;margin-top: 48rem;}
	.s14-7{margin-top: 24rem;}
	.s14-8{padding-top: 32rem;}
	.s14-8 + .s14-8{margin-left: 0;margin-top: 24rem;}
	.s14-8-1{font-size: var(--f-xxxl);}
	.s14-8-2{margin-top: 16rem;}

	.s15 .section-header-subtitle{margin-top: 24rem;max-width: var(--body-text);}
	.s15 .section-header::after{margin-top: 24rem;}
	.s15-1{grid-template-columns: auto;grid-gap: 48rem;}

	.s16-1{grid-template-columns: auto;grid-gap: 32rem;}
	.s16-3{margin: 0;grid-column: 1/-1;}
	.s16-3::before{padding-top: 100%;}
	.s16-5{margin-top: 32rem;}
	.s16-6{margin-bottom: 16rem;}
	.s16-11 .selector{box-shadow: none;}

	.s404{margin-top: calc(-1 * var(--headroom-height));}
	.s404-1{padding: 24rem 0 24rem;grid-template-rows: 1fr auto 1fr;}
	.s404-1::before{content: "";height: var(--headroom-height);}
	.s404-3{min-width: 100%;}
	.s404-4{pointer-events: none;}
	.s404-4-2{font-size: 135rem;}

	.s4 .section-header::after, 
	.s8 .section-header::after, 
	.s10 .section-header::after{display: none;}

	.s7 .section-header:not(:last-child){margin-bottom: 72rem;} 
	.s13 .section-header:not(:last-child){margin-bottom: 36rem;}
	.s7 .section-header-title{padding-right: calc(5 * var(--f-b));}
	.s13 .section-header-title{padding-right: calc(4 * var(--f-b));}
	.s7 .section-header::before, 
	.s13 .section-header::before{height: var(--f-b);top: calc((var(--f-xl) - var(--f-b)) / 2);left: 100%;}
	.s7 .section-header::before{margin-left: calc(-5 * var(--f-b));}
	.s13 .section-header::before{margin-left: calc(-4 * var(--f-b));}
	.s7 .section-header-subtitle, 
	.s13 .section-header-subtitle{margin-top: 24rem;max-width: var(--body-text);}

	.popup{position: fixed;z-index: 100;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c2);color: var(--c1);display: flex;overflow: hidden;transition: all .25s;}
	.popup-inner{display: flex;flex-direction: column;padding: var(--headroom-height) var(--wr) 16rem;width: 100%;height: 100%;}
	.popup-inner::before{content: "";position: relative;height: 50rem;background-image: linear-gradient(var(--c2), rgba(0,0,0,0));margin: 0 var(--awr);z-index: 1;flex: none;}

	.popup-nav{flex: 1;overflow: auto;padding: 50rem 0 50rem;margin-top: -50rem;}
	.popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 16rem;font-size: var(--f-b);}
	.popup-nav ul ul{display: grid;grid-template-columns: auto;grid-gap: .75em;font-size: var(--f-d);padding: 1em 0 1em .5em;max-width: var(--body-text);}
	.popup-nav > ul > li{transition: opacity .25s;}
	.popup-nav > ul > li > a{display: flex;align-items: center;font-family: var(--altfont);letter-spacing: -.03em;line-height: 1;font-weight: 500;}
	.popup-nav > ul > li > a:not(:last-child)::after{content: "";margin-left: 8rem;flex: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L3.41421 4.58579L8.36396 9.53553L13.3137 4.58579L14.7279 6L8.36396 12.364L2 6Z' fill='white'%3E%3C/path%3E%3C/svg%3E%0A");background-position: center;background-repeat: no-repeat;background-size: contain;width: 1em;height: 1em;}

	.popup-nav > ul > li.active > a::after{transform: scaleY(-1);}
	.popup-nav > ul > li:not(.active){opacity: .6;}
	.popup-nav > ul > li:not(.active) ul{display: none;}

	.popup-footer{margin-top: auto;display: flex;flex: none;position: relative;z-index: 1;}
	.popup-footer::after{content: "";position: absolute;bottom: 100%;left: 0;height: 50rem;background-image: linear-gradient(rgba(0,0,0,0), var(--c2));margin: 0 var(--awr);right: 0;}


	.popup-active .header{top: 0;}
	.popup-active .header::before{opacity: 0;}

	.popup:not(.active){opacity: 0;visibility: hidden;}

	.cookies-alert{padding: 0;}
	.cookies-alert-inner{padding-left: var(--wr);}

}


@media screen and (min-width: 1024px) {

	.mobile{display: none!important;}

	.f4-1::before{display: none;}

	.card-2 .card-action{display: none;}

	.s2-1-1{grid-column-end: span 6;}
	.s2-1-2{grid-column-end: span 4;}
	.s2-1-3{grid-column-end: span 3;}


	.s6-5:nth-child(2){grid-column: 2/4;margin: 0 auto;max-width: calc((100% - var(--gap)) / 2);}
	.s6-10{flex: 1;overflow: visible;pointer-events: none;padding-bottom: 24rem;}

	.s6-4.init .s6-10{height: 0;transition: all .5s;flex: 0;opacity: 0;}

	.s10-2:nth-child(1),
	.s11-2:nth-child(1){grid-column: 1/3;grid-row: 1/3;height: 100%;}
	.s10-2:nth-child(1) .card-1 .card-header,
	.s11-2:nth-child(1) .card-1 .card-header{flex: auto;}
	.s10-2:nth-child(1) .card-1 .card-title,
	.s11-2:nth-child(1) .card-1 .card-title{font-size: var(--f-l);}
	.s10-2:nth-child(1) .card-1 .card-subtitle,
	.s11-2:nth-child(1) .card-1 .card-subtitle{font-size: var(--f-d);max-width: 535rem;opacity: 1;}
	.s10-2:nth-child(1) .card-1 .card-action,
	.s11-2:nth-child(1) .card-1 .card-action{}

	.s12-1{grid-template-areas: "a1 a1 a1 a1" "a2 a2 a2 a3";}
	.s12-2:nth-child(1){grid-area: a1;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr auto;margin-bottom: -50rem;}
	.s12-2:nth-child(1) .s12-2-1{grid-row-end: span 2;grid-column: 1/3;}
	.s12-2:nth-child(1) .s12-2-2{grid-column: 3/5;}
	.s12-2:nth-child(1) .s12-2-3{padding-bottom: 280rem;}
	.s12-2:nth-child(2){grid-area: a2;grid-template-columns: repeat(3, 1fr);margin-top: 440rem;}
	.s12-2:nth-child(2) .s12-2-2{grid-column: 2/4;padding-right: 50rem;}
	.s12-2:nth-child(3){grid-area: a3;min-height: 100%;grid-template-rows: auto 1fr auto;}
	.s12-2:nth-child(3) .s12-2-1{}
	.s12-2:nth-child(3) .s12-2-3{margin-top: auto;}
	.s12-2:nth-child(3)::before{content: "";position: absolute;top: 0;right: 100%;width: var(--sl);height: 100%;background-color: currentColor;opacity: .2;margin-right: var(--gap);}

	.s16-9.active{background-color: var(--c1);color: var(--c2);pointer-events: none;}
	.s16-10{padding-bottom: 100rem;}


	.s4 .section-header,
	.s8 .section-header,
	.s10 .section-header{grid-gap: 0 var(--gap);text-align: center;}
	.s4 .section-header:not(:last-child),
	.s8 .section-header:not(:last-child){margin-bottom: 70rem;}
	.s4 .section-header::after,
	.s8 .section-header::after{display: none;}
	.s4 .section-header-title,
	.s8 .section-header-title,
	.s10 .section-header-title{grid-column: 1/-1;max-width: 1200rem;padding: 0;margin: 0 auto;}
	.s4 .section-header-subtitle,
	.s8 .section-header-subtitle,
	.s10 .section-header-subtitle{grid-column: 1/-1;max-width: 535rem;padding: 0;margin: 50rem auto 0;}
	.s4 .section-header-action,
	.s8 .section-header-action{grid-column: 1/-1;}
	.s10 .section-header-action{grid-column: 1/-1;margin: 25rem 0 0 auto;}

}

@media screen and (min-width: 1600px) {


	html{font-size: 1px;}


	.carousel-text .page-header-title:first-child{margin-top: 250rem;}

}

/* hover animations */

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

	.card-media{will-change: transform;transition: all .25s;}

	.card-header-text{transition: opacity .25s;}

	.card-header-text::before,
	.card-header-text::after{transition: margin .25s;}

	.card-1:hover .card-media,
	.card-2:hover .card-media{transform: scale(1.05);opacity: .8;}

	.card:hover .card-header-text{opacity: 1;}
	.card:not(:hover) .card-header-text::before,
	.card:not(:hover) .card-header-text::after{margin: 0;}

	.card-1 .card-title a,
	.card-2 .card-title a,
	.card-3 .card-title a,
	.topbar-dropdown-button a,
	.submenu-item-title a,
	.f3-3 a,
	.f4-2 a,
	.button__inl .button-text,
	.f8 a{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), opacity .5s;}

	.card-1 .card-title a:hover,
	.card-2 .card-title a:hover,
	.card-3 .card-title a:hover,
	.topbar-dropdown-item:hover .topbar-dropdown-button a,
	.topbar-dropdown-item.is-current .topbar-dropdown-button a,
	.submenu-item-title:hover a,
	.f3-3 a:hover,
	.f4-2 a:hover,
	.button__inl:hover .button-text,
	.f8 a:hover{background-size: 100% var(--sl);background-position: left bottom;}

	.f3-3 a:hover,
	.f4-2 a:hover,
	.f8 a:hover{color: var(--c1);}

	.button{transition: all .15s;}

	.button__default:hover{background-color: rgba(0,0,0,0);color: var(--c1);border-color: inherit;}

	.topbar-nav a{transition: opacity .15s;opacity: .8;}

	.s13-5:hover,
	.topbar-nav a:hover{opacity: 1;}

	.textbox a{transition: color .15s;}

	.textbox a:hover{color: var(--c6);}

	.topbar-dropdown-button{transition: background-color 0s;}
	.topbar-dropdown-item:hover .topbar-dropdown-button{background-color: var(--c15);}
	.topbar-dropdown-icon{transition: .25s .25s;}
	.topbar-dropdown-icon::before,
	.topbar-dropdown-icon::after{transition: all .25s;}
	.topbar-dropdown-item:hover .topbar-dropdown-icon{transform: rotate(45deg);transition-delay: 0s;}
	.topbar-dropdown-item:hover .topbar-dropdown-icon::before{bottom: -2px;left: -2px;transition-delay: .25s;}
	.topbar-dropdown-item:hover .topbar-dropdown-icon::after{top: -2px;right: -2px;transition-delay: .25s;}

	.topbar-dropdown-item:not(:hover) .submenu{display: none;}

	.s6-5:hover .s6-10{flex: 1;opacity: 1;pointer-events: all;}

	.s6-7{transition: .25s .25s;}
	.s6-7::before,
	.s6-7::after{transition: all .25s;}
	.s6-5:hover .s6-7{transform: rotate(45deg);transition-delay: 0s;}
	.s6-5:hover .s6-7::before{bottom: -8px;left: -8px;transition-delay: .25s;}
	.s6-5:hover .s6-7::after{top: -8px;right: -8px;transition-delay: .25s;}

	.submenu-image-change:not(:first-child):not(.active){opacity: 0;}

}