@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@400;500;600&display=swap');

/* ============================================================
   PONCA INNER PAGE HERO BLOCK
   Class prefix: ponca-ih (inner-hero) — distinct from ponca-hh.
   ============================================================ */

.ponca-ih {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	color: #F0EBE4;
	background: var(--ih-bg, #0D0F0E);
	min-height: var(--ih-min-height, 662px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	isolation: isolate;
}

.ponca-ih *,
.ponca-ih *::before,
.ponca-ih *::after {
	box-sizing: border-box;
}

/* ---------- Background photo + overlay ---------- */
.ponca-ih__bg-image {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	min-height: 100%;
	pointer-events: none;
	z-index: 0;
	background-image: var(--ih-bg-image, none);
	background-size: var(--ih-bg-size, cover);
	background-position: var(--ih-bg-position, center top);
	background-repeat: no-repeat;
	opacity: var(--ih-bg-opacity, 1);
}

.ponca-ih__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: var(--ih-overlay-bg, rgba(12, 10, 0, 0.85));
}

.AboutNation .ponca-ih__left {
	width: 100% !important;
	display: flex;
	align-items: center;
}

.AboutNation .ponca-ih__right {
	display: none;
}

.AboutNation .ponca-ih__title {
	display: flex;
	flex-direction: row;
	gap: 20px
}

/* ---------- Hero content ---------- */
.ponca-ih__content {
	position: relative;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	max-width: var(--ih-content-max-width, 1600px);
	padding-left: var(--ih-content-pad-x, 48px);
	padding-right: var(--ih-content-pad-x, 48px);
	padding-top: var(--ih-content-pad-top, 48px);
	padding-bottom: var(--ih-content-pad-bottom, 64px);
	margin-top: var(--ih-content-margin-top, 285px);
}

.ponca-ih__split {
	display: flex;
	flex-direction: row;
	align-items: var(--ih-split-align, flex-end);
	justify-content: space-between;
	gap: var(--ih-split-gap, 96px);
	width: 100%;
	flex-wrap: wrap;
}

/* ---------- Left column ---------- */
.ponca-ih__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	width: var(--ih-left-width, 704px);
}

/* ---------- Breadcrumb ---------- */
.ponca-ih__breadcrumb {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ih-breadcrumb-gap, 11px);
	margin-bottom: var(--ih-breadcrumb-margin-bottom, 20px);
}

.ponca-ih__breadcrumb-link,
.ponca-ih__breadcrumb-current {
	white-space: nowrap;
	font-family: var(--ih-crumb-font-family, 'DM Sans', sans-serif);
	font-size: var(--ih-crumb-font-size, 13px);
	line-height: var(--ih-crumb-line-height, 22px);
	font-weight: var(--ih-crumb-font-weight, 400);
	font-style: var(--ih-crumb-font-style, normal);
	letter-spacing: var(--ih-crumb-letter-spacing, 1.536px);
	text-transform: var(--ih-crumb-text-transform, uppercase);
	font-weight: var(--ih-crumb-font-weight-bold, 800);
}

.ponca-ih__breadcrumb-link {
	color: var(--ih-crumb-link-color, #6E6B6D);
	color: var(--ih-crumb-link-color-bright, #E2D7CA);
}

.ponca-ih__breadcrumb-current {
	color: var(--ih-crumb-current-color, #A7A7A7);
}

.ponca-ih__breadcrumb-link {
	text-decoration: none;
	transition: color 200ms ease;
}

.ponca-ih__breadcrumb-link:hover,
.ponca-ih__breadcrumb-link:focus-visible {
	color: var(--ponca-ih-link-hover, #DEB209) !important;
	outline: none;
}

.ponca-ih__breadcrumb-link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.ponca-ih__breadcrumb-sep {
	display: inline-block;
	color: var(--ih-sep-color, #6E6B6D);
	font-family: var(--ih-sep-font-family, 'DM Sans', sans-serif);
	font-size: var(--ih-sep-font-size, 13px);
	line-height: var(--ih-sep-line-height, 22px);
	letter-spacing: var(--ih-sep-letter-spacing, 1.536px);
	color: var(--ih-sep-color-bright, #E2D7CA);
}

/* ---------- Title ---------- */
.ponca-ih__title {
	margin: 0;
	display: flex;
	flex-direction: column;
	font-family: var(--ih-title-font-family, 'Cormorant Garamond', serif);
	font-size: var(--ih-title-font-size, 96px);
	line-height: var(--ih-title-line-height, 106px);
	font-weight: var(--ih-title-font-weight, 400);
	letter-spacing: var(--ih-title-letter-spacing, -0.96px);
	color: var(--ih-title-color, #E2D7CA);
	margin-bottom: var(--ih-title-margin-bottom, 0px);
}

.ponca-ih__title-line {
	display: block;
	color: var(--ih-title-line-color, inherit);
	font-style: var(--ih-title-line-font-style, normal);
}

/* ---------- Right column ---------- */
.ponca-ih__right {
	display: flex;
	flex-direction: column;
	min-width: 0;
	width: var(--ih-right-width, 704px);
	gap: var(--ih-right-gap, 32px);
}

.ponca-ih__description {
	margin: 0;
	color: var(--ih-desc-color, #A1A0A0);
	font-family: var(--ih-desc-font-family, 'DM Sans', sans-serif);
	font-size: var(--ih-desc-font-size, 22px);
	line-height: var(--ih-desc-line-height, 37px);
	font-weight: var(--ih-desc-font-weight, 400);
	font-style: var(--ih-desc-font-style, normal);
	max-width: var(--ih-desc-max-width, none);
	color: var(--ih-desc-color-bright, #E2D7CA);
}

.ponca-ih__description strong {
	font-weight: 600;
}

.ponca-ih__description em {
	font-style: italic;
}

/* ---------- Stats row ---------- */
.ponca-ih__stats {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ih-stats-gap, 32px);
}

.ponca-ih__stat {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--ih-stat-gap, 12px);
}

.ponca-ih__stat-num {
	display: inline-flex;
	align-items: center;
	color: var(--ih-stat-num-color, #DEB209);
	font-family: var(--ih-stat-num-font-family, 'Cormorant Garamond', serif);
	font-size: var(--ih-stat-num-font-size, 48px);
	line-height: var(--ih-stat-num-line-height, 48px);
	font-weight: var(--ih-stat-num-font-weight, 300);
	font-style: var(--ih-stat-num-font-style, italic);
	letter-spacing: var(--ih-stat-num-letter-spacing, 0px);
}

.ponca-ih__stat-lbl {
	display: inline-block;
	color: var(--ih-stat-lbl-color, #F0EBE4);
	font-family: var(--ih-stat-lbl-font-family, 'DM Sans', sans-serif);
	font-size: var(--ih-stat-lbl-font-size, 13px);
	line-height: var(--ih-stat-lbl-line-height, 18px);
	font-weight: var(--ih-stat-lbl-font-weight, 400);
	font-style: var(--ih-stat-lbl-font-style, normal);
	letter-spacing: var(--ih-stat-lbl-letter-spacing, 1.28px);
	text-transform: var(--ih-stat-lbl-text-transform, uppercase);
	max-width: var(--ih-stat-lbl-max-width, 120px);
}

.ponca-ih__stat-divider {
	display: inline-block;
	flex-shrink: 0;
	width: var(--ih-divider-width, 1px);
	height: var(--ih-divider-height, 36px);
	background: var(--ih-divider-bg, rgba(255, 255, 255, 0.15));
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
	.ponca-ih__title {
		font-size: clamp(64px, 7vw, 96px) !important;
		line-height: 1.05 !important;
	}
}

@media (max-width: 1024px) {
	.ponca-ih__split {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.ponca-ih__left,
	.ponca-ih__right {
		width: 100% !important;
	}

	.ponca-ih__title {
		font-size: clamp(56px, 9vw, 88px) !important;
	}
}

@media (max-width: 600px) {

	.ponca-ih__title {
		font-size: clamp(40px, 12vw, 64px) !important;
		line-height: 1.05 !important;
		letter-spacing: -0.02em !important;
	}

	.ponca-ih__breadcrumb {
		font-size: 11px !important;
	}

	.ponca-ih__breadcrumb-link,
	.ponca-ih__breadcrumb-current {
		font-size: 11px !important;
		letter-spacing: 1.2px !important;
	}

	.ponca-ih__stats {
		gap: 20px !important;
	}

	.ponca-ih__stat-num {
		font-size: 36px !important;
		line-height: 36px !important;
	}

	.ponca-ih__stat-divider {
		height: 28px !important;
	}
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
	.ponca-ih__breadcrumb-link {
		transition: none !important;
	}
}