/* =============================================================
 * Ponca Page Hero — frontend styles
 * ============================================================= */

.ponca-hero {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	isolation: isolate;
	min-height: var(--hero-min-h, 560px);
	padding: var(--hero-pad-top, 272px) var(--hero-pad-x, 48px) var(--hero-pad-bottom, 120px);
	display: flex;
	flex-direction: column;
	justify-content: var(--hero-justify, center);
	align-items: var(--hero-align, center);
	background: var(--hero-bg, #0D0F0E);
}

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

/* Defensive: cancel any rogue ::before/::after content rules a theme might
   apply (counter badges via attr() etc.) so no stray text leaks in. */
.ponca-hero::before,
.ponca-hero::after,
.ponca-hero__container::before,
.ponca-hero__container::after { content: none !important; }

/* Background image layer. Sits below content; gets an optional overlay on top. */
.ponca-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--hero-bg-image, none);
	background-size: var(--hero-bg-size, cover);
	background-position: var(--hero-bg-pos, center center);
	background-repeat: no-repeat;
}
.ponca-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--hero-overlay, rgba(13, 15, 14, 0.6));
	pointer-events: none;
}

.ponca-hero__container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--hero-max, 1600px);
	display: flex;
	flex-direction: column;
	gap: var(--hero-gap, 32px);
	text-align: var(--hero-text-align, center);
	align-items: var(--hero-align-items, center);
}

/* Eyebrow */
.ponca-hero__eyebrow {
	margin: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--hero-eye-gap, 14px);
	font-family: var(--hero-eye-font-family, inherit);
	font-size: var(--hero-eye-font-size, inherit);
	line-height: var(--hero-eye-line-height, normal);
	font-style: var(--hero-eye-font-style, normal);
	font-weight: var(--hero-eye-font-weight, normal);
	letter-spacing: var(--hero-eye-letter-spacing, normal);
	text-transform: var(--hero-eye-text-transform, none);
	font-weight: var(--hero-eye-font-weight-bold, 800);
}
.ponca-hero__eyebrow-left,
.ponca-hero__eyebrow-right,
.ponca-hero__eyebrow-sep { display: inline-block; }
.ponca-hero__eyebrow-sep { color: var(--hero-sep-color, #A7A7A7);
	color: var(--hero-sep-color-bright, #E2D7CA); }

/* Each breadcrumb item — link or plain span */
.ponca-hero__crumb {
	color: var(--hero-crumb-color, #FDFDFD);
	text-decoration: none;
	transition: opacity 0.2s ease;
}
a.ponca-hero__crumb {
	color: var(--hero-crumb-color-bright, #E2D7CA);
}
a.ponca-hero__crumb:hover {
	opacity: 0.78;
	text-decoration: underline;
	text-underline-offset: 3px;
}
a.ponca-hero__crumb:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 1px;
}
.ponca-hero__crumb--plain { cursor: default; }

/* Title */
.ponca-hero__title {
	margin: 0;
	padding: 0;
	font-family: var(--hero-title-font-family, inherit);
	font-size: var(--hero-title-font-size, inherit);
	line-height: var(--hero-title-line-height, normal);
	letter-spacing: var(--hero-title-letter-spacing, normal);
}
.ponca-hero__title-line1 {
	color: var(--hero-title-line1-color, #FDFDFD);
	font-style: var(--hero-title-line1-font-style, normal);
	font-weight: var(--hero-title-line1-font-weight, 400);
}
.ponca-hero__title-line2 {
	color: var(--hero-title-line2-color, #DEB209);
	font-style: var(--hero-title-line2-font-style, italic);
	font-weight: var(--hero-title-line2-font-weight, 400);
}
.ponca-hero__title--inline { display: flex; flex-wrap: wrap; gap:0px; justify-content: center; align-items: center;}
.ponca-hero__title--inline .ponca-hero__title-line1,
.ponca-hero__title--inline .ponca-hero__title-line2 { display: inline; }
.ponca-hero__title--inline .ponca-hero__title-line1 + .ponca-hero__title-line2::before {
	content: "";
	display: inline-block;
	width: var(--hero-title-gap, 0.4em);
}
.ponca-hero__title--stacked { display: flex; flex-direction: column; }
.ponca-hero__title--stacked .ponca-hero__title-line1,
.ponca-hero__title--stacked .ponca-hero__title-line2 { display: block; }

/* When only one line is shown, no margin from the (absent) gap pseudo */
.ponca-hero__title-line1:only-child + ::before,
.ponca-hero__title-line2:only-child::before { content: none !important; }

/* Description */
.ponca-hero__description {
	margin: 0;
	margin-top: var(--hero-desc-top, 24px);
	max-width: var(--hero-desc-max, 720px);
	color: var(--hero-desc-color, #D6D6D6);
	font-family: var(--hero-desc-font-family, inherit);
	font-size: var(--hero-desc-font-size, inherit);
	line-height: var(--hero-desc-line-height, normal);
	font-style: var(--hero-desc-font-style, normal);
	font-weight: var(--hero-desc-font-weight, normal);
	letter-spacing: var(--hero-desc-letter-spacing, normal);
	text-transform: var(--hero-desc-text-transform, none);
}
.ponca-hero__description a {
	color: var(--hero-desc-link, #DEB209);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.ponca-hero__description a:hover { text-decoration: none; }
.ponca-hero__description strong { font-weight: 600; }
.ponca-hero__description em     { font-style: italic; }

/* Buttons row */
.ponca-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hero-btns-gap, 16px);
	margin-top: var(--hero-btns-top, 40px);
	justify-content: var(--hero-align-items, center);
}

.ponca-hero__button {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	white-space: nowrap;
	background-color: var(--hero-btn-bg, #DEB209);
	color: var(--hero-btn-color, #0D0F0E);
	border: var(--hero-btn-border, 0 solid transparent);
	border-radius: var(--hero-btn-radius, 4px);
	padding: var(--hero-btn-padding, 16px 32px);
	gap: var(--hero-btn-gap, 10px);
	font-family: var(--hero-btn-font-family, inherit);
	font-size: var(--hero-btn-font-size, inherit);
	line-height: var(--hero-btn-line-height, normal);
	font-style: var(--hero-btn-font-style, normal);
	font-weight: var(--hero-btn-font-weight, normal);
	letter-spacing: var(--hero-btn-letter-spacing, normal);
	text-transform: var(--hero-btn-text-transform, none);
}
.ponca-hero__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.ponca-hero__button-arrow {
	display: inline-block;
	font-family: var(--hero-btn-arrow-font-family, inherit);
	font-size: var(--hero-btn-arrow-font-size, inherit);
	font-weight: var(--hero-btn-arrow-font-weight, normal);
	letter-spacing: var(--hero-btn-arrow-letter-spacing, normal);
}

/* Responsive */

@media (max-width: 640px) {
	.ponca-hero__title--inline .ponca-hero__title-line1 + .ponca-hero__title-line2::before {
		width: 0.25em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ponca-hero__button { transition: none !important; }
}
.profile_sec .ponca-hero__title{
	display: flex;
	gap:10px;
	flex-wrap: wrap;
	justify-content: flex-start;
    align-items: start;
}
.profile_sec  .ponca-hero__title--inline .ponca-hero__title-line1 + .ponca-hero__title-line2::before{
	display:none;
}
.profile_sec .ponca-hero__eyebrow{
	display: flex;
	justify-content: start;
	align-items: start;
}
.profile_sec .ponca-hero__container{
	text-align: start;
	display: flex;
	align-items: start;
	justify-content: start;
}