/* Shared inner-page refinement: homepage rhythm without duplicating its layout. */

body.boom-inner-page .boom-page-hero {
	position: relative;
	border: 0 !important;
	background-image: url('/wp-content/uploads/2026/08/WAX-Boom-Scaffolding-Cornwall-Asset-14.svg') !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: repeat !important;
	isolation: isolate;
}

/* Match the homepage hero texture. This also replaces the stale preview-domain
 * image URL still embedded in the Services page's Elementor CSS. */
body.boom-inner-page .boom-page-hero::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background: url('/wp-content/uploads/2026/08/BOOM-Scaffolding-Halftone-Tecture.webp') center / cover no-repeat !important;
	content: '';
	mix-blend-mode: overlay !important;
	opacity: .3 !important;
	pointer-events: none;
}

body.boom-inner-page .boom-page-hero > .e-con-inner,
body.boom-inner-page .boom-page-hero > .boom-page-inner {
	position: relative;
	z-index: 1;
}

body.boom-inner-page .boom-page-section {
	padding: clamp(76px, 6.5vw, 92px) 0;
}

body.boom-inner-page .boom-page-section--paper {
	position: relative;
	overflow: hidden;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	background: #f2eee6;
	isolation: isolate;
}

body.boom-inner-page .boom-page-section--paper::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background: url('/wp-content/uploads/2026/08/BOOM-Scaffolding-Halftone-Tecture.webp') center / 1024px auto repeat;
	content: '';
	mix-blend-mode: multiply;
	opacity: .04;
	pointer-events: none;
}

body.boom-inner-page .boom-page-section--paper > .boom-page-inner,
body.boom-inner-page .boom-page-section--paper > .e-con-inner {
	position: relative;
	z-index: 1;
}

body.boom-inner-page .boom-page-section--ink {
	position: relative;
	border-top: 4px solid #000;
	border-bottom: 4px solid var(--boom-orange);
	background:
		linear-gradient(rgb(52 53 53 / 95%), rgb(52 53 53 / 95%)),
		radial-gradient(circle, rgb(255 253 248 / 25%) 1.55px, transparent 1.85px) 0 0 / 18px 18px;
	isolation: isolate;
}

body.boom-inner-page .boom-page-section--ink::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background-image: radial-gradient(circle, rgb(255 253 248 / 18%) 1.6px, transparent 1.9px);
	background-size: 18px 18px;
	content: '';
	opacity: .62;
	pointer-events: none;
	transform: rotate(-1deg) scale(1.03);
}

body.boom-inner-page .boom-page-section--ink > .boom-page-inner,
body.boom-inner-page .boom-page-section--ink > .e-con-inner {
	position: relative;
	z-index: 2;
}

body.boom-inner-page .boom-page-section--paper .boom-section-title:first-child {
	max-width: 980px;
}

body.boom-inner-page .boom-home-service-card {
	transition: box-shadow .2s ease, transform .2s ease;
}

body.boom-inner-page .boom-home-service-card:nth-child(odd) {
	transform: rotate(-.25deg);
}

body.boom-inner-page .boom-home-service-card:nth-child(even) {
	transform: rotate(.25deg);
}

body.boom-inner-page .boom-home-service-card:hover {
	box-shadow: 10px 10px 0 var(--boom-orange);
	transform: translate(-3px, -3px) rotate(0);
}

body.boom-inner-page .boom-inner-final-cta {
	min-height: 0 !important;
	padding: 76px 0 !important;
	border-width: 12px 0 !important;
	border-color: #000 !important;
}

body.boom-inner-page .boom-inner-final-cta .boom-home-cta-inner {
	min-height: 0;
}

@media (max-width: 1024px) {
	body.boom-inner-page .boom-page-section {
		padding: 80px 0;
	}

	body.boom-inner-page .boom-inner-final-cta {
		padding: 72px 0 !important;
	}
}

@media (max-width: 767px) {
	body.boom-inner-page .boom-page-section {
		padding: 68px 0;
	}

	body.boom-inner-page .boom-home-service-card {
		transform: none;
	}

	body.boom-inner-page .boom-inner-final-cta {
		padding: 64px 0 !important;
		border-width: 8px 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.boom-inner-page .boom-home-service-card {
		transition: none;
	}
}