/**
 * Sensei SSP — page styles.
 *
 * Shared rules live in assets/css/tviq-design.css; this file only holds what is
 * specific to this page. Selectors must lead with both wrapper classes
 * (.eti-tpl.eti-tpl--theme-sensei-ssp-php) so they outweigh the shared sheet's
 * two-class rules.
 */

/* Ground colour beneath the SVG wash, and the wash itself stretched full bleed. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .page-hero.sensei-bg {
	background: linear-gradient(160deg, #05030f 0%, #170b45 55%, #0a0430 100%);
}

.eti-tpl.eti-tpl--theme-sensei-ssp-php .sensei-bg__wash {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* The shared .hero-tagline is centred for the home hero; this one runs with the
   rest of the left-aligned hero copy. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .hero-tagline--left {
	margin-left: 0;
	max-width: 640px;
	text-align: left;
}

/* The comp sizes this page's hero link and card copy up from the shared values. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .hero-link {
	font-size: 24px;
}

.eti-tpl.eti-tpl--theme-sensei-ssp-php .v-card p {
	font-size: 18.85px;
}

.eti-tpl.eti-tpl--theme-sensei-ssp-php .section-title {
	font-size: clamp(28px, 3.6vw, 40px);
	margin-bottom: 24px;
}

/* Wider, larger and more separated than the shared .intro p, which is sized for
   the two-column intro grid on the home page. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .section-lead {
	font-size: 21.5px;
	max-width: 720px;
	margin-bottom: 40px;
}

/* Four value cards, so two per row rather than the shared three. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .value-grid--pairs {
	grid-template-columns: repeat(2, 1fr);
}

/* Supporting line under the CTA headline. */
.eti-tpl.eti-tpl--theme-sensei-ssp-php .cta-note {
	color: var(--dim);
	font-size: 16px;
	margin-bottom: 36px;
}

@media (max-width: 900px) {
	.eti-tpl.eti-tpl--theme-sensei-ssp-php .value-grid--pairs {
		grid-template-columns: 1fr;
	}
}