[data-cine-root]{--cine-rule:color-mix(in oklab, var(--color-border) 78%, white 22%);--cine-nav:58px}.cine-mark,.cine-opening-foot{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:.85rem;font-size:12px;line-height:1;display:flex}.cine-mark{margin-bottom:clamp(2rem,5vh,3.25rem)}.cine-mark span:first-child,.cine-opening-foot span:first-child{color:var(--color-ink)}.cine-mark:after,.cine-opening-foot i{content:"";border-top:1px dotted var(--cine-rule);flex:1}.section-band.cine-chapter{border-bottom:0;padding:5.5rem 0}@media (min-width:1024px){.section-band.cine-chapter{padding:clamp(8rem,17vh,13rem) 0}}.cine-opening{isolation:isolate;min-height:calc(100svh - var(--cine-nav));align-content:center;gap:clamp(2.5rem,7vh,4.5rem);padding:clamp(2.5rem,7vh,5rem) 0 clamp(1.5rem,4vh,2.5rem);display:grid;position:relative}.cine-bleed{z-index:-1;border-bottom:1px dotted var(--cine-rule);background:radial-gradient(52rem 30rem at 70% 44%, var(--color-surface-2) 0%, transparent 68%), var(--color-bg);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cine-opening-grid{align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.cine-opening-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:3.5rem}}.cine-object{--cine-step:10px;padding:calc(var(--cine-step) * 3) calc(var(--cine-step) * 3) 0 0;position:relative}@media (min-width:640px){.cine-object{--cine-step:24px}}.cine-sheet{inset:calc(var(--cine-step) * 3) calc(var(--cine-step) * 3) 0 0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.9rem;position:absolute}.cine-sheet-1{translate:var(--cine-step) calc(var(--cine-step) * -1);border-color:var(--cine-rule);background:#0c0f19}.cine-sheet-2{translate:calc(var(--cine-step) * 2) calc(var(--cine-step) * -2);background:#0a0c14}.cine-sheet-3{translate:calc(var(--cine-step) * 3) calc(var(--cine-step) * -3);background:#080a11}.cine-sheet span{height:var(--cine-step);font-family:var(--font-mono);color:var(--color-muted);align-items:center;font-size:11px;display:none;position:absolute;top:0;right:.9rem}@media (min-width:640px){.cine-sheet span{display:flex}}.cine-object .terminal{border-color:color-mix(in oklab, var(--color-border) 55%, white 20%);background:#06080d;position:relative;box-shadow:inset 0 1px #ffffff0f}.cine-object .terminal-body{padding:1rem 1rem 1.2rem;font-size:.7rem}@media (min-width:640px){.cine-object .terminal-body{padding:1.3rem 1.4rem 1.6rem;font-size:.77rem}}.cine-spine{gap:2.5rem;display:grid}.cine-spine-head h2,.cine-step h3,.cine-route h3{text-wrap:balance}.cine-spine-head h2{max-width:22ch;margin-top:.75rem;font-size:clamp(1.8rem,2.7vw,2.35rem)}.cine-rail{font-family:var(--font-mono);color:var(--color-muted);gap:1.35rem;margin:2.75rem 0 0;padding:0 0 0 1.9rem;font-size:12px;list-style:none;display:none;position:relative}.cine-rail:before{content:"";border-left:1px dotted var(--cine-rule);position:absolute;top:.35rem;bottom:.35rem;left:5px}.cine-rail-progress{background:var(--color-accent);width:1px;display:none;position:absolute;top:.35rem;bottom:.35rem;left:5px}.cine-rail-node{gap:.75rem;line-height:1;display:flex;position:relative}.cine-rail-node:before{content:"";border:1px solid var(--cine-rule);background:var(--color-bg);border-radius:2px;width:9px;height:9px;position:absolute;top:50%;left:calc(1px - 1.9rem);translate:0 -50%}.cine-rail-node span{color:var(--color-muted)}.cine-rail-node.is-done:before{border-color:var(--color-accent)}.cine-rail-node.is-active{color:var(--color-ink)}.cine-rail-node.is-active:before{border-color:var(--color-accent);background:var(--color-accent)}.cine-steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cine-step{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1.1rem;padding:1.1rem;display:grid}.cine-plate{color:#c9cedd;width:100%;height:auto;display:block}.cine-step-count{font-family:var(--font-mono);color:var(--color-muted);font-size:12px}.cine-step h3{font-family:var(--font-display), var(--font-geist-sans), sans-serif;letter-spacing:-.015em;margin-top:.5rem;font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:700;line-height:1.1}.cine-step p{max-width:34ch;color:var(--color-muted);margin-top:.5rem;line-height:1.6}.cine-artifact{border:1px solid var(--color-border);font-family:var(--font-mono);background:#07090f;border-radius:.6rem;margin-top:1.1rem;font-size:12px;line-height:1.6}.cine-artifact-path{border-bottom:1px dotted var(--cine-rule);color:var(--color-accent);overflow-wrap:anywhere;padding:.55rem .8rem}.cine-artifact dl{gap:.6rem 1.25rem;margin:0;padding:.7rem .8rem .8rem;display:grid}.cine-artifact dl>div{gap:.1rem;display:grid}.cine-artifact dt{color:var(--color-muted)}.cine-artifact dd{color:var(--color-ink);overflow-wrap:anywhere;margin:0}@media (min-width:640px){.cine-step{grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;padding:1.5rem}.cine-artifact dl{grid-template-columns:max-content minmax(0,1fr)}.cine-artifact dl>div{display:contents}}@media (min-width:1024px){.cine-spine{grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);align-items:start;gap:4rem}.cine-rail{display:grid}.cine-step{grid-template-columns:11rem minmax(0,1fr)}.cine-spine-head{position:sticky;top:2.5rem}}[data-pinned] .cine-pin{min-height:calc(100svh - var(--cine-pin-top,0px));align-content:center;padding:1.5rem 0;display:grid}[data-pinned] .cine-spine{align-items:center}[data-pinned] .cine-spine-head{position:static}[data-pinned] .cine-rail-progress{display:block}[data-pinned] .cine-steps{gap:0}[data-pinned] .cine-step{grid-area:1/1;grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:center;gap:2.25rem;padding:1.75rem}@media (min-width:1280px){[data-pinned] .cine-step{grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:2.75rem;padding:2rem}}.cine-deck{gap:1rem;margin-top:2rem;display:grid}.cine-route{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;align-content:start;gap:1.1rem;padding:1.6rem;display:grid}.cine-route-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cine-route-count,.cine-route-source{font-family:var(--font-mono);color:var(--color-muted);font-size:12px}.cine-route h3{font-family:var(--font-display), var(--font-geist-sans), sans-serif;letter-spacing:-.01em;margin-top:.7rem;font-size:1.45rem;font-weight:700;line-height:1.15}.cine-route-main p{color:var(--color-muted);margin-top:.7rem;font-size:.9rem;line-height:1.65}.cine-route-fields{border-top:1px dotted var(--cine-rule);font-family:var(--font-mono);gap:.75rem;margin:0;padding-top:1rem;font-size:.72rem;line-height:1.7;display:grid}.cine-route-fields dt{color:var(--color-ink);font-weight:600}.cine-route-fields dd{color:var(--color-muted);margin:0}.cine-route-fields .is-boundary{border:1px solid color-mix(in oklab, var(--color-gold) 34%, var(--color-border));background:color-mix(in oklab, var(--color-gold) 6%, var(--color-surface));border-radius:.6rem;padding:.7rem .8rem}.cine-route-fields .is-boundary dt{color:var(--color-gold)}.cine-route-fields .is-boundary dd{color:var(--color-ink)}.cine-route-source{border-top:1px dotted var(--cine-rule);padding-top:.8rem}@media (min-width:1024px){.cine-deck{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-pinned] .cine-deck{grid-template-columns:minmax(0,1fr);gap:0;margin-top:3.25rem}[data-pinned] .cine-route{grid-area:1/1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-content:center;column-gap:3rem;min-height:min(27rem,52vh);padding:2.25rem 2.5rem}[data-pinned] .cine-route h3{font-size:clamp(1.7rem,2.4vw,2.2rem)}[data-pinned] .cine-route-main p{font-size:1rem}[data-pinned] .cine-route-fields{border-top:0;padding-top:0;font-size:.78rem}[data-pinned] .cine-route-source{grid-column:1/-1}.cine-board{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;overflow:hidden}.cine-board thead tr{border-bottom:1px solid var(--color-border)}.cine-board tbody tr+tr{border-top:1px dotted var(--cine-rule)}.cine-rate{padding-bottom:.3rem;display:inline-block;position:relative}.cine-rate i{background:var(--color-accent);height:1px;position:absolute;bottom:0;left:0;right:0}.cine-verified{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;font-size:12px}.cine-verified time{color:var(--color-ink);display:block}.cine-verified a{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;align-items:center;margin:-.6rem 0;display:inline-flex}.cine-verified a:hover{color:var(--color-ink);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.cine-inspector{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;overflow:hidden}.cine-inspector-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:.75rem 1.25rem;font-size:12px;display:flex}.cine-inspector-bar span:first-child{color:var(--color-ink)}.cine-rows{margin:0;padding:0;list-style:none}.cine-row{gap:.35rem 1.25rem;padding:1.1rem 1.25rem;display:grid;position:relative}.cine-row+.cine-row{border-top:1px dotted var(--cine-rule)}.cine-row-index{font-family:var(--font-mono);color:var(--color-muted);font-size:12px;line-height:1.6}.cine-row-name{color:var(--color-ink);overflow-wrap:anywhere;font-size:.82rem;font-weight:600}.cine-row-desc{color:var(--color-muted);font-size:.875rem;line-height:1.6}.cine-row-product .price-state{margin-top:.35rem;line-height:1.6}.cine-row-product.is-commercial .cine-row-index{color:color-mix(in oklab, var(--color-gold) 70%, var(--color-muted))}.cine-row-link{min-height:44px;color:var(--color-muted);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.cine-row-link:hover{color:var(--color-ink)}.cine-inspector-link{border-top:1px solid var(--color-border);background:var(--color-surface-2);min-height:44px;color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.cine-inspector-link:hover{background:color-mix(in oklab, var(--color-surface-2) 88%, var(--color-accent) 12%)}@media (min-width:768px){.cine-row{align-items:center;padding:1rem 1.5rem}.cine-row-tool{grid-template-columns:2rem minmax(0,15rem) minmax(0,1fr)}.cine-row-product{grid-template-columns:2rem minmax(0,1fr) 5.5rem minmax(0,12rem)}.cine-row-action{justify-self:end}.cine-inspector-bar,.cine-inspector-link{padding-inline:1.5rem}}.cine-rows.is-inspecting>.cine-row{opacity:.62}.cine-rows.is-inspecting>.cine-row.is-focus,.cine-rows.is-inspecting>.cine-row:hover,.cine-rows.is-inspecting>.cine-row:focus-within{opacity:1}.cine-rows.is-inspecting>.cine-row.is-focus{background:var(--color-surface-2)}.cine-rows.is-inspecting>.cine-row.is-focus .cine-row-index{color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.cine-row{transition:opacity .18s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1)}.cine-inspector-link{transition:background-color .12s}}.section-band.cine-doctrine{border-bottom:0}.cine-close{padding:5.5rem 0 1rem}@media (min-width:1024px){.cine-close{padding-top:clamp(8rem,17vh,13rem)}}.cine-close-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.cine-close-actions .assembly-actions{margin-top:0}.cine-close .conversion-band{margin-top:2.5rem}
.cine-depth-canvas{z-index:-1;pointer-events:none;display:block;position:fixed;top:0;left:0}html[data-cine-depth=live] body:has([data-cine-root]){background:0 0}html[data-cine-depth=live] body:has([data-cine-root]):before{content:none}.cine-glass-defs{width:0;height:0;position:absolute;overflow:hidden}[data-cine-root] .cine-bleed{background:var(--color-bg)}[data-cine-root] .cine-bleed:before{content:"";background:radial-gradient(40rem 26rem at 74% 36%, #10b98121, transparent 70%), radial-gradient(30rem 24rem at 92% 82%, #06b6d41a, transparent 70%), radial-gradient(52rem 30rem at 70% 44%, var(--color-surface-2) 0%, transparent 68%);position:absolute;inset:0}[data-cine-root] .cine-close{isolation:isolate;position:relative}[data-cine-root] .cine-bleed-close{background:0 0;border-bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 14rem calc(100% - 7rem),#0000);mask-image:linear-gradient(#0000,#000 14rem calc(100% - 7rem),#0000)}[data-cine-root] .cine-bleed-close:before{background:radial-gradient(38rem 22rem at 24% 58%, #10b9811a, transparent 70%), radial-gradient(30rem 20rem at 78% 34%, #06b6d414, transparent 70%), radial-gradient(24rem 14rem at 62% 88%, #f59e0b0f, transparent 70%), var(--color-bg)}html[data-cine-depth=live] [data-cine-root] .cine-bleed{background:0 0}html[data-cine-depth=live] [data-cine-root] .cine-bleed:before,html[data-cine-depth=live] .cine-sheet{opacity:0}@media (prefers-reduced-motion:no-preference){[data-cine-root] .cine-bleed:before{transition:opacity .7s cubic-bezier(0,0,.2,1)}.cine-sheet{transition:opacity .3s cubic-bezier(0,0,.2,1)}}@media (min-width:1024px){html[data-cine-depth=live] .cine-step{--cine-window:13.25rem;background:linear-gradient(var(--color-surface), var(--color-surface)) var(--cine-window) 0 / 100% 100% no-repeat}html[data-cine-depth=live] [data-pinned] .cine-step{--cine-window:18.875rem}html[data-cine-depth=live] .cine-plate-fill{fill:#0000}html[data-cine-depth=live] .cine-plate-figure{visibility:hidden}}@media (min-width:1280px){html[data-cine-depth=live] [data-pinned] .cine-step{--cine-window:23.375rem}}[data-cine-root] .cine-object .terminal,[data-cine-root] .cine-route{--glass-blur:18px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);backdrop-filter:blur(var(--glass-blur)) saturate(165%)}body:has([data-cine-root])>header.glass{--glass-blur:18px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);backdrop-filter:blur(var(--glass-blur)) saturate(165%)}body:has([data-cine-root])>header.glass{background:color-mix(in oklab, var(--color-surface) 62%, transparent);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a}[data-cine-root] .cine-object .terminal{border-color:color-mix(in oklab, var(--color-border) 45%, white 26%);background:0 0;box-shadow:inset 0 1px #ffffff29,inset 1px 0 #ffffff0d,inset 0 -1px #ffffff08}[data-cine-root] .cine-object .terminal-bar{border-bottom-color:color-mix(in oklab, var(--color-border) 60%, white 14%);background:color-mix(in oklab, var(--color-surface-2) 58%, transparent)}[data-cine-root] .cine-object .terminal-body{background:#06080dcc}[data-cine-root] .cine-route{border-color:color-mix(in oklab, var(--color-border) 55%, white 18%);background:color-mix(in oklab, var(--color-surface) 72%, transparent);position:relative;box-shadow:inset 0 1px #ffffff21,inset 1px 0 #ffffff0a}html[data-cine-depth=live] [data-cine-root] .cine-route{--glass-blur:7px;border-color:color-mix(in oklab, var(--color-border) 30%, white 34%);background:color-mix(in oklab, var(--color-surface) 14%, transparent);box-shadow:inset 0 1px #ffffff6b,inset 1px 0 #ffffff29,inset 0 -1px #ffffff1f,inset -1px 0 #ffffff0f,inset 0 16px 14px -14px #fff3,inset 0 -20px 18px -18px #06b6d429}html[data-cine-depth=live] [data-cine-root] .cine-route:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in oklab, var(--color-surface) 94%, transparent);border-radius:.45rem;position:absolute;inset:.95rem;box-shadow:0 0 0 1px #ffffff12,inset 0 1px #ffffff0f,0 0 14px #05060a80}html[data-cine-depth=live] .cine-inspector{background:0 0}html[data-cine-depth=live] .cine-rows>.cine-row{background:var(--color-surface)}html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row{opacity:1}html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row>*{opacity:.62}html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row.is-focus>*,html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row:hover>*,html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row:focus-within>*{opacity:1}@media (prefers-reduced-motion:no-preference){html[data-cine-depth=live] .cine-row>*{transition:opacity .18s cubic-bezier(0,0,.2,1)}}html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row.is-focus{--glass-blur:14px;--glass-shine:.045;background:color-mix(in oklab, var(--color-surface-2) 56%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);backdrop-filter:blur(var(--glass-blur)) saturate(165%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff0a}@media (min-width:1024px){html[data-cine-glass=refract] [data-cine-root] .cine-object .terminal,html[data-cine-glass=refract] [data-cine-root] .cine-route,html[data-cine-glass=refract][data-cine-depth=live] .cine-rows.is-inspecting>.cine-row.is-focus{-webkit-backdrop-filter:url(#cine-refract) blur(calc(var(--glass-blur) * .4)) saturate(165%);backdrop-filter:url(#cine-refract) blur(calc(var(--glass-blur) * .4)) saturate(165%)}html[data-cine-glass=refract] body:has([data-cine-root])>header.glass{-webkit-backdrop-filter:url(#cine-refract) blur(calc(var(--glass-blur) * .4)) saturate(165%);backdrop-filter:url(#cine-refract) blur(calc(var(--glass-blur) * .4)) saturate(165%)}html[data-cine-glass=refract] [data-cine-root] .cine-object .terminal{-webkit-backdrop-filter:url(#cine-refract)blur(3px)saturate(165%);backdrop-filter:url(#cine-refract)blur(3px)saturate(165%)}}[data-cine-root] .cine-object .terminal:after,[data-cine-root] .cine-route:after,html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row.is-focus:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(15rem circle at var(--glass-x,50%) var(--glass-y,0%), rgba(255, 255, 255, var(--glass-shine,.085)), transparent 70%);opacity:var(--glass-on,0);position:absolute;inset:0}body:has([data-cine-root])>header.glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(15rem circle at var(--glass-x,50%) var(--glass-y,0%), rgba(255, 255, 255, var(--glass-shine,.085)), transparent 70%);opacity:var(--glass-on,0);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){[data-cine-root] .cine-object .terminal:after,[data-cine-root] .cine-route:after,html[data-cine-depth=live] .cine-rows.is-inspecting>.cine-row.is-focus:after{transition:opacity .24s cubic-bezier(0,0,.2,1)}body:has([data-cine-root])>header.glass:after{transition:opacity .24s cubic-bezier(0,0,.2,1)}}