/* ── Project Enquiry CTA 2026 ──────────────────────────────────────────────
 *
 * Full-bleed photo section with a dark green gradient overlay.
 * Selectors: .vig-project-enquiry-2026__* (BEM, section-scoped).
 * No .vg-cta selectors here — this is a purpose-built 2026 layout.
 *
 * Self-contained: both button variants (primary orange, secondary outline-light)
 * are defined locally so the section renders correctly on any page, not just
 * the front page (the .vig-btn--primary rules in homepage.css are scoped to
 * body.home and don't apply elsewhere).
 * ─────────────────────────────────────────────────────────────────────────── */

/* Section root paints the image + overlay gradient in a single layered
 * background declaration. The image URL comes from the inline
 * --enquiry-bg-image custom property set by the partial. Painting the
 * backdrop on the section itself (rather than absolute-positioned child
 * divs) sidesteps homepage.css's `body.home .vig-acf-section > *` rule
 * that otherwise forces every child to position:relative with z-index:1. */
.vig-project-enquiry-2026 {
	position: relative;
	padding: 80px 32px;
	color: #fff;
	overflow: hidden;
	background: linear-gradient(135deg, #061c0e 0%, #08471b 100%);
}

.vig-project-enquiry-2026--has-bg {
	background-image:
		linear-gradient(135deg, rgba(6, 28, 14, 0.92) 0%, rgba(8, 71, 27, 0.78) 100%),
		var(--enquiry-bg-image);
	background-size: cover;
	background-position: center;
}

.vig-project-enquiry-2026__inner {
	max-width: 1320px;
	margin: 0 auto;
	text-align: left;
}

.vig-project-enquiry-2026__eyebrow {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 0;
	color: var(--color-secondary-500);
}

.vig-project-enquiry-2026__title {
	font-size: clamp(36px, 4.6vw, 60px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.022em;
	margin: 18px 0 22px;
	max-width: 800px;
}

.vig-project-enquiry-2026__title em {
	font-style: italic;
}

.vig-project-enquiry-2026__body {
	max-width: 660px;
	margin: 0 0 32px;
	font-size: 18px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
}

.vig-project-enquiry-2026__body p {
	margin: 0 0 1em;
}

.vig-project-enquiry-2026__body p:last-child {
	margin-bottom: 0;
}

.vig-project-enquiry-2026__btns {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.vig-project-enquiry-2026__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	margin-top: 24px;
	align-items: start;
}

/* ── Buttons (base + primary + outline-light) ──────────────────────────── */
.vig-project-enquiry-2026__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 28px;
	border: 1px solid transparent;
	border-radius: 999px;
	text-decoration: none;
	transition:
		background-color 180ms ease-out,
		border-color 180ms ease-out,
		color 180ms ease-out,
		transform 180ms ease-out,
		box-shadow 180ms ease-out;
}

.vig-project-enquiry-2026__btn:focus-visible {
	outline: 3px solid rgba(255, 181, 110, 0.96);
	outline-offset: 4px;
}

/* Primary — orange pill, matches body.home .vig-btn--primary in homepage.css */
.vig-project-enquiry-2026__btn--primary {
	background: var(--color-secondary-500);
	border-color: var(--color-secondary-500);
	color: var(--color-neutral-black);
	box-shadow: 0 16px 32px rgba(2, 2, 2, 0.12);
}

.vig-project-enquiry-2026__btn--primary:hover {
	background: #e67e0a;
	border-color: #e67e0a;
	color: var(--color-neutral-black);
	transform: translateY(-2px);
	box-shadow: 0 22px 42px rgba(6, 55, 21, 0.18);
	text-decoration: none;
}

.vig-project-enquiry-2026__btn--primary:active {
	background: #de7000;
	border-color: #de7000;
	transform: translateY(0);
	box-shadow: 0 10px 22px rgba(6, 55, 21, 0.14);
}

/* Secondary — outline-light (white border / white text on dark bg) */
.vig-project-enquiry-2026__btn--outline-light {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
	background: transparent;
}

.vig-project-enquiry-2026__btn--outline-light:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: #fff;
	color: #fff;
	transform: translateY(-2px);
	text-decoration: none;
}

.vig-project-enquiry-2026__btn--outline-light:active {
	background: rgba(255, 255, 255, 0.06);
	transform: translateY(0);
}

/* ── Mobile breakpoint ─────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.vig-project-enquiry-2026__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}