/* =========================================================
   VISIONDECOR INTRODUCTION SECTION
========================================================= */



/* =========================================================
   PRINCIPLES
========================================================= */


/* =========================================================
   GENERAL SECTION HEADINGS
========================================================= */

.vd-section-title {
	margin: 0;
	color: #071a3d;
	font-size: clamp(42px, 5vw, 67px);
	font-weight: 700;
	letter-spacing: -3.4px;
	line-height: 1.07;
}

.vd-section-title span {
	display: block;
	color: #d5aa32;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {
	.vd-introduction {
		padding: 90px 0;
	}

	.vd-introduction .vd-introduction-grid {
		grid-template-columns: 1fr;
		gap: 25px;
		margin-bottom: 60px;
	}

	.vd-introduction .vd-introduction-copy {
		padding-top: 0;
	}

	.vd-introduction .vd-principles-grid {
		grid-template-columns: 1fr;
	}

	.vd-introduction .vd-principle-card {
		padding: 32px 0;
	}

	.vd-introduction .vd-principle-card + .vd-principle-card {
		padding-right: 0;
		padding-left: 0;
		border-top: 1px solid #e6e1d8;
		border-left: 0;
	}

	.vd-introduction .vd-principle-number {
		margin-bottom: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {
	.vd-introduction {
		padding: 72px 0;
	}

	.vd-introduction .vd-introduction-grid,
	.vd-introduction .vd-principles-grid {
		width: min(100% - 30px, 1180px);
	}

	.vd-introduction .vd-introduction-heading h2,
	.vd-section-title {
		font-size: 41px;
		letter-spacing: -2.2px;
	}

	.vd-introduction .vd-introduction-copy .vd-introduction-lead {
		font-size: 17px;
	}
}