:root {
  --continuity-bg: #0c1010;
  --continuity-ink: #eff5f0;
  --continuity-muted: #aabcb1;
  --continuity-rule: rgba(188, 229, 207, .2);
  --continuity-accent: #69dca8;
}

body { background: var(--continuity-bg); }

/* A light editorial band marks each chapter without changing the dark content field. */
#why-choied,
#approach,
#clients,
#company {
  --chapter-rule: rgba(17, 54, 38, .2);
  --chapter-ink: #16291f;
  background: #edf2ed;
  color: #16291f;
}
#why-choied { background-image: none; }
.chapter-divider.chapter-green {
  --chapter-rule: rgba(5, 55, 34, .29);
  --chapter-ink: #0b3728;
  background: #55dda0;
  color: #0b3728;
}
.chapter-divider {
  min-height: 154px;
  padding-top: 16px;
  padding-bottom: 16px;
  align-items: center;
  align-content: center;
}
.chapter-title {
  overflow: visible;
  padding: .1em 0;
  line-height: 1.08;
}
@media (min-width: 901px) {
  .chapter-divider {
    min-height: 200px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.agency-section,
.sequence-section,
.capabilities,
.clients,
.company {
  background: var(--continuity-bg);
  color: var(--continuity-ink);
}

.agency-section .why-motion {
  margin-bottom: 52px;
  border-top: 1px solid var(--continuity-rule);
  border-bottom: 1px solid var(--continuity-rule);
  border-radius: 0;
  background: transparent;
}
.why-motion-and::before { background: var(--continuity-bg); }
.agency-perspective,
.agency-section .agency-conclusion { border-color: var(--continuity-rule); }
.agency-perspective h3 { color: var(--continuity-ink); }
.agency-perspective h3 small,
.agency-conclusion h3 { color: var(--continuity-accent); }
.agency-perspective p { color: var(--continuity-muted); }
.agency-perspective p + p,
.agency-conclusion p { color: #d9e9de; }

.sequence-intro h2,
.section-heading h2.type-reveal,
.clients-heading h2.type-reveal { color: var(--continuity-ink); }
.sequence-intro > p:last-child,
.section-heading > p,
.capability p,
.capability ul { color: var(--continuity-muted); }
.capabilities { border-top: 1px solid var(--continuity-rule); }
.capability-list { border-top-color: var(--continuity-rule); }
.capability { border-bottom-color: var(--continuity-rule); }
.capability li::before { color: var(--continuity-accent); }
.approach-funnel { box-shadow: none; }

.client-roster .client-logo {
  border-color: rgba(188, 229, 207, .15);
  background: #d4ded6;
}
.client-roster .client-logo img[alt="에이솔루션"] { mix-blend-mode: multiply; }

@media (max-width: 700px) {
  .chapter-divider {
    min-height: 134px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .chapter-divider .chapter-title > span {
    clip-path: none !important;
    transform: translate3d(0, 8px, 0);
    transition: opacity .42s ease, transform .5s cubic-bezier(.22, .68, .2, 1);
  }
  .chapter-divider.visible .chapter-title > span {
    transform: translate3d(0, 0, 0);
  }
  .agency-section .why-motion { margin-bottom: 42px; }
}