/*
	#	KFD Home : Services
	-------------------------------------------------------------------------------*/
	.home-services																		{ padding:100px 0; position:relative; background-color:var(--cream-alt); }

	.home-services header																{ text-align:center; margin-bottom:64px; }



		/*	Grid
		---------------------------------------------------------------------------*/
		.home-services .grid															{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }

		@media (max-width: 899px) {
			.home-services .grid														{ grid-template-columns:repeat(2, 1fr); }
		}

		@media (max-width: 599px) {
			.home-services .grid														{ grid-template-columns:1fr; }
		}



			/*	Article (card)
			-----------------------------------------------------------------------*/
			.home-services article														{ padding:48px 32px; position:relative; background-color:var(--cream); box-shadow:0 12px 45px rgba(0,0,0,.05); transition:box-shadow .3s ease, transform .3s ease; }

			.home-services article:hover												{ box-shadow:0 16px 50px rgba(0,0,0,.1); transform:translateY(-4px); }



				/*	Icon
				-------------------------------------------------------------------*/
				.home-services article i												{ width:64px; height:64px; display:flex; align-items:center; justify-content:center; background-color:var(--brown); line-height:1; font-family:'Material Symbols Outlined'; font-size:32px; font-style:normal; font-weight:300; color:var(--white); transition:background .3s ease; }
				.home-services article i::after											{ content:attr(data-icon); }

				.home-services article:hover i											{ background-color:var(--gold); }



				/*	H3
				-------------------------------------------------------------------*/
				.home-services article h3												{ margin-top:24px; line-height:1.2; font-family:var(--font-display); font-size:26px; font-weight:400; color:var(--brown-deep); }



				/*	P
				-------------------------------------------------------------------*/
				.home-services article p												{ margin-top:16px; line-height:1.7; font-size:16px; color:var(--taupe); }