/* Shared Cog Mission + LevelUp marketing page shell — pair with community-growth.css */

.cm-brand__mark {
  filter: invert(1);
}

.cm-header .cg-nav {
  gap: 10px 14px;
  font-size: 13px;
}

@media (max-width: 759px) {
  .cm-nav a:nth-child(n + 5) {
    display: none;
  }
}

.cm-hero__inner {
  max-width: 780px;
  padding: 12px 0 8px;
}

.cm-hero .LevelUPArora_background__overlay {
  opacity: 0.92;
}

/* Aurora — fixed ASTRO + tight section padding (landing-astro-fixed.js) */
body.lu-landing .LevelUPArora_background[data-astro-src] {
  overflow: visible;
}

body.lu-landing .LevelUPArora_background[data-astro-src]:not(.cm-hero) > .cg-wrap.cg-sectionInner {
  padding-top: 0;
}

/* No white wash at top of mid-page aurora — avoids a band above section headings */
body.lu-landing .LevelUPArora_background:not(.cm-hero) .LevelUPArora_background__overlay {
  background:
    radial-gradient(1100px 620px at 18% 14%, rgba(11, 18, 32, 0.58), rgba(11, 18, 32, 0.18) 52%, rgba(11, 18, 32, 0) 78%),
    radial-gradient(900px 520px at 78% 12%, rgba(var(--lu-sunrise-2-rgb), 0.16), rgba(var(--lu-sunrise-2-rgb), 0) 62%),
    radial-gradient(900px 520px at 72% 88%, rgba(var(--lu-heartbeat-2-rgb), 0.14), rgba(var(--lu-heartbeat-2-rgb), 0) 64%),
    radial-gradient(900px 520px at 12% 88%, rgba(var(--lu-sunset-1-rgb), 0.12), rgba(var(--lu-sunset-1-rgb), 0) 64%);
}

/* Default __bg top bleed (-140px) paints empty aurora above in-flow content */
body.lu-landing .LevelUPArora_background:not(.cm-hero) .LevelUPArora_background__bg {
  top: 0;
}

.cm-sectionWhite--watermark {
  position: relative;
  overflow: hidden;
}

.cm-sectionWatermark {
  position: absolute;
  right: 0;
  bottom: 0;
  height: min(75%, 360px);
  width: auto;
  max-width: min(50vw, 320px);
  opacity: var(--cm-watermark-op, 0.11);
  pointer-events: none;
  z-index: 0;
  object-fit: contain;
  object-position: right bottom;
  transform-origin: right bottom;
  filter: grayscale(1) contrast(1.05);
}

.cm-sectionWatermark--left {
  right: auto;
  left: -2%;
  object-position: left bottom;
}

.cm-sectionWhite--watermark .cg-sectionInner {
  position: relative;
  z-index: 1;
}

@media (max-width: 759px) {
  .cm-sectionWatermark {
    max-width: min(62vw, 240px);
    height: min(60%, 260px);
  }
}