body.page-template-template-about-us {
	background: #000;
}

.page-template-template-about-us .entry-header,
.page-template-template-about-us .post-navigation,
.page-template-template-about-us .comments-area {
	display: none;
}

.page-template-template-about-us .site-content > .ast-container {
	/* max-width: 1220px;
	padding-left: 24px;
	padding-right: 24px; */
	margin: 0 8% 8% 8%;
	--e-column-margin-right: 8%;
	--e-column-margin-left: 8%;
	border-top: 0 !important;
}

.archmasters-about {
	background: #000;
	color: #ece6df;
	padding: 0 0 44px;
	/* font-family: "Georgia", "Times New Roman", serif; */
}

.page-template-template-about-us .site-content,
.page-template-template-about-us .site-main,
.page-template-template-about-us .ast-container {
	border-top: 0 !important;
}

/*.archmasters-about section {
	margin-bottom: 56px;
}*/

/*.archmasters-about h1,
.archmasters-about h2,
.archmasters-about h3,
.archmasters-about h4,
.archmasters-about h5 {
	color: #ede7df;
	font-weight: 400;
	margin: 0;
}*/

/*.about-intro h1 {
	font-size: clamp(2.35rem, 5.4vw, 4.3rem);
	line-height: 1.04;
	margin-bottom: 34px;
}*/

.about-intro-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

/*.about-intro-columns p {
	margin: 0;
	color: #9b948b;
	line-height: 1.55;
	max-width: 560px;
}*/

/*.about-logos h2 {
	line-height: 1.28;
	margin-bottom: 22px;
	text-align: center;
}*/

.about-logos .logos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 18px;
	align-items: center;
}

.about-logos .logo-item {
	display: flex;
	justify-content: center;
}

.about-logos .logo-item img {
	height: auto;
	max-width: 100%;
	width: auto;
	object-fit: contain;
	opacity: 0.9;
}

.about-feature {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	align-items: center;
}

.about-feature-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(100%);
}

/*.about-feature-copy h3 {
	line-height: 1.12;
	margin-bottom: 16px;
	max-width: 620px;
}*/

/*.about-feature-copy p {
	margin: 0;
	color: #9b948b;
	line-height: 1.55;
	max-width: 560px;
}*/

.about-services-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.about-services-cards article {
	border-top: 1px solid #1f1f1f;
	padding-top: 12px;
}

/* Mobile accordion for service cards — hidden on desktop */
.about-services-cards-mobile {
	display: none;
}

/*.about-services-cards h4 {
	line-height: 1.3;
	letter-spacing: 0.01em;
	margin-bottom: 8px;
}

.about-services-cards p {
	margin: 0;
	color: #9b948b;
	line-height: 1.4;
}

.about-lists h2 {
	line-height: 1.28;
	margin-bottom: 20px;
}*/

.archmasters-about .eyebrow {
	text-transform: uppercase;
	color: #9e978d;
	margin-bottom: 10px;
}

.about-lists .section-head {
	margin-bottom: 16px;
}

.about-list-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px 26px;
}

.list-item {
	border-bottom: 1px solid #1f1f1f;
	padding: 11px 0;
}

.list-item h5 {
	/* font-size: 0.84rem; */
	line-height: 1.3;
	letter-spacing: 0.01em;
	/* font-family: Arial, sans-serif; */
	margin-bottom: 4px;
}

.list-item p {
	margin: 0;
	/* font-family: Arial, sans-serif; */
	/* font-size: 0.72rem; */
	color: #969086;
	line-height: 1.4;
}

.about-cta h2 {
	margin-bottom: 22px;
}

.about-cta .cta {
	display: inline-block;
	text-decoration: none;
	color: #ece6df;
	border: 1px solid #676057;
	padding: 9px 18px;
	/* font-size: 0.66rem; */
	/* font-family: Arial, sans-serif; */
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

@media (min-width: 768px) {
	.archmasters-about { padding-top: 0; }

	.about-intro-columns {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

	.about-logos .logos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.about-feature {
		grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
		gap: 34px;
	}

	.about-feature-reverse {
		grid-template-columns: minmax(0, 1fr) minmax(0, 44%);
	}

	.about-feature-image img {
		height: 100%;
	}

	.about-services-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px;
	}

	.about-list-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 767px) {
	/* Service cards: accordion on mobile only; desktop grid unchanged */
	.about-services-cards {
		display: none;
	}

	.about-services-cards-mobile {
		display: block;
	}

	/* Match accordion spacing when the two columns stack. */
	.about-list-grid {
		gap: 0;
	}

	/* One divider under the last accordion item — not dt + section. */
	.about-services-cards-mobile.faq {
		border-bottom: none;
	}

	.about-services-cards-mobile .accordion2 .box:last-child {
		margin-bottom: 0;
	}

	.about-feature-readmore-group {
		display: flex;
		flex-direction: column;
	}

	.about-feature-copy .mobile-readmore-para--full {
		display: none !important;
	}

	.about-feature-readmore-group .mobile-readmore-para--mobile-readmore {
		display: contents !important;
	}

	.about-feature-readmore-group .readmore-teaser {
		order: 1;
	}

	.about-feature-readmore-group .readmore-extra--block {
		order: 2;
	}

	.about-feature-readmore-group .readmore-toggle--more {
		order: 3;
	}

	.about-feature-readmore-group .about-feature-paragraph-2 {
		order: 4;
		display: none !important;
		margin-top: 1em;
	}

	.about-feature-readmore-group .mobile-readmore-para--mobile-readmore.is-expanded ~ .about-feature-paragraph-2 {
		display: block !important;
	}

	.about-feature-readmore-group .readmore-toggle--less {
		order: 5;
	}

	.about-feature-copy .mobile-readmore-para--inline-flow .readmore-extra {
		display: none !important;
	}

	.about-feature-copy .mobile-readmore-para--inline-flow.is-expanded .readmore-extra--block {
		display: block !important;
		margin-top: 1em;
	}

	.about-feature-copy .readmore-toggle {
		color: #ece6df;
		text-decoration: underline;
		cursor: pointer;
	}
}

@media (min-width: 1080px) {
	.archmasters-about { padding-top: 0; }

	.about-feature-image img {
		height: 100%;
	}

	.about-intro h1 {
		margin-bottom: 40px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.archmasters-about section.about-services-cards{border-bottom: none;}
.about-list-col.services-list.faq{border-bottom: none;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.archmasters-about section.about-services-cards{border-bottom: none;}
.about-list-col.services-list.faq{border-bottom: none;}
}