.ocf-page-header {
    min-height: var(--ocf-page-header-height);
    position: relative;
    display: flex;
    align-items: center;
    padding-block: var(--ocf-page-header-pad);
    background: var(--neptune-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: var(--neptune-overlay);
}
.ocf-page-header__inner { position: relative; z-index: 1; }
.ocf-page-header__content { max-width: calc(var(--ocf-container-width) * 0.855263158); }
.ocf-page-header__headline { color: inherit; text-transform: uppercase; white-space: pre-line; }
.ocf-page-header__eyebrow {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--ocf-grid-gap) * 0.375);
    color: var(--ocf-heading-alt);
    font-size: var(--ocf-font-small-size);
    margin-bottom: calc(var(--ocf-grid-gap) * 0.5);
}
.ocf-page-header__eyebrow a:hover { color: var(--ocf-secondary); }
.ocf-page-header__subtitle {
    max-width: calc(var(--ocf-container-width) * 0.641447368);
    margin-top: calc(var(--ocf-grid-gap) * 0.5);
    color: inherit;
}
.ocf-page-header__editor-image,
.ocf-page-header__divider { display: none; }
@media (max-width: 767px) {
    .ocf-page-header { padding-block: var(--ocf-page-header-pad-mobile); }
}