.commercial-remodeling-mid-cta {
	padding: clamp(3rem, 6vw, 4.5rem) 0;
	background: transparent;
}

.commercial-remodeling-mid-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) auto;
	align-items: center;
	gap: 1.5rem 2rem;
	padding: clamp(1.5rem, 3vw, 2rem);
	border: 1px solid rgba(241, 242, 244, 0.12);
	border-radius: 1.35rem;
	background:
		linear-gradient(180deg, rgba(8, 14, 24, 0.92) 0%, rgba(8, 14, 24, 0.8) 100%);
}

.commercial-remodeling-mid-cta__copy {
	display: grid;
	gap: 0.75rem;
	max-width: 44rem;
}

.commercial-remodeling-mid-cta__title {
	margin: 0;
	color: #f1f2f4;
	font-family: var(--ldg-font-body);
	font-size: clamp(1.9rem, 3vw, 3rem);
	font-weight: 500;
	line-height: 0.98;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}

.commercial-remodeling-mid-cta__text {
	margin: 0;
	color: rgba(241, 242, 244, 0.78);
	font-family: var(--ldg-font-body);
	font-size: 1rem;
	line-height: 1.72;
}

.commercial-remodeling-mid-cta__actions {
	display: flex;
	justify-content: flex-end;
}

.commercial-remodeling-mid-cta__button {
	min-width: 20rem;
}

@media (max-width: 900px) {
	.commercial-remodeling-mid-cta__inner {
		grid-template-columns: 1fr;
	}

	.commercial-remodeling-mid-cta__actions {
		justify-content: flex-start;
	}
}

@media (max-width: 780px) {
	.commercial-remodeling-mid-cta {
		padding: 2.5rem 0;
	}

	.commercial-remodeling-mid-cta__title {
		font-size: clamp(1.8rem, 8vw, 2.6rem);
	}

	.commercial-remodeling-mid-cta__text {
		font-size: 0.95rem;
	}

	.commercial-remodeling-mid-cta__button {
		min-width: min(100%, 20rem);
	}
}