/* Keep the service photo with the homepage service content after relocation. */
body.home .home-services-visual-section.e-con {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

body.home .home-services-visual-section .home-services-visual {
	margin-top: 0;
}

/* The relocated Elementor introduction retains its full-width animated wave. */
.elementor .amber-about-from-home.e-con,
.amber-about-from-home {
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
	padding: clamp(1.5rem, 2vw, 2rem) 0 0;
	gap: 0;
	background: #fff;
}

.amber-about-from-home .home-about__grid {
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	width: min(1180px, calc(100% - 2rem));
	max-width: 1180px;
	margin-inline: auto;
	padding: 0;
	gap: 2rem;
	align-items: start;
}

.amber-about-from-home .home-about__title .elementor-heading-title {
	margin: 0;
	color: #303030;
	font-size: clamp(2rem, 3.6vw, 2.8rem);
	font-weight: 800;
	letter-spacing: 0.04em;
}

.amber-about-from-home .home-about__copy {
	gap: 0;
}

.amber-about-from-home .home-about__copy .elementor-widget-text-editor {
	color: #626262;
	font-size: 0.96rem;
	line-height: 1.95;
}

.amber-about-from-home .home-about__copy p {
	margin: 0 0 0.65rem;
}

.amber-about-from-home .home-about__more .elementor-button {
	padding: 0;
	background: transparent;
	box-shadow: none;
	color: #3d3d3d;
	font-weight: 700;
}

.amber-about-from-home .home-wave--animated {
	--amber-wave-art-height: clamp(96px, 12vw, 160px);
	/* Trim white-only headroom without resizing or cutting the wave artwork. */
	height: calc(var(--amber-wave-art-height) * 0.8);
	min-height: 0;
	margin-top: 0;
}

.amber-about-from-home .home-wave__svg,
.amber-about-from-home .home-wave__layer {
	display: none;
}

.amber-about-from-home .home-wave__stage::before {
	position: absolute;
	left: -3%;
	bottom: -2px;
	z-index: 1;
	width: 106%;
	height: calc(var(--amber-wave-art-height) * 2.2);
	/* The artwork is mostly white. Fit its full height rather than using cover:
	   the coloured bottom third then fits inside this compact wave viewport. */
	background: var(--amber-about-wave-image) center bottom / 100% 100% no-repeat;
	content: "";
	transform-origin: 50% 100%;
	animation: amber-about-relocated-wave 10s ease-in-out infinite;
}

@keyframes amber-about-relocated-wave {
	0%, 100% { transform: translate3d(-0.6%, 0, 0) scaleY(1); }
	50% { transform: translate3d(0.6%, 1px, 0) scaleY(0.97); }
}

@media (max-width: 959px) {
	.amber-about-from-home .home-about__grid {
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}
}

@media (max-width: 600px) {
	.elementor .amber-about-from-home.e-con,
	.amber-about-from-home {
		padding-top: 1.25rem;
	}

	.amber-about-from-home .home-wave--animated {
		--amber-wave-art-height: clamp(80px, 20vw, 120px);
	}

	.amber-about-from-home .home-wave__stage::before {
		left: -3%;
		width: 106%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.amber-about-from-home .home-wave__stage::before {
		animation: none;
	}
}