.apex-container {
	width: min(calc(100% - (var(--apex-gutter) * 2)), var(--apex-container));
	margin-inline: auto;
}

.apex-content-narrow {
	width: min(calc(100% - (var(--apex-gutter) * 2)), 760px);
	margin-inline: auto;
}

.apex-section {
	position: relative;
	padding-block: var(--apex-section);
	overflow: clip;
}

.apex-section--bone {
	background: var(--apex-bone);
	color: var(--apex-carbon);
}

.apex-section--white {
	background: var(--apex-white);
	color: var(--apex-carbon);
}

.apex-section--dark {
	background: var(--apex-carbon);
	color: var(--apex-white);
}

.apex-section--crimson {
	background: var(--apex-crimson);
	color: var(--apex-white);
}

.apex-section-heading {
	max-width: 52rem;
	margin-bottom: 0;
}

.apex-section-heading h2 + p,
.apex-section-heading h3 + p {
	max-width: 42rem;
	margin-top: 1.5rem;
	color: var(--apex-graphite);
	font-size: clamp(1.05rem, 1.45vw, 1.25rem);
}


.apex-section-heading + .apex-benefits__grid,
.apex-section-heading + .apex-service-list,
.apex-section-heading + .apex-values__grid,
.apex-section-heading + .apex-service-features__grid,
.apex-section-heading + .apex-related-services__grid,
.apex-section-heading + .apex-reviews__grid,
.apex-section-heading + .apex-map-embed,
.apex-section-heading + .apex-blog-grid {
	margin-top: clamp(3rem, 7vw, 6rem);
}

.apex-section-heading--wide {
	max-width: 76rem;
}

.apex-section-heading--sticky {
	position: sticky;
	top: calc(var(--apex-header-height) + 3rem);
	align-self: start;
}

.apex-media-frame {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: var(--apex-radius-md);
	background: var(--apex-stone);
}

.apex-media-frame::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 14%);
	content: "";
}

.apex-media-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--apex-image-position, 50% 50%);
}


/* Image focal points keep the important action visible across responsive crops. */
[class*="apex-image--"] {
	object-position: var(--apex-image-position, 50% 50%);
}

.apex-image--hero-tree-service { --apex-image-position: 50% 42%; }
.apex-image--about-crew { --apex-image-position: 50% 32%; }
.apex-image--blog-default { --apex-image-position: 50% 36%; }
.apex-image--contact-canopy { --apex-image-position: 50% 38%; }
.apex-image--process-worker { --apex-image-position: 50% 24%; }
.apex-image--service-stump-grinding { --apex-image-position: 50% 40%; }
.apex-image--service-stump-removal { --apex-image-position: 50% 38%; }
.apex-image--service-tree-planting { --apex-image-position: 50% 48%; }
.apex-image--service-tree-pruning { --apex-image-position: 50% 36%; }
.apex-image--service-tree-removal { --apex-image-position: 50% 40%; }
.apex-image--service-tree-transplanting { --apex-image-position: 50% 44%; }
.apex-image--service-tree-trimming { --apex-image-position: 50% 36%; }

.apex-main-internal {
	position: relative;
}

.alignwide {
	width: min(calc(100% - (var(--apex-gutter) * 2)), var(--apex-container));
	max-width: none;
	margin-inline: auto;
}

.alignfull {
	width: 100%;
	max-width: none;
}