.text-toc{padding-top:0}@media(min-width:1280px){.text-toc-intro{border:1px solid oklch(from var(--text-muted) l c h/.2);border-left:none;border-right:none}}.text-toc-intro .hl--2{font-size:var(--fs-h2-big);font-weight:700;letter-spacing:0}.text-toc-intro .hl--3{font-size:var(--fs-h2)!important}.text-toc-intro .bodytext{font-size:var(--fs-s)}@media(min-width:1280px){.text-toc-intro .bodytext{max-width:100%}}.text-toc-intro .bodytext>*{font-size:var(--fs-body)}.text-toc .grid{gap:var(--gapH);padding-bottom:var(--gapD);padding-top:var(--gapD)}@media(min-width:1280px){.text-toc .grid{gap:var(--gapD);padding-top:var(--gapD)}}.text-toc .grid--main{--grid-gap: var(--gapD);padding-bottom:0;padding-left:var(--gap)}@media(max-width:1279px){.text-toc .grid--main{padding-top:0}}@media(min-width:768px){.text-toc .grid--main{padding-left:0}}.text-toc .grid--main .col--left{display:none;position:relative}@media(min-width:1280px){.text-toc .grid--main .col--left{display:block}}.text-toc .grid--main .col--right>.bodytext{font-family:var(--ff);font-size:var(--fs-s);font-weight:300;letter-spacing:.02em;margin-top:0;padding:var(--gap) 0}.text-toc .grid--main .col--right>.bodytext a:hover{color:var(--green-highlight)}@media(min-width:768px){.text-toc .grid--main .col--right>.bodytext{padding:var(--gapH) 0}}.text-toc .grid--main .col--right>.bodytext{--top-pos: 0}.text-toc .grid--main .col--right>.bodytext:first-child{margin-top:calc(var(--gap) * -1)}@media(min-width:768px){.text-toc .grid--main .col--right>.bodytext:first-child{margin-top:calc(var(--gapH) * -1)}}.text-toc .grid--main .col--right>.bodytext:first-child .hl.hl--3{margin-top:0}.text-toc .grid--main .col--right>.bodytext .line{border-left:1px solid var(--green-highlight);bottom:0;content:"";display:block;font-size:var(--fs-h3);left:calc(var(--gap) * -1);margin:0;opacity:1;position:absolute;scale:0 0;top:var(--top-pos);transform-origin:top;transition:scale .5s var(--slowOut1),opacity .5s var(--slowOut1);width:0}.text-toc .grid--main .col--right>.bodytext:before,.text-toc .grid--main .col--right>.bodytext:after{border-bottom:1px solid var(--green-highlight);content:"";height:0;left:calc(var(--gap) * -1);position:absolute;scale:0 0;top:0;transform-origin:right;transition:scale .25s var(--wobble1);width:1.618em}.text-toc .grid--main .col--right>.bodytext:after{bottom:0;top:auto;transform-origin:left}.text-toc .grid--main .col--right>.bodytext:has(.is--active) .line{opacity:1;scale:1 1;transition:scale .75s var(--slowOut1_inv),opacity .25s var(--slowOut1_inv)}.text-toc .grid--main .col--right>.bodytext:has(.is--active):before,.text-toc .grid--main .col--right>.bodytext:has(.is--active):after{scale:1 1;transition-delay:.2s}.text-toc .grid--main .col--right>.bodytext:has(.is--active):after{transition-delay:.75s}.text-toc .grid--main .col--right>.bodytext .hl--3{align-items:center;display:flex;font-size:var(--fs-h2);transition:color .5s ease}.text-toc .grid--main .col--right>.bodytext .hl--3 .title{display:block;margin-top:-.225em}.text-toc .grid--main .col--right>.bodytext .hl--3 .title-divider{margin:0 .25em}.text-toc .grid--main .col--right>.bodytext .hl--3 .phase{font-family:var(--ff-dot);font-weight:100;left:calc(var(--gapD) * -1);letter-spacing:.1em;position:absolute;transform:translate(-100%)}.text-toc .grid--main .col--right>.bodytext .hl--3.only-number .phase-number{font-size:3em;opacity:.5}.text-toc .grid--main .col--right>.bodytext .hl--3.is--active{color:var(--green-highlight)}.text-toc .grid--main .col--right>.bodytext .hl--3.is--active .phase{color:var(--text-muted-light-2)}.text-toc .grid--main .col--right>.bodytext .hl--3.is--active.only-number .phase-number{opacity:1}@media(min-width:768px){.text-toc .toc-nav{font-family:var(--ff-mono);font-size:var(--fs-s);min-width:50%;opacity:0;padding:var(--gapH);position:sticky;top:var(--pbp);transition:opacity .5s var(--slowOut1),translate .5s var(--slowOut1);translate:0 var(--gap);width:-moz-fit-content;width:fit-content}.text-toc .toc-nav.iv{opacity:1;transition-delay:1s;translate:0 0}.text-toc .toc-nav .edge{--edge-width: 1em}}.text-toc .toc-nav-phase{color:var(--text-muted);display:block;font-family:var(--ff-dot);font-size:var(--fs-s);font-weight:100;letter-spacing:.1em;text-transform:uppercase;transition:scale .2s var(--wobble1)}.text-toc .toc-nav-title{align-items:center;display:flex;gap:1em}.text-toc .toc-nav-title:after{background-color:var(--text-muted);flex:1;height:1px;opacity:0;scale:0 1;transform-origin:left;transition:opacity .5s .5s var(--cub1),scale .35s .5s var(--cub1)}.text-toc .toc-nav ul{display:flex;flex-direction:column;font-size:1em;gap:.75em}.text-toc .toc-nav li{margin-top:0;padding-left:0}.text-toc .toc-nav li:before{content:none}.text-toc .toc-nav li:last-of-type a:after{content:none}.text-toc .toc-nav a{display:flex;flex-direction:column;gap:.25em;position:relative}.text-toc .toc-nav a:hover{color:var(--green-highlight)}.text-toc .toc-nav a:after{background-color:oklch(from var(--text-muted) l c h/.125);content:"";display:block;height:.5px;left:0;margin-top:.5em;width:100%}.text-toc .toc-nav a.only-number{flex-flow:row wrap}.text-toc .toc-nav a.only-number .phase-number{color:var(--green-highlight);font-family:var(--ff);font-weight:600;padding-right:.5em}.text-toc .toc-nav a.is--active{color:var(--green-highlight)}.text-toc .toc-nav a.is--active .toc-nav-phase{scale:1.5 1.5}.text-toc .toc-nav a.is--active .toc-nav-title:after{opacity:.25;scale:1 1}.text-toc+.divider{margin-top:calc(var(--gap) * -1)}body:has(.text-toc .grid--main.iv) .canvas-container{opacity:.6!important}