.wn{--gut:64px;--stone:#ddd9cf;--ink:#121722;--ink2:#3e4652;--mute:#5c6570;box-sizing:border-box;min-height:100svh;padding:140px var(--gut) 120px;background:var(--stone);color:var(--ink);grid-template-columns:minmax(0,53fr) minmax(0,47fr);align-content:center;column-gap:64px;display:grid}.wn__body{display:contents}.wn__head{max-width:46rem}.wn__h{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;font-variation-settings:"opsz" 60;text-wrap:balance;margin:0;font-size:clamp(34px,3.4vw,50px);font-weight:300;line-height:1.1}.wn__line{max-width:34em;font:400 19px/30px var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 24;color:var(--ink2);margin:22px 0 0}.wn__head{grid-area:1/1}.wn__rows{border-bottom:1px solid #1217222e;grid-area:2/1;margin:56px 0 0;padding:0;list-style:none}.wn__row{border-top:1px solid #1217222e}.wn__btn{cursor:pointer;width:100%;font:500 12px/16px var(--font-mono), monospace;letter-spacing:.14em;color:#1217226b;text-align:left;background:0 0;border:0;align-items:center;gap:14px;margin:0;padding:18px 0;transition:color .24s;display:flex}.wn__btn:hover{color:var(--ink2)}.wn__btn[aria-expanded=true]{color:var(--ink);font-weight:600}.wn__btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.wn__tick{background:currentColor;flex:none;width:14px;height:1px;transition:width .36s cubic-bezier(.22,1,.36,1)}.wn__btn[aria-expanded=true] .wn__tick{width:30px}.wn__ex{grid-template-rows:1fr;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1);display:grid}.wn__ex-in{min-height:0;margin:0;padding:0 0 0 44px;list-style:none;overflow:hidden}.wn__ex-in li{font:400 18px/28px var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 24;color:var(--ink)}.wn__ex-in li+li{margin-top:6px}.wn__ex-in li:last-child{padding-bottom:22px}.wn[data-armed=true] .wn__ex{grid-template-rows:0fr}.wn[data-armed=true] .wn__btn[aria-expanded=true]+.wn__ex{grid-template-rows:1fr}.wn__fig{grid-area:1/2/span 2;align-self:center;margin:0}.wd{--s1:#121722db;--s2:#12172280;--s3:#1217223d;--plate:#e6e3dc;position:relative;container-type:inline-size}.wd__svg{width:100%;height:auto;display:block;overflow:visible}.wd__svg :is(line,rect){fill:none;stroke:var(--s2);stroke-width:1px;vector-effect:non-scaling-stroke}.wd__svg .wd__edge{fill:var(--plate);stroke:var(--s1);stroke-width:1.25px}.wd__svg .wd__flow{stroke:var(--s1)}.wd__svg .wd__out{stroke:var(--s3);stroke-dasharray:2 4;transition:stroke .4s,stroke-width .4s}.wd__svg .wd__sys{stroke-dasharray:1 3}.wd__svg .wd__sig{stroke:var(--s3);stroke-dasharray:1 3}.wd__svg .wd__dir{stroke:var(--s1);stroke-width:1.5px}.wd__svg .wd__tie{transition:opacity .4s,stroke .4s}.wd__svg .wd__cap{fill:var(--plate);stroke:var(--s1)}.wd__svg .wd__item,.wd__svg .wd__pile,.wd__svg .wd__queue{fill:var(--s1);stroke:none}.wd__svg .wd__empty{stroke:var(--s1);stroke-dasharray:3 3;fill:none}.wd__svg .wd__was{fill:none;stroke:var(--s2);stroke-width:1.25px;stroke-dasharray:3 3}.wd__svg .wd__now{fill:none;stroke:var(--s1);stroke-width:2.25px}.wd__svg .wd__flow{transition:stroke-width .4s}.wd__svg .wd__mark{fill:var(--c-orange);stroke:none;opacity:0;transition:opacity .3s}.wd__ov{opacity:0;transition:opacity .42s}.wd__lab{white-space:nowrap;font:500 clamp(9.5px, 1.7cqi, 11px)/1.3 var(--font-mono), monospace;letter-spacing:.16em;color:var(--mute);position:absolute;top:84.4%;left:18.6%;transform:translateY(-100%)}.wn[data-when=more] [data-ov=more],.wn[data-when=new] [data-ov=new],.wn[data-when=different] [data-ov=different],.wn[data-when=stronger] [data-ov=stronger]{opacity:1;transition-delay:.12s}.wn[data-when=more] [data-ov-mark=more],.wn[data-when=new] [data-ov-mark=new],.wn[data-when=different] [data-ov-mark=different],.wn[data-when=stronger] [data-ov-mark=stronger]{opacity:1;transition-delay:.32s}.wn[data-when=more] .wd__out{stroke:var(--s1);stroke-width:1.5px;stroke-dasharray:none}.wn[data-when=more] .wd__flow{stroke-width:2px}.wn[data-when=different] :is(.wd__dir,.wd__tie){opacity:.15}.wd__svg .wd__dep{stroke:var(--s1);stroke-width:3px;transition:stroke-width .6s}.wn[data-when=stronger] .wd__svg .wd__dep{stroke-width:1.75px;transition-delay:1.75s}.wn[data-when=stronger] .wd__svg [data-ov-mark=stronger]{opacity:0;animation:2.4s forwards wd-fragile}.wd__svg .wd__sup{fill:none;stroke:var(--s1);stroke-width:1.75px;vector-effect:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.wn[data-when=stronger] .wd__sup{stroke-dashoffset:0;transition-delay:calc(.9s + var(--i) * .18s)}.wn[data-when=stronger] .wd__sig{opacity:0}.wd__svg :is(.wd__dir,.wd__tie,.wd__sig){transition:opacity .4s}@media (prefers-reduced-motion:no-preference){.wd__item{animation:15s linear infinite wd-move}.wd__item:nth-child(2){animation-delay:-5s}.wd__item:nth-child(3){animation-delay:-10s}.wd__pile{animation:3.6s linear infinite wd-pile}.wd__pile:nth-child(2){animation-delay:-.45s}.wd__pile:nth-child(3){animation-delay:-.9s}.wd__pile:nth-child(4){animation-delay:-1.35s}.wd__pile:nth-child(5){animation-delay:-1.8s}.wd__pile:nth-child(6){animation-delay:-2.25s}.wd__pile:nth-child(7){animation-delay:-2.7s}.wd__pile:nth-child(8){animation-delay:-3.15s}}@media (prefers-reduced-motion:reduce){.wn[data-when=stronger] .wd__svg [data-ov-mark=stronger]{opacity:0;animation:none}.wn__ex,.wn__tick,.wd__ov,.wd__mark,.wd__tie,.wd__dir,.wd__sig,.wd__out,.wd__flow,.wd__sup,.wd__dep{transition:none!important}.wd__pile:first-child{transform:translate(40px)}.wd__pile:nth-child(2){transform:translate(90px)}.wd__pile:nth-child(3){transform:translate(130px)}.wd__pile:nth-child(4){transform:translate(150px)}.wd__pile:nth-child(5){transform:translate(162px)}.wd__pile:nth-child(6){transform:translate(158px)}.wd__pile:nth-child(7){transform:translate(10px)}.wd__pile:nth-child(8){transform:translate(65px)}.wd__item:first-child{transform:translate(70px)}.wd__item:nth-child(2){transform:translate(196px)}.wd__item:nth-child(3){transform:translate(330px)}}@keyframes wd-fragile{0%{opacity:0}13%,72%{opacity:1}to{opacity:0}}@keyframes wd-pile{0%{opacity:0;transform:translate(0)}6%{opacity:1}84%{opacity:1;transform:translate(188px)}to{opacity:0;transform:translate(198px)}}@keyframes wd-move{0%{opacity:0;transform:translate(0)}5%,92%{opacity:1}to{opacity:0;transform:translate(386px)}}@media (max-width:1000px){.wn{--gut:20px;min-height:0;padding:96px var(--gut) 88px;grid-template-columns:1fr}.wn__h{font-size:clamp(30px,6vw,42px)}.wn__line{font-size:17px;line-height:27px}.wn__fig{grid-area:2/1;margin-top:32px}.wn__rows{grid-row:3;margin-top:28px}.wd{max-width:520px;margin:0 auto}.wn__ex-in{padding-left:28px}.wn__ex-in li{font-size:16px;line-height:24px}.wn__btn[aria-expanded=true] .wn__tick{width:20px}}
.wk{--gut:64px;--ink:#121722;--ink2:#3e4652;--mute:#5c6570;--rule:#1217222e;padding:150px var(--gut) 150px;background:var(--c-paper);color:var(--ink);grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;column-gap:64px;display:grid}.wk__h{max-width:12em;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;font-variation-settings:"opsz" 60;text-wrap:balance;margin:0;font-size:clamp(34px,3.4vw,50px);font-weight:300;line-height:1.1}.wk__line{max-width:30em;font:400 19px/30px var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 24;color:var(--ink2);margin:22px 0 0}.md{margin:0}.md__lab{font:600 10.5px/14px var(--font-mono), monospace;letter-spacing:.14em;color:var(--ink);margin:0 0 14px}.md__parts{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.md__d{display:flex}.md__d:nth-child(odd){border-right:1px solid var(--rule)}.md__d:nth-child(-n+2){border-bottom:1px solid var(--rule)}.md__btn{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-content:start;gap:10px;margin:0;padding:22px 46px 26px 22px;transition:background-color .32s;display:grid;position:relative}.md__d:nth-child(odd) .md__btn{padding-left:0}.md__btn[data-fixed]{cursor:default}.md__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.md__mark{box-sizing:border-box;border:1px solid var(--ink);background:var(--ink);width:10px;height:10px;transition:background-color .24s;position:absolute;top:20px;right:20px}.md__k{font:600 11px/16px var(--font-mono), monospace;letter-spacing:.14em;color:var(--ink);transition:opacity .32s}.md__l{font:400 17px/26px var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 24;color:var(--ink2);transition:opacity .32s}.md__d[data-in=false] .md__mark{background:0 0;border-color:#12172273}.md__d[data-in=false] :is(.md__k,.md__l){opacity:.42}@media (hover:hover){.md__btn:not([data-fixed]):hover{background:#fff6}}.md__rail{row-gap:12px;margin-top:22px;display:grid}.md__rail-line{background:var(--ink2);height:2px}.md__rail-k{font:600 10.5px/14px var(--font-mono), monospace;letter-spacing:.14em;color:var(--ink)}.md__boundary{font:400 17px/26px var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 24;color:var(--ink)}@media (prefers-reduced-motion:reduce){.md__btn,.md__mark,.md__k,.md__l{transition:none}}@media (max-width:1000px){.wk{--gut:20px;padding:104px var(--gut) 104px;grid-template-columns:1fr}.wk__line{font-size:17px;line-height:27px}.md{margin-top:44px}.md__l{font-size:16px;line-height:24px}}@media (max-width:600px){.md__parts{grid-template-columns:1fr}.md__d:nth-child(odd){border-right:0}.md__d:not(:last-child){border-bottom:1px solid var(--rule)}.md__btn,.md__d:nth-child(odd) .md__btn{gap:6px;padding:18px 40px 20px 0}.md__mark{right:4px}}