/**
 * Inner-page hero polish — black image fade into text panel (not white).
 * Applies to all non-homepage V2 inner pages.
 */

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__veil {
	background:
		linear-gradient(
			to inline-end,
			rgba(7, 7, 7, 0.08) 0%,
			rgba(7, 7, 7, 0.55) 38%,
			rgba(7, 7, 7, 0.92) 72%,
			#070707 100%
		),
		linear-gradient(
			180deg,
			transparent 55%,
			rgba(196, 30, 58, 0.12) 100%
		);
}

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__panel {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 60% at 12% 88%, rgba(196, 30, 58, 0.14) 0%, transparent 62%),
		radial-gradient(ellipse 55% 45% at 88% 18%, rgba(196, 30, 58, 0.07) 0%, transparent 58%),
		linear-gradient(180deg, #0a0a0a 0%, #070707 100%);
}

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.35;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M60 18c2 8 8 12 8 22a8 8 0 1 1-16 0c0-7 4-11 8-22z' fill='none' stroke='%23c41e3a' stroke-width='1.2' opacity='.22'/%3E%3C/svg%3E");
	background-size: 88px 88px;
	background-repeat: repeat;
	pointer-events: none;
}

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__panel::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	inset-inline-start: 0;
	width: 3px;
	background: linear-gradient(180deg, transparent, rgba(196, 30, 58, 0.75) 35%, rgba(196, 30, 58, 0.35) 70%, transparent);
	opacity: 0.85;
	pointer-events: none;
}

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__eyebrow::before {
	content: "◆";
	display: inline-block;
	margin-inline-end: 0.4rem;
	font-size: 0.55rem;
	color: var(--hh-red, #c41e3a);
	vertical-align: middle;
}

.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__title,
.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__lead,
.hh-v2-inner:not(.hh-home-v2) .hh-v2-inner-hero__crumbs {
	position: relative;
	z-index: 1;
}