/* En-tête de page — template raw. Uniquement des variables générées par theme.json. */

.bank-page-header {
	padding-block: var(--wp--preset--spacing--60);
}

.bank-page-header__breadcrumb {
	margin-bottom: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.bank-is-dark .bank-page-header__breadcrumb,
.bank-is-dark .bank-page-header__intro {
	color: inherit;
}

.bank-page-header__breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bank-page-header__breadcrumb li + li::before {
	content: "/";
	margin-right: var(--wp--preset--spacing--20);
}

.bank-page-header__breadcrumb a {
	color: inherit;
}

.bank-page-header__breadcrumb [aria-current="page"] {
	color: var(--wp--preset--color--contrast);
}

.bank-is-dark .bank-page-header__breadcrumb [aria-current="page"] {
	color: inherit;
}

.bank-page-header__title {
	max-width: var(--wp--style--global--content-size);
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

.bank-page-header__intro {
	max-width: var(--wp--style--global--content-size);
	margin-top: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--large);
}

.bank-page-header__intro > :first-child {
	margin-top: 0;
}

.bank-page-header__intro > :last-child {
	margin-bottom: 0;
}

.bank-page-header__media {
	margin-top: var(--wp--preset--spacing--60);
}

.bank-page-header__media img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 60vh;
	object-fit: cover;
	border-radius: var(--wp--custom--bank--radius);
}