.note{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.note-masthead{flex-direction:column;grid-area:1/1/auto/7;justify-content:center;padding-block:36px 52px;display:flex}.note .note-title{font-size:var(--text-h1);line-height:var(--text-h1--line-height);letter-spacing:var(--text-h1--letter-spacing);font-weight:var(--text-h1--font-weight);margin-top:22px}.note-lead{max-width:34ch;margin-top:28px}.note-article{grid-area:1/1/3/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;pointer-events:none;display:grid}.note-article>*{pointer-events:auto}.note-cover{flex-direction:column;grid-area:1/7/auto/13;min-height:max(620px,100svh - 136px);margin-top:32px;display:flex;position:relative;overflow:clip}.note-cover-inner{flex-direction:column;flex:1;padding:36px 36px 0;display:flex}.note-byline{font-size:var(--text-small);line-height:var(--text-small--line-height);letter-spacing:var(--text-small--letter-spacing)}.note-post-title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);text-wrap:balance;margin-top:28px}.note-post-description{font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);max-width:40ch;margin-top:24px}.note-prism{align-self:flex-end;width:min(80%,340px);margin-top:auto;margin-right:-12px}.note-reading{grid-area:2/1/auto/-1;grid-template-columns:subgrid;padding-block:clamp(80px,9vw,128px) clamp(96px,11vw,160px);display:grid}.note-index{grid-column:1/4;align-self:start;position:sticky;top:112px}.note-index li{position:relative}.note-index-link{font-size:var(--text-small);line-height:var(--text-small--line-height);letter-spacing:var(--text-small--letter-spacing);min-height:44px;color:var(--text-2);align-items:center;padding-block:6px;display:flex}@media (hover:hover){.note-index-link:hover{color:var(--text)}}.note-index-bar{background:var(--accent);transform-origin:0;height:2px;display:none;position:absolute;bottom:2px;left:0;right:24px}.note-prose{grid-column:5/13;grid-template-columns:subgrid;align-content:start;display:grid}.note-section{grid-column:1/-1;grid-template-columns:subgrid;align-content:start;scroll-margin-top:104px;display:grid}.note-section+.note-section{margin-top:clamp(96px,10vw,148px)}.note-h{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);text-wrap:balance}.note-body{font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);max-width:62ch;color:var(--text-2)}.note-footer{grid-column:1/-1;margin-top:48px}.note-fork>*{grid-column:1/-1}.note-fork .note-h{font-size:var(--text-h1);line-height:var(--text-h1--line-height);letter-spacing:var(--text-h1--letter-spacing);font-weight:var(--text-h1--font-weight);max-width:15ch}.note-fork-band{height:50px;margin-top:clamp(28px,3vw,44px);position:relative}.note-fork-stem{background:var(--text);transform-origin:0;width:28%;height:1px;position:absolute;top:3px;left:0}.note-fork-joint{background:var(--text-2);transform-origin:top;width:1px;height:43px;position:absolute;top:3px;left:28%}.note-fork-lane{left:28%;top:calc(var(--i) * 14px);width:calc(var(--len) * 1%);height:7px;position:absolute}.note-fork-line{background:var(--text-2);transform-origin:0;height:1px;position:absolute;top:3px;left:0;right:7px}.note-fork-node{background:var(--accent);width:7px;height:7px;position:absolute;top:0;right:0}.note-fork .note-body{font-size:var(--text-lead);line-height:var(--text-lead--line-height);letter-spacing:var(--text-lead--letter-spacing);color:var(--text);grid-column:2/-1;margin-top:clamp(28px,3vw,44px)}.note-merge .note-head{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid}.note-merge-fig{aspect-ratio:1;grid-column:1/3;width:104px;margin-top:4px;margin-bottom:-64px;position:relative}.note-merge-a,.note-merge-b{aspect-ratio:1;width:70%;position:absolute}.note-merge-a{border:1px solid var(--text);top:0;left:0}.note-merge-b{--mx:56px;border:1px solid var(--text-2);top:30%;left:30%}.note-merge-spot{background:var(--accent);width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.note-merge-gate{width:1px;height:1px;position:absolute;bottom:0;left:0}.note-merge .note-h{grid-column:3/-1}.note-merge .note-body{grid-column:3/-1;margin-top:22px}.note-check{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:24px;padding:clamp(40px,4.4vw,64px)}.note-check>*{grid-column:1/-1}.note-check-wire{height:50px;position:relative}.note-check-author{background:var(--text);width:11px;height:11px;position:absolute;top:0;left:0}.note-check-line{background:var(--text);transform-origin:0;width:calc(60% - 11px);height:1px;position:absolute;top:5px;left:11px}.note-check-rival{background:var(--accent);width:17px;height:17px;position:absolute;top:5px;left:60%;translate:-50% -50%;rotate:45deg}.note-check-approve{background:var(--text);transform-origin:0;height:1px;position:absolute;top:5px;left:calc(60% + 14px);right:0}.note-check-drop{background:var(--text-2);transform-origin:top;width:1px;height:28px;position:absolute;top:17px;left:60%}.note-check-return{background:var(--text-2);transform-origin:100%;width:calc(60% - 11px);height:1px;position:absolute;top:44px;left:11px}.note-check-back{border:1px solid var(--text-2);width:11px;height:11px;position:absolute;top:39px;left:0}.note-check .note-h{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);grid-column:1/7;margin-top:clamp(32px,3.4vw,48px)}.note-check .note-body{color:var(--text);grid-column:3/-1;margin-top:28px}.note-pool>*{grid-column:1/7}.note-pool-row{--obj:clamp(104px, 13.5vw, 196px);grid-column:1/-1;align-items:flex-end;gap:clamp(4px,1.2vw,18px);display:flex;position:relative}.note-pool-row img{width:var(--obj);height:auto;margin-bottom:calc(var(--foot) * var(--obj) * -1)}.note-pool-row img:first-child{margin-left:calc(var(--obj) * -.2)}.note-pool-base{height:7px;position:absolute;bottom:-3px;left:0;right:0}.note-pool-line{background:var(--text-2);transform-origin:0;height:1px;position:absolute;top:3px;left:0;right:16px}.note-pool-node{background:var(--accent);width:7px;height:7px;position:absolute;top:0;right:0}.note-pool .note-h{grid-column:1/6;margin-top:40px}.note-pool .note-body{margin-top:20px}.note-voice .note-head{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.note-wave{grid-column:1/4;justify-self:end;align-items:center;gap:5px;height:64px;display:flex}:is(.note-wave,.note-cap)>span{width:3px;height:calc(var(--h) * 100%);background:var(--text-2);flex:none}.note-voice .note-h{grid-column:4/-1}.note-voice .note-body{grid-column:4/-1;margin-top:22px}.note-cap{display:none}.note-next .note-head{grid-column:1/-1;align-items:center;gap:28px;display:flex}.note-next .note-h{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);flex:none}.note-horizon{flex:1 1 0;min-width:64px;height:13px;position:relative}.note-horizon-line{background:var(--text-2);transform-origin:0;height:1px;position:absolute;top:6px;left:0;right:13px}.note-horizon-end{border:1px solid var(--text);width:13px;height:13px;position:absolute;top:0;right:0}.note-next .note-body{grid-column:1/6;margin-top:26px}@keyframes note-read{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes note-cover{0%{transform:translateY(40px)}}@keyframes note-slide{0%{opacity:0;transform:translateX(var(--sx,-16px))}}@keyframes note-drop{0%{opacity:0;transform:translateY(-30px)}}@keyframes note-pop{0%{opacity:0;transform:scale(var(--ps,.4))}}@keyframes note-merge{0%{opacity:0;transform:translate(var(--mx), -24px)}30%{opacity:1}}@keyframes note-wave{0%{transform:scaleY(.08)}}@keyframes note-uncover{0%{transform:translate(0)}to{transform:translate(101%)}}@media screen and (prefers-reduced-motion:no-preference){.note-kicker{animation:r7-soft .6s var(--ease-enter) backwards}.note-title>span:first-child{--lx:-.08em;--ly:0;animation:r7-line 1s var(--ease-enter) backwards}.note-title>span:nth-child(2){--lx:.1em;--ly:0;animation:r7-line 1.1s var(--ease-enter) 80ms backwards}.note-title>span:nth-child(3){--lx:.16em;--ly:0;animation:r7-line 1.2s var(--ease-enter) .16s backwards}.note-lead{animation:r7-soft .7s var(--ease-enter) .38s backwards}.note-cover{animation:note-cover .9s var(--ease-enter) .16s backwards}.note-cover-inner>:not(.note-prism){--ry:18px;animation:r7-soft .76s var(--ease-enter) calc(.48s + var(--n,0) * .11s) backwards}.note-post-title{--n:1}.note-post-description{--n:2}.note-prism{--or:-14deg;animation:r7-object 1.4s var(--ease-enter) .7s backwards}.note-index li[data-reveal=armed]{opacity:0}.note-index li[data-reveal=in]{--ry:8px;animation:r7-rise .46s var(--ease-enter) calc(var(--i) * 60ms) backwards}.note-fork .note-h[data-reveal=armed]{opacity:0}.note-fork .note-h[data-reveal=in]{--sx:-.3em;animation:note-slide .76s var(--ease-enter) backwards}.note-fork-band[data-reveal=armed] :is(.note-fork-stem,.note-fork-line){transform:scaleX(0)}.note-fork-band[data-reveal=armed] .note-fork-joint{transform:scaleY(0)}.note-fork-band[data-reveal=armed] .note-fork-node{opacity:0}.note-fork-band[data-reveal=in] .note-fork-stem{animation:r7-draw-x .46s var(--ease-state) .16s backwards}.note-fork-band[data-reveal=in] .note-fork-joint{animation:r7-draw-y .22s var(--ease-state) .58s backwards}.note-fork-band[data-reveal=in] .note-fork-line{animation:r7-draw-x .68s var(--ease-enter) calc(.66s + var(--i) * 90ms) backwards}.note-fork-band[data-reveal=in] .note-fork-node{animation:note-pop .26s var(--ease-burst) calc(1.12s + var(--i) * 90ms) backwards}.note-fork .note-body[data-reveal=armed]{opacity:0}.note-fork .note-body[data-reveal=in]{--ry:16px;animation:r7-rise .76s var(--ease-enter) .24s backwards}.note-merge-gate[data-reveal=armed]~*{opacity:0}.note-merge-gate[data-reveal=in]~.note-merge-a{animation:r7-fade .32s var(--ease-enter) backwards}.note-merge-gate[data-reveal=in]~.note-merge-b{animation:note-merge .86s var(--ease-state) .12s backwards}.note-merge-gate[data-reveal=in]~.note-merge-spot{animation:note-pop .3s var(--ease-burst) .98s backwards}.note-merge .note-head[data-reveal=armed] .note-h{opacity:0}.note-merge .note-head[data-reveal=in] .note-h{--ry:12px;animation:r7-rise .7s var(--ease-enter) .16s backwards}.note-merge .note-body[data-reveal=armed]{opacity:0}.note-merge .note-body[data-reveal=in]{animation:r7-fade .72s var(--ease-state) .2s backwards}.note-check-wire[data-reveal=armed] :is(.note-check-author,.note-check-rival,.note-check-back){opacity:0}.note-check-wire[data-reveal=armed] :is(.note-check-line,.note-check-approve,.note-check-return){transform:scaleX(0)}.note-check-wire[data-reveal=armed] .note-check-drop{transform:scaleY(0)}.note-check-wire[data-reveal=in] .note-check-author{animation:r7-fade .3s var(--ease-enter) backwards}.note-check-wire[data-reveal=in] .note-check-line{animation:r7-draw-x .56s var(--ease-state) .12s backwards}.note-check-wire[data-reveal=in] .note-check-rival{--ss:1.7;animation:r7-stamp .34s var(--ease-burst) .64s backwards}.note-check-wire[data-reveal=in] .note-check-approve{animation:r7-draw-x .52s var(--ease-enter) .92s backwards}.note-check-wire[data-reveal=in] .note-check-drop{animation:r7-draw-y .2s var(--ease-state) .92s backwards}.note-check-wire[data-reveal=in] .note-check-return{animation:r7-draw-x .56s var(--ease-enter) 1.1s backwards}.note-check-wire[data-reveal=in] .note-check-back{animation:note-pop .26s var(--ease-burst) 1.6s backwards}.note-check :is(.note-h,.note-body)[data-reveal=armed]{opacity:0}.note-check .note-h[data-reveal=in]{--ry:18px;animation:r7-rise .7s var(--ease-enter) .9s backwards}.note-check .note-body[data-reveal=in]{--ry:12px;animation:r7-rise .64s var(--ease-enter) 1s backwards}.note-pool-row[data-reveal=armed] img{opacity:0}.note-pool-row[data-reveal=in] img{animation:note-drop .72s var(--ease-enter) calc(var(--i) * .12s) backwards}.note-pool-base[data-reveal=armed] .note-pool-node{opacity:0}.note-pool-base[data-reveal=armed] .note-pool-line{transform:scaleX(0)}.note-pool-base[data-reveal=in] .note-pool-line{animation:r7-draw-x .76s var(--ease-state) .3s backwards}.note-pool-base[data-reveal=in] .note-pool-node{animation:note-pop .28s var(--ease-burst) 1.02s backwards}.note-pool :is(.note-h,.note-body)[data-reveal=armed]{opacity:0}.note-pool .note-h[data-reveal=in]{--sx:-18px;animation:note-slide .7s var(--ease-enter) .22s backwards}.note-pool .note-body[data-reveal=in]{--sx:-12px;animation:note-slide .7s var(--ease-enter) .32s backwards}.note-voice .note-head[data-reveal=armed] .note-wave>span,.note-voice .note-body[data-reveal=armed] .note-cap>span{transform:scaleY(.08)}.note-voice .note-head[data-reveal=armed] .note-h{opacity:0}.note-voice .note-head[data-reveal=in] .note-wave>span{animation:note-wave .52s var(--ease-enter) calc(var(--i) * 32ms) backwards}.note-voice .note-head[data-reveal=in] .note-h{--sx:16px;animation:note-slide .7s var(--ease-enter) .28s backwards}.note-voice .note-body[data-reveal=in] .note-cap>span{animation:note-wave .48s var(--ease-enter) calc(var(--i) * 28ms) backwards}.note-voice .note-body[data-reveal]{position:relative;overflow:clip}.note-voice .note-body[data-reveal]:after{content:"";background:var(--bg);pointer-events:none;position:absolute;inset:0;transform:translate(101%)}.note-voice .note-body[data-reveal=armed]:after{transform:none}.note-voice .note-body[data-reveal=in]:after{animation:note-uncover .76s var(--ease-state) .12s backwards}.note-next .note-head[data-reveal=armed] :is(.note-h,.note-horizon-end){opacity:0}.note-next .note-head[data-reveal=armed] .note-horizon-line{transform:scaleX(0)}.note-next .note-head[data-reveal=in] .note-h{--ry:16px;animation:r7-rise .72s var(--ease-enter) backwards}.note-next .note-head[data-reveal=in] .note-horizon-line{animation:r7-draw-x var(--dur-beat) var(--ease-state) .24s backwards}.note-next .note-head[data-reveal=in] .note-horizon-end{--ps:.5;animation:note-pop .36s var(--ease-enter) .98s backwards}.note-next .note-body[data-reveal=armed]{opacity:0}.note-next .note-body[data-reveal=in]{--ry:14px;animation:r7-rise .7s var(--ease-enter) .24s backwards}.note-footer>[data-reveal=armed]{opacity:0}.note-footer>[data-reveal=in]{--sx:-14px;animation:note-slide .56s var(--ease-enter) calc(var(--i) * 90ms) backwards}html[data-motion=lite] .note-voice .note-body[data-reveal]:after{content:none}html[data-motion=lite] .note-voice .note-body[data-reveal=armed]{opacity:0}html[data-motion=lite] .note-voice .note-body[data-reveal=in]{animation:r7-fade .6s var(--ease-enter) .12s backwards}@media not all and (min-width:768px){.note-voice .note-head[data-reveal=in] .note-h{animation-delay:0s}.note-voice .note-body[data-reveal=in]:after{animation-delay:.2s}}}@supports (animation-timeline:view()) and (timeline-scope:--a){.note-reading{timeline-scope:--post-0, --post-1, --post-2, --post-3, --post-4, --post-5}.note-section:first-child{view-timeline-name:--post-0}.note-section:nth-child(2){view-timeline-name:--post-1}.note-section:nth-child(3){view-timeline-name:--post-2}.note-section:nth-child(4){view-timeline-name:--post-3}.note-section:nth-child(5){view-timeline-name:--post-4}.note-section:nth-child(6){view-timeline-name:--post-5}@media screen and (prefers-reduced-motion:no-preference){.note-index-bar{animation:linear both note-read;animation-range:cover 20% cover 70%;display:block}.note-index li:first-child .note-index-bar{animation-timeline:--post-0}.note-index li:nth-child(2) .note-index-bar{animation-timeline:--post-1}.note-index li:nth-child(3) .note-index-bar{animation-timeline:--post-2}.note-index li:nth-child(4) .note-index-bar{animation-timeline:--post-3}.note-index li:nth-child(5) .note-index-bar{animation-timeline:--post-4}.note-index li:nth-child(6) .note-index-bar{animation-timeline:--post-5}}}@media (min-width:1280px){.note-fork .note-body{grid-column:3/-1;max-width:30em}}@media not all and (min-width:1280px){.note-merge-b{--mx:32px}}@media not all and (min-width:1024px){.note-merge-b{--mx:14px}}@media (not (min-width:1280px)) and (min-width:768px){.note-voice .note-body{grid-column:3/-1}.note-next .note-body{grid-column:1/8}.note-pool>*{grid-column:1/-1}.note-check .note-body{grid-column:2/-1}}@media (not (min-width:1024px)) and (min-width:768px){.note-masthead{grid-column:1/7}.note-cover{grid-column:7/13}.note-index{grid-column:1/5}.note-fork .note-body{grid-column:1/-1}.note-merge .note-body,.note-voice .note-body{grid-column:2/-1}.note-check .note-body{grid-column:1/-1}.note-merge-fig{width:80px;margin-bottom:0}.note-wave{gap:4px}}@media not all and (min-width:768px){.note,.note-article{display:block}.note-masthead{padding-block:24px 36px}.note .note-title{margin-top:16px}.note-lead{margin-top:22px}.note-cover{min-height:0;margin-top:0}.note-cover-inner{padding:28px 20px 0}.note-prism{width:200px;margin:16px -8px 0 auto}.note-reading{padding-top:48px;display:block}.note-index{margin-bottom:56px;position:static}.note-prose,.note-section{display:block}.note-section+.note-section{margin-top:88px}.note-footer{margin-top:40px}.note-fork-band{margin-top:24px}.note-fork .note-body{margin-top:28px}.note-merge .note-head{grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:20px;display:grid}.note-merge .note-head>*{grid-column:auto}.note-merge-fig{width:72px;margin-block:0}.note-merge .note-body{margin-top:20px}.note-check{margin-inline:calc(var(--spacing-margin) * -1);padding:40px var(--spacing-margin) 44px;display:block}.note-check .note-h{margin-top:28px}.note-check .note-body{margin-top:20px}.note-pool-row{--obj:clamp(92px, 30vw, 150px);gap:0}.note-pool-row img:first-child{margin-left:calc(var(--obj) * -.16)}.note-pool .note-h{margin-top:32px}.note-pool .note-body{margin-top:18px}.note-voice .note-head{display:block}.note-voice .note-head .note-wave{display:none}.note-cap{z-index:1;float:left;align-items:center;gap:4px;height:46px;margin:4px 16px 0 0;display:flex;position:relative}.note-voice .note-body{margin-top:18px}.note-next .note-head{flex-wrap:wrap;row-gap:18px}.note-next .note-body{margin-top:22px}}
