/* The title band on every inner page: paper ground, the studio's paisley drawn faintly behind,
   breadcrumbs, the h1 and an intro line. */

.page-header {
	position: relative;
	padding-block: var(--space-6) var(--space-5);
	background-color: var(--color-bg-band);
	text-align: center;
	isolation: isolate;
}

.page-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url("../../img/pattern.jpg") center / auto 100% repeat-x;
	opacity: 0.45;
}

.page-header__title {
	margin: 0;
}

.page-header__intro {
	max-width: 46ch;
	margin: var(--space-2) auto 0;
	color: var(--color-text-muted);
}

/* SEOPress prints an ol of crumbs; this is only its typography. */
.breadcrumbs {
	margin-block-end: var(--space-2);
	font-size: var(--font-1);
	color: var(--color-text-muted);
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-05);
	padding: 0;
	list-style: none;
}

.breadcrumbs li + li {
	margin: 0;
}

.breadcrumbs a {
	color: var(--color-text);
}