:root {
  --c-bg: #0e0e0e;
  --c-ink: #10100f;
  --c-text: #e8e4de;
  --c-dim: #9a948b;
  --c-accent: #c4a882;
  --c-warm: #d69a68;
  --c-blue: #7eb8e0;
  --c-line: rgba(196, 168, 130, 0.16);
  --content-width: 1240px;
}

* { cursor: auto; }
a, button { cursor: pointer; }
html { scroll-padding-top: 1rem; scrollbar-gutter: stable; }
body { line-height: 1.5; background: var(--c-bg); touch-action: pan-y pinch-zoom; }
body.menu-open { overflow: hidden; }
#three-container canvas { width: 100% !important; height: 100% !important; }
#three-container { filter: contrast(1.14) saturate(1.18); }
.layer-blur { backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }

.skip-link {
  position: fixed; top: .75rem; left: .75rem; z-index: 1000;
  padding: .75rem 1rem; color: #0e0e0e; background: #f0ebe3;
  border-radius: 999px; text-decoration: none; transform: translateY(-160%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible { outline: 2px solid #f0d9b5; outline-offset: 4px; }

/* Hero */
.ui-layer {
  min-height: 100svh; height: 100svh;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
}
.nav {
  max-width: 1440px; width: 100%; margin: 0 auto;
  padding: 1.5rem clamp(1.25rem, 4vw, 3.5rem);
  position: relative; z-index: 30;
}
.nav-links { gap: clamp(.8rem, 1.6vw, 1.6rem); }
.nav-link { font-size: .69rem; white-space: nowrap; }
.nav-link.nav-cta {
  color: var(--c-highlight); border: 1px solid rgba(196,168,130,.52);
  border-radius: 999px; padding: .66rem 1rem;
}
.nav-link.nav-cta::after { display: none; }
.menu-toggle {
  display: none; border: none; background: transparent;
  color: var(--c-text); padding: .5rem; cursor: pointer;
}
.menu-toggle svg { width: 28px; height: 28px; }
.hero {
  max-width: 760px;
  padding: clamp(1.5rem,4vh,3.5rem) clamp(1.5rem,6vw,6rem) clamp(2.5rem,5vh,4.5rem);
}
.hero-title {
  font-size: clamp(2.8rem,min(5.5vw,8.2vh),5.8rem);
  max-width: 720px; line-height: .98; margin-bottom: clamp(1.2rem, 2.5vh, 2rem);
}
.hero-title em { display: inline; }
.hero-title em::after { display: none; }
.hero-body {
  max-width: 560px; font-size: clamp(.98rem,1.2vw,1.08rem); line-height: 1.7;
  margin-bottom: clamp(1.5rem,3vh,2.4rem);
}
.hero-difference {
  max-width: 590px; color: var(--c-highlight); font-size: .9rem; line-height: 1.6;
  margin-bottom: clamp(1rem,2.3vh,2rem);
}
.hero-difference strong { color: var(--c-accent); font-weight: 500; }
.hero-actions { flex-wrap: wrap; }
.btn-main, .btn-ghost { display: inline-flex; align-items: center; justify-content: center; }
.hero-text-link {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .8rem .25rem;
  color: rgba(240,235,227,.7);
  font: 400 .72rem var(--font-sans);
  letter-spacing: .06em;
  text-decoration: none;
  transition: color .3s ease, transform .3s ease;
}
.hero-text-link:hover { color: var(--c-accent); transform: translateY(2px); }
.morph-info { padding-bottom: clamp(4rem,8vh,6rem); }
.dot-nav { cursor: pointer; }

/* Signal stripe */
.signal-strip {
  position: relative; z-index: 14; display: flex; align-items: center;
  height: 56px; overflow: hidden; max-width: 100%; contain: layout paint;
  background: #090909; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line);
}
.signal-track {
  display: flex; flex: none; width: max-content; color: #aaa49c;
  font: 400 .66rem var(--font-mono); letter-spacing: .22em; white-space: nowrap;
  animation: signalMove 30s linear infinite; will-change: transform;
}
.signal-strip-final { height: 58px; border-color: rgba(196,168,130,.18); }
.signal-strip-final .signal-track { animation-direction: reverse; color: #b5aea5; }
@keyframes signalMove { to { transform: translateX(-50%); } }

/* Story system */
.page-content.story { position: relative; z-index: 12; background: #0e0e0e; overflow: clip; }
.chapter {
  position: relative; isolation: isolate; overflow: hidden;
  border-top: 1px solid rgba(196,168,130,.08);
}
.chapter-frame, .underneath-question, .formation-intro, .human-tech-copy,
.opportunity-opening, .community-copy, .possibility-copy {
  width: min(var(--content-width), calc(100% - clamp(3rem,12vw,12rem)));
  margin-inline: auto;
}
.chapter-kicker {
  display: flex; align-items: center; gap: .85rem; margin-bottom: 1.35rem;
  color: var(--c-accent); font: 400 .64rem var(--font-mono);
  letter-spacing: .22em; text-transform: uppercase;
}
.chapter-kicker::before { content: ''; width: 2rem; height: 1px; background: currentColor; opacity: .65; }
.story-title {
  max-width: 980px; color: #f1ede7;
  font: 400 clamp(3rem,7vw,7.8rem)/.96 var(--font-serif);
  letter-spacing: -.05em; text-wrap: balance;
}
.story-title-wide { max-width: 1180px; }
.story-title em { color: var(--c-accent); font-weight: 400; }
.story-lead {
  max-width: 690px; color: var(--c-dim);
  font: 300 clamp(1rem,1.55vw,1.25rem)/1.85 var(--font-sans);
}
.reveal {
  animation: storyRise 1ms var(--ease) both;
  animation-timeline: view();
  animation-range: entry 8% cover 30%;
}
@keyframes storyRise {
  from { opacity: .18; transform: translate3d(0,32px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

/* Chapter I */
.chaos-chapter { min-height: 120vh; background: #0b0b0b; }
.chapter-number {
  position: absolute; top: 4rem; right: 5vw; color: rgba(232,228,222,.18);
  font: 400 .62rem var(--font-mono); letter-spacing: .25em;
}
.chaos-copy { position: relative; z-index: 3; padding-top: 34vh; }
.chaos-copy .story-title { max-width: 900px; }
.chaos-copy .story-lead { margin-top: 2.2rem; margin-left: min(18vw,220px); }
.chaos-field { position: absolute; inset: 0; opacity: .8; }
.chaos-field::before {
  content: ''; position: absolute; inset: 12% 22%;
  background: radial-gradient(circle, rgba(126,184,224,.075), transparent 63%);
  filter: blur(20px);
}
.chaos-fragment {
  position: absolute; color: rgba(232,228,222,.34);
  font: 300 clamp(.65rem,1vw,.85rem) var(--font-mono); letter-spacing: .08em;
  animation: fragmentDrift 9s ease-in-out infinite alternate;
}
.fragment-a { top: 16%; left: 7%; }.fragment-b { top: 24%; right: 12%; animation-delay:-2s; }
.fragment-c { top: 54%; left: 13%; animation-delay:-4s; }.fragment-d { top: 67%; right: 18%; animation-delay:-6s; }
.fragment-e { bottom: 13%; left: 32%; animation-delay:-3s; }.fragment-f { top: 41%; right: 4%; animation-delay:-7s; }
@keyframes fragmentDrift { to { transform: translate3d(14px,-12px,0); opacity: .55; } }
.leak-line {
  position: absolute; width: 1px; background: linear-gradient(transparent,rgba(196,168,130,.35),transparent);
  transform: rotate(18deg); opacity: .4;
}
.leak-one { height: 38vh; left: 28%; top: 5%; }.leak-two { height: 52vh; left: 71%; top: 28%; transform:rotate(-15deg); }.leak-three { height: 25vh; left: 48%; bottom: 3%; }
.scroll-cue {
  position: absolute; left: 5vw; bottom: 3.5rem; display: flex; align-items: center; gap: 1rem;
  color: rgba(232,228,222,.35); font: 400 .58rem var(--font-mono); letter-spacing: .18em; text-transform: uppercase;
}
.scroll-cue span { width: 60px; height: 1px; background: var(--c-accent2); }

/* Chapter II */
.underneath-chapter { background: #11110f; }
.underneath-question {
  min-height: 100vh; display: flex; flex-direction: column; justify-content: center;
}
.underneath-question .story-title { max-width: 1120px; }
.underneath-turn {
  min-height: 75vh; display: flex; flex-direction: column; justify-content: center;
  width: min(900px,calc(100% - 3rem)); margin: auto;
  color: #8d877e; font: 300 clamp(1.4rem,3vw,3.1rem)/1.45 var(--font-sans);
}
.turn-line { display: block; width: 1px; height: 110px; margin: 0 0 2rem .35rem; background: linear-gradient(transparent,var(--c-accent)); }
.turn-answer { margin-left: clamp(2rem,12vw,10rem); color: #f0ebe3; font-family: var(--font-serif); font-style: italic; }
.clarity-reveal {
  position: relative; min-height: 115vh; display: grid; align-content: center;
  padding: 10rem clamp(1.5rem,8vw,8rem); background: #eee9e1; color: #181715;
}
.clarity-word {
  position: absolute; inset: auto -1vw 2vh auto; color: rgba(23,22,20,.035);
  font: 600 clamp(8rem,25vw,25rem)/.7 var(--font-sans); letter-spacing: -.08em; pointer-events:none;
}
.clarity-copy { position: relative; z-index: 2; max-width: 1050px; }
.clarity-copy .chapter-kicker { color: #856b49; }
.clarity-copy h3 {
  color: #181715; font: 400 clamp(2rem,4.6vw,5rem)/1.08 var(--font-serif); letter-spacing: -.035em;
}
.clarity-copy > p:last-child {
  max-width: 720px; margin: 2.5rem 0 0 auto; color: #5d574f;
  font: 300 clamp(1rem,1.5vw,1.2rem)/1.85 var(--font-sans);
}
.method-thread {
  position: relative; z-index:2; display:flex; align-items:center; gap:.8rem; flex-wrap:wrap;
  margin-top: 6rem; color:#5f594f; font:400 .66rem var(--font-mono); letter-spacing:.1em; text-transform:uppercase;
}
.method-thread i { flex:1 1 25px; max-width:70px; height:1px; background:rgba(91,77,59,.28); }
.method-truth {
  position:relative; z-index:2; margin-top:2.2rem; padding-left:1.2rem; border-left:2px solid #856b49;
  color:#292622; font:500 clamp(.95rem,1.4vw,1.12rem)/1.7 var(--font-sans);
}

/* Chapter III */
.formation-chapter { padding-top: 16vh; background: radial-gradient(circle at 50% 37%,rgba(126,184,224,.07),transparent 32%),#0d0e0e; }
.formation-intro .story-lead { margin: 2rem 0 0 auto; }
.spine-scene {
  position: relative; width: min(1120px,94vw); aspect-ratio: 10/7; margin: 12vh auto 18vh;
  contain: layout paint;
}
.spine-network { width:100%; height:100%; overflow:visible; }
.network-faint path, .network-signal path, .community-lines path { fill:none; }
.network-faint path { stroke:rgba(232,228,222,.24); stroke-width:1.7; }
.network-signal path {
  stroke:url(#warmSignal); stroke-width:3; stroke-dasharray:10 16;
  animation: signalFlow 5s linear infinite;
}
@keyframes signalFlow { to { stroke-dashoffset:-260; } }
.network-nodes circle { fill:#c4a882; filter:drop-shadow(0 0 7px rgba(196,168,130,.75)); animation:diagramNode 2.8s ease-in-out infinite alternate; transform-box:fill-box; transform-origin:center; }
.network-nodes circle:nth-child(even) { animation-delay:-1.4s; }
@keyframes diagramNode { to { transform:scale(1.28); opacity:.72; } }
.network-nodes .core-node { fill:#f0d9b5; animation:corePulse 2.4s ease-in-out infinite; transform-origin:500px 350px; }
@keyframes corePulse { 50% { transform:scale(1.45); opacity:.65; } }
.network-label {
  position:absolute; color:#8e8981; font:400 .62rem var(--font-mono); letter-spacing:.13em; text-transform:uppercase;
}
.label-message{left:4%;top:11%}.label-customer{left:6%;bottom:13%}.label-data{left:19%;top:5%}
.label-spine{left:50%;top:50%;transform:translate(-50%,-50%);color:#f0d9b5}
.label-presence{right:3%;top:12%}.label-operations{right:0;top:48%}.label-decisions{right:2%;bottom:12%}
.pulse-caption {
  position:absolute; left:50%; bottom:-2rem; transform:translateX(-50%);
  color:var(--c-accent); font:italic 400 clamp(1.2rem,2.3vw,2rem) var(--font-serif); white-space:nowrap;
}
.system-outcomes { width:min(1100px,calc(100% - 3rem)); margin:0 auto; padding-bottom:18vh; }
.outcome-story {
  display:grid; grid-template-columns:minmax(160px,.65fr) 70px minmax(0,1.35fr);
  gap:1.5rem; align-items:center; padding:3.3rem 0; border-top:1px solid var(--c-line);
}
.outcome-story:last-of-type { border-bottom:1px solid var(--c-line); }
.outcome-before { color:#7f7a73; font:400 .66rem var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.outcome-arrow { color:var(--c-accent); font-size:1.5rem; }
.outcome-story h3 { color:#f0ebe3; font:400 clamp(1.8rem,3.6vw,3.8rem)/1.05 var(--font-serif); }
.outcome-story p { max-width:620px; margin-top:.7rem; color:#8f8981; font-size:.92rem; line-height:1.75; }
.example-note { margin-top:1rem; color:#706b64; font:400 .58rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }

/* Chapter IV */
.human-tech-chapter {
  min-height:145vh; display:flex; flex-direction:column; justify-content:center;
  padding:16vh clamp(1.5rem,7vw,7rem); background:#12110f;
}
.human-tech-glow {
  position:absolute; width:65vw; height:65vw; right:-20vw; top:18%;
  background:radial-gradient(circle,rgba(214,154,104,.17),rgba(196,168,130,.04) 36%,transparent 68%);
  filter:blur(18px);
}
.human-tech-copy { width:min(var(--content-width),100%); position:relative; z-index:2; }
.pulse-rule { position:relative; z-index:2; width:min(1000px,100%); height:1px; margin:9vh auto 5vh; background:rgba(196,168,130,.14); overflow:visible; }
.pulse-rule span { position:absolute; top:-3px; width:7px; height:7px; border-radius:50%; background:#f0d9b5; box-shadow:0 0 25px #d69a68; animation:pulseTravel 5s ease-in-out infinite; }
@keyframes pulseTravel { from{left:0} to{left:100%} }
.human-tech-balance {
  position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:12vw;
  width:min(980px,100%); margin:0 auto;
}
.human-tech-balance p { color:#9b958d; font:300 clamp(1rem,1.6vw,1.22rem)/1.8 var(--font-sans); }
.human-tech-balance p:last-child { color:#d5cec4; }
.innovation-line {
  position:relative; z-index:2; display:flex; justify-content:space-between; gap:2rem;
  width:min(1100px,100%); margin:14vh auto 0; padding-top:2rem; border-top:1px solid var(--c-line);
  color:#827c74; font-size:.9rem;
}
.innovation-line strong { max-width:560px; color:var(--c-accent); font:400 clamp(1.3rem,2.4vw,2.15rem)/1.35 var(--font-serif); }

/* Chapter V */
.opportunity-chapter {
  min-height:185vh; padding:18vh clamp(1.5rem,7vw,7rem);
  background:linear-gradient(180deg,#eae4da 0%,#dfcdbc 72%,#b87850 150%); color:#1d1a17;
}
.opportunity-opening { width:min(var(--content-width),100%); position:relative; z-index:2; }
.opportunity-opening .chapter-kicker { color:#885f3f; }
.opportunity-opening .story-title { color:#1c1916; }
.opportunity-opening .story-title em { color:#9a6540; }
.opportunity-line {
  margin:3rem 0 0 auto; width:max-content; color:#6f4a32;
  font:italic 400 clamp(1.5rem,3vw,3rem) var(--font-serif);
}
.opportunity-orbit { position:absolute; width:50vw; height:50vw; right:-12vw; top:5%; opacity:.28; }
.opportunity-orbit i { position:absolute; inset:0; border:1px solid #9a6540; border-radius:50%; }
.opportunity-orbit i:nth-child(2){inset:12%}.opportunity-orbit i:nth-child(3){inset:28%;background:radial-gradient(circle,rgba(214,154,104,.38),transparent 65%)}
.opportunity-story {
  display:grid; grid-template-columns:1fr 1fr; gap:9vw;
  width:min(1050px,100%); margin:18vh auto 0;
}
.opportunity-story p { color:#514a43; font:300 clamp(1rem,1.55vw,1.2rem)/1.85 var(--font-sans); }
.roles-river {
  display:flex; width:max-content; gap:1rem; margin:15vh 0 0 -10vw;
  animation:rolesDrift 32s linear infinite;
}
.roles-river span {
  padding:.8rem 1.2rem; border:1px solid rgba(83,60,43,.23); border-radius:999px;
  color:#5a4636; font:400 .65rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase;
}
@keyframes rolesDrift { to{transform:translateX(-15%)} }
.responsibility-statement {
  max-width:820px; margin:13vh 0 0 auto; padding-top:2rem; border-top:1px solid rgba(83,60,43,.22);
  color:#4a4038; font:300 1rem/1.8 var(--font-sans);
}
.responsibility-statement strong { display:block; margin-bottom:.7rem; color:#251f1a; font:400 1.7rem var(--font-serif); }

/* Chapter VI */
.community-chapter { min-height:175vh; padding:17vh clamp(1.5rem,7vw,7rem); background:#0d0d0d; }
.community-copy { width:min(var(--content-width),100%); }
.community-copy .story-title { max-width:1030px; }
.community-copy .story-lead { margin:2.2rem 0 0 auto; }
.community-map { position:relative; width:min(900px,94vw); aspect-ratio:9/6.2; margin:12vh auto 8vh; contain:layout paint; }
.community-map svg { width:100%; height:100%; }
.community-lines path { stroke:rgba(196,168,130,.38); stroke-width:1.8; stroke-dasharray:4 7; animation:signalFlow 7s linear infinite; }
.community-dots circle { fill:#c4a882; filter:drop-shadow(0 0 7px rgba(196,168,130,.75)); animation:diagramNode 3s ease-in-out infinite alternate; transform-box:fill-box; transform-origin:center; }
.community-dots circle:nth-child(odd) { animation-delay:-1.5s; }
.community-dots circle:first-child { fill:#f0d9b5; filter:drop-shadow(0 0 12px #c4a882); }
.community-center,.community-name { position:absolute; font:400 .65rem var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.community-center { left:50%; top:50%; transform:translate(-50%,-50%); color:#f0d9b5; }
.community-name { color:#98928a; }
.community-business{left:9%;top:13%}.community-youth{left:17%;bottom:12%}.community-startups{left:37%;top:5%}
.community-agencies{right:14%;top:12%}.community-freelancers{right:4%;top:54%}.community-mentors{right:20%;bottom:8%}
.community-close { max-width:760px; margin:0 auto; color:#c4a882; text-align:center; font:italic 400 clamp(1.3rem,2.6vw,2.5rem)/1.45 var(--font-serif); }

/* Final chapter */
.possibility-chapter {
  min-height:110vh; display:flex; align-items:center; padding:14vh clamp(1.5rem,7vw,7rem);
  background:#ebe5dc; color:#171512;
}
.possibility-sun {
  position:absolute; width:58vw; height:58vw; right:-15vw; bottom:-35vw; border-radius:50%;
  background:radial-gradient(circle at 38% 35%,rgba(255,244,221,.9),rgba(214,154,104,.45) 28%,rgba(184,107,63,.16) 55%,transparent 70%);
}
.possibility-copy { width:min(var(--content-width),100%); position:relative; z-index:2; }
.possibility-copy .chapter-kicker { color:#885f3f; }
.possibility-copy .story-title { color:#171512; }
.possibility-copy .story-title em { color:#9b6845; }
.possibility-invitation { margin:3rem 0 1rem; color:#2a241f; font:400 clamp(1.7rem,3vw,3rem) var(--font-serif); }
.possibility-copy .story-lead { color:#5c554d; }
.possibility-actions { display:flex; align-items:center; gap:1.6rem; margin-top:2.3rem; }
.possibility-actions .btn-main { border-color:#211d19; color:#211d19; background:transparent; }
.possibility-actions .btn-main::before { background:#211d19; }
.possibility-actions .btn-main:hover { color:#eee8df; }
.text-link { color:#4f4840; text-underline-offset:5px; }

.site-footer { background:#0b0b0b; padding:2rem clamp(1.5rem,6vw,6rem); border-top:1px solid var(--c-line); }
.site-footer-inner {
  max-width:var(--content-width); margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:1rem;
  color:#878179; font:400 .62rem var(--font-mono); letter-spacing:.08em;
}
.site-footer a { color:#878179; text-decoration:none; }
.site-footer a:hover { color:var(--c-accent); }

@media (max-width:1050px) {
  .nav-idx { display:none; }
  .nav-links { gap:.75rem; }
}

@media (max-width:768px) {
  .grain-overlay,.layer-blur { display:none; }
  #three-container { filter:contrast(1.08) saturate(1.1); }
  .chaos-field::before,.human-tech-glow,.condensed-formation .spine-scene::before { filter:none; }
  .ui-layer { display:block; min-height:100svh; height:100svh; }
  .nav { position:absolute; top:0; left:0; }
  .nav-logo { width:38px; height:38px; }
  .menu-toggle { display:inline-flex; }
  .nav-links {
    display:flex; position:fixed; inset:0; z-index:-1; flex-direction:column; align-items:flex-start;
    justify-content:center; gap:0; padding:6rem 2rem 3rem; background:rgba(14,14,14,.98);
    opacity:0; visibility:hidden; transition:opacity .25s ease,visibility .25s ease;
  }
  .nav-links.is-open { opacity:1; visibility:visible; }
  .nav-link {
    width:100%; padding:.9rem 0; border-bottom:1px solid var(--c-line);
    color:var(--c-highlight); font:400 1.45rem var(--font-serif);
  }
  .nav-link.nav-cta { margin-top:1.2rem; width:auto; padding:.75rem 1rem; font:400 .78rem var(--font-sans); }
  .hero { min-height:100svh; height:100svh; justify-content:flex-end; padding:5.8rem 1.5rem 1.2rem; }
  .hero::before { inset:12% -1rem -2rem -1rem; width:calc(100% + 2rem); background:linear-gradient(0deg,rgba(0,0,0,.96) 12%,rgba(0,0,0,.58) 62%,transparent); }
  .hero-tag { margin-bottom:clamp(.7rem,1.8vh,1.3rem); }
  .hero-title { font-size:clamp(2.45rem,min(11vw,6.2vh),4.4rem); line-height:.94; margin-bottom:clamp(.75rem,1.6vh,1.25rem); }
  .hero-body { font-size:clamp(.82rem,1.9vh,.94rem); line-height:1.58; margin-bottom:clamp(.65rem,1.4vh,1rem); }
  .hero-difference { font-size:clamp(.76rem,1.7vh,.83rem); line-height:1.5; margin-bottom:clamp(.75rem,1.6vh,1.15rem); }
  .hero-actions { flex-direction:column; align-items:stretch; gap:clamp(.45rem,1.1vh,.75rem); }
  .hero-actions .btn-main { width:100%; min-height:46px; padding:.72rem 1rem; }
  .hero .btn-main,.hero .btn-ghost { backdrop-filter:none; -webkit-backdrop-filter:none; }
  .hero-text-link { width:max-content; align-self:center; padding:.6rem .2rem; }
  .morph-info,.ui-layer>.footer { display:none; }
  .signal-strip { height:48px; }
  .signal-track { font-size:.58rem; letter-spacing:.18em; }

  .chapter-frame,.underneath-question,.formation-intro,.human-tech-copy,.opportunity-opening,.community-copy,.possibility-copy {
    width:calc(100% - 3rem);
  }
  .chapter { min-height:0; }
  .story-title { font-size:clamp(2.75rem,13vw,4.7rem); }
  .story-lead { font-size:.96rem; line-height:1.75; }
  .chaos-chapter { min-height:115svh; }
  .chaos-copy { padding-top:31vh; }
  .chaos-copy .story-lead { margin:1.6rem 0 0; }
  .chaos-fragment { font-size:.55rem; }
  .fragment-a{top:12%}.fragment-b{top:20%;right:5%}.fragment-c{top:64%;left:5%}.fragment-d{top:75%;right:8%}.fragment-e{display:none}.fragment-f{top:47%;right:-5%}
  .scroll-cue { left:1.5rem; bottom:2rem; }

  .underneath-question { min-height:100svh; }
  .underneath-turn { min-height:68svh; font-size:1.35rem; }
  .clarity-reveal { min-height:0; padding:7rem 1.5rem; }
  .clarity-copy h3 { font-size:clamp(2rem,9vw,3.25rem); }
  .clarity-copy>p:last-child { margin-top:1.7rem; }
  .method-thread { margin-top:4rem; gap:.6rem; }
  .method-thread i { flex-basis:14px; }
  .method-truth { margin-top:2rem; }

  .formation-chapter { padding-top:7rem; }
  .formation-intro .story-lead { margin:1.6rem 0 0; }
  .spine-scene { width:100%; aspect-ratio:1/1; margin:4rem auto 5rem; }
  .spine-network { overflow:hidden; }
  .network-label { font-size:.5rem; }
  .pulse-caption { bottom:-1rem; font-size:1.1rem; }
  .system-outcomes { width:calc(100% - 3rem); padding-bottom:7rem; }
  .outcome-story { grid-template-columns:1fr; gap:.8rem; padding:2.4rem 0; }
  .outcome-arrow { transform:rotate(90deg); width:max-content; }
  .outcome-story h3 { font-size:2.2rem; }

  .human-tech-chapter { min-height:0; padding:7rem 1.5rem; }
  .pulse-rule { margin:4rem auto 3rem; }
  .human-tech-balance { grid-template-columns:1fr; gap:2rem; }
  .innovation-line { flex-direction:column; margin-top:5rem; }

  .opportunity-chapter { min-height:0; padding:7rem 1.5rem; }
  .opportunity-line { width:auto; margin-top:2rem; }
  .opportunity-story { grid-template-columns:1fr; gap:2rem; margin-top:5rem; }
  .roles-river { width:100%; margin:5rem 0 0; flex-wrap:wrap; justify-content:center; animation:none; }
  .roles-river span { padding:.7rem .9rem; font-size:.58rem; }
  .responsibility-statement { margin-top:5rem; }
  .opportunity-orbit { width:95vw; height:95vw; right:-45vw; }

  .community-chapter { min-height:0; padding:7rem 1.5rem; }
  .community-copy .story-lead { margin:1.6rem 0 0; }
  .community-map { width:100%; aspect-ratio:1/1; margin:5rem auto 4rem; }
  .community-map svg { overflow:hidden; }
  .community-name,.community-center { font-size:.5rem; }
  .community-close { font-size:1.45rem; }

  .possibility-chapter { min-height:100svh; padding:7rem 1.5rem; }
  .possibility-actions { flex-direction:column; align-items:stretch; }
  .possibility-actions .btn-main { width:100%; }
  .text-link { text-align:center; }
  .possibility-sun { width:120vw; height:120vw; right:-60vw; bottom:-45vw; }
  .site-footer-inner { flex-direction:column; align-items:flex-start; }
}

@media (max-width:768px), (pointer:coarse) {
  .reveal { animation-range:entry 5% cover 22%; }
  .network-nodes circle,.community-dots circle { animation-duration:4.5s; }
  .network-signal path,.community-lines path { animation-duration:8s; }
  .hero-text-link:hover { transform:none; }
}

@media (max-width:430px) {
  .hero-tag { font-size:.52rem; letter-spacing:.16em; }
}

@media (min-width:769px) and (max-height:800px) {
  .nav { padding-top:1rem; padding-bottom:1rem; }
  .nav-logo { width:42px; height:42px; }
  .hero { padding-top:.75rem; padding-bottom:1.5rem; }
  .hero-tag { margin-bottom:.85rem; }
  .hero-title { margin-bottom:1rem; }
  .hero-body { line-height:1.58; }
  .hero-actions .btn-main,.hero-actions .btn-ghost { padding-top:.75rem; padding-bottom:.75rem; }
  .morph-info { padding-bottom:2rem; }
  .ui-layer>.footer { padding-bottom:1rem; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .grain-overlay,.layer-blur { display:none; }
  .signal-track,.roles-river { animation:none; }
  .reveal { opacity:1; transform:none; filter:none; animation:none; }
}

/* Condensed five-movement edit */
.condensed-chaos {
  min-height: 185vh;
  padding: 0 clamp(1.5rem, 7vw, 7rem) 14vh;
  background:
    radial-gradient(circle at 72% 25%, rgba(126,184,224,.07), transparent 27%),
    radial-gradient(circle at 25% 72%, rgba(196,168,130,.06), transparent 29%),
    #0b0b0b;
}
.chaos-opening {
  position: relative;
  z-index: 3;
  width: min(var(--content-width), 100%);
  margin: 0 auto;
  padding-top: 31vh;
}
.chaos-opening .story-lead { margin: 2rem 0 0 min(18vw, 220px); }
.diagnosis-reveal {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(3rem, 9vw, 10rem);
  align-items: end;
  width: min(1160px, 100%);
  margin: 35vh auto 0;
  padding-top: 5rem;
  border-top: 1px solid var(--c-line);
}
.diagnosis-quote { font: 300 clamp(1.25rem, 2.2vw, 2rem)/1.55 var(--font-sans); color: #8f8981; }
.diagnosis-quote span, .diagnosis-quote strong { display: block; }
.diagnosis-quote strong { margin: 1rem 0 0 clamp(1rem, 5vw, 4rem); color: var(--c-accent); font: italic 400 clamp(1.8rem, 3.6vw, 3.5rem)/1.2 var(--font-serif); }
.diagnosis-clear { padding-left: clamp(1.5rem, 4vw, 4rem); border-left: 1px solid var(--c-line); }
.diagnosis-clear h3 { color: #f0ebe3; font: 400 clamp(1.8rem, 3.3vw, 3.35rem)/1.14 var(--font-serif); letter-spacing: -.025em; }
.diagnosis-clear > p:not(.chapter-kicker) { max-width: 650px; margin-top: 1.5rem; color: #99938b; font-size: .96rem; line-height: 1.8; }
.diagnosis-clear .method-thread { margin-top: 2.8rem; color: #858078; }

.condensed-formation { min-height: 0; padding-top: 12vh; }
.condensed-formation .spine-scene { margin-top: 7vh; margin-bottom: 9vh; }
.condensed-outcomes { padding-bottom: 12vh; }
.condensed-outcomes .outcome-story { padding: 2.4rem 0; }

.human-opportunity-chapter {
  min-height: 185vh;
  padding: 16vh clamp(1.5rem, 7vw, 7rem) 12vh;
  background: #12110f;
}
.human-opportunity-chapter::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 43% 0 0;
  background: linear-gradient(145deg, #eee7dc, #dac5b2 76%, #c1845c);
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
}
.human-first { position: relative; z-index: 2; width: min(var(--content-width), 100%); margin: 0 auto; }
.human-first .story-lead { margin: 2rem 0 0 auto; }
.human-pulse { position: absolute; top: 8vh; left: 7vw; right: 7vw; height: 50px; }
.human-pulse svg { width: 100%; height: 100%; overflow: visible; }
.pulse-base, .pulse-live { fill: none; vector-effect: non-scaling-stroke; }
.pulse-base { stroke: rgba(196,168,130,.28); stroke-width: 1.4; }
.pulse-live {
  stroke: #f0d9b5;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-dasharray: 10 90;
  filter: drop-shadow(0 0 9px rgba(214,154,104,.95));
  animation: heartbeatSignal 4s linear infinite;
}
.pulse-dot { fill: #fff2d6; filter: drop-shadow(0 0 9px #d69a68); }
@keyframes heartbeatSignal { to { stroke-dashoffset: -100; } }
.trust-scene { position: relative; z-index: 2; max-width: 1080px; margin: 38vh auto 0; color: #211d19; }
.trust-small { color: #745e4d; font: 400 .64rem var(--font-mono); letter-spacing: .16em; text-transform: uppercase; }
.trust-scene h3 { margin-top: 1.2rem; font: 400 clamp(2.8rem, 6.2vw, 6.8rem)/.98 var(--font-serif); letter-spacing: -.045em; text-wrap: balance; }
.trust-scene h3 em { color: #9c6744; }
.trust-line { margin: 2.5rem 0 0 auto; width: max-content; color: #7a4f34; font: italic 400 clamp(1.45rem, 2.7vw, 2.7rem) var(--font-serif); }
.opportunity-clarity { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; max-width: 1020px; margin: 10vh auto 0; }
.opportunity-clarity p { color: #544b43; font: 300 clamp(.98rem, 1.4vw, 1.15rem)/1.82 var(--font-sans); }
.human-opportunity-chapter .roles-river { position: relative; z-index: 2; margin-top: 9vh; }
.human-opportunity-chapter .responsibility-statement { position: relative; z-index: 2; margin-top: 8vh; }

.condensed-community { min-height: 128vh; padding-top: 13vh; padding-bottom: 9vh; }
.condensed-community .community-map { margin-top: 7vh; margin-bottom: 0; }
.condensed-possibility { min-height: 98vh; }

@media (max-width: 768px) {
  .condensed-chaos { min-height: 0; padding: 0 1.5rem 6rem; }
  .chaos-opening { padding-top: 28vh; }
  .chaos-opening .story-lead { margin: 1.6rem 0 0; }
  .diagnosis-reveal { grid-template-columns: 1fr; gap: 4rem; margin-top: 32vh; padding-top: 3rem; }
  .diagnosis-clear { padding-left: 1.25rem; }
  .diagnosis-clear h3 { font-size: clamp(1.9rem, 8.8vw, 3rem); }
  .diagnosis-clear .method-thread { margin-top: 2.5rem; }

  .condensed-formation { padding-top: 6rem; }
  .condensed-formation .spine-scene { margin-top: 3rem; margin-bottom: 5rem; }
  .condensed-outcomes { padding-bottom: 6rem; }

  .human-opportunity-chapter { min-height: 0; padding: 7rem 1.5rem 6rem; }
  .human-opportunity-chapter::before { inset: 34% 0 0; clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); }
  .human-first .story-lead { margin: 1.6rem 0 0; }
  .human-pulse { top: 3.25rem; left: 1.5rem; right: 1.5rem; height: 42px; }
  .trust-scene { margin-top: 16rem; }
  .trust-scene h3 { font-size: clamp(2.7rem, 12.5vw, 4.5rem); }
  .trust-line { width: auto; margin-top: 2rem; }
  .opportunity-clarity { grid-template-columns: 1fr; gap: 1.5rem; margin-top: 4rem; }
  .human-opportunity-chapter .roles-river { margin-top: 4rem; }
  .human-opportunity-chapter .responsibility-statement { margin-top: 4rem; }

  .condensed-community { min-height: 0; padding-top: 6rem; padding-bottom: 5rem; }
  .condensed-community .community-map { margin-top: 4rem; }
  .condensed-possibility { min-height: 100svh; }
}

/* Alternating chapter palette: black / warm white / black / warm white / black */
.condensed-chaos {
  background:
    radial-gradient(circle at 72% 25%, rgba(126,184,224,.07), transparent 27%),
    radial-gradient(circle at 25% 72%, rgba(196,168,130,.06), transparent 29%),
    #0a0a0a;
}

.condensed-formation {
  background:
    radial-gradient(circle at 50% 38%, rgba(126,184,224,.11), transparent 30%),
    #eee9e1;
  color: #191714;
}
.condensed-formation .chapter-kicker { color: #886b48; }
.condensed-formation .story-title { color: #181613; }
.condensed-formation .story-title em { color: #9b6845; }
.condensed-formation .story-lead { color: #5e574e; }
.condensed-formation .spine-scene::before {
  content: '';
  position: absolute;
  inset: 12% 18%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79,135,170,.13), rgba(184,120,74,.06) 42%, transparent 70%);
  filter: blur(15px);
}
.condensed-formation .network-faint path { stroke: rgba(39,34,29,.32); }
.condensed-formation .network-signal path { opacity: .95; }
.condensed-formation .network-label { color: #6f685f; }
.condensed-formation .label-spine { color: #754e34; }
.condensed-formation .pulse-caption { color: #875c3f; }
.condensed-formation .outcome-story { border-color: rgba(56,45,36,.16); }
.condensed-formation .outcome-before { color: #756d63; }
.condensed-formation .outcome-arrow { color: #966646; }
.condensed-formation .outcome-story h3 { color: #1d1a17; }
.condensed-formation .outcome-story p { color: #625b52; }
.condensed-formation .example-note { color: #746d64; }

.human-opportunity-chapter {
  background:
    radial-gradient(circle at 85% 66%, rgba(214,154,104,.16), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(196,168,130,.08), transparent 32%),
    #0d0c0b;
  color: var(--c-text);
}
.human-opportunity-chapter::before {
  inset: 43% 0 0;
  background: linear-gradient(145deg, rgba(214,154,104,.055), rgba(196,168,130,.015));
  border-top: 1px solid rgba(196,168,130,.12);
}
.trust-scene { color: #f0ebe3; }
.trust-small { color: #a9927c; }
.trust-scene h3 { color: #f0ebe3; }
.trust-scene h3 em { color: var(--c-accent); }
.trust-line { color: #d69a68; }
.opportunity-clarity p { color: #a7a098; }
.human-opportunity-chapter .roles-river span {
  border-color: rgba(196,168,130,.24);
  color: #b9b1a7;
}
.human-opportunity-chapter .responsibility-statement {
  color: #a7a098;
  border-color: rgba(196,168,130,.2);
}
.human-opportunity-chapter .responsibility-statement strong { color: #f0ebe3; }

.condensed-community {
  background:
    radial-gradient(circle at 50% 52%, rgba(196,168,130,.13), transparent 32%),
    #eee9e1;
  color: #191714;
}
.condensed-community .chapter-kicker { color: #886b48; }
.condensed-community .story-title { color: #181613; }
.condensed-community .story-title em { color: #9b6845; }
.condensed-community .story-lead { color: #5e574e; }
.condensed-community .community-map::before {
  content: '';
  position: absolute;
  inset: 14% 20%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(155,104,69,.12), transparent 68%);
}
.condensed-community .community-lines path { stroke: rgba(72,55,41,.45); }
.condensed-community .community-dots circle { fill: #9b6845; }
.condensed-community .community-dots circle:first-child {
  fill: #4b382a;
  filter: drop-shadow(0 0 12px rgba(155,104,69,.5));
}
.condensed-community .community-center { color: #33271f; }
.condensed-community .community-name { color: #6b6259; }

.condensed-possibility {
  background: #0a0a0a;
  color: var(--c-text);
}
.condensed-possibility .possibility-sun {
  background: radial-gradient(circle at 38% 35%, rgba(240,217,181,.28), rgba(214,154,104,.15) 28%, rgba(184,107,63,.055) 55%, transparent 70%);
}
.condensed-possibility .chapter-kicker { color: var(--c-accent); }
.condensed-possibility .story-title { color: #f0ebe3; }
.condensed-possibility .story-title em { color: var(--c-accent); }
.condensed-possibility .possibility-invitation { color: #f0ebe3; }
.condensed-possibility .story-lead { color: #9a948c; }
.condensed-possibility .possibility-actions .btn-main {
  border-color: var(--c-accent);
  color: #f0ebe3;
}
.condensed-possibility .possibility-actions .btn-main::before { background: var(--c-accent); }
.condensed-possibility .possibility-actions .btn-main:hover { color: #11100f; }
.condensed-possibility .text-link { color: #b7afa5; }

@media (prefers-reduced-motion: reduce) {
  .pulse-live { animation: none; stroke-dasharray: 100 0; opacity: .65; }
  .pulse-dot { display: none; }
}