.commercial-remodeling-problem {
	padding: clamp(3.75rem, 7vw, 5.75rem) 0;
	background: transparent;
}

.commercial-remodeling-problem__inner {
	display: grid;
	gap: 2rem;
}

.commercial-remodeling-problem__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
	align-items: center;
	gap: 2rem;
}

.commercial-remodeling-problem__copy-block {
	display: grid;
	gap: 1rem;
	max-width: 42rem;
}

.commercial-remodeling-problem__heading {
	margin: 0;
	font-family: var(--ldg-font-body);
	font-size: clamp(2.15rem, 4vw, 4.05rem);
	font-weight: 500;
	line-height: 0.97;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #1c1c1c;
}

.commercial-remodeling-problem__copy {
	margin: 0;
	max-width: 38rem;
	font-family: var(--ldg-font-body);
	font-size: clamp(1rem, 1.32vw, 1.1rem);
	line-height: 1.78;
	color: rgba(28, 28, 28, 0.74);
}

.commercial-remodeling-problem__visual {
	position: relative;
	min-height: 24rem;
}

.commercial-remodeling-problem__visual-frame {
	position: absolute;
	overflow: hidden;
	border-radius: 1.35rem;
	border: 1px solid rgba(12, 22, 36, 0.08);
	box-shadow: 0 18px 40px rgba(17, 24, 39, 0.08);
}

.commercial-remodeling-problem__visual-frame--primary {
	inset: 0 0 1.8rem 3.75rem;
	background: #d9d2c5;
}

.commercial-remodeling-problem__visual-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.commercial-remodeling-problem__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.commercial-remodeling-problem-card {
	display: grid;
	gap: 0.8rem;
	padding: 1.35rem 1.25rem 1.3rem;
	border: 1px solid rgba(12, 22, 36, 0.08);
	border-radius: 1.1rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(249, 244, 236, 0.96) 100%);
	box-shadow: 0 14px 32px rgba(17, 24, 39, 0.06);
}

.commercial-remodeling-problem-card__accent {
	width: 2.4rem;
	height: 0.22rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ldg-brand-gold) 0%, rgba(166, 132, 74, 0.18) 100%);
}

.commercial-remodeling-problem-card__title {
	margin: 0;
	font-family: var(--ldg-font-body);
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.02em;
	color: #1c1c1c;
}

.commercial-remodeling-problem-card__description {
	margin: 0;
	font-family: var(--ldg-font-body);
	font-size: 0.95rem;
	line-height: 1.68;
	color: rgba(28, 28, 28, 0.7);
}

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

	.commercial-remodeling-problem__visual {
		min-height: 22rem;
	}

	.commercial-remodeling-problem__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 780px) {
	.commercial-remodeling-problem {
		padding: 3rem 0;
	}

	.commercial-remodeling-problem__inner {
		gap: 1.5rem;
	}

	.commercial-remodeling-problem__heading {
		font-size: clamp(2rem, 8vw, 3rem);
	}

	.commercial-remodeling-problem__copy {
		max-width: 100%;
		font-size: 0.96rem;
	}

	.commercial-remodeling-problem__visual {
		min-height: 18rem;
	}

	.commercial-remodeling-problem__visual-frame--primary {
		inset: 0 0 1.25rem 2rem;
	}

	.commercial-remodeling-problem__grid {
		grid-template-columns: 1fr;
	}

	.commercial-remodeling-problem-card {
		padding: 1.2rem 1.1rem 1.15rem;
	}

	.commercial-remodeling-problem-card__description {
		font-size: 0.93rem;
	}
}