:root{--champagne-light:#E6D5B3;--cream:#F4ECDD;--node:#22385A}
/* New Earth Capital: epic visual layer (2026-10-13). Adds image-led bands below the unchanged hero, borrowing the
   Genius Launch Summit's practices: a slow marquee, full-bleed scenes with a quiet parallax, a visual ecosystem, image
   mosaics, and a cinematic closing band. Every motion respects prefers-reduced-motion; nothing scrolls sideways. */

/* marquee: slow, calm, champagne on deep navy */
.nec-marquee{background:var(--deep);color:var(--champagne);overflow:hidden;border-block:1px solid rgba(206,183,142,.22)}
.nec-marquee .track{display:flex;gap:56px;width:max-content;padding:18px 0;animation:necmq 46s linear infinite;
  font-family:var(--display);font-size:clamp(17px,1.6vw,22px);letter-spacing:.06em;white-space:nowrap}
.nec-marquee .track span{display:inline-flex;align-items:center;gap:56px}
.nec-marquee .track span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--champagne);opacity:.55}
@keyframes necmq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.nec-marquee .track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:8px}}

/* full-bleed scene band */
.nec-scene{position:relative;min-height:clamp(440px,72vh,760px);display:grid;align-items:end;overflow:hidden;color:#fff;isolation:isolate}
.nec-scene .bg{position:absolute;inset:-6% 0;z-index:-2}
.nec-scene .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);will-change:transform}
.nec-scene::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(22,36,56,.05) 0%,rgba(22,36,56,.45) 40%,rgba(22,36,56,.9) 100%)}
.nec-scene .eyebrow,.nec-scene h2,.nec-scene p{text-shadow:0 1px 18px rgba(10,18,30,.55)}
.nec-scene .in{padding-block:clamp(56px,9vw,120px)}
.nec-scene h2{color:#fff;max-width:18ch;font-size:clamp(34px,4.6vw,64px)}
.nec-scene h2 em{color:var(--champagne);font-style:italic}
.nec-scene p{color:rgba(255,255,255,.88);margin-top:18px;max-width:52ch;font-size:clamp(17px,1.4vw,20px)}
.nec-scene .eyebrow{color:var(--champagne-light)}
.nec-cap{position:absolute;right:clamp(14px,2vw,28px);bottom:12px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.62)}

/* visual ecosystem: three bodies in one orbit */
.nec-orbit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
@media(max-width:900px){.nec-orbit{grid-template-columns:1fr}}
.nec-orbit svg{width:100%;height:auto;max-width:560px;justify-self:center;overflow:visible}
.nec-orbit .ring{fill:none;stroke:rgba(206,183,142,.28);stroke-width:1}
.nec-orbit .ring.dash{stroke-dasharray:3 7}
.nec-orbit .core{fill:var(--champagne)}
.nec-orbit .halo{fill:var(--champagne);opacity:.12}
.nec-orbit .node{fill:var(--node);stroke:var(--champagne);stroke-width:1.2}
.nec-orbit text{fill:#fff;font-family:var(--body);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:640px){.nec-orbit text.lbl{display:none}}
.orbit-legend{display:none;list-style:none;margin:8px 0 0;padding:0;color:rgba(255,255,255,.85);font-size:16px}
.orbit-legend li{margin-top:6px}.orbit-legend b{color:#fff;font-weight:500;margin-right:6px}
@media(max-width:640px){.orbit-legend{display:block}}
.nec-orbit text.big{font-family:var(--display);font-size:17px;letter-spacing:.06em;fill:var(--deep)}
.nec-orbit .spin{transform-origin:280px 280px;animation:necspin 120s linear infinite}
@keyframes necspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nec-orbit .spin{animation:none}}

/* image beside the selection rows */
.nec-mosaic{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:28px}
.nec-mosaic figure{border-radius:8px;overflow:hidden;aspect-ratio:4/3;margin:0}
.nec-mosaic img{width:100%;height:100%;object-fit:cover}
.nec-mosaic figcaption{display:none}

/* philosophy + prayer: the cinematic closing band */
.nec-creed{position:relative;overflow:hidden;color:#fff;isolation:isolate;padding-block:clamp(96px,14vw,180px)}
.nec-creed .bg{position:absolute;inset:-6% 0;z-index:-2}
.nec-creed .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.nec-creed::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 50% 40%,rgba(22,36,56,.7),rgba(22,36,56,.92))}
.nec-creed .in{display:grid;gap:clamp(40px,6vw,72px);justify-items:center;text-align:center}
.nec-creed blockquote{margin:0;max-width:30ch;font-family:var(--display);font-size:clamp(24px,2.7vw,38px);line-height:1.32;color:#fff;text-wrap:balance}
.nec-creed blockquote em{color:var(--champagne);font-style:italic}
.nec-creed cite{display:block;margin-top:18px;font-family:var(--body);font-style:normal;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne)}
.nec-creed .prayer{max-width:40ch;border-top:1px solid rgba(206,183,142,.35);padding-top:clamp(28px,4vw,44px)}
.nec-creed .prayer p:not(.eyebrow){margin:0 auto;font-family:var(--display);font-style:italic;font-size:clamp(21px,2.1vw,30px);line-height:1.4;color:var(--cream)}
.nec-creed .note{font-size:15px;color:rgba(255,255,255,.78);max-width:60ch}
.nec-creed .eyebrow{color:var(--champagne);margin-bottom:10px}

.nec-creed .creed-h{font-family:var(--body);font-weight:500;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--champagne-light);margin:0 0 14px}
.nec-creed .creed-text{margin:0 auto;max-width:30ch;font-family:var(--display);font-size:clamp(24px,2.7vw,38px);line-height:1.32;color:#fff;text-wrap:balance}
.nec-creed .creed-text em{color:var(--champagne);font-style:italic}
.nec-creed .prayer-text{margin:0 auto;max-width:34ch;font-family:var(--display);font-style:italic;font-size:clamp(21px,2.1vw,30px);line-height:1.4;color:var(--cream);text-wrap:balance}
/* WCAG 2.2.2: moving content can be paused */
/* council r2: the button sits in its own reserved slot, so marquee text can never run under it; 44px target */
.nec-marquee{position:relative;display:flex;align-items:center}
.nec-marquee .mq-view{flex:1;min-width:0;overflow:hidden}
.motion-toggle{order:2;position:static;flex:none;min-height:44px;min-width:44px;padding:0 16px;margin-inline:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--deep);color:var(--champagne);border:1px solid rgba(206,183,142,.4);border-radius:999px;font:500 13px/1 var(--body);letter-spacing:.06em;cursor:pointer}
.motion-toggle .mt-glyph{display:none;width:12px;height:14px;border-inline:4px solid currentColor;box-sizing:border-box}
html.motion-paused .motion-toggle .mt-glyph{width:0;height:0;border-inline:0;border-block:7px solid transparent;border-left:12px solid currentColor}
@media(max-width:640px){.motion-toggle{width:44px;height:44px;padding:0}.motion-toggle .mt-text{display:none}.motion-toggle .mt-glyph{display:block}}
@media(prefers-reduced-motion:reduce){.nec-marquee .track .dup{display:none}.nec-marquee .track span::after{display:none}.nec-marquee .track{gap:12px 32px;padding:20px 24px}}
html.motion-paused .nec-marquee .track,html.motion-paused .nec-orbit .spin{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
body.creed-on .mbar{transform:translateY(140%);opacity:0;pointer-events:none;visibility:hidden;transition:transform .35s,opacity .35s,visibility 0s .35s}
body.creed-on .hdr .cta{visibility:hidden}
/* council r2: founders note in body ink; affiliation disclosure under the role cards */
.founder-note{margin-top:10px;color:var(--ink)}
.affil-note{margin-top:22px;max-width:70ch;font-size:16px;color:rgba(255,255,255,.78)}
.affil-note .tlink{color:var(--champagne)}

/* Council recheck: readable cards, touch targets and visible focus. */
.founder-note{margin-top:28px;border-left:2px solid var(--champagne);padding:16px 20px}
.founder-note .eyebrow{display:block;color:var(--champ-ink);margin-bottom:10px}
.sec .tlink:not(.founder-note .tlink):not(.affil-note .tlink),.skip-seq{display:inline-flex;align-items:center;min-height:44px}
.offramp .tlink{display:inline-flex;align-items:center;min-height:44px}
.dark :focus-visible,.nec-scene :focus-visible,.nec-creed :focus-visible,.nec-marquee :focus-visible,.cta-band :focus-visible,.cta-quiet :focus-visible{outline:3px solid var(--champagne-light);outline-offset:4px}
@media(max-width:640px){
 .tblwrap{overflow:visible;border:0;border-radius:0}
 .tblwrap table.tbl{min-width:0;width:100%;display:block}
 .tblwrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .tblwrap tbody{display:block}
 .tblwrap tbody tr{display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;overflow:hidden}
 .tblwrap table.tbl td{display:block;width:auto;white-space:normal;overflow-wrap:anywhere;padding:14px 16px}
 .tblwrap table.tbl td:last-child{border-bottom:0}
 .tblwrap td::before{content:attr(data-label);display:block;font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--champ-ink);margin-bottom:6px}
}

/* Marquee as a LIGHT band between the hero and the meetup invitation (Joe, 2026-10-19): readable navy on warm cream */
.nec-marquee{background:#F5EFE3;color:var(--deep);border-block:1px solid rgba(122,99,56,.22)}
.nec-marquee .track span{color:var(--deep)}
.nec-marquee .track span::after{background:var(--champ-ink);opacity:.7}
.nec-marquee .motion-toggle{background:#F5EFE3;color:var(--deep);border-color:rgba(22,36,56,.28)}
.nec-marquee :focus-visible{outline-color:var(--navy)}