/* Nav flame — single canvas inside #nav.
   - No `position: relative` on `#nav > li`: the megamenu's `.nav-panel` is
     position:absolute and MUST be positioned against #nav (its existing
     relative ancestor, from megamenu.css). Making the li a containing
     block collapses full-width dropdowns to the li's text width (one
     column).
   - No mix-blend-mode: #nav has z-index:100 which isolates a stacking
     context, so screen-blending with .header-main's black bg doesn't
     reach. Draw the flame opaquely; the nav bg is already black so
     warm colors pop.
   - z-index:-1 sits behind the menu labels (above #nav's own bg layer,
     below its static text) so labels stay fully readable through the
     flame. */

.flame-nav-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}