/* Alliance About Page — hero/source/track-record/values styling.
   The closing CTA band reuses alliance-core's .pdp-cta-band (products.css)
   and is NOT styled here. The "Trusted by industry leaders" logos are
   the real [alliance_clients] shortcode, styled by alliance-core's own
   clients-slider.css. */

/* Colors, fonts, and .au-btn / .au-btn-primary / .au-btn-outline classes
   all come from the global tokens.css (enqueued site-wide) — not
   redeclared here anymore. */

.au-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 32px;
}

/* ===== 1. Hero ===== */
.alliance-hero {
	background: var(--au-cream);
	padding: 72px 0;
	position: relative;
	overflow: hidden;
}
/* Fading wire-mesh grid texture — see decorations.css for the catalogued reference */
.alliance-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0.06;
	background-image:
		linear-gradient(#282828 1px, transparent 1px),
		linear-gradient(90deg, #282828 1px, transparent 1px);
	background-size: 56px 56px;
	pointer-events: none;
	z-index: 0;
	-webkit-mask-image: radial-gradient(ellipse at 0% 0%, transparent 30%, black 70%);
	        mask-image: radial-gradient(ellipse at 0% 0%, transparent 30%, black 70%);
}
.au-hero-wrap {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}
.alliance-hero h1 {
	font-family: var(--au-font-heading);
	font-weight: 700;
	font-size: clamp(30px, 3.6vw, 40px);
	line-height: 1.18;
	color: var(--au-charcoal);
	margin-bottom: 18px;
}
.alliance-hero p {
	font-family: var(--au-font-body);
	font-size: 15.5px;
	color: var(--au-text-mid);
	max-width: 460px;
	margin-bottom: 28px;
}
.au-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.au-visual img {
	border-radius: 10px;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ===== 2. Together with Source Display ===== */
.au-source {
	background: var(--au-charcoal);
	padding: 72px 0;
}
.au-source-wrap {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 56px;
	align-items: center;
}
.au-source h2 {
	font-family: var(--au-font-heading);
	font-weight: 700;
	font-size: clamp(24px, 2.8vw, 30px);
	color: var(--au-white);
	margin-bottom: 16px;
}
.au-source p {
	font-family: var(--au-font-body);
	font-size: 15px;
	color: rgba(255, 255, 255, .72);
	margin-bottom: 16px;
}
.au-source p:last-child { margin-bottom: 0; }
.au-source strong { color: var(--au-white); }

/* ===== 3. Track record ===== */
.au-track {
	background: var(--au-cream);
	padding: 72px 0;
}
.au-track h2 {
	font-family: var(--au-font-heading);
	font-weight: 700;
	font-size: clamp(26px, 3vw, 32px);
	color: var(--au-charcoal);
	margin-bottom: 20px;
}
.au-track p {
	font-family: var(--au-font-body);
	font-size: 15.5px;
	color: var(--au-text-mid);
	margin-bottom: 14px;
}
.au-track p:last-of-type { margin-bottom: 36px; }
.au-track a { color: var(--au-gold); font-weight: 600; }
.au-track a:hover { color: var(--au-gold-dark); }

.au-stat-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--au-border);
}
.au-stat { padding: 24px 28px 0; border-left: 1px solid var(--au-border); }
.au-stat:first-child { border-left: none; padding-left: 0; }
.au-stat-num {
	font-family: var(--au-font-heading);
	font-weight: 700;
	font-size: 30px;
	color: var(--au-charcoal);
	margin-bottom: 4px;
}
.au-stat-lbl {
	font-family: var(--au-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--au-text-muted);
}

/* ===== 4. Trusted by industry leaders ===== */
.au-clients { background: var(--au-white); padding: 64px 0; text-align: center; }
.au-clients h3 {
	font-family: var(--au-font-heading);
	font-weight: 600;
	font-size: 18px;
	color: var(--au-charcoal);
	margin-bottom: 36px;
}

/* ===== 5. Map ===== */
.au-map iframe { display: block; }

/* ===== 6. Our Values ===== */
.au-values { background: var(--au-cream); padding: 72px 0; }
.au-values h2 {
	font-family: var(--au-font-heading);
	font-weight: 700;
	font-size: clamp(24px, 2.8vw, 30px);
	color: var(--au-charcoal);
	margin-bottom: 40px;
}
.au-values-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid var(--au-border);
}
.au-value-item { padding: 28px 36px; border-bottom: 1px solid var(--au-border); }
.au-value-item:nth-child(odd) { border-right: 1px solid var(--au-border); }
.au-value-idx {
	font-family: var(--au-font-body);
	font-size: 12px;
	font-weight: 600;
	color: var(--au-gold);
	margin-bottom: 10px;
}
.au-value-idx::before { content: '• '; }
.au-value-item h3 {
	font-family: var(--au-font-heading);
	font-weight: 600;
	font-size: 19px;
	color: var(--au-charcoal);
	margin-bottom: 8px;
}
.au-value-item p {
	font-family: var(--au-font-body);
	font-size: 14px;
	color: var(--au-text-mid);
}

/* ===== Responsive ===== */
@media (max-width: 900px) {
	.au-hero-wrap,
	.au-source-wrap { grid-template-columns: 1fr; }
	.au-source-wrap .au-visual { order: -1; }
	.au-stat-row { grid-template-columns: repeat(2, 1fr); }
	.au-stat:nth-child(3) { border-left: none; padding-left: 0; }
	.au-values-grid { grid-template-columns: 1fr; }
	.au-value-item:nth-child(odd) { border-right: none; }
}
@media (max-width: 560px) {
	.au-stat-row { grid-template-columns: 1fr 1fr; gap: 24px 0; }
}