body.page-id-142184{
	background:transparent;
	height: 100svh;
	overflow: hidden;
}

body.page-id-142184 .acac-menu__brand--mark > svg.svg-img.replaced-svg path {
	fill: rgba(255, 255, 255, 0.12) !important;
	stroke: rgba(255, 255, 255, 0.45) !important;
	stroke-width: 0.5 !important;
	transition: fill 300ms ease 0.1s !important;
}

body.page-id-142184 .acac-menu__header{
	display: none;
}


.banana-video-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

/*.banana-logo-container:before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: #000000;
}*/

.banana-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the video covers the area without distortion */
}



.banana-spotify-container{
	max-width:915px;
	margin:auto;
	padding-top:125px;
	padding-bottom:0px;
}

.banana-random-layer {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 5;
}

.banana-random-layer .banana-lottie {
	position: absolute !important;
	display: block;
	margin: 0;
	pointer-events: none;
}

.banana-random-layer dotlottie-wc {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.banana-logo-container::before {
	display: none;
}

.banana-logo-container .acac-menu__brand::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;

	background: transparent;

	-webkit-backdrop-filter: blur(6px) saturate(1.8) brightness(1.05);
	backdrop-filter: blur(6px) saturate(1.8) brightness(1.05);

	-webkit-mask-image: var(--banana-logo-mask);
	mask-image: var(--banana-logo-mask);

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;
}

.banana-logo-container .acac-menu__brand {
	position: relative;
	display: block;
	width: auto;
	height: 56px;
	pointer-events: auto;
}

.banana-logo-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;

	padding-top: 35px;
	padding-bottom: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: transparent !important;
	pointer-events: none;
}


/* Keep the visible logo translucent so the blurred background shows through. */
.banana-logo-container .svg-img,
.banana-logo-container svg.svg-img {
	display: block;
	opacity: 0.45;
	width: auto;
	height: 56px;
	max-width: 100%;
}


@media (max-width: 767px), (max-height: 700px) {
	body.page-id-142184 {
		height: auto;
		min-height: 100svh;
		overflow-x: hidden;
		overflow-y: auto;
	}

	body.page-id-142184 #page,
	body.page-id-142184 .site,
	body.page-id-142184 .site-content,
	body.page-id-142184 main {
		min-height: 100svh;
		height: auto;
	}

	.banana-spotify-container {
		padding-top: 120px;
		padding-bottom: 50px;
	}
}