/**
 * 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;
}

.narpo-btn--secondary {
    background: var(--narpo-navy, #0c2a5c);
    color: #fff;
}
.narpo-btn--secondary:hover {
    background: var(--narpo-accent, #4169e1);
    transform: translateY(-2px);
}
.narpo-btn--secondary:focus-visible {
    outline: 3px solid var(--narpo-accent, #4169e1);
    outline-offset: 3px;
}

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

@media (prefers-reduced-motion: reduce) {
    .narpo-btn:hover { transform: none; }
}