/* Inner page hero — Figma: Hero (Solutions 80:829) */
.page-hero {
	background: var(--color-dark) var(--page-hero-bg) center / cover no-repeat;
	color: var(--color-light);
}

.page-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 64px;
	min-height: clamp(520px, 50.8vw, 732px);
	padding-top: 30px;
	padding-bottom: clamp(96px, 13.9vw, 200px);
}

.page-hero__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 31px;
	max-width: var(--page-hero-content, 673px);
	text-align: center;
}

.page-hero__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.page-hero__text {
	max-width: var(--page-hero-text, none);
	color: var(--color-neutral-3);
}

.page-hero__btn {
	min-width: 226px;
}

/* Partners (103:2501): wider column, text box 537 */
.page-hero--wide .page-hero__content {
	max-width: 745px;
}

.page-hero--wide .page-hero__text {
	max-width: 537px;
}

/* Breadcrumbs — Figma: Breadcrumbs (81:1383) */
.breadcrumbs {
	align-self: stretch;
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	font-size: var(--fs-body-small);
	line-height: normal;
	letter-spacing: var(--ls-label);
	color: var(--color-footer-text);
}

.breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: 9px;
}

.breadcrumbs__item + .breadcrumbs__item::before {
	content: "/";
}

.breadcrumbs__item a:hover {
	color: var(--color-light);
}

.breadcrumbs__item [aria-current] {
	color: var(--color-light);
}

/* About (109:2280): 827 column, 753 text */
.page-hero--xl .page-hero__content {
	max-width: 827px;
}

.page-hero--xl .page-hero__text {
	max-width: 753px;
}

/* Resources (113:3292): no button, 552 tall, content 80 below the breadcrumbs, 769 column, 507 text */
.page-hero--compact .page-hero__inner {
	justify-content: flex-start;
	gap: clamp(48px, 5.56vw, 80px);
	min-height: 0;
	padding-bottom: clamp(72px, 9.72vw, 140px); /* Figma frame is fixed 552: content leaves 140 below */
}

.page-hero--compact .page-hero__content {
	max-width: var(--page-hero-content, 769px);
}

.page-hero--compact .page-hero__text {
	max-width: var(--page-hero-text, 507px);
}

/* FAQ (113:3819): 585 column, 443 text (with "compact") */
.page-hero--narrow .page-hero__content {
	max-width: 585px;
}

.page-hero--narrow .page-hero__text {
	max-width: 443px;
}

/* Tablet: the title keeps its two Figma lines instead of leaving one word on the last line */
@media (min-width: 768px) and (max-width: 1023px) {
	.page-hero__title {
		max-width: 560px;
	}
}