/***

====================================================================
	About page sections
====================================================================

***/

.ps-about-eyebrow{
	margin:0 0 10px;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:var(--main-color);
	font-family:var(--font-family-Outfit);
}

.ps-about-heading{
	margin:0 0 14px;
	font-size:clamp(26px, 3vw, 36px);
	line-height:1.2;
	font-weight:700;
	color:#111;
	font-family:var(--font-family-Outfit);
}

.ps-about-text{
	margin:0;
	max-width:540px;
	font-size:16px;
	line-height:1.7;
	color:#111;
	font-family:var(--font-family-Inter);
}

.ps-about-head{
	margin:0 0 32px;
	max-width:640px;
}

/* Mission */

.ps-about-mission{
	padding:80px 0;
	background:#fff;
}

.ps-about-mission-grid{
	display:grid;
	grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap:40px 48px;
	align-items:center;
}

.ps-about-mission-media{
	margin:0;
	overflow:hidden;
	border-radius:16px;
	background:#f5f5f5;
}

.ps-about-mission-media img{
	display:block;
	width:100%;
	height:100%;
	aspect-ratio:4 / 3;
	object-fit:cover;
}

/* Values */

.ps-about-values{
	padding:72px 0;
	background:#f5f5f5;
}

.ps-about-values-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
}

.ps-about-value{
	padding:24px 22px;
	border-radius:14px;
	background:#fff;
	border:1px solid rgba(28,20,16,0.06);
}

.ps-about-value h3{
	margin:0 0 10px;
	font-size:18px;
	font-weight:700;
	color:#111;
	font-family:var(--font-family-Outfit);
}

.ps-about-value p{
	margin:0;
	font-size:14px;
	line-height:1.6;
	color:#111;
	font-family:var(--font-family-Inter);
}

/* Stats */

.ps-about-stats{
	padding:56px 0;
	background:linear-gradient(to right, var(--color-seven) 0%, var(--color-eight) 100%);
}

.ps-about-stats-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:24px;
}

.ps-about-stat{
	text-align:center;
}

.ps-about-stat-num{
	margin:0 0 6px;
	font-size:clamp(28px, 3.5vw, 40px);
	font-weight:700;
	line-height:1.1;
	color:#fff;
	font-family:var(--font-family-Outfit);
}

.ps-about-stat-label{
	font-size:14px;
	line-height:1.4;
	color:rgba(255,255,255,0.92);
	font-family:var(--font-family-Inter);
}

/* Capabilities */

.ps-about-caps{
	padding:80px 0;
	background:#fff;
}

.ps-about-caps-grid{
	display:grid;
	grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap:36px 48px;
	align-items:start;
}

.ps-about-caps-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:12px;
	margin:0;
	padding:0;
	list-style:none;
}

.ps-about-caps-list li{
	padding:16px 18px;
	border-radius:12px;
	font-size:15px;
	font-weight:600;
	color:#111;
	background:#f5f5f5;
	border:1px solid rgba(28,20,16,0.06);
	font-family:var(--font-family-Outfit);
}

/* About page uses shared .ps-site-cta (styles in footer.css) */

.ps-about-cta,
.page-template-template-about .ps-site-cta{
	padding:0 0 80px;
	background:#fff;
}

@media only screen and (max-width: 991px){
	.ps-about-mission,
	.ps-about-values,
	.ps-about-caps{
		padding:56px 0;
	}

	.ps-about-mission-grid,
	.ps-about-caps-grid{
		grid-template-columns:1fr;
	}

	.ps-about-values-grid,
	.ps-about-stats-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 575px){
	.ps-about-values-grid,
	.ps-about-stats-grid,
	.ps-about-caps-list{
		grid-template-columns:1fr;
	}
}