/* Preserve the complete community guide and slide controls in the new palette. */
:root {
  --bg:#141713;
  --bg-warm:#22291c;
  --ink:#f2f3eb;
  --ink-soft:#c7cebf;
  --ink-muted:#aeb8a0;
  --accent:#cefa69;
  --accent-dark:#cefa69;
  --accent-bright:#ddff95;
  --line:#424d35;
  --line-strong:#6d8053;
  --font-display:Arial,'Hiragino Kaku Gothic ProN',sans-serif;
  --font-body:Arial,'Hiragino Kaku Gothic ProN',sans-serif;
}

html,body {
  background:#10120e;
}

#stage,.slide.is-cover {
  background:#141713;
}

#stage::after,.slide::before {
  display:none;
}

.slide::after {
  border-color:#cefa6930;
  box-shadow:0 0 0 46px #cefa6908,0 0 0 92px #cefa6906;
}

.slide.is-cover::after {
  background:url('/static/images/vortex.svg') center/contain no-repeat;
  right:-100px;
  bottom:-70px;
  width:700px;
  height:700px;
  border:0;
  box-shadow:none;
  opacity:.18;
  z-index:-1;
}

.card,.card--accent,.pillar3,.force,.flow-step,.value-ex {
  background:#22291c;
  border-color:#455535;
}

#nav {
  background:#1c201a;
  border-color:#424d35;
}

.arrow {
  color:#cefa69;
  background:#27331d;
  border-color:#647057;
}

.arrow:focus-visible {
  outline:2px solid #cefa69;
  outline-offset:3px;
}

.seg {
  background:#455535;
}

.seg .fill {
  background:#cefa69;
}

.vortex-core {
  background:#cefa69;
  color:#141713;
}

.vortex-word {
  background:#22291c;
  color:#cefa69;
}

.vortex-ring {
  border-color:#cefa69;
}

.name-reveal .dot {
  color:#cefa69;
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }

}

.name-reveal {
  background:#141713!important;
}

.reveal-label {
  color:#cefa69;
}

.name-reveal::before {
  display:none;
}

/* One slide at a time on phones, with scrolling confined to the active slide. */
@media(max-width:640px) {
  html,body {
    height:100%;
    overflow:hidden;
  }

  #viewport {
    position:fixed;
    top:60px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    display:block;
    overflow:hidden;
  }

  #stage {
    width:100%;
    height:100%;
    transform:none!important;
    box-shadow:none;
  }

  .slide {
    position:absolute;
    inset:0;
    visibility:hidden;
    opacity:0;
    overflow:auto;
    overscroll-behavior:contain;
    padding:40px 22px;
    min-height:0;
    border-bottom:1px solid var(--line);
  }

  .slide::after {
    display:none;
  }

  .slide.is-cover {
    min-height:0;
    justify-content:flex-start;
  }

  .wrap,.wrap--narrow {
    max-width:100%;
  }

  .title,.title--sm {
    font-size:26px!important;
  }

  .cover-title {
    font-size:38px;
  }

  .manifesto .line {
    font-size:25px;
  }

  .lead,.bullets {
    font-size:15px;
  }

  .cols2,.grid2,.pillars3,.forces,.vortex-principle {
    display:block;
  }

  .pillar3,.force {
    margin:15px 0;
    padding:22px;
  }

  .vortex-model {
    margin:30px auto;
    max-width:100%;
  }

  .tbl {
    display:block;
    overflow-x:auto;
    font-size:12px;
  }

  .tbl th,.tbl td {
    min-width:100px;
  }

  .price-num {
    font-size:48px;
  }

  .ratio {
    font-size:19px;
  }

  .reveal-name {
    font-size:68px;
  }

  .reveal-definition {
    font-size:17px;
  }

  .value-ex {
    font-size:12px;
  }

  .step {
    gap:14px;
  }

  .step-text {
    font-size:14px;
  }

  .slide.active { visibility:visible; opacity:1; }
  #nav { display:flex; height:calc(76px + env(safe-area-inset-bottom)); padding:10px 16px calc(10px + env(safe-area-inset-bottom)); gap:12px; }
  #sections { display:none; }
  #section-name { min-width:0; overflow:hidden; text-overflow:ellipsis; flex:1; font-size:11px; }
  .arrow { width:44px; height:44px; }
  #counter { min-width:54px; }
  .slide .manifesto .line { font-size:25px; }
  .slide .tbl { overscroll-behavior-x:contain; }


}

.seg { border:0; padding:0; }
.arrow:disabled { opacity:.35; cursor:default; }