/* Service heroes intentionally reuse the approved generic inner-page motion.
   Keep this stylesheet after theme.css so every per-service art direction is
   neutralised consistently, including Marketing and Google Ads. */
.id-service-hero {
	border-color: rgba(221, 209, 188, 0.78) !important;
	background: linear-gradient(
		135deg,
		rgba(255, 252, 248, 0.94) 0%,
		rgba(248, 239, 226, 0.84) 55%,
		rgba(255, 255, 255, 0.9) 100%
	) !important;
}

.id-service-hero .public-inner-hero-visual {
	top: -10.45rem !important;
	right: auto !important;
	left: -12.15rem !important;
	width: 19.75rem !important;
	height: 19.75rem !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	filter: none !important;
	opacity: 0.37 !important;
	transform: none !important;
	translate: none !important;
	animation: none !important;
}

.id-service-hero .public-inner-hero-visual::before,
.id-service-hero .public-inner-hero-visual::after {
	display: none !important;
	content: none !important;
}

.id-service-hero .public-inner-hero-visual__geometry {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 1 !important;
	animation: inner-hero-visual-spin 54s linear infinite !important;
}

@media (max-width: 767px) {
	.id-service-hero .public-inner-hero-visual {
		top: -8.8rem !important;
		left: -10.5rem !important;
		width: 17rem !important;
		height: 17rem !important;
		opacity: 0.34 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.id-service-hero .public-inner-hero-visual__geometry {
		animation: none !important;
	}
}