/* Copy revision layout: hero without the engagement card, challenge cards,
   and the How we work numerals. Loaded after main.css. Accent stays a highlight
   (the short bar and existing buttons), not body text. */

.hero--copy .hero__title { max-width: 16em; }
.hero--copy .hero__main { max-width: 44rem; }
[dir="rtl"] .hero--copy .hero__title { max-width: 11em; }

.challenges .card--service { border-top-color: var(--c-primary); }
.challenges__close {
	max-width: 42rem;
	margin-top: var(--space-4);
	color: var(--c-text-2);
	font-size: 1.0625rem;
}

.hww-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}
.hww-story { max-width: 56rem; }
.hww-story .hww-principle {
	display: grid;
	grid-template-columns: minmax(6.5rem, 9rem) minmax(0, 1fr);
	gap: 0.5rem clamp(1.5rem, 1rem + 2vw, 3rem);
	align-items: start;
	padding-block: clamp(1.75rem, 1.2rem + 2vw, 3rem);
	border-top: 1px solid var(--c-border);
}
.hww-story .hww-principle:last-child { border-bottom: 1px solid var(--c-border); }
.hww-principle__num {
	margin: 0;
	font-weight: 600;
	line-height: 0.85;
	letter-spacing: -0.04em;
	color: var(--c-primary);
}
.hww-principle__num::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	margin-top: 0.85rem;
	background: var(--c-accent);
}
.hww-story .hww-principle__num { font-size: clamp(3.25rem, 2.2rem + 3.5vw, 5.5rem); }
.hww-summary .hww-principle__num {
	font-size: clamp(2.5rem, 1.8rem + 2vw, 3.75rem);
	margin-bottom: 0.85rem;
}
.hww-principle__title { margin: 0 0 0.65rem; }
.hww-story .hww-principle__title { font-size: clamp(1.5rem, 1.15rem + 1vw, 2rem); }
.hww-summary .hww-principle__title { font-size: 1.25rem; }
.hww-principle__body p { color: var(--c-text-2); max-width: 40rem; }

.hww-entries {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}
.hww-entry {
	background: var(--c-white);
	border: 1px solid var(--c-border);
	border-top: 3px solid var(--c-primary);
	border-radius: var(--radius);
	padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
}
.hww-entry__title { font-size: var(--fs-h3); margin: 0 0 0.6rem; }
.hww-entry p { margin: 0; color: var(--c-text-2); }

.section__title--quiet { font-size: clamp(1.35rem, 1.15rem + 0.6vw, 1.75rem); }
.hww-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 46rem;
}
.hww-steps li {
	padding-block: 0.9rem;
	border-top: 1px solid var(--c-border);
	color: var(--c-text-2);
	font-size: var(--fs-small);
}
.hww-steps li:last-child { border-bottom: 1px solid var(--c-border); }
.hww-steps strong { color: var(--c-primary); font-weight: 600; margin-inline-end: 0.45rem; }

@media (max-width: 900px) {
	.hww-summary,
	.hww-entries { grid-template-columns: 1fr; }
	.hww-story .hww-principle { grid-template-columns: 1fr; gap: 0.75rem; }
}