/* process.css */
.process-pin { padding: 0; overflow: hidden; }
.process-inner { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(4rem, 8vw, 7rem); }
.process-head { display: flex; align-items: center; gap: 1.2rem; margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.process-progress { flex: 1; height: 3px; background: var(--line-on-dark); border-radius: 3px; overflow: hidden; }
.process-progress i { display: block; height: 100%; width: 20%; background: var(--peach); border-radius: 3px; }
.process-counter { font-family: var(--font-display); font-weight: 600; font-size: 1rem; color: color-mix(in srgb, var(--paper) 70%, transparent); }
.process-counter b { color: var(--peach); font-size: 1.3rem; }
.process-track { display: flex; flex-direction: column; gap: clamp(3rem, 7vw, 5rem); }
.process-step { flex: none; width: auto; padding-inline: var(--gutter); max-width: var(--container); margin-inline: auto; }
.process-step .process-note { color: color-mix(in srgb, var(--paper) 66%, transparent); max-width: 52ch; padding-top: 1.2rem; border-top: 1px solid var(--line-on-dark); }
/* Enhanced: horizontal scrub */
.proc-h .process-track { flex-direction: row; gap: 0; }
.proc-h .process-step { width: 100vw; max-width: none; margin: 0; display: flex; flex-direction: column; justify-content: center; }

/* Scrub video */
.scrub-section { position: relative; height: 100svh; overflow: hidden; }
.scrub-media { position: absolute; inset: 0; }
.scrub-media .video-frame { width: 100%; height: 100%; border-radius: 0; }
.scrub-media .video-frame::after { box-shadow: none; }
.scrub-media video { width: 100%; height: 100%; object-fit: cover; }
.scrub-section::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 30%, transparent), color-mix(in srgb, var(--ink) 80%, transparent)); }
.scrub-caption { position: absolute; left: 0; right: 0; bottom: clamp(2.5rem, 7vw, 5rem); z-index: 2; color: var(--paper); }
.scrub-caption .eyebrow { color: var(--peach); }
.scrub-caption .lead { color: color-mix(in srgb, var(--paper) 82%, transparent); }