/* ============================================================
   WING GRADIENTS — main-wing-gradient.css
   Nav and site-cloud share identical fixed-attachment gradients.
   background-attachment: fixed anchors to viewport = no seam.
============================================================ */

/* --- Wing color variables --- */
body.wing-sci        { --wing-color: #1E7B1E; --wing-tint: #E8F5E8; --wing-tint-reduced: #D4EDD4; --cloud-edge-opacity: 0.5; }
body.wing-tech       { --wing-color: #1A5276; --wing-tint: #E6EEF5; --wing-tint-reduced: #CCDDED; --cloud-edge-opacity: 0.5; }
body.wing-together   { --wing-color: #B5551A; --wing-tint: #F5EDE6; --wing-tint-reduced: #EDD9C8; --cloud-edge-opacity: 0.5; }
body.wing-consulting { --wing-color: #C49A00; --wing-tint: #F5F0E0; --wing-tint-reduced: #EDE3C0; --cloud-edge-opacity: 0.5; }
body.wing-advocacy   { --wing-color: #880E4F; --wing-tint: #F5E6EF; --wing-tint-reduced: #EDCCE0; --cloud-edge-opacity: 0.5; }
body.wing-home       { --wing-color: var(--plum-dark); --wing-tint: #F0E8F5; --wing-tint-reduced: #E0D0ED; --cloud-edge-opacity: 0.9; }
body.wing-foundations{ --wing-color: var(--plum-dark); --wing-tint: #F0E8F5; --wing-tint-reduced: #E0D0ED; --cloud-edge-opacity: 0.9; }

/* --- Base gradient variable --- */
body:not(.wing-home) {
  --wing-base-gradient: linear-gradient(135deg, var(--plum-dark) 10%, var(--wing-color, var(--plum-dark)) 55%, var(--plum-dark) 100%);
}
body.wing-home,
body.wing-foundations {
  --wing-base-gradient: linear-gradient(135deg, var(--plum-dark) 0%, #C49A00 15%, #1E7B1E 22%, #880E4F 31%, #1A5276 45%, #B5551A 54%, var(--plum-dark) 63%, var(--plum-dark) 100%);
}

/* --- Shared nav + cloud gradient --- */

.site-nav,
.site-cloud {
  background-color: var(--plum-dark);
  background-attachment: fixed;
  overflow: visible;
  background-image:
    radial-gradient(ellipse 25% 80% at 0% 0%, rgba(var(--plum-dark-rgb),0.8) 0%, transparent 100%),
    radial-gradient(ellipse 25% 80% at 100% 0%, rgba(var(--plum-dark-rgb),0.8) 0%, transparent 100%),
    linear-gradient(to right,  rgba(var(--plum-dark-rgb),1) 0%, rgba(var(--plum-dark-rgb),0.6) 3%, rgba(var(--plum-dark-rgb),0.2) 6%, transparent 14%, transparent 82%, rgba(var(--plum-dark-rgb),0.2) 88%, rgba(var(--plum-dark-rgb),0.6) 94%, rgba(var(--plum-dark-rgb),1) 100%),
    linear-gradient(to bottom, rgba(var(--plum-dark-rgb),0.3) 0%, transparent 20%),
    var(--wing-base-gradient);
}

/* --- Hero transparent --- */
.section-hero {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
}

/* --- Site cloud position context --- */
.site-cloud {
  position: relative;
  overflow: hidden;
}


/* --- Bottom edge: element-relative fade, not subject to fixed attachment --- */
.site-cloud::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  background:
    radial-gradient(ellipse 60% 80% at 25% 100%, rgba(var(--plum-dark-rgb),0.4) 0%, transparent 100%),
    radial-gradient(ellipse 60% 80% at 75% 100%, rgba(var(--plum-dark-rgb),0.4) 0%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(var(--plum-dark-rgb),0.6) 70%, rgba(var(--plum-dark-rgb),1) 100%),
    linear-gradient(to right, rgba(var(--plum-dark-rgb),0.5) 0%, transparent 15%, transparent 70%, rgba(var(--plum-dark-rgb),0.2) 100%),
    linear-gradient(135deg, rgba(var(--plum-dark-rgb),0.15) 0%, transparent 40%),
    linear-gradient(225deg, rgba(var(--plum-dark-rgb),0.15) 0%, transparent 40%);
  pointer-events: none;
  z-index: 2;
}




/* --- Dim mode --- */
body.reduced-dim main {
  filter: brightness(0.88) sepia(0.08);
  transition: filter 0.3s ease;
}