.process-story{--process-paper:hsl(var(--background));position:relative;border:1px solid var(--motion-border);border-radius:16px;background:var(--process-paper);color:var(--motion-text);overflow:hidden;display:flex;flex-direction:column}.process-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;padding:12px 28px;border-bottom:1px solid rgb(var(--motion-ink)/.1)}.process-toolbar>p{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--motion-muted)}.process-live-dot{width:5px;height:5px;border-radius:50%;background:var(--motion-accent)}.process-controls{display:flex;align-items:center;gap:6px}.process-controls button{min-height:36px}.process-static-label{font-size:10px;color:var(--motion-muted)}.process-caption{display:flex;gap:24px;min-height:154px;padding:30px 32px 18px}.process-chapter-number{flex:0 0 50px;font-size:48px;font-weight:200;line-height:1;letter-spacing:-.05em;color:var(--motion-accent)}.process-caption h3{font-size:clamp(20px,2.2vw,27px);font-weight:300;line-height:1.25;letter-spacing:-.02em}.process-caption p{max-width:760px;margin-top:10px;color:var(--motion-muted);font-size:14px;line-height:1.65;font-weight:300}.process-caption-copy{animation:process-caption-in .45s ease both}@keyframes process-caption-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.process-map{position:relative;height:540px;margin:0 24px 12px}.process-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.process-desktop{display:contents}.process-mobile{display:none}.process-direction,.process-path{stroke:var(--motion-border);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .6s}.process-path-review{stroke-dasharray:4 5}.process-station{position:absolute;transition:opacity .65s}.process-station[data-active=false]{opacity:.68}.process-eyebrow{display:flex;align-items:center;gap:6px;color:var(--motion-accent);font-size:10px;text-transform:uppercase;letter-spacing:.13em;line-height:1.5}.process-station-title{margin-top:8px;font-size:15px;font-weight:400;line-height:1.4}.process-source{left:0;top:25%;width:27%}.process-correction{position:relative;margin-top:16px;padding:18px;border:1px solid var(--motion-border);border-radius:10px;background:var(--process-paper);transition:border-color .6s}.process-correction:before{content:"";position:absolute;top:17px;bottom:17px;left:-1px;width:2px;background:var(--motion-accent)}.process-card-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--motion-muted)}.process-correction p{margin-top:8px;font-size:13px;font-weight:300;line-height:1.7}.process-sensitive{white-space:nowrap;transition:color .4s,background .4s}.process-sensitive[data-sanitised=true]{padding:1px 3px;color:var(--motion-accent);background:rgb(var(--motion-accent-rgb)/.1);font-family:monospace;font-size:12px}.process-source-note{margin-top:12px;font-size:10px;color:var(--motion-muted)}.process-sanitiser{position:absolute;left:27%;top:41.5%;width:9%;text-align:center;color:var(--motion-muted)}.process-sanitiser-mark{display:inline-flex;justify-content:center;align-items:center;width:26px;height:45px;background:var(--process-paper);border-inline:1px solid var(--motion-border);color:var(--motion-muted)}.process-sanitiser[data-active=true] .process-sanitiser-mark{color:var(--motion-accent);border-color:var(--motion-line)}.process-sanitiser p{margin-top:9px;font-size:9px;white-space:nowrap}.process-sanitiser>span:last-child{display:block;margin-top:3px;font-size:9px}.process-compiler{left:37%;top:5%;width:26%;padding:14px 18px;border-top:1px solid var(--motion-line)}.process-compiler-actions{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;color:var(--motion-muted)}.process-graph{position:absolute;left:36%;top:33%;width:28%;height:32%;border:1px solid var(--motion-border);border-radius:50%;background:var(--process-paper);transition:border-color .8s}.process-graph[data-active=true]{border-color:var(--motion-line)}.process-graph-title{position:absolute;inset:17px 0 auto;text-align:center}.process-graph-title>span{font-size:23px;font-weight:300;letter-spacing:.16em}.process-graph-title>p{margin-top:2px;font-size:10px;color:var(--motion-muted);letter-spacing:.04em}.process-graph-network{position:absolute;width:83%;height:64%;bottom:3%;left:8.5%}.process-graph-existing path{stroke:var(--motion-border);stroke-width:.75}.process-graph-existing circle{stroke:var(--motion-muted);fill:var(--process-paper)}.process-graph-added{opacity:0;transition:opacity .7s}.process-graph-added[data-visible=true]{opacity:1}.process-graph-added path{stroke:var(--motion-accent);stroke-width:.8}.process-graph-added circle{fill:var(--motion-accent)}.process-graph-added .process-rule-halo{fill:rgb(var(--motion-accent-rgb)/.08);stroke:rgb(var(--motion-accent-rgb)/.25)}.process-graph-label{position:absolute;font-size:9px;color:var(--motion-muted);background:var(--process-paper);padding:0 3px}.process-graph-source{left:5%;top:72%}.process-graph-constraint{left:39%;top:44%}.process-graph-skill{right:9%;top:63%}.process-graph-rule{left:41%;top:76%;color:var(--motion-accent);opacity:0;transition:opacity .7s}.process-graph-rule[data-visible=true]{opacity:1}.process-graph-foot{position:absolute;top:calc(100% + 9px);left:-20%;right:-20%;font-size:10px;text-align:center;color:var(--motion-muted);background:var(--process-paper)}.process-review{left:74.5%;top:6%;width:24.5%;padding:13px 0 13px 16px;border-left:1px dashed var(--motion-border)}.process-review>p:nth-of-type(3){margin-top:9px;font-size:12px;font-weight:300;line-height:1.6;color:var(--motion-muted)}.process-conditional{display:inline-block;margin-top:12px;padding:3px 7px;border:1px dashed var(--motion-border);border-radius:4px;font-size:9px;color:var(--motion-muted)}.process-publish{left:36%;top:72%;width:28%}.process-publish-gate{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;color:var(--motion-muted)}.process-skill{position:relative;z-index:1;margin-top:12px;padding:13px 16px;transition:border-color .65s,transform .65s}.process-skill,.process-skill:after{border:1px solid var(--motion-border);border-radius:8px;background:var(--process-paper)}.process-skill:after{content:"";position:absolute;z-index:-1;inset:4px -5px -5px 5px}.process-skill[data-visible=true]{border-color:var(--motion-line)}.process-skill-heading{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--motion-muted)}.process-skill p{margin-top:10px;padding-left:8px;border-left:1px solid var(--motion-line);color:var(--motion-accent);font-size:12px;font-weight:300;line-height:1.6}.process-file-support{display:block;margin-top:10px;font-size:9px;color:var(--motion-muted)}.process-file-pending{margin-top:10px;min-height:49px}.process-file-pending>span{display:block;width:90%;height:2px;margin:6px 0;background:var(--motion-border)}.process-file-pending>span:nth-child(2){width:70%}.process-file-pending>span:nth-child(3){width:45%}.process-file-pending>p{margin-top:8px;padding:0;border:0;color:var(--motion-muted);font-size:9px}.process-distribute{position:absolute;left:64%;top:71%;width:10.5%;text-align:center;color:var(--motion-muted);opacity:.48;transition:opacity .6s}.process-distribute[data-active=true]{opacity:1}.process-distribute>span{display:block;font-size:9px;white-space:nowrap}.process-distribute>svg{margin:28px auto 12px;color:var(--motion-accent);background:var(--process-paper)}.process-distribute>p{margin:0 auto;max-width:85px;font-size:9px;line-height:1.7}.process-consume{left:74.5%;top:65%;width:24.5%;padding-left:14px}.process-agents{display:flex;gap:14px;margin-top:16px}.process-agent{display:flex;align-items:center;gap:4px;color:var(--motion-muted)}.process-agent>svg:first-child{color:var(--motion-accent);opacity:0;transform:translateX(-6px);transition:opacity .6s,transform .6s;transition-delay:calc(var(--agent-index) * .18s)}.process-consume[data-active=true] .process-agent>svg:first-child{opacity:1;transform:translateX(0)}.process-consume>.process-station-title{margin-top:17px}.process-consume>p:nth-last-child(2){margin-top:8px;font-size:12px;line-height:1.6;color:var(--motion-muted)}.process-native-note{display:block;margin-top:14px;font-size:10px;color:var(--motion-accent)}.process-packet{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;width:28px;height:32px;border:1px solid var(--motion-line);border-radius:5px;background:var(--process-paper);color:var(--motion-accent);opacity:0;pointer-events:none}.process-contribution-packet{left:26%;top:43%}.process-read-packet{left:calc(45.5% - 14px);top:31%}.process-rule-packet{left:calc(53.5% - 14px);top:20%}.process-file-packet{left:63%;top:80%}.process-story[data-beat="2"] .process-contribution-packet{animation:process-ingest 2.2s ease-in-out both}.process-story[data-beat="3"] .process-read-packet{animation:process-read 2.2s ease-in-out both}.process-story[data-beat="5"] .process-rule-packet{animation:process-write 2.2s ease-in-out both}.process-story[data-beat="8"] .process-file-packet{animation:process-deliver 2.7s ease-in-out both}.process-story[data-beat="1"] .process-correction{border-color:var(--motion-line)}.process-story[data-beat="10"] .process-path,.process-story[data-beat="2"] .process-path-ingest,.process-story[data-beat="3"] .process-path-read,.process-story[data-beat="4"] .process-path-review,.process-story[data-beat="5"] .process-path-write,.process-story[data-beat="6"] .process-path-publish,.process-story[data-beat="7"] .process-path-publish,.process-story[data-beat="8"] .process-path-deliver,.process-story[data-full=true] .process-path{stroke:var(--motion-accent)}.process-story[data-playing=false] .process-packet{animation-play-state:paused!important}@keyframes process-ingest{0%{opacity:0;transform:translateX(-12px)}15%{opacity:1}80%{opacity:1}to{opacity:0;left:41%;transform:translateX(0) scale(.6)}}@keyframes process-read{0%{opacity:0}15%,80%{opacity:1}to{opacity:0;top:15%}}@keyframes process-write{0%{opacity:0}15%,80%{opacity:1}to{opacity:0;top:43%;transform:scale(.65)}}@keyframes process-deliver{0%{opacity:0;transform:rotate(-6deg)}15%,75%{opacity:1}to{opacity:0;left:83%;transform:rotate(0) scale(.8)}}.process-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:28px 28px 24px}.process-chapter{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding-top:12px;text-align:left;font-size:12px;color:var(--motion-muted)}.process-chapter-track{position:absolute;top:0;left:0;right:0;height:1px;background:var(--motion-border)}.process-chapter-track[data-complete=true],.process-chapter[aria-current=step] .process-chapter-track{background:var(--motion-accent)}.process-chapter[aria-current=step]{color:var(--motion-accent)}.process-chapter[aria-current=step]:after{position:absolute;content:"";top:-2px;left:0;height:5px;width:5px;background:var(--motion-accent);border-radius:50%}.process-chapter:not(:disabled):hover{color:var(--motion-text)}.process-chapter:focus-visible{outline:2px solid var(--motion-accent);outline-offset:3px;border-radius:4px}.process-chapter-index{font-size:10px;opacity:.7}.process-chapter-arrow{margin-left:auto;opacity:.5}.process-chapter:disabled{cursor:default}.process-route-note{display:flex;align-items:baseline;gap:9px;padding:16px 28px;border-top:1px solid rgb(var(--motion-ink)/.1);color:var(--motion-muted)}.process-route-note>svg{flex-shrink:0}.process-route-note p{font-size:11px;line-height:1.7}.process-route-note a{color:var(--motion-accent);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media (min-width:681px) and (max-width:1000px){.process-map{margin-inline:16px;height:570px}.process-correction{padding:12px}.process-station-title{font-size:13px}.process-correction p{font-size:12px}.process-compiler{padding-inline:8px}.process-compiler-actions{font-size:8px}.process-skill{padding:10px}.process-publish-gate,.process-skill-heading{font-size:8px}.process-agents{gap:7px}.process-agent{gap:1px}.process-agent>svg{width:17px}.process-chapters{gap:10px}.process-chapter{font-size:11px;gap:5px}.process-chapter-arrow{display:none}}@media (max-width:680px){.process-story{scroll-margin-block:88px 24px}.process-desktop{display:none}.process-mobile{display:grid;grid-template-rows:52px minmax(0,1fr) auto;height:min(540px,calc(100svh - 114px))}.process-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;border-bottom:1px solid rgb(var(--motion-ink)/.1)}.process-mobile-summary-button{min-height:44px;font-size:12px;color:var(--motion-muted);text-align:left}.process-mobile-summary-button[aria-pressed=true]{color:var(--motion-accent)}.process-mobile-playback{display:flex;align-items:center;gap:6px}.process-mobile-playback>span{font-size:11px;color:var(--motion-muted)}.process-mobile .story-control{justify-content:center;min-width:44px;height:44px;padding:0}.process-mobile button:disabled{opacity:.45;cursor:default}.process-mobile button:focus-visible,.process-mobile select:focus-visible{outline:2px solid var(--motion-accent);outline-offset:2px}.process-mobile-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:18px 16px 12px;gap:14px}.process-mobile-caption h3{font-size:21px;font-weight:300;line-height:1.25;letter-spacing:-.02em}.process-mobile-caption>p{margin-top:8px;font-size:13px;font-weight:300;line-height:1.5;color:var(--motion-muted)}.process-mobile-scene{display:flex;flex-direction:column;justify-content:center;min-height:0;gap:14px}.process-mobile-route{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--motion-muted)}.process-mobile-route>svg{color:var(--motion-accent);flex-shrink:0}.process-mobile-map{width:100%;max-width:340px;margin-inline:auto}.process-mobile-map svg{flex-shrink:0;color:var(--motion-accent)}.process-mobile-map-inputs,.process-mobile-map-output{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.process-mobile-map-inputs>span,.process-mobile-map-output>span{padding:6px 7px;border:1px solid var(--motion-border);border-radius:5px}.process-mobile-map-down{display:block;margin:8px 0 8px 22%}.process-mobile-map-ingest{display:block;width:100%;height:22px;stroke:var(--motion-accent);stroke-width:1}.process-mobile-map-centre{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.process-mobile-map-graph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:90px;border:1px solid var(--motion-line);border-radius:50%;font-size:17px;font-weight:300}.process-mobile-map-graph small{font-size:11px;color:var(--motion-muted)}.process-mobile-map-branches{display:grid;gap:12px}.process-mobile-map-branches p{display:flex;align-items:center;gap:7px;font-size:12px}.process-mobile-map-review>span{padding:5px 7px;border:1px dashed var(--motion-border);border-radius:5px}.process-mobile-map-review small{display:block;margin-top:3px;font-size:10px;color:var(--motion-muted)}.process-mobile-artefact{padding:16px;border:1px solid var(--motion-line);border-radius:10px;background:var(--process-paper);animation:process-mobile-arrive .65s ease-out both}.process-mobile-artefact-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--motion-muted)}.process-mobile-artefact-label>svg{flex-shrink:0;color:var(--motion-accent)}.process-mobile-rule{margin-top:12px;font-size:14px;font-weight:300;line-height:1.65}.process-mobile-token{overflow-wrap:anywhere}.process-mobile-token[data-sanitised=true]{color:var(--motion-accent);background:rgb(var(--motion-accent-rgb)/.08);font-family:monospace;font-size:12px}.process-mobile-annotation{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:11px;color:var(--motion-accent)}.process-mobile-review{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:13px;line-height:1.5}.process-mobile-review>svg{color:var(--motion-accent)}.process-mobile-review>span:last-child{border:1px dashed var(--motion-border);border-radius:6px;padding:8px 10px}.process-mobile-review small{color:var(--motion-muted);font-size:11px}.process-mobile-gates{display:grid;gap:10px;margin-top:14px;font-size:13px}.process-mobile-gates p{display:flex;align-items:center;gap:8px}.process-mobile-gates svg{color:var(--motion-accent)}.process-mobile-gates>span{color:var(--motion-muted);font-size:11px}.process-mobile-footer{border-top:1px solid rgb(var(--motion-ink)/.1);padding:8px 12px}.process-mobile-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}.process-mobile-navigation select{min-width:0;height:44px;padding:0 10px;border:1px solid var(--motion-border);border-radius:999px;background:var(--process-paper);color:var(--motion-accent);font-size:13px}.process-mobile-route-note{margin-top:8px;color:var(--motion-muted);font-size:11px;line-height:1.5}.process-mobile-route-note a{color:var(--motion-accent);text-decoration:underline;text-underline-offset:3px}.process-mobile-summary{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));padding:12px 16px}.process-mobile-summary li{display:flex;align-items:center;gap:12px}.process-mobile-summary li+li{border-top:1px solid rgb(var(--motion-ink)/.1)}.process-mobile-summary li>span{font-size:13px;color:var(--motion-accent)}.process-mobile-summary h3{font-size:14px;font-weight:400}.process-mobile-summary p{margin-top:3px;font-size:12px;color:var(--motion-muted);line-height:1.4}@keyframes process-mobile-arrive{0%{transform:translateX(-10px)}to{transform:translateX(0)}}}@media (max-width:680px) and (max-height:650px){.process-mobile-main{padding:12px;gap:10px}.process-mobile-caption h3{font-size:19px}.process-mobile-caption>p{margin-top:6px;font-size:12px}.process-mobile-scene{gap:10px}.process-mobile-artefact{padding:12px}.process-mobile-rule{margin-top:9px;font-size:13px;line-height:1.5}.process-mobile-annotation{margin-top:8px}.process-mobile-map-down{margin-block:5px}.process-mobile-map-graph{min-height:82px}.process-mobile-map-inputs,.process-mobile-map-output{gap:6px;font-size:11px}}@media (max-width:680px) and (max-height:450px){.process-mobile{height:calc(100svh - 98px);grid-template-rows:44px minmax(0,1fr) 62px}.process-mobile-main{grid-template-columns:1fr 1.2fr;grid-template-rows:minmax(0,1fr);align-items:center;gap:20px}.process-mobile-caption h3{font-size:18px}.process-mobile-review{display:grid;grid-template-columns:1fr 16px 1fr;gap:8px;margin-top:10px;font-size:12px}.process-mobile-route-note{display:none}.process-mobile-summary{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:4px 16px;padding-block:4px}.process-mobile-summary h3{font-size:12px}.process-mobile-summary p{font-size:11px}.process-mobile-summary li>span{display:none}.process-mobile-map-graph{min-height:67px}.process-mobile-map-graph>svg{display:none}.process-mobile-map-down{margin-block:1px;height:12px}.process-mobile-map-ingest{height:15px}.process-mobile-map-inputs>span,.process-mobile-map-output>span{padding-block:3px}.process-mobile-map-branches{gap:5px}}@media (prefers-reduced-motion:reduce){.process-story *,.process-story :after{animation:none!important;transition:none!important}.process-packet{display:none}}