.dp-hero-video {
    isolation: isolate;
}

.dp-hero-video video {
    position: relative;
    z-index: 1;
}

#hero-star-particles,
.dp-hero-star-particles {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .68;
    mix-blend-mode: screen;
}

@media (max-width: 767px) {
    #hero-star-particles,
    .dp-hero-star-particles {
        opacity: .56;
    }
}

@media (prefers-reduced-motion: reduce) {
    #hero-star-particles,
    .dp-hero-star-particles {
        opacity: .44;
    }
}