/* Fixed hero (Flexible Page template) + Yoast breadcrumb.
 * The hero slides under the floating site header, like the theme's heroes:
 * --fb-header-h is the header height the hero pulls up by. */
.fb-hero {
	--fb-header-h: 94px;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: calc(-1 * var(--fb-header-h));
	padding: calc(var(--fb-header-h) + var(--fb-space-9)) 0 var(--fb-section-y);
	background: linear-gradient(to bottom, #000 0%, #000 50.96%, var(--fb-brand-surface) 100%);
	color: #fff;
}
@media (min-width: 640px) { .fb-hero { --fb-header-h: 100px; } }
@media (min-width: 1024px) { .fb-hero { --fb-header-h: 122px; } }
.fb-hero--dark { background: var(--fb-navy); }
.fb-hero--photo { background: #000; }
.fb-hero__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.fb-hero--photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(10, 22, 52, .78) 100%); }
.fb-hero--compact { padding-bottom: var(--fb-section-y-sm); }
@media (min-width: 1024px) { .fb-hero--large .fb-hero__inner { display: flex; flex-direction: column; justify-content: center; min-height: 480px; } }

.fb-hero__content { display: grid; gap: var(--fb-space-4); max-width: 896px; }
.fb-hero--center .fb-hero__content { justify-items: center; margin-inline: auto; text-align: center; }
.fb-hero--center .fb-rt--lead { margin-inline: auto; }
.fb .fb-hero__title {
	margin: 0;
	font: 400 36px/1 var(--fb-font-display);
	letter-spacing: -.02em;
	text-transform: uppercase;
	color: #fff;
	text-wrap: balance;
	overflow-wrap: break-word;
}
@media (min-width: 640px) { .fb .fb-hero__title { font-size: 44px; } }
@media (min-width: 768px) { .fb .fb-hero__title { font-size: 54px; } }
@media (min-width: 1024px) { .fb .fb-hero__title { font-size: 65px; } }
.fb-hero .fb-rt--lead { color: rgba(255, 255, 255, .92); }
.fb-hero .fb-btn-group { margin-top: var(--fb-space-4); }
.fb-hero--center .fb-btn-group { justify-content: center; }
.fb-hero .fb-checklist { margin-top: var(--fb-space-2); }
.fb-hero--center .fb-checklist { justify-content: center; }
.fb-hero .fb-checklist li { color: #fff; }
.fb-hero .fb-checklist li::before { background-color: #fff; background-image: var(--fb-check-brand); }

/* Breadcrumb (Yoast): list + CSS chevrons instead of the "»" separator */
.fb-crumbs { margin: 0 0 var(--fb-space-6); font-size: .875rem; line-height: 1.5; }
.fb-crumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--fb-space-2); margin: 0; padding: 0; list-style: none; }
.fb-hero--center .fb-crumbs__list { justify-content: center; }
.fb-crumbs__list > li { display: inline-flex; align-items: center; gap: var(--fb-space-2); color: rgba(255, 255, 255, .86); }
.fb-crumbs__list > li + li::before {
	content: "";
	flex: none;
	width: 6px;
	height: 10px;
	background: currentColor;
	opacity: .7;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.fb .fb-crumbs a,
.fb .fb-crumbs a:visited { display: inline-block; padding-block: var(--fb-space-1); color: #fff; text-decoration: none; }
.fb .fb-crumbs a:hover,
.fb .fb-crumbs a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.fb-crumbs [aria-current="page"],
.fb-crumbs .breadcrumb_last { font-weight: 600; color: #fff; }
@media (forced-colors: active) { .fb-crumbs__list > li + li::before { background: CanvasText; } }
