/* ═══════════════════════════════════════════════════════════════
   About + Services inner-page sections
   Loaded via functions.php (wp_enqueue_style).
   Only genuinely new pieces live here — common sections reuse
   classes from style.css (summit-what, summit-cta, summit-trust, etc.)
═══════════════════════════════════════════════════════════════ */

/* ── Shared: inner-page page-hero gradient ──────────────────── */
/* Both about and services use summit-hero + summit-page-hero on
   the cover block; summit-hero gradient already fires from style.css.
   The rule below reinforces it specifically for the shorter hero. */
.summit-page-hero.wp-block-cover .wp-block-cover__gradient-background {
	background: linear-gradient(
		to bottom,
		rgba(20,24,27,0.30) 0%,
		rgba(20,24,27,0.55) 40%,
		rgba(20,24,27,0.92) 80%,
		rgba(20,24,27,1.00) 100%
	) !important;
}

/* ══════════════════════════════════════════════════════════════
   ABOUT: "What Sets Us Apart" — 4-pillar card grid
   ══════════════════════════════════════════════════════════════ */
.summit-about-pillars {
	background: var(--c-ink);
	padding: 112px 48px;
}

.summit-about-pillars > * {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.summit-about-pillars .summit-section-label {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.summit-about-pillars h2 {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: clamp(2rem, 2.8vw, 3rem);
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--c-paper);
	line-height: 1.0;
	margin-top: 14px;
	margin-bottom: 56px;
}

.summit-about-pillars .wp-block-columns {
	gap: 4px;
	align-items: stretch;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/* ── Pillar card ── */
.summit-pillar-card {
	background: var(--c-ink2);
	padding: 36px 32px 40px;
	border-top: 3px solid var(--c-blue);
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
}

.summit-pillar-num {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: 2.75rem;
	line-height: 1;
	color: rgba(17, 113, 186, 0.30);
	letter-spacing: -0.02em;
	margin: 0 0 4px;
}

.summit-pillar-card h4 {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 1.375rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--c-paper);
	line-height: 1.1;
	margin: 0;
}

.summit-pillar-card > p:not(.summit-pillar-num) {
	font-size: 0.9375rem;
	line-height: 1.7;
	color: rgba(246,246,243,0.62);
	margin: 0;
	flex: 1;
}

/* ══════════════════════════════════════════════════════════════
   SERVICES HUB: detail rows (image + text + list + link)
   ══════════════════════════════════════════════════════════════ */
.summit-svc-detail {
	background: var(--c-ink2);
	padding: 112px 48px;
}

.summit-svc-detail > * {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.summit-svc-detail .summit-section-label {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.summit-svc-detail h2 {
	font-family: var(--font-head);
	font-weight: 800;
	font-size: clamp(2rem, 2.8vw, 3rem);
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--c-paper);
	line-height: 1.0;
	margin-top: 14px;
	margin-bottom: 64px;
}

/* Each service row = a wp-block-columns with summit-svc-row class */
.summit-svc-row.wp-block-columns {
	gap: 0 !important;
	align-items: stretch;
	margin-bottom: 4px !important;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.summit-svc-row.wp-block-columns:last-child {
	margin-bottom: 0 !important;
}

/* Left col: image */
.summit-svc-row .wp-block-column.svc-row-img {
	flex: 0 0 45%;
	max-width: 45%;
	padding: 0 !important;
}

.summit-svc-row .wp-block-column.svc-row-img .wp-block-image {
	margin: 0;
	height: 100%;
}

.summit-svc-row .wp-block-column.svc-row-img .wp-block-image img {
	width: 100%;
	height: 100%;
	min-height: 340px;
	object-fit: cover;
	object-position: center;
	display: block;
	filter: brightness(0.82) contrast(1.05) saturate(0.9);
}

/* Right col: text body */
.summit-svc-row .wp-block-column.svc-row-body {
	flex: 1;
	background: var(--c-ink);
	padding: 48px !important;
	border-top: 3px solid var(--c-blue);
}

.summit-svc-row-num {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--c-blue-l);
	margin: 0 0 12px;
	display: block;
}

.summit-svc-row h3 {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 1.875rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--c-paper);
	margin-bottom: 16px;
	line-height: 1.05;
}

.summit-svc-row p.svc-desc {
	font-size: 0.9375rem;
	line-height: 1.7;
	color: rgba(246,246,243,0.62);
	margin-bottom: 24px;
}

/* Service item list */
.summit-svc-row .wp-block-list {
	list-style: none;
	padding: 0;
	margin: 0 0 32px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 24px;
}

.summit-svc-row .wp-block-list li {
	font-family: var(--font-body);
	font-size: 0.875rem;
	color: rgba(246,246,243,0.58);
	padding-left: 18px;
	position: relative;
}

.summit-svc-row .wp-block-list li::before {
	content: '—';
	position: absolute;
	left: 0;
	color: var(--c-blue-l);
	font-size: 0.75rem;
	line-height: 1.6;
}

/* "Explore" link within service rows */
.summit-svc-row .summit-card-link {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--c-blue-l);
	border-bottom: 1px solid var(--c-blue-l);
	padding-bottom: 2px;
	display: inline-block;
	transition: color 0.2s, border-color 0.2s;
}

.summit-svc-row .summit-card-link:hover {
	color: var(--c-paper);
	border-color: var(--c-paper);
}

/* ══════════════════════════════════════════════════════════════
   MOBILE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

	.summit-about-pillars {
		padding: 72px 24px;
	}

	.summit-about-pillars .wp-block-columns {
		flex-direction: column;
		gap: 4px;
	}

	.summit-svc-detail {
		padding: 72px 24px;
	}

	.summit-svc-row.wp-block-columns {
		flex-direction: column;
	}

	.summit-svc-row .wp-block-column.svc-row-img,
	.summit-svc-row .wp-block-column.svc-row-body {
		flex: 0 0 auto !important;
		max-width: 100% !important;
	}

	.summit-svc-row .wp-block-column.svc-row-img .wp-block-image img {
		min-height: 220px;
	}

	.summit-svc-row .wp-block-column.svc-row-body {
		padding: 32px 24px !important;
	}

	.summit-svc-row .wp-block-list {
		grid-template-columns: 1fr;
	}
}