/* static/landing.css
   Landing-only: Low-poly mesh mountain background (canvas)
   Safe to load alongside site.css. Scoped to landing.html elements.
*/

:root{
  --k2-mesh-opacity: 1;

  /* Mesh palette (tweak here for "solid" feel) */
  --k2-mesh-edge: 56, 189, 248;     /* cyan */
  --k2-mesh-node: 255, 255, 255;    /* white */
  --k2-mesh-fill: 56, 189, 248;     /* cyan fill (very low alpha) */
  --k2-mesh-warm: 249, 115, 22;     /* orange accents */
}

/* keep content above background */
#content{ position: relative; z-index: 2; }
.landing-content{ position: relative; z-index: 2; }

/* fixed background layer */
.k2-bg{
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: var(--k2-mesh-opacity);
}

.k2-bg canvas{
  width: 100%;
  height: 100%;
  display: block;
}

/* mask: keeps background premium + non-distracting */
.k2-bg-mask{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(980px 540px at 18% 10%, rgba(255,255,255,.06), transparent 64%),
    radial-gradient(980px 760px at 52% 34%, rgba(249,115,22,.10), transparent 66%),
    radial-gradient(900px 700px at 82% 18%, rgba(56,189,248,.08), transparent 68%),
    linear-gradient(180deg,
      rgba(11,15,20,.06) 0%,
      rgba(11,15,20,.14) 26%,
      rgba(11,15,20,.42) 60%,
      rgba(11,15,20,.88) 100%
    );
}

/* optional: slightly fade background behind the nav */
.nav-shell{ background: rgba(11,15,20,.55); }