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

/* ---------- hero ---------- */
.eti-tpl.eti-tpl--theme-services-php .ss-page-hero__kicker,
.eti-tpl.eti-tpl--theme-services-php .ss-page-hero h1 {
	font-size: 72px;
	line-height: 1.02;
	letter-spacing: -0.02em;
}

.eti-tpl.eti-tpl--theme-services-php .ss-page-hero h1 {
	max-width: 900px;
}

.eti-tpl.eti-tpl--theme-services-php .ss-page-hero p {
	line-height: 1.55;
	max-width: 780px;
}

/* ---------- section headings ---------- */
.eti-tpl.eti-tpl--theme-services-php .ss-h2 {
	font-weight: 700;
	font-size: 40px;
	letter-spacing: -0.01em;
}

/* ---------- enterprise-grade controls ---------- */
.eti-tpl.eti-tpl--theme-services-php .ss-controls {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

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

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

.eti-tpl.eti-tpl--theme-services-php .ss-features__grid {
	--ss-col: 440px;
}

.eti-tpl.eti-tpl--theme-services-php .ss-card--outline {
	background: none;
	padding: 32px;
	gap: 16px;
}

.eti-tpl.eti-tpl--theme-services-php .ss-tag-video {
	color: #BFD0FF;
	font-weight: 600;
}

.eti-tpl.eti-tpl--theme-services-php .ss-tag-audio {
	color: #D9C4FF;
	font-weight: 600;
}

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

	.eti-tpl.eti-tpl--theme-services-php .ss-page-hero__kicker {
		margin-bottom: -10px;
	}

	.eti-tpl.eti-tpl--theme-services-php .ss-h2 {
		font-size: 32px;
	}

	.eti-tpl.eti-tpl--theme-services-php .ss-card--outline {
		padding: 24px;
	}
}