.sys-chapter{padding:var(--s-8) var(--margin);max-width:var(--max);margin:0 auto;position:relative}.sys-chapter--ink{background:var(--ink);max-width:none;margin:0;padding-left:0;padding-right:0}.sys-chapter--ink>.sys-chapter__inner{max-width:var(--max);padding:0 var(--margin);margin:0 auto}.sys-chapter__grid{gap:var(--s-6) clamp(60px, 8vw, 120px);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;display:grid}.sys-chapter__aside{top:var(--s-7);align-self:start;position:sticky}.sys-chapter__kicker{margin-bottom:var(--s-4);color:var(--grey-700);align-items:baseline;gap:.5em;display:flex}.sys-chapter__head{color:var(--paper);max-width:16ch;margin-bottom:var(--s-4)}.sys-chapter__main{gap:var(--s-5);align-self:center;display:grid}.sys-body{color:var(--paper-dim);max-width:64ch}.sys-body strong,.sys-body b{color:var(--paper);font-weight:500}.sys-subhead{margin-bottom:var(--s-2)}.sys-dataline{margin-top:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4);border:1px solid var(--grey-850);border-left:2px solid var(--signal-deep);background:linear-gradient(90deg, var(--signal-faint), transparent 70%);color:var(--paper-dim);overflow-wrap:anywhere}.sys-dataline .signal-word{color:var(--signal)}.sys-scope{padding:var(--s-2) var(--s-3);border:1px solid var(--grey-850);color:var(--paper-dim);align-items:center;gap:.6em;display:inline-flex}.sys-scope .dot{background:var(--signal)}.sys-pipe{z-index:6;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);flex-direction:column;gap:0;display:flex;position:fixed;top:50%;right:clamp(20px,3.5vw,56px);transform:translateY(-50%)}.sys-pipe.is-ready{opacity:1}.sys-pipe__node{justify-content:flex-end;align-items:center;gap:var(--s-3);pointer-events:auto;cursor:none;height:46px;display:flex;position:relative}.sys-pipe__role{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.sys-pipe__whisper{font-family:var(--mono);letter-spacing:.04em;color:var(--grey-700);white-space:nowrap;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);font-size:.625rem;transform:translate(6px)}.sys-pipe__node:focus-visible{outline:1px solid var(--signal);outline-offset:4px;border-radius:2px}.sys-pipe__node:focus-visible .sys-pipe__label{opacity:1;transform:translate(0)}.sys-pipe__node:focus-visible .sys-pipe__whisper{opacity:1;transform:translate(0)}.sys-pipe__node:focus-visible .sys-pipe__label{color:var(--paper)}.sys-pipe__node:before{content:"";width:var(--hairline-power);background:var(--grey-850);height:46px;position:absolute;top:-23px;right:4px}.sys-pipe__node:first-child:before{display:none}.sys-pipe__node:after{content:"";width:var(--hairline-power);background:var(--signal);transform-origin:top;height:46px;transition:transform .5s var(--ease-out);position:absolute;top:-23px;right:4px;transform:scaleY(0)}.sys-pipe__node.is-filled:after{transform:scaleY(1)}.sys-pipe__dot{border:1px solid var(--grey-600);background:var(--void);width:9px;height:9px;transition:border-color .4s var(--ease-out), background .4s var(--ease-out), box-shadow .4s var(--ease-out);border-radius:50%;flex:none;position:relative}.sys-pipe__label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grey-700);white-space:nowrap;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out), color .4s var(--ease-out);font-size:.6875rem;transform:translate(6px)}.sys-pipe__num{font-family:var(--mono);letter-spacing:.08em;color:var(--grey-600);white-space:nowrap;font-size:.625rem}.sys-pipe__node.is-active .sys-pipe__dot{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 4px var(--signal-faint), 0 0 10px var(--signal-glow)}.sys-pipe__node.is-active .sys-pipe__label{opacity:1;color:var(--paper);transform:translate(0)}.sys-pipe__node.is-active .sys-pipe__whisper{opacity:1;transform:translate(0)}.sys-pipe__node.is-active .sys-pipe__num{color:var(--paper-dim)}@media (hover:hover){.sys-pipe__node:hover .sys-pipe__label{opacity:1;color:var(--paper);transform:translate(0)}.sys-pipe__node:hover .sys-pipe__whisper{opacity:1;transform:translate(0)}}.sys-pipe__node.is-past .sys-pipe__dot{border-color:var(--signal-deep);background:var(--signal-deep)}.sys-pipe__node.is-active .sys-pipe__dot{animation:sys-pipe-pulse 1.6s var(--ease-in-out) infinite}@keyframes sys-pipe-pulse{0%,to{box-shadow:0 0 0 4px var(--signal-faint), 0 0 10px var(--signal-glow)}50%{box-shadow:0 0 0 6px var(--signal-faint), 0 0 16px var(--signal-glow)}}@media (hover:hover){.sys-pipe__node:hover .sys-pipe__dot{border-color:var(--signal);box-shadow:0 0 0 4px var(--signal-faint), 0 0 12px var(--signal-glow)}.sys-pipe__node:hover .sys-pipe__num{color:var(--paper-dim)}}@media (prefers-reduced-motion:reduce){.sys-pipe__node.is-active .sys-pipe__dot{animation:none}}.sys-chapter:before{content:"";background:var(--signal-faint);opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out);z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.sys-chapter.is-spotlit:before{opacity:1}.sys-chapter.is-spotlit .sys-chapter__head{color:var(--paper)}.sys-chapter.is-spotlit .sys-chapter__kicker{color:var(--paper-dim)}.sys-chapter__head,.sys-chapter__kicker{transition:color .45s var(--ease-out)}.sys-chapter>.sys-chapter__grid,.sys-chapter>.section__rule,.sys-chapter__inner{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.sys-chapter:before,.sys-chapter__head,.sys-chapter__kicker{transition:none}}.sys-hero{min-height:92vh;padding:var(--s-9) var(--margin) var(--s-7);max-width:var(--max);flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:relative;overflow:hidden}.sys-hero__body{gap:var(--s-4);z-index:1;max-width:90%;display:grid;position:relative}.hero__ghost{z-index:0;pointer-events:none;font-family:var(--serif);font-optical-sizing:auto;font-variation-settings:"opsz" 144, "wght" 280, "SOFT" 0, "slnt" 0;letter-spacing:-.04em;color:var(--grey-900);left:var(--margin);bottom:var(--s-7);-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:none;margin:0;font-size:clamp(7rem,26vw,26rem);font-weight:280;line-height:.8;position:absolute}.js .hero__ghost{opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.1s var(--ease-out);transform:translateY(2%)}.js .hero__ghost.is-shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .hero__ghost{opacity:1;transition:none;transform:none}}.sys-hero .eyebrow{margin-bottom:var(--s-2)}.sys-hero__head{color:var(--paper);max-width:18ch;margin-left:-.02em}.sys-hero__sub{color:var(--paper-dim);max-width:52ch}.sys-hero__sub strong{color:var(--paper);font-weight:500}.sys-hero__index{margin-top:var(--s-3);color:var(--paper-dim);overflow-wrap:anywhere}.sys-hero__index .flow{color:var(--signal);opacity:.55;margin:0 .5em}.sys-hero__scope{margin-top:var(--s-4)}.sys-flow{margin-top:var(--s-4);border:1px solid var(--grey-850);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;gap:0;display:grid;position:relative}.sys-flow:before{content:"";left:var(--s-4);top:calc(var(--s-4) * -1);width:1px;height:var(--s-4);background:var(--signal);opacity:.5;position:absolute}.sys-flow__cell{padding:var(--s-4);border-right:1px solid var(--grey-850);gap:var(--s-1);align-content:start;display:grid;position:relative}.sys-flow__cell:last-child{border-right:none}.sys-flow__cell-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);opacity:.7;font-size:.6875rem;line-height:1.4}.sys-flow__cell-title{font-family:var(--ui);color:var(--paper);font-size:.9375rem;font-weight:500}.sys-flow__cell-note{font-family:var(--mono);letter-spacing:.04em;color:var(--grey-700);font-size:.6875rem;line-height:1.5}.sys-flow__cell:not(:last-child):after{content:"";border-top:1px solid var(--signal);border-right:1px solid var(--signal);background:var(--void);opacity:.6;width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}.sys-chapter--ink .sys-flow__cell:not(:last-child):after{background:var(--ink)}.sys-fam-list{margin-top:var(--s-3);margin-right:calc(var(--margin) * -.4);gap:0;display:grid}.sys-fam{gap:var(--s-4) var(--s-5);padding:var(--s-4) 0;border-top:1px solid var(--grey-850);transition:background .4s var(--ease-out), border-color .4s var(--ease-out);grid-template-columns:64px minmax(min-content,22ch) 1fr;align-items:start;display:grid}.sys-fam:last-child{border-bottom:1px solid var(--grey-850)}.sys-fam:hover{background:linear-gradient(90deg, var(--grey-900), transparent 82%);border-top-color:var(--grey-825)}.sys-fam:hover+.sys-fam{border-top-color:var(--grey-825)}.sys-fam__idx{color:var(--signal);opacity:.55;padding-top:.35em}.sys-fam__name{font-family:var(--serif);font-variation-settings:"opsz" 36, "wght" 420;letter-spacing:.02em;color:var(--paper);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(1.15rem,2.5vw,1.4rem);line-height:1.2}.sys-fam__desc{color:var(--paper);max-width:52ch;font-size:.9375rem;line-height:1.55}.sys-fam__desc .signal-word{color:var(--signal)}.sys-fam-close{margin-top:var(--s-5);color:var(--paper);max-width:46ch}.sys-depth{margin-top:var(--s-5);border:1px solid var(--grey-850);background:var(--void)}.sys-chapter--ink .sys-depth{background:var(--ink)}.sys-depth__summary{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-4);cursor:none;color:var(--grey-700);transition:color .3s var(--ease-out), background .3s var(--ease-out);list-style:none;display:flex}.sys-depth__summary::-webkit-details-marker{display:none}.sys-depth__summary:hover{color:var(--paper);background:var(--signal-faint)}.sys-depth[open] .sys-depth__summary{color:var(--paper);border-bottom:1px solid var(--grey-850)}.sys-depth__summary:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.sys-depth__summary-chev{border-right:1px solid var(--signal);border-bottom:1px solid var(--signal);width:8px;height:8px;transition:transform .4s var(--ease-out);flex:none;transform:rotate(45deg)}.sys-depth[open] .sys-depth__summary-chev{transform:rotate(-135deg)}.sys-depth__body{padding:var(--s-4);gap:var(--s-4);display:grid}.sys-depth__lead{color:var(--grey-700);max-width:64ch;line-height:1.7}.sys-depth__grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sys-depth__fam{gap:var(--s-1);padding:var(--s-3);border:1px solid var(--grey-850);cursor:none;transition:transform .4s var(--ease-settle), background-color .4s var(--ease-settle), border-color .4s var(--ease-out);flex-direction:column;display:flex}.sys-depth__fam:hover{background-color:var(--signal-faint);border-color:var(--grey-825);transform:translateY(-2px)}.sys-depth__fam-name{color:var(--paper-dim);font-family:var(--ui);transition:color .4s var(--ease-out);font-size:.9375rem;font-weight:500}.sys-depth__fam:hover .sys-depth__fam-name{color:var(--paper)}.sys-depth__fam-rank{color:var(--signal);opacity:.7}.sys-depth__note{color:var(--grey-700);min-height:1.4em;transition:color .3s var(--ease-out)}.js .sys-depth[open] .sys-depth__fam{opacity:0}@media (prefers-reduced-motion:reduce){.js .sys-depth[open] .sys-depth__fam{opacity:1}.sys-depth__summary-chev,.sys-depth__fam{transition:none}.sys-depth__fam:hover{transform:none}}.sys-pair{gap:var(--s-5);margin-top:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.sys-panel{padding:var(--s-5);border:1px solid var(--grey-850);gap:var(--s-2);align-content:start;display:grid}.sys-panel__label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);opacity:.75;font-size:.6875rem}.sys-panel__title{color:var(--paper);font-size:clamp(1.25rem,2vw,1.6rem)}.sys-panel__body{color:var(--paper-dim);font-size:.9375rem;line-height:1.55}.sys-ladder{gap:var(--s-1);margin-top:var(--s-2);display:grid}.sys-ladder__rung{background:var(--grey-850);height:8px;position:relative;overflow:hidden}.sys-ladder__rung:after{content:"";background:var(--signal);transform-origin:0;transition:transform .6s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.sys-ladder.is-in .sys-ladder__rung:after{transform:scaleX(1)}.sys-ladder.is-in .sys-ladder__rung:first-child:after{transition-delay:50ms}.sys-ladder.is-in .sys-ladder__rung:nth-child(2):after{transition-delay:.13s}.sys-ladder.is-in .sys-ladder__rung:nth-child(3):after{transition-delay:.21s}.sys-ladder.is-in .sys-ladder__rung:nth-child(4):after{transition-delay:.29s}.sys-ladder__rung:first-child{width:100%}.sys-ladder__rung:nth-child(2){width:78%}.sys-ladder__rung:nth-child(3){width:56%}.sys-ladder__rung:nth-child(4){background:var(--signal-deep);width:34%}.sys-ladder__rung:nth-child(4):after{background:var(--signal)}.sys-gauntlet{margin-top:var(--s-6);border:1px solid var(--grey-825);background:radial-gradient(140% 100% at -10% -10%, var(--signal-glow), transparent 55%), var(--ink);padding:clamp(24px,4vw,56px);position:relative}.sys-gauntlet:before{content:"";background:var(--signal);transform-origin:0;width:100%;height:2px;transition:transform 1s var(--ease-out);position:absolute;top:-1px;left:0;transform:scaleX(0)}.sys-gauntlet.is-drawn:before{transform:scaleX(1)}.sys-gauntlet__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:var(--s-3);align-items:center;gap:.6em;font-size:.6875rem;display:flex}.sys-gauntlet__head{color:var(--paper);margin-bottom:var(--s-4);max-width:20ch;font-size:clamp(1.6rem,3vw,2.4rem)}.sys-gauntlet__intro{color:var(--paper-dim);max-width:60ch;margin-bottom:var(--s-5)}.sys-gauntlet__list{gap:0;display:grid}.sys-test{gap:var(--s-4);padding:var(--s-4) 0;border-top:1px solid var(--grey-850);grid-template-columns:56px 1fr;align-items:start;display:grid}.sys-test:last-child{border-bottom:1px solid var(--grey-850)}.sys-test__idx{color:var(--signal);opacity:.55;font-family:var(--mono);padding-top:.2em;font-size:.8125rem}.sys-test__name{color:var(--paper);margin-bottom:.2em;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:500}.sys-test__desc{color:var(--paper-dim);max-width:64ch;font-size:.9375rem;line-height:1.55}.sys-gauntlet__close{margin-top:var(--s-5);color:var(--paper);max-width:52ch;font-style:italic}.sys-close{padding:var(--s-9) var(--margin);max-width:var(--max);gap:var(--s-5);margin:0 auto;display:grid}.sys-close__quote{color:var(--paper)}.sys-close__sub{color:var(--paper-dim);max-width:48ch}.sys-close__links{align-items:center;gap:var(--s-5);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.sys-cta{color:var(--paper);padding:var(--s-3) var(--s-5);border:1px solid var(--signal);transition:background .35s var(--ease-out), color .35s var(--ease-out)}.sys-cta:hover{background:var(--signal);color:var(--void)}.sys-link{color:var(--paper-dim);transition:color .3s var(--ease-out);position:relative}.sys-link:after{content:"";background:var(--signal);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease-out);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.sys-link:hover{color:var(--paper)}.sys-link:hover:after{transform:scaleX(1)}.cpin{display:none}.js .cpin{max-width:none;padding:0;display:block;position:relative}.cpin__sticky{max-width:var(--max);padding:var(--s-8) var(--margin);gap:var(--s-7);grid-template-columns:1fr 1.15fr;align-items:center;min-height:100vh;margin:0 auto;display:grid}.cpin__left{align-self:center;position:relative}.cpin__head{color:var(--paper);margin:var(--s-3) 0 var(--s-4);max-width:13ch}.cpin__sub{color:var(--paper-dim);max-width:34ch}.cpin__counter{margin-top:var(--s-6);color:var(--grey-700);gap:.4em;font-size:1rem;display:flex}.cpin__counter .signal-word{font-size:1.5rem}.cpin__counter-sep{color:var(--grey-600)}.cpin__right{align-items:center;min-height:50vh;display:flex;position:relative}.cstages{width:100%;margin:0;padding:0;list-style:none;position:relative}.cstage{gap:var(--s-4);margin-bottom:var(--s-6);align-content:center;display:grid}.cstage:last-child{margin-bottom:0}.js .cstages{min-height:50vh}.js .cstage{opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);margin-bottom:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(24px)}.js .cstage.is-active{opacity:1;pointer-events:auto;transform:none}.cstage__slot{color:var(--signal)}.cstage__name{color:var(--paper);max-width:20ch}.cstage__body{color:var(--paper-dim);max-width:46ch}.cpin.is-pinned .cstage{transition:opacity .7s var(--ease-in-out), transform .7s var(--ease-out), filter .7s var(--ease-out)}.cpin.is-pinned .cstage:not(.is-active){filter:blur(1.5px);opacity:0}.cpin.is-pinned .cstage.is-active{filter:blur()}.cpin .cstage.is-prev{transform:translateY(-18px)}.cpin.is-resolved .cpin__counter #cstepCurrent{transition:color .85s var(--ease-cinema);color:var(--signal)}.js .sys-fam,.js .sys-flow__cell,.js .sys-panel,.js .sys-test{opacity:0}@media (prefers-reduced-motion:reduce){.js .sys-fam,.js .sys-flow__cell,.js .sys-panel,.js .sys-test{opacity:1}.sys-ladder .sys-ladder__rung:after,.sys-gauntlet:before{transform:scaleX(1)}.sys-chapter__aside{position:static}.js .cstages{min-height:0}.js .cstage{opacity:1;pointer-events:auto;margin-bottom:var(--s-7);position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.cpin__right{min-height:0}.cpin.is-resolved .cpin__counter #cstepCurrent{transition:none}}@media (max-width:1100px){.sys-chapter__grid{gap:var(--s-5);grid-template-columns:1fr}.sys-chapter__aside{position:static;top:auto}.sys-chapter__head{max-width:22ch}.sys-pair{grid-template-columns:1fr}}@media (max-width:1024px){.cpin__sticky{gap:var(--s-6);grid-template-columns:1fr}.sys-pipe{display:none}}@media (min-width:769px) and (max-width:1024px){.sys-chapter__aside{top:calc(var(--s-7) + 60px);z-index:2;align-self:start;position:sticky}}@media (max-width:768px){.sys-chapter,.sys-hero{padding-left:var(--margin);padding-right:var(--margin)}.sys-chapter{padding-top:var(--s-7);padding-bottom:var(--s-7)}.sys-flow{grid-auto-columns:auto;grid-auto-flow:row}.sys-flow__cell{border-right:none;border-bottom:1px solid var(--grey-850)}.sys-flow__cell:last-child{border-bottom:none}.sys-flow__cell:not(:last-child):after{top:auto;bottom:-5px;right:50%;transform:translate(50%)rotate(135deg)}.sys-fam{grid-template-columns:48px 1fr}.sys-fam__name{grid-column:2}.sys-fam__desc{grid-column:1/-1}.sys-gauntlet{padding:var(--s-5) var(--s-4)}.sys-test{grid-template-columns:40px 1fr}.cpin__sticky{align-items:start;min-height:0}.cpin__right,.js .cstages{min-height:0}.js .cstage{opacity:1;pointer-events:auto;margin-bottom:var(--s-6);position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.js .cstage:last-child{margin-bottom:0}.cpin__counter{display:none}}
