.ccpw-page-hero {
	position: relative;
	overflow: hidden;
	background: var(--ccpw-ivory, transparent);
	color: var(--ccpw-charcoal, currentColor);
	font-family: var(--ccpw-font-sans, inherit);
}
.ccpw-page-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 56px;
	padding-block: var(--ccpw-space-5);
}
.ccpw-page-hero__content,
.ccpw-page-hero__media { min-width: 0; }
.ccpw-page-hero__breadcrumbs { margin-bottom: var(--ccpw-space-2); }
.ccpw-page-hero__badge { display: inline-flex; margin-bottom: var(--ccpw-space-2); }
.ccpw-page-hero__badge-icon,
.ccpw-page-hero__badge-icon img,
.ccpw-page-hero__badge-icon svg { display: block; width: 40px; height: 40px; }
.ccpw-page-hero__eyebrow {
	margin: 0 0 0.6rem;
	color: var(--ccpw-gold, currentColor);
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.ccpw-page-hero__title {
	margin: 0 0 0.3em;
	color: var(--ccpw-ink, currentColor);
	font-family: var(--ccpw-font-serif, inherit);
	font-size: clamp(2rem, 1.5rem + 2vw, 3.5rem);
	font-weight: 400;
	line-height: 1.08;
	overflow-wrap: anywhere;
}
.ccpw-page-hero__title a { color: inherit; text-decoration: none; }
.ccpw-page-hero__title a:focus-visible { outline: 2px solid var(--ccpw-gold, currentColor); outline-offset: 3px; }
.ccpw-page-hero__line { display: block; width: 64px; height: 2px; margin: 0 0 1.1rem; background: var(--ccpw-gold, currentColor); }
.ccpw-page-hero__summary {
	max-width: 60ch;
	margin: 0 0 var(--ccpw-space-2);
	color: var(--ccpw-charcoal, currentColor);
	font-family: var(--ccpw-font-sans, inherit);
	font-size: 1.05rem;
	line-height: 1.65;
	overflow-wrap: anywhere;
}
.ccpw-page-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6em; margin-bottom: var(--ccpw-space-2); color: var(--ccpw-warm-gray, currentColor); font: inherit; font-size: 0.85rem; }
.ccpw-page-hero__author { display: inline-flex; align-items: center; gap: 0.4em; }
.ccpw-page-hero__avatar { width: 32px; height: 32px; border-radius: 50%; }
.ccpw-page-hero__actions { display: flex; flex-wrap: wrap; gap: var(--ccpw-space-2); margin-block: var(--ccpw-space-2); }
.ccpw-page-hero__stats { display: flex; flex-wrap: wrap; gap: var(--ccpw-space-4); margin-top: var(--ccpw-space-3); padding-top: var(--ccpw-space-2); border-top: 1px solid var(--ccpw-border); }
.ccpw-page-hero__stat { display: flex; flex-direction: column; gap: 0.25em; }
.ccpw-page-hero__stat strong { color: var(--ccpw-gold, currentColor); font-family: var(--ccpw-font-serif, inherit); font-size: 1.8rem; line-height: 1; }
.ccpw-page-hero__stat span { color: var(--ccpw-warm-gray, currentColor); font-size: 0.78rem; }
.ccpw-page-hero__media { position: relative; height: 420px; overflow: hidden; border-radius: var(--ccpw-radius-lg); }
.ccpw-page-hero__photo { height: 100%; }
.ccpw-page-hero__media-link { display: block; width: 100%; height: 100%; }
.ccpw-page-hero__overlay { position: absolute; inset: 0; pointer-events: none; }
.ccpw-page-hero__monogram { position: absolute; right: 5%; bottom: 5%; opacity: 0.2; pointer-events: none; }
.ccpw-page-hero__monogram-icon,
.ccpw-page-hero__monogram-icon img,
.ccpw-page-hero__monogram-icon svg { display: block; width: 120px; height: 120px; }
.ccpw-page-hero__related { border-top: 1px solid var(--ccpw-border); padding-block: var(--ccpw-space-2); }
.ccpw-page-hero__related ul { display: flex; flex-wrap: wrap; gap: var(--ccpw-space-3); max-width: var(--ccpw-container); margin: 0 auto; padding-inline: var(--ccpw-space-3); list-style: none; }
.ccpw-page-hero__related a { color: inherit; font: inherit; font-size: 0.85rem; font-weight: 600; text-decoration: none; }
.ccpw-page-hero__related a:hover { color: var(--ccpw-gold, currentColor); }
.ccpw-page-hero__related a:focus-visible,
.ccpw-page-hero__secondary:focus-visible { outline: 2px solid var(--ccpw-gold, currentColor); outline-offset: 2px; }

.ccpw-page-hero--banner .ccpw-page-hero__inner { grid-template-columns: 1fr; }
.ccpw-page-hero--banner .ccpw-page-hero__media { grid-row: 1; width: 100%; }
.ccpw-page-hero--title-only .ccpw-page-hero__inner { grid-template-columns: 1fr; }

.ccpw-preset-editorial-dorado .ccpw-page-hero,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero,
.ccpw-preset-marfil-calido .ccpw-page-hero,
.ccpw-preset-minimal-sobrio .ccpw-page-hero { background: var(--ccpw-preset-bg); color: var(--ccpw-preset-fg); }
.ccpw-preset-editorial-dorado .ccpw-page-hero__title,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero__title,
.ccpw-preset-marfil-calido .ccpw-page-hero__title,
.ccpw-preset-minimal-sobrio .ccpw-page-hero__title { color: var(--ccpw-preset-fg); font-family: var(--ccpw-preset-title-font); font-style: var(--ccpw-preset-title-style); font-weight: var(--ccpw-preset-title-weight); }
.ccpw-preset-editorial-dorado .ccpw-page-hero__eyebrow,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero__eyebrow,
.ccpw-preset-marfil-calido .ccpw-page-hero__eyebrow,
.ccpw-preset-minimal-sobrio .ccpw-page-hero__eyebrow,
.ccpw-preset-editorial-dorado .ccpw-page-hero__stat strong,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero__stat strong,
.ccpw-preset-marfil-calido .ccpw-page-hero__stat strong { color: var(--ccpw-preset-accent); }
.ccpw-preset-editorial-dorado .ccpw-page-hero__summary,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero__summary,
.ccpw-preset-marfil-calido .ccpw-page-hero__summary,
.ccpw-preset-minimal-sobrio .ccpw-page-hero__summary,
.ccpw-preset-editorial-dorado .ccpw-page-hero__meta,
.ccpw-preset-alto-contraste-carbon .ccpw-page-hero__meta,
.ccpw-preset-marfil-calido .ccpw-page-hero__meta,
.ccpw-preset-minimal-sobrio .ccpw-page-hero__meta { color: var(--ccpw-preset-fg-muted); }

@media (max-width: 767px) {
	.ccpw-page-hero__inner { grid-template-columns: 1fr; gap: var(--ccpw-space-3); padding-block: var(--ccpw-space-4); }
	.ccpw-page-hero__media { height: 240px; }
	.ccpw-page-hero__actions { align-items: stretch; }
	.ccpw-page-hero__actions .ccpw-btn { width: 100%; }
}
