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

/* ============================================================
   PONCA PRC OVERVIEW BLOCK — "How PRC Works"
   Class prefix: ponca-prc — distinct from ponca-af, ponca-ma, etc.
   ============================================================ */

.ponca-prc {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	background-color: var(--prc-section-bg, #FFFFFF);
}

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

/* ---------- Container ---------- */
.ponca-prc__container {
	width: 100%;
	max-width: var(--prc-container-max-width, 1600px);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
}

/* ---------- 2-column row ---------- */
.ponca-prc__row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: var(--prc-row-gap, 60px);
}

/* ---------- Left column ---------- */
.ponca-prc__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 1 auto;
	min-width: 0;
	max-width: var(--prc-left-max-width, 730px);
	gap: var(--prc-left-gap, 24px);
}

.ponca-prc__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: var(--prc-header-gap, 14px);
}

.ponca-prc__eyebrow {
	display: inline-block;
	margin: 0;
	color: var(--prc-eyebrow-color, #DEB209);
	font-family: var(--prc-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-eyebrow-font-size, 13px);
	line-height: var(--prc-eyebrow-line-height, 22px);
	font-weight: var(--prc-eyebrow-font-weight, 600);
	font-style: var(--prc-eyebrow-font-style, normal);
	letter-spacing: var(--prc-eyebrow-letter-spacing, 3px);
	text-transform: var(--prc-eyebrow-text-transform, uppercase);
}

.ponca-prc__title {
	margin: 0;
	width: 100%;
}

.ponca-prc__title-pre,
.ponca-prc__title-accent {
	display: inline;
	font-family: var(--prc-title-font-family, 'Cormorant Garamond', serif);
	font-size: var(--prc-title-font-size, 56px);
	line-height: var(--prc-title-line-height, 62px);
	font-weight: var(--prc-title-font-weight, 300);
	letter-spacing: var(--prc-title-letter-spacing, -0.56px);
	color: var(--prc-title-color, #0D0F0E);
	font-style: var(--prc-title-font-style, normal);
}

.ponca-prc__title-accent {
	color: var(--prc-title-color, #B28E07);
	font-style: var(--prc-title-font-style, italic);
}

.ponca-prc__para, .ponca-prc__left ol li, .ponca-prc__left ul li {
	margin: 0;
	width: 100%;
	color: var(--prc-para-color, #474747);
	font-family: var(--prc-para-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-para-font-size, 18px);
	line-height: var(--prc-para-line-height, 30px);
	font-weight: var(--prc-para-font-weight, 400);
	font-style: var(--prc-para-font-style, normal);
}

.ponca-prc__para strong { font-weight: 700; }
.ponca-prc__para em     { font-style: italic; }
.ponca-prc__para a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---------- Right column ---------- */
.ponca-prc__right {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 0 0 auto;
	min-width: 0;
	max-width: var(--prc-right-max-width, 596px);
	gap: var(--prc-right-gap, 30px);
	width:100%
}

/* ---------- Video card ---------- */
.ponca-prc__video-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	color: inherit;
	text-decoration: none;
	transition: transform 200ms ease, box-shadow 200ms ease;
	background-color: var(--prc-video-card-bg, #FFFFFF);
	border: var(--prc-video-card-border-width, 1px) solid var(--prc-video-card-border-color, #F5E7B3);
	border-radius: var(--prc-video-card-radius, 10px);
	padding: var(--prc-video-card-pad-y, 24px) var(--prc-video-card-pad-x, 24px);
	gap: var(--prc-video-card-gap, 30px);
}

.ponca-prc__video-card--linked {
	cursor: pointer;
}

.ponca-prc__video-card--linked:hover,
.ponca-prc__video-card--linked:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(13, 15, 14, 0.08);
}

.ponca-prc__video-card--linked:focus-visible {
	outline: 2px solid #DEB209;
	outline-offset: 4px;
}

.ponca-prc__video-image {
	display: block;
	width: 100%;
	flex-shrink: 0;
	height: var(--prc-video-image-height, 298px);
	border-radius: var(--prc-video-image-radius, 10px);
	background-color: var(--prc-video-image-bg, #0F2238);
	background-image: var(--prc-video-image-bg-image, none);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
}

.ponca-prc__video-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	gap: var(--prc-video-row-gap, 20px);
}

.ponca-prc__video-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--prc-video-icon-size, 40px);
	height: var(--prc-video-icon-size, 40px);
	background-color: var(--prc-video-icon-bg, transparent);
}

.ponca-prc__video-icon-svg {
	display: block;
}

.ponca-prc__video-text {
	flex: 1 1 auto;
	min-width: 0;
	color: var(--prc-video-text-color, #0D0F0E);
	font-family: var(--prc-video-text-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-video-text-font-size, 20px);
	line-height: var(--prc-video-text-line-height, 26px);
	font-weight: var(--prc-video-text-font-weight, 600);
	font-style: var(--prc-video-text-font-style, normal);
}

/* ---------- Notice card (dark) ---------- */
.ponca-prc__notice-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	background-color: var(--prc-notice-card-bg, #0D0F0E);
	border: var(--prc-notice-card-border-width, 1px) solid var(--prc-notice-card-border-color, rgba(13,15,14,0.75));
	border-radius: var(--prc-notice-card-radius, 0px);
	padding: var(--prc-notice-card-pad-y, 40px) var(--prc-notice-card-pad-x, 40px);
	gap: var(--prc-notice-card-gap, 20px);
}

.ponca-prc__notice-eyebrow {
	display: inline-block;
	margin: 0;
	color: var(--prc-notice-eyebrow-color, #A78607);
	font-family: var(--prc-notice-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-notice-eyebrow-font-size, 10px);
	line-height: var(--prc-notice-eyebrow-line-height, 22px);
	font-weight: var(--prc-notice-eyebrow-font-weight, 600);
	font-style: var(--prc-notice-eyebrow-font-style, normal);
	letter-spacing: var(--prc-notice-eyebrow-letter-spacing, 3px);
	text-transform: var(--prc-notice-eyebrow-text-transform, uppercase);
}

.ponca-prc__notice-title {
	margin: 0;
	width: 100%;
	color: var(--prc-notice-title-color, #E2D7CA);
	font-family: var(--prc-notice-title-font-family, 'Cormorant Garamond', serif);
	font-size: var(--prc-notice-title-font-size, 30px);
	line-height: var(--prc-notice-title-line-height, 39px);
	font-weight: var(--prc-notice-title-font-weight, 600);
	font-style: var(--prc-notice-title-font-style, normal);
}

.ponca-prc__notice-body {
	margin: 0;
	width: 100%;
	color: var(--prc-notice-body-color, #A7A7A7);
	font-family: var(--prc-notice-body-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-notice-body-font-size, 16px);
	line-height: var(--prc-notice-body-line-height, 25px);
	font-weight: var(--prc-notice-body-font-weight, 400);
	font-style: var(--prc-notice-body-font-style, normal);
}

/* ---------- Contact card ---------- */
.ponca-prc__contact-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	background-color: var(--prc-contact-card-bg, #FFFFFF);
	border: var(--prc-contact-card-border-width, 1px) solid var(--prc-contact-card-border-color, #F5E7B3)!important;
	border-radius: var(--prc-contact-card-radius, 0px);
	padding: var(--prc-contact-card-pad-y, 40px) var(--prc-contact-card-pad-x, 40px);
	gap: var(--prc-contact-card-gap, 30px);
}

.ponca-prc__contact-eyebrow {
	display: inline-block;
	margin: 0;
	color: var(--prc-contact-eyebrow-color, #DEB209);
	font-family: var(--prc-contact-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-contact-eyebrow-font-size, 10px);
	line-height: var(--prc-contact-eyebrow-line-height, 22px);
	font-weight: var(--prc-contact-eyebrow-font-weight, 600);
	font-style: var(--prc-contact-eyebrow-font-style, normal);
	letter-spacing: var(--prc-contact-eyebrow-letter-spacing, 3px);
	text-transform: var(--prc-contact-eyebrow-text-transform, uppercase);
}

.ponca-prc__contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--prc-contact-list-gap, 10px);
}

.ponca-prc__contact-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	gap: var(--prc-contact-item-gap, 10px);
}

.ponca-prc__contact-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--prc-contact-icon-size, 20px);
	height: var(--prc-contact-icon-size, 20px);
}

.ponca-prc__contact-icon-svg {
	display: block;
}

.ponca-prc__contact-text {
	flex: 1 1 auto;
	min-width: 0;
	text-decoration: none;
	transition: color 180ms ease, opacity 180ms ease;
	color: var(--prc-contact-text-color, #474747);
	font-family: var(--prc-contact-text-font-family, 'DM Sans', sans-serif);
	font-size: var(--prc-contact-text-font-size, 16px);
	line-height: var(--prc-contact-text-line-height, 25px);
	font-weight: var(--prc-contact-text-font-weight, 400);
	font-style: var(--prc-contact-text-font-style, normal);
}

a.ponca-prc__contact-text:hover,
a.ponca-prc__contact-text:focus-visible {
	color: var(--ponca-prc-contact-hover, #B28E07) !important;
}

a.ponca-prc__contact-text:focus-visible {
	outline: 2px solid #DEB209;
	outline-offset: 2px;
}

/* ---------- Footer ornamental pattern ---------- */
.ponca-prc__footer-pattern {
	display: block;
	pointer-events: none;
	user-select: none;
	margin-bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: var(--ppr-foot-h, 83px);
	margin-top: var(--prc-foot-margin-top, 0px);
	background-color: var(--prc-foot-bg, transparent);
	opacity: var(--prc-foot-opacity, 1);
	background-image: var(--prc-foot-bg-image, none);
	background-repeat: var(--prc-foot-bg-repeat, repeat-x);
	background-position: var(--prc-foot-bg-position, center bottom);
	background-size: var(--prc-foot-bg-size, auto 100%);
}

.ponca-prc__footer-pattern--full {
	position: absolute;
    left: 0;
    bottom: 0;
	width: 100vw;
	max-width: 100vw;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet landscape — switch to single column, cards full width */
@media (max-width: 1024px) {
	.ponca-prc__row {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
	}

	.ponca-prc__left,
	.ponca-prc__right {
		max-width: 100% !important;
		flex: 1 1 100% !important;
		width: 100%;
	}

	.ponca-prc__title {
		font-size: clamp(2rem, 5vw, 3.5rem) !important;
		line-height: 1.15 !important;
	}

	.ponca-prc__footer-pattern {
		height: calc(var(--ppr-foot-h, 83px) * 0.85);
	}
}

/* Tablet portrait — tighten card padding */
@media (max-width: 768px) {

	.ponca-prc__notice-title {
		font-size: clamp(22px, 4vw, 30px) !important;
		line-height: 1.25 !important;
	}
}

/* Mobile */
@media (max-width: 600px) {
	.ponca-prc__title {
		font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
		line-height: 1.15 !important;
	}
	.ponca-prc__video-image {
		height: clamp(180px, 50vw, 240px) !important;
	}

	.ponca-prc__contact-text {
		font-size: 15px !important;
	}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.ponca-prc__video-card,
	.ponca-prc__contact-text {
		transition: none;
	}

	.ponca-prc__video-card--linked:hover,
	.ponca-prc__video-card--linked:focus-visible {
		transform: none;
	}
}