.opencall-popup {
	position: fixed;
    z-index: 101;
    width: 100vw;
    height: 100dvh;
	overflow: hidden;
}

.opencall-popup .opencall-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.opencall-popup .close-button-container {
	position: absolute;
    top: clamp(15px, 1.5vw, 30px);
    right: clamp(30px, 3vw, 60px);
    width: clamp(20px, 2vw, 50px);
    display: flex;
}

.opencall-popup .close-button-container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.5s ease;
}

.opencall-popup .close-button-container img:hover {
	opacity: 1;
}

.opencall-popup .opencall-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.opencall-popup .logo-container {
	display: flex;
	width: clamp(180px, 17vw, 400px);
	position: relative;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: clamp(20px, 1.5vw, 35px);	
}

.opencall-popup .logo-container .logogram {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.opencall-popup .mascot-container {
    width: clamp(180px, 23vw, 700px);
    position: absolute;
    left: 8%;
    bottom: 0;
	transform: translate(0, 20%);
}

.opencall-popup .floating-top-right {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(-125deg);
	width: clamp(150px, 32vw, 1000px);
}

.opencall-popup .floating-top-right img {
	width: 100%;
	object-fit: contain;
}

.opencall-popup .notice {
	position: absolute;
    left: 0;
    top: clamp(70px, 10vw, 200px);
    background-image: url('../images/designwah-notice-ribbon.svg');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: clamp(20px, 1vw, 45px) clamp(40px, 2vw, 65px);
}

.opencall-popup .notice .notice-icon-wrapper {
	height: 2.5em;
    display: flex;
    margin-right: 0.75em;
	flex-shrink: 0;
}

.opencall-popup .notice .notice-icon {
	height: 100%;
	width: auto;
	object-fit: contain;
}

.opencall-popup .notice .notice-text {
	font-family: "Obviously", sans-serif;
    text-transform: uppercase;
    line-height: 1.4;
}

.opencall-popup .main-content {
	text-align: center;
/* 	margin-top: 35%; */
	margin-top: 20dvh;
	padding: 0 7%;
	position: relative;
}

.opencall-popup .main-content .heading {
	font-family: "Obviously Narrow", sans-serif;
	text-transform: uppercase;
    line-height: 1;
    margin: 0.5em 0 0.25em 0;
}

.opencall-popup .main-content .button {
	border-radius: 5vw;
}

.opencall-popup .main-content .button-arrow:after {
	content: "";
	width: clamp(20px, 1.565vw, 42px);
    height: clamp(15px, 1.4vw, 36px);
	background-image: url("../images/designwah-arrow-red-rounded.svg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: clamp(5px, 0.5vw, 15px);
    flex-shrink: 0;
    transform: translate(0, 10%);
	filter: grayscale(1) brightness(9);
	-webkit-filter: grayscale(1) brightness(9);
	transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}

.opencall-popup .main-content .button-arrow:hover:after {
	filter: none;
	-webkit-filter: none;
}

.opencall-popup .organisers {
	display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
    position: absolute;
    width: 35vw;
    right: 5%;
	bottom: 12.5vw;
    text-align: center;
    gap: clamp(5px, 1.5vw, 30px);
}

.opencall-popup .organisers .organiser-wrapper {
	height: clamp(50px, 4.5vw, 200px);
	width: 100%;
	display: flex;
	align-items: center;
}


.opencall-popup .organisers .organiser-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

@media screen and (orientation: landscape) and (min-width: 750px) {
	.opencall-popup .organisers {
		width: fit-content;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2.5em;
		bottom: unset;
	}

	.opencall-popup .organisers .organiser-wrapper {
		height: clamp(65px, 4.5vw, 200px);
		width: unset;
		max-width: clamp(100px, 12.5vw, 300px);
	}
}

@media screen and (min-width: 750px) {
	.opencall-popup .main-content .main-text {
		width: 50%;
		margin: 0 auto;
	}
}

@media screen and (orientation: landscape) {
	.opencall-popup .main-content {
		margin-top: 0;
	}
	
	.opencall-popup .mascot-container {
		transform: translate(0, 25%);
	}
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100dvh;
	display: flex;
	justify-content: center;
	overflow: hidden;
	z-index: 100;
	opacity: 0;
	display: none;
}

#preloader .preloaderbg {
	width: 200%;
	height: 200%;
	position: absolute;
	object-fit: cover;
	object-position: bottom;
}

#preloader .mascots {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

#preloader .mascots .mascot {
	width: clamp(120px, 18vw, 700px);
	position: absolute;
	max-height: 30vh;
    max-width: 30vh;
	aspect-ratio: 1 / 1;
}

@media screen and (min-width: 380px) {
	#preloader .mascots .mascot {
		width: clamp(150px, 18vw, 700px);
	}
}

#preloader .mascots .mascot.mascot-wawa {
	bottom: 0;
    transform: translate(-10%, 0);
    right: 12.5%;
}

#preloader .mascots .mascot.mascot-dwah {
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	transform: translate(0%, -200%);
}

#preloader .mascots .mascot.mascot-haha {
    bottom: 5%;
	left: 12.5%;
    transform: translate(10%, 0);
}

 @media screen and (min-width: 750px) {
	#preloader .mascots .mascot.mascot-wawa {
		top: 50%;
		bottom: unset;
		transform: translate(0, -50%);
	}

	#preloader .mascots .mascot.mascot-dwah {
		transform: translate(0, -110%);
	}

	#preloader .mascots .mascot.mascot-haha {
		top: 50%;
		bottom: unset;
		transform: translate(0, -50%);
	}
}

#preloader .mascots .name-label {
	position: absolute;
	z-index: 2;
}

#preloader .mascots .name-label img {
	width: 100%;
	object-fit: contain;
}

#preloader .mascots .mascot.mascot-wawa .name-label {
    width: 55%;
    top: -20%;
    right: 0;
    transform: translate(40%, 0);
}

#preloader .mascots .mascot.mascot-dwah .name-label {
    width: 50%;
    left: 70%;
    top: -20%;
    transform: translate(0, 0);
}

#preloader .mascots .mascot.mascot-haha .name-label {
	left: 0;
    top: -20%;
    width: 55%;
    transform: translate(-60%, 0);
}

#preloader .logo-wrapper {
	position: absolute;
	display: flex;
	flex-flow: column;
    width: clamp(200px, 65vw, 1500px);
	max-width: 60vh;
	top: 50%;
	transform: translate(0, -65%) scale(0);
	transform-origin: 50% 50%;
}

@media screen and (orientation: portrait) {
	#preloader .logo-wrapper {
		max-width: 28vh;
	}
}

@media screen and (min-width: 750px) {
	#preloader .logo-wrapper {
		transform: translate(0, -10%) scale(0);
	}
}

#preloader .logo-wrapper .designwah-logo {
	width: 100%;
	object-fit: contain;
}

#preloader .logo-wrapper .organiser {
	text-align: center;
}

#preloader .logo-wrapper .organiser .organiser-text {
	margin: 1.5em 0;
}

#preloader .logo-wrapper .organiser .organiser-logo {
	width: 30%;
    display: flex;
    margin: 0 auto;
}

#preloader .logo-wrapper .organiser .organiser-logo img {
	width: 100%;
	object-fit: contain;
}

@media screen and (orientation: landscape) {
	#preloader .logo-wrapper {
		width: clamp(200px, 35vw, 1500px);
	}
}

.cursor-trail {
	width: clamp(80px, 6vw, 120px);
	height: clamp(80px, 6vw, 120px);
	object-fit: contain;
	position: absolute;
	pointer-events: none;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease;
	z-index: 9;
}

.home-banner-wrapper {
	position: relative;
	overflow: hidden;
	opacity: 0;
}

.home-banner-wrapper .background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transform-origin: 65% 0%;
}

.home-banner-wrapper .parallax-images {
	height: 115vh;
	position: relative;
/* 	overflow: hidden; */
}

.home-banner-wrapper .parallax-images .parallax-images-inner {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: clamp(20px, 2.5vw, 60px);
	position: relative;
}

@media screen and (min-width: 550px) {
	.home-banner-wrapper .parallax-images .parallax-images-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 750px) {
	.home-banner-wrapper .parallax-images .parallax-images-inner {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.home-banner-wrapper .parallax-images .artwork-group:nth-child(3n+1):last-child {
	  grid-column: 2;
	}
}

.home-banner-wrapper .parallax-images .artwork-group {
	display: flex;
	position: relative;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+1) {
	justify-content: flex-start;
	align-items: flex-end;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+1) .artwork-2 {
	top: 12%;
	left: 45%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+1) .artwork-3 {
	top: 80%;
	left: 30%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+2) {
	justify-content: center;
	align-items: center;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+2) .artwork-2 {
	top: 20%;
	left: 60%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+2) .artwork-3 {
	top: 60%;
	left: 0%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+3) {
	justify-content: flex-end;
	align-items: flex-end;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+3) .artwork-2 {
	top: 0%;
	left: 20%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+3) .artwork-3 {
	top: 80%;
	left: 0%;
}

@media screen and (min-width: 550px) {
	.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+2) .artwork-3 {
		left: -20%;
	}

	.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+3) .artwork-3 {
		left: -20%;
	}

}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+4) {
	justify-content: center;
    align-items: flex-end;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+4) .artwork-2 {
	top: 30%;
	left: 60%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+4) .artwork-3 {
	top: 80%;
	left: 30%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+5) {
	justify-content: flex-start;
	align-items: flex-start;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+5) .artwork-2 {
	top: 30%;
	left: 60%;
}

.home-banner-wrapper .parallax-images .artwork-group:nth-child(5n+5) .artwork-3 {
	top: 80%;
	left: 30%;
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-2,
.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-3 {
	position: absolute;
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-3 {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	transform: scale(0.5);
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-2 {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	z-index: 2;
	transform: scale(0.7);
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-1 {
	position: relative;
	z-index: 3;
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-portrait {
	width: clamp(120px, 15.5vw, 450px);
}

.home-banner-wrapper .parallax-images .parallax-images-inner .artwork-landscape{
	width: clamp(180px, 20vw, 600px);
}

.home-banner-wrapper .parallax-images .parallax-images-inner .parallax-image-container {
	will-change: transform;
}

.home-banner-wrapper .text-banner-wrapper {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.home-banner-wrapper .text-banner .floating-assets {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}

.home-banner-wrapper .text-banner .floating-assets img {
	position: absolute;
}

.home-banner-wrapper .text-banner .floating-assets img:first-child {
	width: clamp(60px, 8vw, 300px);
    object-fit: contain;
    top: 22%;
    left: 10%;
}

.home-banner-wrapper .text-banner .floating-assets img:nth-child(2) {
    width: clamp(80px, 9.5vw, 350px);
    object-fit: contain;
    right: -1%;
    top: 20%;
}

.home-banner-wrapper .text-banner .floating-assets img:nth-child(4) {
    width: clamp(60px, 6vw, 250px);
    object-fit: contain;
    bottom: 20%;
    left: 5%;
}

.home-banner-wrapper .text-banner .floating-assets img:nth-child(3) {
    width: clamp(70px, 9vw, 300px);
	object-fit: contain;
    bottom: 20%;
    right: 15%;
}

.home-banner-wrapper .heading {
	margin-top: 0;
}

@media screen and (min-width: 750px) {
	.home-banner-wrapper .text-banner .center-wrapper {
		width: 60%;
	}
	
	.home-banner-wrapper .text-banner .floating-assets img:first-child {
		top: 17%;
		width: clamp(100px, 9vw, 300px);
	}
	
	.home-banner-wrapper .text-banner .floating-assets img:nth-child(2) {
		top: 20%;
	}
}

@media screen and (min-width: 800px) {
	.home-banner-wrapper .text-banner .center-wrapper {
		width: 55%;
	}
}

.home-banner-wrapper .text-banner .animate-text {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.home-banner-wrapper .text-banner .animate-text span {
	margin: 0 0.1em;
	opacity: 0;
	transform: scale(0);
	text-transform: uppercase;
}

.parallax-image-container-inner {
	width: 100%;
	display: flex;
}

.parallax-image-container-inner img {
	width: 100%;
	object-fit: contain;
}

.exhibitors-preview {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: -17vw;
	margin-bottom: clamp(40px, 5.2vw, 120px);
}

.exhibitors-preview:before {
	content: "";
	width: 100vw;
	height: 25vw;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	pointer-events: none;
}

.exhibitors-text-container {
	position: absolute;
	width: 100%;
	z-index: 6;
	padding: clamp(40px, 4vw, 80px) clamp(15px, 2.5%, 80px);
	pointer-events: none;
}

.exhibitors-preview .exhibitor-heading {
	margin-top: 0;
}

.exhibitors-preview .mascot-wrapper {
	width: 15vw;
    min-width: 150px;
    margin: 0 auto;
    transform: translate(0, 20%);
}

.exhibitors-preview .mascot-wrapper .mascot-body {
	position: relative;
	z-index: 3;
}

.exhibitors-preview #exhibitorsCanvas {
	width: 100vw;
	height: 100vh;
	pointer-events: auto;
  	touch-action: auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
}

.exhibitors-preview .mascot:before {
    content: "";
    width: 50%;
    height: 50%;
    border-radius: 50%;
    top: 30%;
    left: 35%;
    background-color: #FFFFFF;
    display: block;
    position: absolute;
}

.exhibitors-preview svg.mascot-pupils {
	width: 33%;
	top: 51%;
    left: 40%;
}

.about-section .mascot-wrapper-wawa svg.mascot-pupils {
    top: 39.5%;
    left: 41.5%;
    width: 33%;
}

.about-section {
	position: relative;
	height: 100vh;
	background-image: url("../images/gradient-pink.jpg");
	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
}

.about-section .about-section-texture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	object-fit: cover;
	z-index: 2;
}

.about-section .morphsvg-container {
	width: 45vw;
	max-width: 300px;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 750px) {
	.about-section .morphsvg-container {
		width: 27vw;
		max-width: 700px;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		transform: translate(0, -50%);
	}
}

.about-section #svg-stage {
  display: block;
  width: 100%;
  height: auto;
}


.about-section .about-section-inner {
	position: relative;
  height: 90vh;
  overflow: hidden;
	z-index: 3;
}

.about-section .about-section-inner .about-heading .split-item .split-item-inner {
	width: fit-content;
	position: relative;
	display: block;
}

.about-item {
  position: absolute;
  top: 35%;
  left: 0;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.5s, transform 0.5s;
	width: 100%;
}

.about-item .section-heading {
	margin-top: 0;
	text-transform: none;
	text-align: center;
}

.about-item.active {
  opacity: 1;
  transform: translateY(0);
}

.about-item .text-container {
	position: absolute;
	width: 100%;
	opacity: 0;
	margin: 0.5em 0;
	text-align: center;
}

@media screen and (min-width: 750px) {
	
	.about-item {
		top: 50%;
	}
	
	.about-item .split-item {
		width: 34%;
	}
	
	.about-item .text-container {
		right: 0;
	}
	
	.about-item .section-heading,
	.about-item .text-container {
		text-align: left;
	}
}

.about-item .text-container h3 {
	font-size: clamp(24px, 2.1vw, 58px);
	font-weight: 700;
	margin: 0 0 0.8em 0;
	line-height: 1.2;
}

.about-item .text-container p {
	margin: 0;
	margin-bottom: 0.5em;
}

.about-item .text-container ul {
	margin: 0;
	padding-left: clamp(20px, 0.8em, 30px);
}

.about-item .text-container ul li:not(:last-child) {
	margin-bottom: 0.5em;
}

.ribbons-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: clamp(120px, 18vw, 1000px);
	transform: translate(0, -50%);
}

.ribbons-wrapper:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

.ribbon-ticker {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	width: 120vw;
	left: -10vw;
}

.ticker-track {
	white-space: nowrap;
    display: inline-flex;
}

.ribbon-blue {
	background-color: #1C2BAD;
	color: white;
	transform: rotate(5deg);
	transform-origin: left;
	top: 0;
}

.ribbon-red {
	background-color: #F7004B;
	color: white;
	transform: rotate(-5deg);
	transform-origin: left;
	bottom: 0;
}

.ribbon-blue .ticker-track {
	animation: tickerScroll 100s linear infinite;
}

.ribbon-red .ticker-track {
	animation: tickerScrollReverse 100s linear infinite;
}

.ticker-item {
	padding: 0 10vw;
	display: flex;
	align-items: center;
	font-size: 16px;
	white-space: nowrap;
}

.ticker-item:nth-child(even) .ticker-logo-container {
	width: clamp(125px, 10vw, 250px);
	display: flex;
}

.ticker-item .ticker-logo {
	width: 100%;
	object-fit: contain;
}

.ticker-item .cubes {
	width: clamp(200px, 15vw, 500px);
	margin: 0 clamp(5px, 0.5vw, 15px);
}

.ticker-item .cubes .cubes-inner {
	width: 100%;
	padding-top: 25%;
	position: relative;
	overflow: hidden;
}

.ticker-item .cubes .cubes-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ticker-item .date-place span {
	display: block;
	text-align: center;
}

.ticker-item .title {
	font-family: "Obviously Narrow", sans-serif;
	margin: 0;
	line-height: 1;
	transform: translate(0, -15%);
}

@keyframes tickerScroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes tickerScrollReverse {
	from { transform: translateX(-50%); }
	to { transform: translateX(0); }
}

.flasia .flasia-banner-wrapper a {
	display: flex;
	width: 100%;
	margin: 0 auto;
}

.flasia .flasia-banner-wrapper a img {
	width: 100%;
	object-fit: contain;
}

@media screen and (min-width: 1024px) {
	.flasia .flasia-banner-wrapper a {
		width: 75%;
	}
}

.schedule {
/* 	margin-top: -5vw; */
}

.schedule .schedule-top {
	position: relative;
	z-index: 2;
}

.schedule-tabs {
	display: flex;
	cursor: pointer;
	padding: 0 2.5%;
	background-color: #FFFFFF;
}

.tab {
	padding: clamp(10px, 0.8vw, 20px) clamp(9px, 7vw, 200px) clamp(10px, 0.8vw, 20px) clamp(6px, 5vw, 120px);
	-webkit-clip-path: url(#tabShape);
    clip-path: url(#tabShape);
	color: #FFFFFF;
	font-family: "Obviously Narrow", sans-serif;
	transition: color 0.5s ease;
	font-size: clamp(16px, 2.345vw, 56px);
}

.tab:first-child {
	z-index: 2;
}

.tab:nth-child(2) {
	z-index: 3;
}

.tab:nth-child(3) {
	z-index: 1;
}

.tab.active {
	z-index: 4;
}

.tab:not(:first-child) {
	margin-left: -2.25%;
}

.tab:first-child {
	background-color: #C2F102;
}

.tab:nth-child(2) {
	background-color: #FD90C7;
}

.tab:nth-child(3) {
	background-color: #FF8323;
}

.tab.active,
.tab:hover {
	color: #1C2BAD;
}

.schedule .schedule-heading span {
	display: inline-block;
	will-change: transform;
}

.schedule .schedule-heading .image-in-heading {
	width: clamp(44px, 7.25vw, 180px);
	transform: scale(0);
	top: 25%;
	left: 20%;
}

@media screen and (min-width: 400px) {
	.schedule .schedule-heading .image-in-heading {
		width: clamp(63px, 7.25vw, 180px);
		top: 30%;
		left: 21%;
	}
}

@media screen and (min-width: 850px) {
	.schedule .schedule-heading .image-in-heading {
		left: 21%;
	}
}

@media screen and (min-width: 1024px) {
	.schedule .schedule-heading .image-in-heading {
		left: 20.5%;
	}
}

.schedule .schedule-main {
	height: 100vh;
	position: relative;
}

.schedule .schedule-main .glass-asset-cylinder {
	display: block;
	position: absolute;
	bottom: 20vh;
	left: 10%;
	z-index: 2;
	width: clamp(100px, 10vw, 300px);
	transform: rotate(-37deg);
	animation: floatUp2 4s ease-in-out infinite;
}

.tab-information {
	display: none;
	padding: clamp(40px, 4vw, 80px) 5% clamp(80px, 10vw, 240px) 5%;
	position: relative;
	height: 100%;
}

.tab-information .tab-information-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tab-information .events-wrapper {
	position: relative;
	overflow: hidden;
	height: 80vh;
	width: 100%;
}

.tab-information .blur-layer {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-information .blur-layer .coming-soon-text {
	font-family: "Obviously Narrow", sans-serif;
    margin: 0;
    transform: translate(0, -50%);
    text-transform: uppercase;
}

@media screen and (min-width: 750px) {
	.tab-information .events-wrapper .event {
		max-width: 70%;
	}
}

.tab-information .events-wrapper .event .time-wrapper {
	width: fit-content;
	position: relative;
	text-transform: uppercase;
	background-color: #1C2BAD;
	border-radius: clamp(5px, 0.5vw, 15px);
	padding: clamp(5px, 0.5vw, 15px) clamp(20px, 1.5vw, 30px);
}

.tab-information .events-wrapper .event .time-wrapper:before {
	content: "";
	height: 1.5px;
	width: 100vw;
	background-color: #1C2BAD;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: calc(100% + 20px);
}

.tab-information .events-wrapper .event .time-wrapper:after {
	content: "";
	height: 1.5px;
	width: 100vw;
	background-color: #1C2BAD;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: calc(100% + 20px);
}

.tab-information.active {
	display: flex;
	align-items: center;
}

.tab-information .event {
	margin-bottom: clamp(15px, 1.5vw, 30px);
}

.tab-information .event-title {
	margin: 0.5em 0;
}

.tab-information .speakers-row {
	display: flex;
	flex-wrap: wrap;
}

.tab-information .speakers-container {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.tab-information .speakers-container .speaker {
	width: 100%;
}

.tab-information .speakers-container .speakers-label {
	text-transform: uppercase;
	padding: clamp(5px, 0.5vw, 10px) clamp(15px, 1.5vw, 30px);
	border-radius: clamp(20px, 2vw, 50px);
	border: 1px solid #1C2BAD;
	margin-right: clamp(10px, 1vw, 30px);
	margin-bottom: 1em;
}

.tab-information .speakers-container .speakers-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.tab-information .speakers-container .speaker .name {
	margin: 0;
	line-height: 1.2;
}

.tab-information .speakers-container .speaker .role {
	margin: 0.5em 0 1em 0;
}

@media screen and (min-width: 750px) {
	.schedule .center-wrapper {
		width: 55%;
	}
	
	.tab-information .speakers-container,
	.tab-information .speakers-container .speakers-list {
		width: fit-content;
	}
	
	.tab-information .speakers-container .speaker {
		max-width: clamp(220px, 20vw, 400px);
		width: fit-content;
		margin: 0 clamp(10px, 1vw, 30px);
	}
}

@media screen and (min-width: 1024px) {
	.schedule .center-wrapper {
		width: 40%;
	}
}

.schedule-main .mascot-wrapper {
	width: 9vw;
    min-width: 100px;
    position: absolute;
    top: clamp(50px, 7vw, 120px);
    right: 5%;
    z-index: 2;
}

.schedule-main .mascot-wrapper img {
	width: 100%;
	object-fit: contain;
	position: relative;
}

.schedule-main .mascot-wrapper img.mascot-body {
	position: relative;
	z-index: 3;
}

@media screen and (min-width: 750px) {
	.schedule-main .mascot-wrapper {
		display: block;
	}
	
	.about-section .mascot-wrapper {
		bottom: clamp(40px, 2vw, 50px);
	}
}

.floorplan-container {
	width: 100%;
	margin-top: clamp(25px, 3.5vw, 80px);
}

.floorplan-container img {
	width: 100%;
	object-fit: contain;
}

.floorplan-container img.landscape-floorplan {
	display: none;
}

@media screen and (orientation: landscape) {
	.floorplan-container img.landscape-floorplan {
		display: block;
	}
	
	.floorplan-container img.portrait-floorplan {
		display: none;
	}
}