/**
 * NARPO — Info Card. Centred text block with a faded crest watermark.
 */
.narpo-info-card {
    position: relative;
    isolation: isolate;
    background: #fff;
    color: var(--narpo-ink, #0c1a36);
    border-top: 8px solid var(--narpo-band, #3C7DE5);
    border-bottom: 8px solid var(--narpo-band, #3C7DE5);
    padding-block: clamp(2.5rem, 5vw, 4.5rem);
    overflow: hidden;
}

/* Crest pinned to the full height of the section, slightly off the left edge. */
.narpo-info-card__crest {
    position: absolute;
    top: -107px;
    bottom: 0;
    left: clamp(-9rem, -10vw, -5rem);
    height: 150%;
    width: auto;
    max-width: none;
    opacity: 0.45;
    pointer-events: none;
    z-index: 0;
    filter: saturate(0.9);
    object-fit: cover;
    object-position: left center;
    will-change: transform, opacity;
}

.narpo-info-card__inner {
    width: var(--narpo-container, min(1100px, 92vw));
    margin-inline: auto;
    text-align: center;
    position: relative;
    z-index: 1;     /* sit above the watermark crest */
}

.narpo-info-card__heading {
    font-family: var(--narpo-font-display, inherit);
    font-size: var(--narpo-fs-h2);
    font-weight: 700;
    color: var(--narpo-navy-deep, #081f47);
    margin: 0 0 1rem;
}

.narpo-info-card__body {
    max-width: 60ch;
    margin: 0 auto 1.75rem;
    font-size: var(--narpo-fs-body);
    line-height: 1.6;
    color: var(--narpo-ink, #101010);
}
.narpo-info-card__body p { margin: 0 0 0.75em; }
.narpo-info-card__body p:last-child { margin-bottom: 0; }

.narpo-info-card__actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

@media (max-width: 782px) {
    .narpo-info-card__crest {
        display: none;
    }
}

/* ==========================================================================
   MANCHESTER · the closing card
   Paper ground, brass rules top and bottom, and the branch bee held large off
   the left edge in place of the force crest.
   ========================================================================== */

.narpo-info-card {
    background: var(--mn-paper-2, #f1ede6);
    color: var(--mn-ink, #19222f);
    border-top: 2px solid var(--mn-brass, #d99e3f);
    border-bottom: 1px solid var(--mn-rule, #d4cec5);
}

/* The watermark reads as a printed ghost, not a photograph of a badge. */
.narpo-info-card__crest {
    opacity: 0.06;
    filter: grayscale(1) contrast(0.9);
    top: -8%;
    height: 116%;
}

.narpo-info-card__inner {
    text-align: left;
    max-width: none;
}

.narpo-info-card__heading {
    color: var(--mn-slate-deep, #0a1423);
    font-weight: 600;
    letter-spacing: var(--narpo-tracking-display, -0.014em);
    text-wrap: balance;
}
.narpo-info-card__heading::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2px;
    margin-top: 0.9rem;
    background: var(--mn-brass, #d99e3f);
}

.narpo-info-card__body {
    margin: 0 0 1.75rem;
    max-width: var(--narpo-measure, 68ch);
    color: var(--mn-ink, #19222f);
    line-height: var(--narpo-lh-body, 1.62);
}

.narpo-info-card__actions {
    justify-content: flex-start;
}

/* The watermark artwork is a white-on-transparent PNG so it can be tinted at
   the use site. On paper it has to be knocked to ink first, or it disappears
   into the stock. */
.narpo-info-card__crest {
    filter: brightness(0) saturate(0);
    opacity: 0.05;
}