.landing-hero__fog {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .82;
}
/* Keep the existing lighting and text contrast over the background mist. */
.landing-hero__overlay { z-index: 1; }
@media (max-width: 767px) {
    .landing-hero__fog { opacity: .52; }
}
@media (prefers-reduced-motion: reduce) {
    .landing-hero__fog { display: none; }
}

/* The weapon ember sits above the scene's dark grading so its pulse stays visible. */
.landing-hero__ember {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-radius: 50%;
    translate: -50% -50%;
    mix-blend-mode: screen;
    background: radial-gradient(circle,
        rgba(255, 235, 174, .95) 0%,
        rgba(255, 176, 86, .82) 7%,
        rgba(255, 103, 38, .6) 19%,
        rgba(255, 65, 15, .25) 43%,
        rgba(255, 54, 12, 0) 72%);
    animation: landing-ember-breathe 3.2s ease-in-out infinite;
}
@keyframes landing-ember-breathe {
    0%, 100% { opacity: .28; transform: scale(.85); }
    50% { opacity: .84; transform: scale(1.12); }
}
@media (prefers-reduced-motion: reduce) {
    .landing-hero__ember { animation: none; opacity: .48; }
}