/* =============================================================
   ARC Section Header — reusable section intro block
   ============================================================= */

.arc-section-header {
	font-family: inherit;
}

/* ── Alignment modifiers ─────────────────────────────────────── */
.arc-sh--left   { text-align: left; }
.arc-sh--center { text-align: center; }
.arc-sh--right  { text-align: right; }

/* ── Eyebrow label ───────────────────────────────────────────── */
.arc-sh-label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--arc-sh-accent, #79ba3a);
	margin-bottom: 18px;
}

/* Decorative line — left of text for left/center; right of text for right-aligned */
.arc-sh-label::before {
	content: '';
	display: block;
	width: 36px;
	height: 1.5px;
	background: currentColor;
	flex-shrink: 0;
}

.arc-sh--right .arc-sh-label {
	flex-direction: row-reverse;
}

.arc-sh--right .arc-sh-label::before {
	/* Line stays visually after the text for right alignment */
}

/* ── Heading ─────────────────────────────────────────────────── */
.arc-sh-heading {
	font-size: clamp(28px, 3.2vw, 52px);
	font-weight: 800;
	line-height: 1.1;
	color: var(--arc-sh-heading-color, #0a3d47);
	margin: 0 0 20px;
	letter-spacing: -.02em;
}

/* ── Subtitle ────────────────────────────────────────────────── */
.arc-sh-subtitle {
	font-size: 16px;
	line-height: 1.7;
	color: var(--arc-sh-subtitle-color, rgba(10,61,71,.55));
	margin: 0;
	max-width: 600px;
}

/* Centre the subtitle under a centred heading */
.arc-sh--center .arc-sh-subtitle {
	margin-inline: auto;
}

.arc-sh--right .arc-sh-subtitle {
	margin-inline-start: auto;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 767px) {
	.arc-sh-heading  { font-size: clamp(24px, 7vw, 40px); margin-bottom: 16px; }
	.arc-sh-subtitle { font-size: 15px; }
	.arc-sh-label    { margin-bottom: 14px; }
}