/* Hero D-shape: filled D, follows mouse only inside #hero-caption; caption text above shape */
#hero-caption .inner {}

#hero {
	position: relative;
}

#hero-styles {
	position: relative;
	z-index: 2;
}

.hero-d-shape {
	position: absolute;
	left: 0;
	top: 0;
	width: min(65vw, 403px);
	height: auto;
	aspect-ratio: 609.3 / 667.44;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s ease;
	color: rgba(0, 0, 0, 0.08);
	transform: translate(-50%, -50%);
	z-index: 1;
}

.hero-d-shape__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 609.3 667.44'%3E%3Cpath fill='white' fill-rule='evenodd' d='M554.32,232.01c-9.12-33.95-23.82-63.73-44.09-89.32-20.28-25.59-45.93-45.23-76.97-58.92-31.04-13.68-71.78-20.53-122.2-20.53H55.25v557.22h255.81c30.66,0,64.87-5.07,102.63-15.2,27.62-7.35,53.46-22.11,77.54-44.28,24.07-22.17,42.89-49.66,56.44-82.48,13.55-32.81,20.34-79,20.34-138.55,0-38.01-4.56-73.99-13.68-107.95Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 609.3 667.44'%3E%3Cpath fill='white' fill-rule='evenodd' d='M554.32,232.01c-9.12-33.95-23.82-63.73-44.09-89.32-20.28-25.59-45.93-45.23-76.97-58.92-31.04-13.68-71.78-20.53-122.2-20.53H55.25v557.22h255.81c30.66,0,64.87-5.07,102.63-15.2,27.62-7.35,53.46-22.11,77.54-44.28,24.07-22.17,42.89-49.66,56.44-82.48,13.55-32.81,20.34-79,20.34-138.55,0-38.01-4.56-73.99-13.68-107.95Z'/%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.hero-d-shape svg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hero-d-shape.is-visible {
	opacity: 1;
}

#hero.has-image .hero-d-shape {
	color: rgba(255, 255, 255, 0.12);
}