/* Fonts */
@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
	font-named-instance: 'Regular';
	src: url("../fonts/Inter-roman-var.woff2") format("woff2");
}

@font-face {
	font-family: 'Hack';
	src: url("../fonts/hack-regular-subset.woff");
}

/* Resets */
* {
	box-sizing: border-box;
}

input, button {
	font-weight: inherit;
	font-size: inherit;
	display: inline-block;
	border: none;
	padding: 0;
	background: transparent;
}

h1, h2, h3, h4, h5, h6, p, strong, dl, dt, dd, blockquote {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: inherit;
}

img, video {
	width: 100%;
	height: auto;
}

ul, li, figure {
	margin: 0;
	padding: 0;
	list-style: none;
}

details > summary {
	list-style: none;
}
details > summary::-webkit-details-marker {
	display: none;
}

/* Variables */
:root {
	font-size: 1rem;
	--radius: 1rem;
	--radius-lg: 2rem;
	--padding-block: 2rem 2rem 3rem;
	--margin-sm: 1rem;
	--margin-md: 2rem;
	--margin-lg: 3rem;
	--margin-xl: 6rem;
	--margin-xxl: 8rem;
	--margin-xxxl: 16rem;
	--border: 1px;
	--bg-color: #F2F2F2;
	--t-xl: 64px;
	--lh-xl: 72px;
	--t-lg: 48px;
	--lh-lg: 60px;
	--t-base: 32px;
	--lh-base: 40px;
	--t-md: 24px;
	--lh-md: 32px;
	--t-sm: 18px;
	--lh-sm: 24px;
	--header-full-h: 12.0625rem;
	--btn-h-sm: calc(2.667*var(--t-sm));
	--btn-h-lg: calc(2.667*var(--t-md));
}

@media screen and (max-width: 1025px) {
	:root {
		font-size: 0.75rem;
		--t-xl: 48px;
		--lh-xl: 60px;
		--t-lg: 32px;
		--lh-lg: 40px;
		--t-base: 24px;
		--lh-base: 32px;
		--t-md: 18px;
		--lh-md: 24px;
		--t-sm: 14px;
		--lh-sm: 18px;
		--header-full-h: 13.1rem;
	}
}

@media screen and (max-width: 560px) {
	:root {
		font-size: 0.5rem;
		--t-xl: 24px;
		--lh-xl: 32px;
		--t-lg: 24px;
		--lh-lg: 32px;
		--t-base: 18px;
		--lh-base: 24px;
		--t-md: 14px;
		--lh-md: 18px;
		--t-sm: 10px;
		--lh-sm: 14px;
		--header-full-h: 16.1rem;
	}
}

html {
	scroll-behavior: smooth;
}

body {
	background: #f2f2f2;
	margin: var(--margin-md);
}

body.mobile-menu-open {
	overflow: hidden;
}


/* Text styles */
body {
	font-family: Inter;
	font-size: var(--t-base);
	line-height: var(--lh-base);
	font-weight: 600;
	
}

.t-full {
	font-size: 30vw;
	letter-spacing: -0.09em;
	line-height: 1;
}

.t-headline {
	font-size: var(--t-xl);
	line-height: var(--lh-xl);
	letter-spacing: -0.045em;
}

.t-lg {
	font-size: var(--t-lg);
	line-height: var(--lh-lg);
	letter-spacing: -0.045em;
}

.t-base {
	font-size: var(--t-base);
	line-height: var(--lh-base);
}

.t-md {
	font-size: var(--t-md);
	line-height: var(--lh-md);
}

.t-sm {
	font-size: var(--t-sm);
	line-height: var(--lh-sm);
}

.t-body {
	font-weight: 400;
}

.t-body strong {
	font-weight: 600;
}

.t-body a {
	text-decoration: underline;
	
}

.t-body a:hover {
	color: #0500D1;
}

.t-mono {
	font-family: "Hack";
	text-transform: uppercase;
	font-weight: normal;
}

.t-white {
	color: white;
}

.t-regular {
	font-weight: 400;
}

/* Layout */
.cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: var(--margin-sm);
	grid-row-gap: var(--margin-sm);;
}

@media screen and (max-width: 1025px) {
	.cols {
		grid-template-columns: 1fr;
	}
}

.margin-bottom-sm {
	margin-bottom: var(--margin-sm);
}

.margin-bottom-md {
	margin-bottom: var(--margin-md);
}

.margin-bottom-lg {
	margin-bottom: var(--margin-lg);
}

.margin-bottom-xl {
	margin-bottom: var(--margin-xl);
}

.margin-bottom-xxl {
	margin-bottom: var(--margin-xxl);
}

.margin-bottom-xxxl {
	margin-bottom: var(--margin-xxxl);
}

.margin-top-sm {
	margin-top: var(--margin-sm);
}

.margin-top-md {
	margin-top: var(--margin-md);
}

.margin-top-lg {
	margin-top: var(--margin-lg);
}

.margin-top-xl {
	margin-top: var(--margin-xl);
}

.margin-top-xxl {
	margin-top: var(--margin-xxl);
}

.margin-top-xxxl {
	margin-top: var(--margin-xxxl);
}

.padding {
	padding-left: var(--margin-md);
	padding-right: var(--margin-md);
}

.padding-left {
	padding-left: var(--margin-md);
}

.padding-right {
	padding-right: var(--margin-md);
}

@media screen and (max-width: 560px) {
	.padding {
		padding: 0;
	}
}

.section-intro {
	margin-top: calc(var(--btn-h-sm)*-1 - var(--margin-md) - var(--border));
	margin-bottom: var(--margin-md);
	min-height: calc(100vh - var(--btn-h-sm) - var(--margin-md) - var(--border));
	padding-top: var(--margin-md);
	padding-bottom: calc(var(--margin-md)*2);
	position: relative;
	z-index: 1;
}

.section-intro-bg,
.section-intro-bg.video {
	z-index: -1;
	position: absolute;
	top: calc(var(--btn-h-sm)*-1 - var(--margin-md) - var(--border));
	left: calc(var(--margin-md)*-1);
	right: calc(var(--margin-md)*-1);
	bottom: 0;
}

@media screen and (max-width: 1025px) {
	.section-intro {
		padding-top: calc(var(--margin-md)*2 + var(--btn-h-sm));
	}
}

@media screen and (max-width: 560px) {
	.section-intro {
		min-height: 70vh;
	}
}


.section-intro-bg img,
.section-intro-bg video,
.section-intro-bg canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-intro-mask {
	content: "";
	position: absolute;
	bottom: 0;
	height: 20%;
	left: 0;
	width: 100%;
	background: linear-gradient(to top, #F2F2F2FF, #F2F2F200);
}


/* Components */
.cta {
	font-family: "Hack";
	font-weight: normal;
	text-transform: uppercase;
	border: var(--border) solid;
	border-radius: var(--radius-lg);
	white-space: nowrap;
	padding: 0 1em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.cta:hover {
	background: white;
	color: black;
	border-color: white;
}

.cta.cta-dark {
	color: black;
}

.cta.cta-dark:hover {
	background: black;
	color: white;
	border-color: black;
}

.cta svg {
	position: relative;
	margin-left: 0.5em;
	width: auto;
	height: 0.75em;
}

.cta .icon-arrow-link {
	height: 0.5em;
	top: -0.1em;
}

.cta-lg {
	font-size: var(--t-md);
	line-height: var(--lh-md);
	height: var(--btn-h-lg);
}

.cta-sm {
	font-size: var(--t-sm);
	line-height: var(--lh-sm);
	height: var(--btn-h-sm);
}

.cta-primary {
	background-color: #0500D1;
	border: none;
	color: white;
	transition: background 0.05s;
}

.cta.cta-primary:hover {
	background: #82BAFA;
}

.bullet::before {
	content: "";
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	border-radius: 50%;
	margin-right: 0.5em;
	background: #969696;
}

.bullet-blink::before {
	opacity: 1;
	animation: blink 2s;
	animation-iteration-count: infinite;
}

@keyframes blink {
	0% { opacity: 1; }
	20% { opacity: 1; }
	50% { opacity: 0; }
	80% { opacity: 1; } 
	100% { opacity: 1; } 
}

.bullet.bullet-white::before {
	background: white;
}

.block {
	border-radius: var(--radius);
	padding: var(--margin-md) var(--margin-md) var(--margin-lg);
	margin-bottom: var(--margin-sm);
	display: flex;
	flex-direction: column;
	align-items: start;
}

.rounded {
	border-radius: var(--radius);
}

.block-poster-full {
	min-height: calc(100vh - var(--margin-md)*2);
}

.block-poster {
	min-height: calc(85vh - var(--margin-md)*2);
}

.block-poster .cta,
.block-poster-full .cta {
	margin-top: auto;
}

@media screen and (max-width: 560px) {
	.block-poster-full {
		min-height: calc(70vh - var(--margin-md)*2);
	}
	.block-poster {
		min-height: calc(70vh - var(--margin-md)*2);
	}
}

/* Video player */
.video {
	background: black;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

@keyframes loading {
	from {
		transform: rotate(0deg);
	} to {
		transform: rotate(360deg);
	}
}

.video .icon-loading {
	animation: 1.5s loading;
	color: #FFFFFF66;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	display: flex;
}

.video video {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.1s
}

.video:hover .video-controls {
	opacity: 1;
}

.video-control {
	width: 4rem;
	height: 4rem;
	color: white;
	background: #AD91E3;
	border-radius: var(--radius);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0.3rem;
}

.video-control + .video-control {
	margin-top: var(--margin-sm);
}

.video-control-sound .icon-video-control-sound-off {
	display: none;
}

.video-control-sound.muted .icon-video-control-sound {
	display: none;
}

.video-control-sound.muted .icon-video-control-sound-off {
	display: block;
}

.video-control:hover {
	background-color: #FFFFFF66;
}

.video-control-fullscreen {
	position: absolute;
	top: var(--margin-md);
	left: var(--margin-md);
}

.video-controls-right {
	position: absolute;
	right: var(--margin-md);
	bottom: calc(var(--margin-md)*2);
}

.video-control-progress {
    position: absolute;
    bottom: var(--margin-md);
    left: var(--margin-md);
    width: calc(100% - var(--margin-md)*2);
    display: block;
}

@media screen and (max-width: 560px) {
	.video-control {
		width: 3.5rem;
		height: 3.5rem;
	}

	.video-control-fullscreen {
		top: var(--margin-sm);
		left: var(--margin-sm);
	}

	.video-control-progress {
		left: var(--margin-sm);
		width: calc(100% - var(--margin-sm)*2);
		bottom: var(--margin-sm);
	}

	.video-controls-right {
		right: var(--margin-sm);
		bottom: var(--margin-lg);
	}
}


progress[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
   	appearance: none;
   	border: none;
   	height: 0.625rem; 
   	color: #AD91E3; 
   	border-radius: var(--radius);
}

progress[value]::-webkit-progress-bar {
  background-color: #fff;
  border-radius: var(--radius);
}

progress[value]::-webkit-progress-value {
	background-color: #AD91E3;
  border-radius: var(--radius); 
}
progress[value]::-moz-progress-bar {
  background-color: #AD91E3;
  border-radius: var(--radius); 
}

/* Form */
.field-input, 
.input-button {
	width: 100%;
	height: 2.25em;
	box-sizing: border-box;
	border-radius: var(--radius-lg);
	padding: 0 calc(1.25*var(--t-base));
	background: white;
	border: none;
	display: flex;
	align-items: center;
	outline: 0;
}

.input-button svg {
	margin-left: var(--margin-sm);
}

.field-input {
	color: #666666;
}

.field-input::placeholder {
	opacity: 0.4;
}

.field-label {
	padding-left: calc(1.25*var(--t-base));
}

.email-input-group {
	display: flex;
}

.email-input-group .field-input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.email-input-group .input-button {
	width: auto;
	color: white;
	white-space: nowrap;
	background: #969696;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	cursor: pointer;
	transition: background 0.05s;
}

.email-input-group .input-button svg {
	width: auto;
	height: 0.75em;
}

.email-input-group .input-button:hover {
	background: #C9C9C9;
}

@media screen and (max-width: 560px) {
	.email-input-group {
		display: block;
	}
	.email-input-group .field-input {
		border-top-right-radius: var(--radius-lg);
		border-bottom-right-radius: var(--radius-lg);
		margin-bottom: var(--margin-md);
	}

	.email-input-group .input-button {
		width: 100%;
		justify-content: center;
		border-bottom-left-radius: var(--radius-lg);
		border-top-left-radius: var(--radius-lg);
	}
}

.field-input.mce_inline_error {
	box-shadow: inset 0px 0px 0px var(--border) #FF6E4F;
	color: #FF6E4F;
}

.field-msg {
	padding-top: 8px;
	padding-left: 40px;
}

.field-error {
	color: #FF6E4F;
}

/* Slideshow */
.slideshow {
	position: relative;
	margin-left: calc(var(--margin-md)*-2);
	margin-right: calc(var(--margin-md)*-2);
	width: 100vw;
}

.slideshow-slide {
	margin-left: var(--margin-sm);
}

.slideshow-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slideshow-control-prev {
	position: absolute;
	left: 0;
	width: 50%;
	top: 0;
	height: 100%;
	cursor: url("data:image/svg+xml,%3Csvg width='36' height='31' viewBox='0 0 36 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8521 25.9515L16.8515 25.9508L10.6367 19.7596L10.6365 19.7593C9.8133 18.9404 10.3931 17.5388 11.5539 17.5388H32.785C34.0548 17.5388 35.0842 16.5094 35.0842 15.2396V15.175C35.0842 13.9052 34.0548 12.8758 32.785 12.8758H11.5421C10.3812 12.8758 9.80084 11.4733 10.6198 10.6543L16.8404 4.43372C17.7414 3.53266 17.7414 2.06843 16.833 1.16753L16.833 1.16752C15.9315 0.273492 14.4824 0.281506 13.5889 1.16751L13.5874 1.169L1.17561 13.5808C0.275618 14.4808 0.273482 15.9392 1.17709 16.8353L1.53065 17.1859L1.53505 17.1815L13.5815 29.2279C14.4815 30.1279 15.9399 30.1301 16.836 29.2265L16.8521 29.2103L16.4986 28.8568L16.8521 29.2103C17.7529 28.3095 17.7529 26.8523 16.8521 25.9515Z' fill='white' stroke='%23969696'/%3E%3C/svg%3E%0A"), auto;
}

.slideshow-control-next {
	position: absolute;
	right: 0;
	width: 50%;
	top: 0;
	height: 100%;
	cursor: url("data:image/svg+xml,%3Csvg width='36' height='31' viewBox='0 0 36 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.0492 13.2221L22.0027 1.17561C21.1027 0.275618 19.6443 0.273481 18.7482 1.17709L18.7321 1.19325C18.732 1.19325 18.732 1.19326 18.732 1.19327C17.8312 2.09408 17.8312 3.55129 18.7321 4.4521L18.7327 4.45277L24.9474 10.644L24.9477 10.6442C25.7709 11.4632 25.1911 12.8648 24.0303 12.8648H2.79915C1.52936 12.8648 0.5 13.8941 0.5 15.1639V15.2286C0.5 16.4984 1.52936 17.5278 2.79915 17.5278H24.0421C25.203 17.5278 25.7834 18.9303 24.9644 19.7492L18.7438 25.9698C17.8428 26.8709 17.8428 28.3351 18.7512 29.236L18.7512 29.236C19.6527 30.1301 21.1018 30.1221 21.9953 29.2361L21.9968 29.2346L34.4086 16.8227C35.3086 15.9228 35.3107 14.4644 34.4071 13.5683L34.0536 13.2177L34.0492 13.2221Z' fill='white' stroke='%23969696'/%3E%3C/svg%3E%0A"), auto;
}

.slideshow-mask {
	position: absolute;
	top: 0;
	height: calc(100% - var(--margin-lg));
	width: calc((100% - 64px)/8 + 16px);
}

.slideshow-mask-left {
	background: linear-gradient(to right, #F2F2F2FF, #F2F2F200);
	left: 0;
}

.slideshow-mask-right {
	background: linear-gradient(to left, #F2F2F2FF, #F2F2F200);
	right: 0;
}

.slideshow-figure {
	width: 100%;
	height: 100%;
	padding-bottom: var(--margin-lg);
}

.slideshow-figure img {
	border-radius: var(--radius);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slideshow-figure figcaption {
	margin-top: var(--margin-sm);
}

/* Details */
.details {
	position: relative;
	width: calc(100% - var(--margin-md)*-2);
	margin-left: calc(var(--margin-md)*-1);
	margin-right: calc(var(--margin-md)*-1);
	padding-left: var(--margin-md);
	padding-right: var(--margin-md);
	z-index: 0;
}

.details-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: var(--border) solid;
	padding-top: var(--margin-sm);
	padding-bottom: var(--margin-sm);
	cursor: pointer;
	user-select: none;
}

.details-summary svg {
	width: 2rem;
	flex-shrink: 0;
	transition: transform 0.2s;
}

.details.open .details-summary svg {
	transform: rotate(180deg);
}

.details.open .details-content {
	display: block;
}

.details-content {
	display: none;
	padding: var(--margin-sm) 0 var(--margin-md);
}

.details:hover .details-bg,
.details.open .details-bg {
	opacity: 1;
}

.details-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	z-index: -1;
	border-radius: var(--radius-lg);
	opacity: 0;
	transition: opacity 0.2s
}

/* Redirection blocks */
.block-link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	border-radius: var(--radius);
	overflow: hidden;
	height: 100%;
	position: relative;
	z-index: 0;
	transition: transform 0.2s;
}


.block-link-header {
	margin-bottom: calc(var(--margin-xl)*2);
}

.block-link-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

.block-link-footer .icon-arrow-nw {
	flex-shrink: 0;
	width: 56px;
	height: auto;
}

@media screen and (max-width: 560px) {
	.block-link-footer .icon-arrow-nw {
		width: 36px;
	}
}

.block-link:hover {
	transform: scale(97.5%);
}

.block-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 133%;
	z-index: -1;
}

.block_instagram {
	background-color: #D6E8FC;	
}

.block_instagram::before {
	background-image: url("../icons/block-instagram-bg.svg");
}

.block_instagram .icon-arrow-nw {
	color: #ABD1FA;
}

.block_contact {
	background-color: #C9C9C9;
}

.block_contact .icon-arrow-nw {
	color: #F2F2F2;
}

.block_contact::before {
	background-image: url("../icons/block-contact-bg.svg");
}

.block_shows {
	background-color: #CFBFF0;
}

.block_shows::before {
	background-image: url("../icons/block-shows-bg.svg");
}

.block_shows .icon-arrow-nw {
	color: #F0E8FA;
}

.block_faq {
	background-color:  #DEDEDE;
}

.block_faq::before {
	background-image: url("../icons/block-faq-bg.svg");
}

.block_faq .icon-arrow-nw {
	color: #DEDEDE;
}

.block_experience {
	background-color: #9EF5D9;
}

.block_experience .icon-arrow-nw {
	color: #CFFAED;
}

.block_experience::before {
	background-image: url("../icons/block-experience-bg.svg");
}


.block-card {
	position: relative;
	display: grid;
	padding: 0;
	grid-template-columns: 3fr 5fr;
	grid-column-gap: 16px;
}

.block-card-content {
	border-radius: var(--radius);
	background: #FFF;
	margin: 0;
	height: 100%;
	z-index: 1;
	padding: var(--margin-md) var(--margin-md) var(--margin-lg);
}

.block-card-content .t-headline {
	margin-bottom: var(--margin-lg);
}

.block-card-bg {
	position: relative;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	overflow: hidden;
	height: 100%;
	margin-left: calc(var(--margin-sm)*-1 - var(--radius-lg));
}

.block-card-bg img,
.block-card-bg video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: var(--radius);
}

@media screen and (max-width: 1025px) {
	.block-card {
		display: flex;
	}
	.block-card-bg {
		width: 100%;
		flex: 5;
		margin-left: auto;
		max-height: 60vh;
		border-radius: var(--radius);
		margin-bottom: var(--margin-sm);
	}

	.block-card-content {
		order: 1;
		flex: 1;
		width: 100%;
	}
}

.scroll-arrow {
	position: absolute;
	bottom: var(--margin-md);
	display: flex;
	width: 100%;
	left: 0;
	align-items: center;
	justify-content: center;
	animation: 6s scroll-arrow;
	animation-iteration-count: infinite;
	cursor: pointer;
}

@keyframes scroll-arrow {
	0% { transform: translateY(0) }
	40% { transform: translateY(0) }
	50% { transform: translateY(40%) }
	60% { transform: translateY(0) }
	100% { transform: translateY(0) }
}

.scroll-arrow svg {
	fill: #FFF;
}

@media screen and (max-width: 560px) {
	.section-intro .scroll-arrow {
		display: none;
	}

	.section-intro.section-intro-home .scroll-arrow {
		display: flex;
		bottom: var(--margin-xxxl);
		justify-content: flex-end;
	}
}

/* Site header */
.site-header {
	height: var(--btn-h-sm);
	padding: 0 var(--margin-md);
	display: flex;
	position: relative;
	z-index: 4;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 560px) {
	.site-header {
		padding: 0;	
	}
	
}

.header-nav {
	display: flex;
	/*height: 3rem;*/
}

.header-nav-item {
	border-radius: var(--radius-lg);
	padding: 0 1em;
	height: var(--btn-h-sm);
	display: flex;
	margin-left: var(--margin-sm);
	align-items: center;
	background: rgba(242, 242, 242, 0.4);
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	white-space: nowrap;
	transition: background 0.085s;
}

.header-nav-item.active,
.header-nav-item:hover {
	color: white;
	background: rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.5);
}

.header-nav-item#login {
	border-radius: calc(var(--radius)/2);
}

.header-nav-item:first-child {
	margin-left: 0;
}

.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: calc(var(--btn-h-sm) + var(--margin-md));
	background: #0500D1DD;
	z-index: 3;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s, visibility 0s 0.15s;
}

.mobile-menu.open {
	/*visibility: visible;*/ /* Set in the media query */
	opacity: 1;
	transition: visibility 0s, opacity 0.15s;
	
}

.mobile-menu .header-nav-item {
	font-size: var(--t-lg);
	height: 2.125em;
	border-radius: 1em;
	margin-left: 0;
	margin-bottom: var(--margin-md);
	color: white;
	border: var(--border) solid;
	background: transparent;
}

.mobile-menu .header-nav-item#login {
	border-radius: 0.5em;

}

body.mobile-menu-open .site-header {
	color: white;
}

body.mobile-menu-open .header-nav-mobile-btn .line {
	background: white;
}

.header-nav-mobile-btn {
	display: none;
	width: 34px;
	height: 20px;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.header-nav-mobile-btn .line-middle {
	opacity: 1;
	transition: opacity 0.1s;
}

.header-nav-mobile-btn .line-top,
.header-nav-mobile-btn .line-bottom {
	position: relative;
	top: 0;
	transition: transform 0.1s, top 0.1s;
}

.header-nav-mobile-btn.active .line-middle {
	opacity: 0;
}

.header-nav-mobile-btn.active .line-top {
	top: 42%;
	transform: rotate(45deg);
}

.header-nav-mobile-btn.active .line-bottom {
	top: -42%;
	transform: rotate(-45deg);
}

.header-nav-mobile-btn .line {
	height: 15%;
	width: 100%;
	border-radius: 3px;
	background: black;
}

@media screen and (max-width: 1025px) {
	.header-nav {
		display: none;
	}

	.header-nav-mobile-btn {
		display: flex;
	}

	.mobile-menu.open {
		visibility: visible;
	}
}

.header-logo {
	padding: 0.2rem 0	;
	margin-right: var(--margin-md);
}

.header-logo,
.header-logo svg {
	height: 100%;
	width: auto;
	max-width: 100%;
	line-height: 0;
}

@media screen and (max-width: 560px) {
	.header-logo {
		padding: 0.3rem 0;
	}
}

.submenu {
	z-index: 2;
	position: sticky;
	top: calc(var(--border)*-1);
	margin: var(--margin-sm) var(--margin-md) 0;
	padding-top: var(--margin-sm);
	border-top: var(--border) solid;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 560px) {
	.submenu {
		display: none;
	}
}

.submenu .header-nav-item.active,
.submenu .header-nav-item:hover {
	background: #AD91E3;
	color: white;
	box-shadow: none;
}

/* Footer */
.site-footer {
	white-space: nowrap;
	font-family: "Hack";
	text-transform: uppercase;
	font-weight: normal;
	display: flex;
	justify-content: space-between;
	border-top: var(--border) solid;
	padding: var(--margin-sm) calc(var(--margin-md)*2) 0;
	margin: var(--margin-lg) calc(var(--margin-md)*-1) 0;
}

.footer-nav {
	display: flex;
} 

.footer-nav-item {
	margin-right: var(--margin-lg);
}

.footer-credit {
	display: flex;
}

.footer-credit-right {
	margin-left: var(--margin-sm);
	display: flex;
	align-items: baseline;
}


.site-footer svg {
	margin-left: 0.6em;
	margin-right: 0.6em;
	height: 0.8em;
	position: relative;
	width: auto;
	box-sizing: content-box;
}

.site-footer a:hover {
	color: #0500D1;
}


@media screen and (max-width: 1176px) {
	.site-footer {
		flex-direction: column;
	}

	.footer-nav {
		margin-bottom: var(--margin-sm);
	}

	.footer-nav-item:last-child {
		margin-right: 0;
	}

	.footer-credit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media screen and (max-width: 560px) {
	.site-footer {
		padding-left: var(--margin-md);
		padding-right: var(--margin-md);
	}

	.footer-nav {
		justify-content: space-between;
	}

	.footer-nav-item {
		margin-right: var(--margin-md);
	}
}

/* Home page */
.home .site-header {
	color: white;
}

.home .header-nav-item {
	border: var(--border) solid;
	background: transparent;
}

.home .header-nav-mobile-btn .line {
	background-color: white;
}

.home .scroll-arrow svg {
	fill: white;
	filter: drop-shadow(0px 0px 5px #FFFFFF);
}

.section-intro.section-intro-home {
	position: relative;
	margin-top: 0;
	min-height: calc(100vh - var(--btn-h-sm) - var(--margin-md));
	color: white;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

@media screen and (max-width: 1025px) {
	.section-intro.section-intro-home {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.section-intro-home .t-headline {
		margin-bottom: var(--margin-md);
	}
}

@media screen and (max-width: 560px) {
	.section-intro.section-intro-home {
		padding-bottom: var(--margin-xxxl);
	}

	.section-intro-home .t-headline {
		margin-bottom: var(--margin-lg);
	}
}

.section-intro-home .t-headline {
	max-width: 12em;
	text-shadow: 0px 0px 10px #FFFFFF;
}

.section-intro-bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(#0009, #0000, #0009);
}

.block-home-about {
	position: relative;
	color: white;
	overflow: hidden;
}

.home-about-background {
	background: #82bafa;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: var(--radius);
	overflow: hidden;
}

.home-about-background canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(-1000px); /* Avoid intersection in Safari */
}

.home-about-background .icon-logo {
	opacity: 0.3;
	transform: perspective(400px) translateX(20%) rotateY(20deg) rotateX(36deg) translateY(-9%) rotateZ(-4deg);
	position: absolute;
	right: 0;
	bottom: 0;
	height: 85%;
	width: auto;
	animation-name: logo;
	animation-duration: 12s;
	animation-timing-function: cubic-bezier(.2,0,.8,1);
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes logo {
	from {
		transform: perspective(400px) translateX(20%) rotateY(-10deg) rotateX(24deg) translateY(-9%) rotateZ(-8deg);
	} to {
		transform: perspective(400px) translateX(20%) rotateY(35deg) rotateX(48deg) translateY(-9%) rotateZ(0deg);
	}
}

.home-about-background::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#AD91E3, transparent, #82BAFA);
	transform: translateZ(-1000px);
}

.section-anchor {
	padding-top: var(--margin-sm);
}


/* Newsletter */
.newsletter-form {
	border-top: var(--border) solid;
	margin: var(--margin-md) var(--margin-md) var(--margin-xl);
	padding-top: var(--margin-sm);
}

.newsletter-form .t-subhead {
	margin-bottom: var(--margin-lg);
}

@media screen and (max-width: 560px) {
	.newsletter-form {
		margin: var(--margin-md) 0 var(--margin-xl);
	}
}


/* About */
.bg-clouds-mask {
	position: absolute;
	display: block;
	width: 100%;
	height: 20%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, #F2F2F2FF, #F2F2F200);
}

.word-anim {
	font-variation-settings: 'wght' 500;
	opacity: 0;
	transition: opacity 0.1s, font-variation-settings 0.4s;
}

.word-anim.show {
	font-variation-settings: 'wght' 600;
	opacity: 1;
}

.value-list-item {
	background: #DEDEDE;
	border-radius: var(--radius);
}

.value-list-item:nth-child(1) {
	background: #D4D4D4;
}

.value-list-item:nth-child(1) .icon-arrow-value {
	color: #E8E8E8;
}

.value-list-item:nth-child(2) {
	background: #DEDEDE;
}

.value-list-item:nth-child(1) .value-content {
	background-image: url("../icons/block-value-bg01.svg");
}

.value-list-item:nth-child(2) .icon-arrow-value {
	color: #D4D4D4;
}

.value-list-item:nth-child(3) {
	background: #E8E8E8;
}

.value-list-item:nth-child(2) .value-content {
	background-image: url("../icons/block-value-bg02.svg");
}

.value-list-item:nth-child(3) .icon-arrow-value {
	color: #D4D4D4;
}

.value-list-item:nth-child(3) .value-content {
	background-image: url("../icons/block-value-bg03.svg");
}

.value-header {	
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--margin-sm) var(--margin-md);
}

.value-content {
	padding: var(--margin-md) var(--margin-md) var(--margin-xxl);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: var(--margin-sm);
	display: none;
	background-size: auto 100%;
	background-position: bottom right;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1025px) {
	.value-content {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 560px) {
	.value-content {
		background-size: 100% auto;
	}
}

.value-list-item.open .value-content {
	display: grid;
}

.value-list-item .icon-arrow-value {
	width: 3.3125rem;
	height: auto;
	transition: transform 0.4s;
}

.value-list-item.open .icon-arrow-value {
	transform: rotate(180deg);
}

.value-list-item.is-closing .icon-arrow-value {
	transform: rotate(0deg);
}


.team-list-item {
	position: relative;
	display: flex;
	height: 10rem;
	background: #ECF4FE;
	border-radius: var(--radius);
	margin-bottom: var(--margin-sm);
	transition: width 0.3s ease-in-out;
}

.team-list-item:nth-child(1) {
	background: #59A3F7;
}

.team-list-item:nth-child(1) svg {
	fill: #ECF4FE;
}

.team-list-item:nth-child(2) {
	background: #82BAFA;
}

.team-list-item:nth-child(2) svg {
	fill: #D6E8FC;
}

.team-list-item:nth-child(3) {
	background: #ABD1FA;
}

.team-list-item:nth-child(3) svg {
	fill: #F2F2F2;
}

.team-list-item:nth-child(4) {
	background: #D6E8FC;
}

.team-list-item:nth-child(4) svg {
	fill: #82BAFA;
}

.team-portrait {
	width: auto;
	height: 100%;
	border-radius: var(--radius);
	object-fit: cover;
}

.team-info {
	padding: 0 var(--margin-lg);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.team-link {
	position: absolute;
	height: 3rem;
	top: var(--margin-md);
	right: var(--margin-md);
}

.team-link svg {
	height: 100%;
	width: auto;
	fill: #59A3F7;
}

@media screen and (max-width: 560px) {
	.team-list-item {
		height: 6.5rem;
		width: 100%!important;
	}
	.team-info {
		padding: 0 var(--margin-md);
	}
	.team-name {
		font-size: var(--t-base);
		line-height: var(--lh-md);
	}
	.team-position {
		font-size: var(--t-md);
		line-height: var(--lh-md);
	}
	.team-link {
		height: 2rem;
	}
}


section#partners {
	border-top: var(--border) solid;
	border-bottom: var(--border) solid;
}

.partner-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: var(--margin-md);
}

.carousel {
	position: relative;
	margin: var(--margin-lg) calc(var(--margin-md)*-1);
}

.carousel-mask {
	pointer-events: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100% - var(--margin-md))/8 + var(--margin-md));
}

.carousel-mask-left {
	left: 0;
	background: linear-gradient(to right, #f2f2f2ff, #f2f2f200);
}

.carousel-mask-right {
	right: 0;
	background: linear-gradient(to left, #f2f2f2ff, #f2f2f200);
}

/* Experience */
.block-experience {
	position: relative;
	padding-bottom: 0;
	background: #FFF;
}

.block-experience .details-bg {
	background: #E8E8E8;
	border-radius: var(--radius);
	transition: background 0.2s;
}

.block-experience .details.open .details-bg {
	background: #FFF;
}


/* Shows */
.show-header {
	position: sticky;
	top: calc(var(--border)*-1);
	display: flex;
	justify-content: space-between;
	border-top: var(--border) solid;
	padding-top: var(--margin-sm);
	margin: var(--margin-sm)  var(--margin-md) var(--margin-md);
	z-index: 2;
}

@media screen and (max-width: 560px) {
	.show-header {
		display: none;
	}
}

.show-header-info,
.show-header-actions {
	display: flex;
}

.shows .bullet::before {
	background: var(--show-color);
}

.shows .newsletter-form .bullet::before {
	background: #969696;
}

.shows .video-control {
	background-color: var(--show-color);
}

.shows .video-control:hover {
	background-color: #FFFFFF66;
}

.shows progress[value] {
   	color: var(--show-color); 
}

.shows progress[value]::-webkit-progress-value {
	background-color: var(--show-color);
}

.showsprogress[value]::-moz-progress-bar {
  background-color: var(--show-color);
}

.show-header-info .header-nav-item:hover {
	background: inherit;
	color: inherit;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
}

.show-header .cta-primary {
	margin-left: auto;
}

.show-video {
	height: calc(100vh - var(--header-full-h) - var(--margin-md));
	max-height: calc(100vw*(9/16) - var(--margin-md)*2);
}

.show-video video {
	border-radius: var(--radius);
}

@media screen and (max-width: 560px) {
	.show-video {
		margin-top: var(--margin-md);	
	}
	
}

/* Change Eventbrite iframe width to trigger mobile layout */
.shows iframe {
	margin: auto!important;
	width: calc(100vw - var(--margin-md)*2)!important;
	max-width: 659px!important;
	height: calc(100vh - var(--margin-md)*2)!important;
	border-radius: var(--radius);
}

.show-headline strong {
	color: var(--show-color);
}

.show-info-date {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-top: var(--border) solid;
	padding-top: var(--margin-sm);
}

.show-info-date time {
	margin-bottom: calc(var(--margin-md)*2);
}

@media screen and (max-width: 1025px) {
	.show-info-date {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: calc(var(--margin-md)*2);
	}

	.show-info-date time {
		margin-bottom: 0;
	}
}

.show-info-detail {
	border-top: var(--border) solid;
	padding: var(--margin-sm) 0;
	display: flex;
	justify-content: space-between;
}

.show-testimonial {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #FFF;
}

.show-testimonial blockquote {
	margin-bottom: var(--margin-lg);
}

.shows .block-card-content {
	background: var(--show-color-light);
	color: black;
}


/* FAQ */
.faq-section:first-of-type {
	padding-top: var(--margin-xl);
}

.faq .details-content {
	max-width: 34em;
}

.faq .frise {
	height: 64px;
	margin-bottom: var(--margin-xl);
	margin-left: calc(var(--margin-md)*-1);
	margin-right: calc(var(--margin-md)*-1);
	background-image: url('../icons/frise01.svg');
	background-size: auto 100%;
	animation: frise 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.faq .frise:nth-of-type(2n) {
	background-image: url('../icons/frise02.svg');
	animation: frise 16s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes frise {
	from {
		background-position: 0px;
	} to {
		background-position: -1656px;
	}
}