.logo-bounce-hero {
	--hero-h: 50vh;
	--hero-bg-image: url("/assets/images/impartiumTexture1.png");
	width: 100%;
	height: var(--hero-h);
	cursor: default;
	overflow: hidden;
	position: relative;
}

body:has(.search-container.on .ripple-iframe) .logo-bounce-hero {
	display: none;
}


.logo-bounce-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background-color: rgb(113 83 141);
	background-image: var(--hero-bg-image);
	background-repeat: no-repeat;
	background-size: cover;
	/*background-attachment: fixed;*/
}


	.logo-bounce-hero.logo-bounce-hero--hue-rotate::before {
		animation: impartiumHeroHueShift 20s linear infinite alternate;
	}



		@keyframes impartiumHeroHueShift {
			from {
				filter: hue-rotate(0deg);
			}

			to {
				filter: hue-rotate(360deg);
			}
		}

		.logo-bounce-hero::after {
			content: "";
			position: absolute;
			inset: 0;
			background: radial-gradient(ellipse at 50% 110%, rgba(0, 0, 0, 0.65) 0%, transparent 60%), radial-gradient(ellipse at 50% -10%, rgba(0, 0, 0, 0.4) 0%, transparent 55%), linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.18) 100%);
			pointer-events: none;
			z-index: 1;
		}

		.logo-bounce-hero canvas {
			display: block;
			position: relative;
			z-index: 2;
		}

		.logo-bounce-hero__messaging {
			position: absolute;
			inset: 0;
			z-index: 3;
			pointer-events: none;
			display: flex;
			align-items: center;
			padding-left: 33%;
			padding-right: 6%;
			opacity: 1;
			transition: opacity 0.55s ease;
		}

		.logo-bounce-hero.is-hovered .logo-bounce-hero__messaging {
			opacity: 0.12;
		}

		.logo-bounce-hero__msg-inner {
			max-width: 80%;
		}

.logo-bounce-hero__eyebrow {
	font-family: var(--font-sans);
	font-weight: 500;
	font-size: clamp(10px, 1vw, 13px);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.38);
	margin-bottom: 2px;
	margin-top: 12px;
}

		.logo-bounce-hero__headline {
			font-family: "Lora", serif;
			font-style: italic;
			font-weight: 400;
			font-size: clamp(22px, 2.8vw, 42px);
			line-height: 1.22;
			color: rgba(255, 255, 255, 0.92);
			margin-bottom: 22px;
			letter-spacing: -0.01em;
		}

.logo-bounce-hero__sub {
	font-family: var(--font-sans);
	font-weight: 300;
	font-size: clamp(12px, 1.1vw, 15px);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.38);
	max-width: 80%;
}

		@media (max-width: 767px) {
			.logo-bounce-hero__messaging {
				padding-left: 10%;
				padding-right: 8%;
				align-items: flex-start;
				padding-top: 56px;
			}

			.logo-bounce-hero__msg-inner {
				max-width: 100%;
			}

			.logo-bounce-hero__headline {
				font-size: clamp(22px, 9vw, 42px);
				line-height: 1.08;
			}

			.logo-bounce-hero__sub {
				max-width: 100%;
			}
		}