/*
 * Section title banners (FCJ revamp, slide 29).
 *
 * The .fcj-section-banner layer is printed by fcj_section_banner_photo() inside
 * each hero <section>. It shares one photo per navigation section (About,
 * Properties, Governance, News & Media) so the landing page and every
 * dropdown sub-page look the same.
 */

.fcj-section-banner {
    z-index: 0;
    pointer-events: none;
}

.fcj-section-banner__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.9);
}

/* Keep hero copy legible on top of the photo */
.fcj-section-banner ~ .container h1,
.fcj-section-banner ~ .container p {
    text-shadow: 0 2px 12px rgba(1, 27, 85, 0.45);
}