/* Incremental process switcher. Existing manifesto and step typography stay intact. */
#approach .process-switcher { display: flex; justify-content: center; margin-bottom: 48px; }
#approach .process-switcher[hidden] { display: none; }
#approach .process-modes { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 520px); padding: 4px; border: 1px solid var(--rule); border-radius: var(--r-md); background: var(--ink-2); }
#approach .process-modes::before { content: ""; position: absolute; z-index: 0; box-sizing: border-box; inset: 4px auto 4px 4px; width: calc(50% - 4px); border: 1px solid var(--line-on-maroon); border-radius: var(--r-sm); background: var(--maroon); pointer-events: none; transform: translateX(0); transition: transform 460ms cubic-bezier(.22,1.18,.36,1); }
#approach .process-modes[data-active-mode="product"]::before { transform: translateX(100%); }
#approach .process-modes button { position: relative; z-index: 1; min-width: 0; min-height: 48px; padding: 12px 20px; border: 1px solid transparent; border-radius: var(--r-sm); background: transparent; color: var(--mist); font-size: 14px; font-weight: 600; line-height: 1.4; text-wrap: balance; cursor: pointer; transition: color .2s var(--ease); }
#approach .process-modes button:hover { color: var(--paper); }
#approach .process-modes button[aria-selected="true"] { color: var(--paper); }
#approach .process-modes button:focus-visible { outline: 2px solid var(--paper); outline-offset: 2px; }
#approach .process-panel { grid-column: 7 / span 6; min-width: 0; }
#approach .process-slot { display: grid; min-width: 0; }
#approach .process-copy { grid-area: 1 / 1; align-self: start; min-width: 0; visibility: hidden; }
#approach .process-copy.is-active { visibility: visible; }
@media (max-width: 1040px) {
  #approach .process-panel { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  #approach .process-modes button { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #approach .process-modes button, #approach .process-modes::before { transition: none; }
}
