/* About Us page — hero, story, pillars grid, closing CTA. */

.au {
	--au-ink: #1c1c1a;
	--au-muted: #6b6b64;
	--au-bg: #faf8f4;
	--au-bg-alt: #f1efe8;
	--au-accent: #132040;
	--au-accent-2: #c9a24b;
	--au-line: #e4e1d8;
	color: var( --au-ink );
	background: var( --au-bg );
}

.au-container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 24px;
}

.au-eyebrow {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var( --au-accent );
	margin: 0 0 16px;
}

.au-eyebrow--center {
	text-align: center;
}

.au-button {
	display: inline-block;
	background: var( --au-accent );
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 14px 28px;
	border-radius: 999px;
	text-decoration: none;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.au-button:hover {
	opacity: 0.9;
	transform: translateY( -1px );
	color: #fff;
}

/* Hero */

.au-hero {
	padding: 96px 0 64px;
	text-align: center;
	background:
		radial-gradient( ellipse 900px 420px at 50% 0%, rgba( 201, 162, 75, 0.12 ), transparent 70% ),
		var( --au-bg );
}

.au-hero .au-eyebrow {
	text-align: center;
}

.au-hero__title {
	font-size: clamp( 32px, 4.5vw, 48px );
	line-height: 1.15;
	margin: 0 0 20px;
}

.au-hero__subtitle {
	max-width: 640px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.7;
	color: var( --au-muted );
}

/* Story */

.au-story {
	padding: 72px 0;
}

.au-story__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 56px;
	align-items: start;
}

.au-story__text h2 {
	font-size: clamp( 24px, 3vw, 32px );
	line-height: 1.25;
	margin: 0 0 20px;
}

.au-story__text p {
	font-size: 15.5px;
	line-height: 1.8;
	color: var( --au-muted );
	margin: 0 0 16px;
}

.au-story__text p:last-child {
	margin-bottom: 0;
}

.au-story__stats {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: var( --au-bg-alt );
	border-radius: 16px;
	padding: 32px;
}

.au-story__stat {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-bottom: 20px;
	border-bottom: 1px solid var( --au-line );
}

.au-story__stat:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.au-story__stat-number {
	font-size: 30px;
	font-weight: 700;
	color: var( --au-accent );
}

.au-story__stat-label {
	font-size: 13.5px;
	color: var( --au-muted );
}

@media ( max-width: 768px ) {
	.au-story__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* Pillars */

.au-pillars {
	padding: 72px 0;
	background: var( --au-bg-alt );
}

.au-pillars__title {
	text-align: center;
	font-size: clamp( 24px, 3vw, 32px );
	margin: 0 0 40px;
}

.au-pillars__grid {
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	gap: 24px;
}

.au-pillar {
	background: #fff;
	border-radius: 16px;
	padding: 28px 24px;
	text-align: start;
}

.au-pillar__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var( --au-accent );
	margin-bottom: 16px;
}

.au-pillar__icon svg {
	width: 20px;
	height: 20px;
}

.au-pillar__title {
	font-size: 16px;
	margin: 0 0 8px;
}

.au-pillar__text {
	font-size: 14px;
	line-height: 1.65;
	color: var( --au-muted );
	margin: 0;
}

@media ( max-width: 992px ) {
	.au-pillars__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 560px ) {
	.au-pillars__grid {
		grid-template-columns: 1fr;
	}
}

/* CTA */

.au-cta {
	padding: 72px 0 96px;
}

.au-cta__inner {
	text-align: center;
}

.au-cta__title {
	font-size: clamp( 22px, 3vw, 28px );
	margin: 0 0 12px;
}

.au-cta__subtitle {
	color: var( --au-muted );
	margin: 0 0 28px;
}