/* Page banner: photo under the dark sheet (plain dark band without one) — breadcrumb, optional tag, H1, intro,
 * optional actions — closed by the secondary rule. */
.ocf-page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: var(--ocf-page-header-height);
    padding-top: var(--ocf-page-header-pad);
    padding-bottom: calc(var(--ocf-page-header-pad) - var(--ocf-space-unit) * 0.5 + var(--cardinal-rule));
    background: var(--cardinal-band);
    color: var(--ocf-heading-alt);
}

.ocf-page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--page-header-image);
    background-size: cover;
    background-position: center 43%;
}

.ocf-page-header::after {
    content: '';
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--cardinal-overlay-color) 84%, transparent);
}

.ocf-page-header__inner { position: relative; z-index: 1; }
.ocf-page-header__content { max-width: calc(var(--ocf-space-unit) * 56.25); }

.ocf-page-header__headline { color: inherit; white-space: pre-line; }

.ocf-page-header__eyebrow {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--ocf-space-unit) * 0.5);
    margin-bottom: calc(var(--ocf-space-unit) * 1);
    color: var(--ocf-body-alt);
    font-size: var(--ocf-font-small-size);
}

.ocf-page-header__eyebrow a:hover { color: var(--ocf-secondary); }
.ocf-page-header .cardinal-tag { margin-bottom: calc(var(--ocf-space-unit) * 1.75); }

.ocf-page-header__subtitle {
    max-width: calc(var(--ocf-space-unit) * 45);
    margin-top: calc(var(--ocf-space-unit) * 1);
    color: var(--ocf-body-alt);
}

.ocf-page-header__actions { margin-top: calc(var(--ocf-space-unit) * 1.5); gap: calc(var(--ocf-space-unit) * 0.75); }

.ocf-page-header__rule {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.ocf-page-header__editor-image,
.ocf-page-header__divider { display: none; }

@media (max-width: 767px) {
    .ocf-page-header {
        min-height: 0;
        padding-top: var(--ocf-page-header-pad-mobile);
        padding-bottom: calc(var(--ocf-page-header-pad-mobile) + var(--cardinal-rule));
    }

    .ocf-page-header__actions > * { flex: 1 1 100%; }
}

/* OCF_AGENT_BLOCK:interior-page-header-dark-contrast START */
/* Shared treatment for interior-page banners only. The homepage uses .ocf-hero and is not affected. */
.ocf-page-header {
    color: #FFFFFF;
}

.ocf-page-header:not(.ocf-page-header--image) {
    background: #102F5C;
}

.ocf-page-header::after {
    background: rgba(0, 0, 0, 0.40);
}

.ocf-page-header__headline,
.ocf-page-header__subtitle,
.ocf-page-header__eyebrow,
.ocf-page-header__breadcrumb,
.ocf-page-header__breadcrumb a,
.ocf-page-header__breadcrumb span,
.ocf-page-header__breadcrumb-separator {
    color: #FFFFFF;
}

.ocf-page-header__eyebrow a:hover {
    color: #FFD400;
}

.ocf-page-header .cardinal-tag {
    border-color: #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.ocf-page-header__actions .btn-primary,
.ocf-page-header__actions .btn-primary:hover,
.ocf-page-header__actions .btn-primary:focus-visible {
    border-color: #FFD400;
    background: #FFD400;
    color: #102F5C;
}

.ocf-page-header__actions .btn-secondary,
.ocf-page-header__actions .btn-secondary:hover,
.ocf-page-header__actions .btn-secondary:focus-visible {
    border-color: #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.ocf-page-header__actions .btn-secondary svg {
    color: #FFFFFF;
}
/* OCF_AGENT_BLOCK:interior-page-header-dark-contrast END */