/* Parallax sections
   Their photos are dark but the sections keep light fallback classes
   (bg-color-grey-scale-1 / bg-color-light) with dark text, so the backdrop is
   forced dark here and the text turned white
   Layering: photo z0, scrim z1, content z2 — the scrim never dims the content */
.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"],
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"],
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] {
    position: relative;
    background-color: #171a1f;
}

.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] .parallax-background,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] .parallax-background,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] .parallax-background {
    z-index: 0;
}

.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"]::after,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"]::after,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-color: rgba(11, 15, 20, .72);
}

.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] > .container,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] > .container,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] > .container {
    position: relative;
    z-index: 2;
}

.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] h2,
.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] p,
.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] li,
.section-parallax[data-image-src="/img/parallax/parallax-corporate-16.jpg"] .text-color-dark,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] h2,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] p,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] li,
.section-parallax[data-image-src="/img/parallax/parallax-2.jpg"] .text-color-dark,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] h2,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] p,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] li,
.section-parallax[data-image-src="/img/parallax/parallax-3.jpg"] .text-color-dark {
    color: #fff !important;
}