/* Subtle dark tint over hero background images so headline text stands out. */
.nx-hero-tinted { position: relative; }

.nx-hero-tinted::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.20);
    pointer-events: none;
    z-index: 1;
}

/* Keep the foreground content above the tint overlay. */
.nx-hero-tinted > .container,
.nx-hero-tinted > .de-gradient-edge-top,
.nx-hero-tinted > .de-gradient-edge-bottom { position: relative; z-index: 2; }