/* Page banner: a full-bleed photo under an even sheet (the dark band without a photo) with the transparent header on
 * top: H1, intro and, on detail pages and About, the primary pill + an outline call pill. Copy sits left, centered
 * vertically. */
.ocf-page-header {
    --lisbon-panel-sheet: var(--lisbon-overlay);
    display: flex;
    align-items: center;
    min-height: 600px;
    color: var(--ocf-heading-alt);
}

.ocf-page-header__inner {
    position: relative;
    padding-block: calc(var(--lisbon-bar-height) + 96px) 88px;
}

.ocf-page-header__content { max-width: 860px; }


.ocf-page-header__headline {
    color: inherit;
    font-size: clamp(32px, 4.6vw, 66px);
    line-height: 1;
    white-space: pre-line;
}

.ocf-page-header__subtitle {
    max-width: 600px;
    margin-top: 20px;
    color: color-mix(in srgb, var(--ocf-heading-alt) 86%, transparent);
    font-size: calc(var(--font-body-size) * 1.06);
    line-height: 1.55;
}

.ocf-page-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    color: color-mix(in srgb, var(--ocf-heading-alt) 82%, transparent);
    font-size: calc(var(--font-body-size) * 0.88);
}

.ocf-page-header__actions { margin-top: 32px; gap: 14px; }
.ocf-page-header__actions .btn-secondary svg { width: 16px; height: 16px; }

@media (max-width: 1023px) {
    .ocf-page-header { min-height: 480px; }
}

@media (max-width: 639px) {
    .ocf-page-header { min-height: 0; }
    .ocf-page-header__inner { padding-block: calc(var(--lisbon-bar-height) + 48px) 48px; }
    .ocf-page-header__actions { flex-direction: column; align-items: stretch; }
}

/* OCF_AGENT_BLOCK:heritage-page-banners START */
html body .ocf-page-header { --lisbon-panel-sheet: var(--heritage-banner); --lisbon-panel-bg: var(--heritage-banner); min-height: var(--ocf-page-header-height); color: var(--ocf-heading); border-top: 1px solid var(--ocf-border); text-align: center; }
html body .ocf-page-header__inner { padding-block: var(--ocf-page-header-pad); }
html body .ocf-page-header__content { max-width: 900px; margin-inline: auto; }
html body .ocf-page-header__headline { font-size: var(--font-h1-size); line-height: var(--ocf-font-h1-line); color: var(--ocf-heading); font-weight: 400; }
html body .ocf-page-header__subtitle { margin-inline: auto; color: var(--ocf-body); font-size: var(--font-body-size); line-height: var(--ocf-font-body-line); }
html body .ocf-page-header__meta { justify-content: center; color: var(--ocf-body); }
html body .ocf-page-header__actions { justify-content: center; }
@media(max-width:639px) { html body .ocf-page-header { min-height: 245px; } html body .ocf-page-header__inner { padding-block: var(--ocf-page-header-pad-mobile); } }
/* OCF_AGENT_BLOCK:heritage-page-banners END */