@import url('./tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:Inter,'Open Sans',Arial,sans-serif;font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue-signal);outline-offset:5px}button:disabled{cursor:default;opacity:.45}header,main,footer{max-width:1440px;margin:auto;padding-inline:var(--s8)}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--blue-field)}.brand{display:flex;align-items:center;gap:24px}.monogram{font-size:32px;letter-spacing:-2px}.brand small,.eyebrow,.index,.scene-kicker,.meta{font:12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.brand small{letter-spacing:.06em}.nav{display:flex;gap:32px;font-size:14px}.nav a[aria-current]{border-bottom:2px solid var(--blue-signal)}.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}.eyebrow{color:var(--text-secondary);margin:0 0 24px}.eyebrow span,.index{color:var(--blue-signal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.5vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin-bottom:24px}h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.03em}h3{font-size:22px;font-weight:500}p{color:var(--text-secondary)}.hero-copy{max-width:460px;padding-bottom:4px}.hero-copy p{font-size:20px;line-height:1.6}.text-link{font-size:14px;display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--blue-structure);padding-bottom:8px}.text-link span{color:var(--blue-signal)}.section-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--blue-structure);padding-top:16px;margin-bottom:24px}.section-line h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0}.section-line small{font:12px ui-monospace,monospace;color:var(--text-secondary)}.home-scene{margin-bottom:64px}.scene{border-block:1px solid var(--blue-field);position:relative;background:var(--canvas)}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:16px}.scene-kicker{color:var(--text-secondary)}.scene-top strong{font-weight:500;font-size:14px}.scene-actions{display:flex;gap:8px;flex-wrap:wrap}button{min-height:44px;border:1px solid var(--blue-field);background:white;color:var(--text-primary);padding:8px 16px;border-radius:var(--radius);font-size:14px}button:hover{border-color:var(--blue-structure)}.primary{background:var(--blue-signal);border-color:var(--blue-signal);color:white}.scene-field{border:1px solid var(--blue-field);background:var(--blue-field);padding:32px;position:relative}.field-label{font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:32px;display:flex;justify-content:space-between}.diagram{display:flex;align-items:center;gap:0;min-height:152px}.node{min-width:0;flex:1;min-height:var(--node-large);background:white;border:1px solid var(--blue-structure);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 16px;gap:12px;position:relative;transition:background var(--focus),border-color var(--focus),transform var(--focus);text-align:left}.node svg{width:28px;height:28px;color:var(--blue-structure);fill:none;stroke:currentColor;stroke-width:1.5}.node .label{font-size:14px;font-weight:500}.node small{font-size:12px;line-height:1.5;color:var(--text-secondary)}.node[data-active=true]{border:2px solid var(--blue-signal);padding:19px 15px;transform:translateY(-8px)}.node[data-active=true] svg{color:var(--blue-signal)}.node[data-active=true]:after{content:'';position:absolute;height:4px;background:var(--blue-signal);bottom:0;left:0;right:0}.flow{flex:0 0 40px;height:1.5px;background:var(--blue-structure);position:relative}.flow:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1.5px solid var(--blue-structure);border-right:1.5px solid var(--blue-structure);transform:rotate(45deg)}.flow[data-active=true]{background:var(--blue-signal);height:2px}.flow[data-active=true]:before{content:'';position:absolute;width:6px;height:6px;top:-2px;background:var(--blue-signal);animation:travel var(--transform) var(--ease) 1}.scene-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:24px 0}.scene-explanation h3{margin-bottom:8px}.scene-explanation p{font-size:16px;margin:0;max-width:620px}.scene-readout{border-left:1px solid var(--blue-field);padding-left:32px}.readout-label{font:12px ui-monospace,monospace;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.readout-value{display:block;font-size:24px;margin:8px 0}.event-log{font:12px/1.8 ui-monospace,monospace;color:var(--text-secondary);overflow-wrap:anywhere;max-height:88px;overflow:auto}.steps{display:flex;gap:0;border-top:1px solid var(--blue-field);padding:16px 0}.steps button{flex:1;border:0;border-radius:0;text-align:left;color:var(--text-secondary);border-bottom:2px solid transparent}.steps button[aria-pressed=true]{color:var(--text-primary);border-bottom-color:var(--blue-signal)}.steps button span{display:block;font:11px ui-monospace,monospace;color:var(--text-tertiary);margin-bottom:6px}.transport{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--blue-field);gap:16px}.transport small{font-size:12px;color:var(--text-secondary)}.pattern-row{display:grid;grid-template-columns:64px 1fr 1fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--blue-field);align-items:center}.pattern-row h3{margin:8px 0}.pattern-row p{font-size:16px;max-width:440px}.pattern-row .index{align-self:start}.mini .scene-top,.mini .scene-bottom,.mini .steps,.mini .transport{display:none}.mini .scene-field{padding:24px}.mini .field-label{display:none}.mini .diagram{min-height:96px}.mini .node{padding:12px 8px;min-height:96px;pointer-events:none}.mini .node small{display:none}.mini .node svg{width:20px;height:20px}.mini .node .label{font-size:12px}.mini .flow{flex-basis:16px}.mini .node[data-active=true]{padding:11px 7px;transform:none}.mini{display:block}.manifesto{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin:80px 0}.manifesto p{font-size:30px;line-height:1.4;letter-spacing:-.025em;color:var(--text-primary);max-width:760px}.detail-head{padding:48px 0 32px;max-width:1000px}.detail-head h1{font-size:56px}.detail-head .subtitle{font-size:24px;color:var(--text-primary);margin-bottom:12px}.detail-head p{max-width:760px;font-size:16px}.back{font-size:14px;display:inline-block;margin-bottom:32px;color:var(--text-secondary)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:48px 80px;margin:64px 0}.editorial section{border-top:1px solid var(--blue-field);padding-top:24px}.editorial p{font-size:16px;max-width:540px}.source{font-size:12px;margin-bottom:48px}.source a{text-decoration:underline}footer{padding-block:24px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--blue-field);font-size:12px;color:var(--text-secondary);margin-top:48px}.scene[data-shell=preview] .steps,.scene[data-shell=preview] .transport,.scene[data-shell=preview] .scene-actions{display:none}.scene.is-presenting{position:fixed;inset:0;z-index:10;overflow:auto;padding:32px 64px;display:flex;flex-direction:column}.scene.is-presenting .scene-field{flex:1;display:flex;flex-direction:column;justify-content:center}.scene.is-presenting .node{min-height:180px}.scene.is-presenting .scene-top{padding-top:0}body.presenting{overflow:hidden}.js-only{display:none}.js-ready .js-only{display:flex}noscript p{font-size:14px;padding:16px;border:1px solid var(--blue-field)}@keyframes travel{from{left:0}to{left:90%}}@media(min-width:1600px){main{padding-top:16px}}@media(max-width:1000px){header,main,footer{padding-inline:32px}.hero{gap:32px}.diagram{gap:0}.flow{flex-basis:24px}.scene-field{padding:24px}.node{padding:16px 10px}.node[data-active=true]{padding:15px 9px}.pattern-row{grid-template-columns:40px 1fr}.pattern-row .mini{grid-column:2}.scene.is-presenting{padding:24px 32px}}@media(max-width:680px){header,main,footer{padding-inline:24px}header{height:80px}.brand small{display:none}.hero{grid-template-columns:1fr;padding:48px 0 32px;gap:16px}h1{font-size:48px}.hero-copy p{font-size:18px}.nav{gap:24px}.scene-top{align-items:flex-start;flex-direction:column}.scene-field{padding:24px}.diagram{flex-direction:column;align-items:stretch}.node,.node[data-active=true]{min-height:72px;padding:12px 16px;display:grid;grid-template-columns:28px 1fr;gap:4px 16px;transform:none}.node small{grid-column:2}.node svg{grid-row:1/3}.flow{flex:0 0 24px;width:1.5px;height:24px;margin-left:30px}.flow:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.flow[data-active=true]{height:24px;width:2px}.flow[data-active=true]:before{animation:none;top:10px;left:-2px}.field-label{margin-bottom:24px}.scene-bottom{grid-template-columns:1fr;gap:24px}.scene-readout{border-left:0;border-top:1px solid var(--blue-field);padding:16px 0 0}.steps{flex-wrap:wrap}.steps button{flex:1 1 30%;font-size:12px}.transport{flex-wrap:wrap}.pattern-row{gap:16px}.pattern-row .mini{display:none}.manifesto{grid-template-columns:1fr;gap:16px;margin:48px 0}.manifesto p{font-size:24px}.detail-head h1{font-size:40px}.editorial{grid-template-columns:1fr;gap:24px;margin-top:40px}.scene.is-presenting{padding:16px 24px}.scene.is-presenting .node{min-height:72px}.scene.is-presenting .scene-field{flex:none}.scene.is-presenting .scene-bottom{gap:12px}footer{flex-direction:column}.section-line small{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.manifesto .eyebrow{font:12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--text-secondary)}.scene .primary{background:var(--canvas);border-color:var(--blue-structure);color:var(--text-primary)}