/**
 * About — page styles.
 *
 * Shared rules live in assets/css/sensei-design.css. Selectors lead with both
 * wrapper classes (.eti-tpl.eti-tpl--theme-about-php) so they outweigh the shared
 * sheet's two-class rules.
 */

/* ---------- hero ---------- */
.eti-tpl.eti-tpl--theme-about-php .ss-page-hero__kicker,
.eti-tpl.eti-tpl--theme-about-php .ss-page-hero h1 {
	font-size: 80px;
	line-height: 1;
	letter-spacing: 0.01em;
}

.eti-tpl.eti-tpl--theme-about-php .ss-page-hero p {
	line-height: 1.6;
	max-width: 860px;
}

/* ---------- proof points ---------- */
.eti-tpl.eti-tpl--theme-about-php .ss-stat {
	gap: 12px;
}

.eti-tpl.eti-tpl--theme-about-php .ss-stat__figure {
	font-weight: 700;
	font-size: 44px;
	color: #A672FF;
}

.eti-tpl.eti-tpl--theme-about-php .ss-card p {
	line-height: 1.55;
}

/* ---------- the sensei edge ---------- */
.eti-tpl.eti-tpl--theme-about-php .ss-edge {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.eti-tpl.eti-tpl--theme-about-php .ss-edge__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 780px;
}

.eti-tpl.eti-tpl--theme-about-php .ss-h2 {
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -0.01em;
}

.eti-tpl.eti-tpl--theme-about-php .ss-edge__intro p {
	line-height: 1.6;
}

.eti-tpl.eti-tpl--theme-about-php .ss-edge__grid {
	--ss-col: 300px;
}

.eti-tpl.eti-tpl--theme-about-php .ss-edge__grid .ss-card {
	padding: 30px;
}

.eti-tpl.eti-tpl--theme-about-php .ss-edge__grid .ss-list {
	gap: 8px;
}

/* ---------- small screens ---------- */
@media (max-width: 600px) {
	.eti-tpl.eti-tpl--theme-about-php .ss-page-hero__kicker,
	.eti-tpl.eti-tpl--theme-about-php .ss-page-hero h1 {
		font-size: 56px;
	}

	.eti-tpl.eti-tpl--theme-about-php .ss-stat__figure {
		font-size: 36px;
	}

	.eti-tpl.eti-tpl--theme-about-php .ss-h2 {
		font-size: 34px;
	}
}