/* Inner page banner with a background image (global default or per-page breadcrumb image) */
.page-header--image { background: var(--brand-dark); min-height: 190px; display: flex; align-items: center; }
.page-header--image .page-header__bg { opacity: 1; z-index: 0; }
.page-header--image::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8, 48, 28, .86) 0%, rgba(8, 48, 28, .62) 55%, rgba(8, 48, 28, .38) 100%); }
.page-header--image::after { display: none; }
.page-header--image .page-header__inner { z-index: 2; width: 100%; padding-top: 14px; padding-bottom: 14px; }
.page-header--image h1 { text-shadow: 0 2px 14px rgba(0, 0, 0, .3); }
.page-header--image .breadcrumbs ol { background: rgba(255, 255, 255, .18); backdrop-filter: blur(4px); }

@media (min-width: 1100px) {
    .page-header--image { min-height: 240px; }
}

@media (max-width: 639px) {
    .page-header--image { min-height: 150px; }
    .page-header--image::before { background: linear-gradient(180deg, rgba(8, 48, 28, .7), rgba(8, 48, 28, .55)); }
}