:root { --muted: #556078; --muted-2: #647087; }
nav,
nav.is-solid,
nav.story-nav { background: var(--paper); }
@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
nav,
nav.is-solid,
nav.story-nav {
    background: rgba(247, 248, 252, .94);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

}
.story-copy,
.story-beat { border: 0; box-shadow: none; }
.story-visual,
.project-previews > div,
.proof-metric,
.principle,
.process-step,
.insight-card { border-radius: 6px; }
.insights-section { background: var(--paper); }
.approach-section { background: var(--surface); color: var(--ink); }
.kinetic-heading { color: var(--ink); }
.approach-intro { color: var(--muted); }
.process-index button { color: var(--ink); border-color: var(--line); background: var(--paper); }
.process-index button[aria-selected="true"] {
  color: var(--paper); background: var(--accent); border-color: var(--accent);
}
.process-step,
.process-step:nth-child(n),
.principle,
.principle:nth-child(n) {
  background: var(--paper); color: var(--ink); box-shadow: none;
}
.principle,
.principle:nth-child(n) { background: var(--surface); }
.process-step:nth-child(n) p,
.principle:nth-child(n) p,
.process-step:nth-child(n) .process-time { color: var(--muted); }
.process-step:nth-child(n) .process-number,
.js .process-step:nth-child(n):not(.is-current) .process-number { color: var(--accent); }
.js .process-step.is-current {
  border-radius: 6px;
  box-shadow: inset 0 0 0 2px var(--accent);
}
.hud-bar,
.hud-ocr,
.hud-outcome,
.service-chips span {
  background: var(--midnight);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.hud-live { background: var(--pale); box-shadow: none; }
.hud-scan { background: linear-gradient(to bottom, transparent, rgba(220, 232, 244, .22), transparent); }
.vision-box i,
.story-field-output { color: var(--paper); }
.vision-box-b i { color: var(--ink); }
@media (max-width: 900px) {
nav .nav-links { background: var(--paper); }

}