/* generated by tools/tree.py; do not edit by hand.
   Per-ring values (--o tone, --i load order, --s/--e scroll range) are set by ring position below.
   They must not be inline style="" attributes: the site's CSP is style-src 'self', which makes
   browsers drop inline styles, and the tree then renders every ring at full tone with no growth. */
.tree path:nth-of-type(1){--o:1.00;--i:0}
.tree path:nth-of-type(2){--o:0.99;--i:1}
.tree path:nth-of-type(3){--o:0.99;--i:2}
.tree path:nth-of-type(4){--o:0.98;--i:3}
.tree path:nth-of-type(5){--o:0.97;--i:4}
.tree path:nth-of-type(6){--o:0.96;--i:5}
.tree path:nth-of-type(7){--o:0.96;--i:6}
.tree path:nth-of-type(8){--o:0.95;--i:7}
.tree path:nth-of-type(9){--o:0.94;--i:8}
.tree path:nth-of-type(10){--o:0.93;--i:9;--s:24px;--e:81px}
.tree path:nth-of-type(11){--o:0.93;--i:10;--s:71px;--e:128px}
.tree path:nth-of-type(12){--o:0.92;--i:11;--s:119px;--e:176px}
.tree path:nth-of-type(13){--o:0.91;--i:12;--s:166px;--e:223px}
.tree path:nth-of-type(14){--o:0.90;--i:13;--s:214px;--e:271px}
.tree path:nth-of-type(15){--o:0.90;--i:14;--s:261px;--e:318px}
.tree path:nth-of-type(16){--o:0.89;--i:15;--s:309px;--e:366px}
.tree path:nth-of-type(17){--o:0.88;--i:16;--s:356px;--e:413px}
.tree path:nth-of-type(18){--o:0.88;--i:17;--s:404px;--e:461px}
.tree path:nth-of-type(19){--o:0.87;--i:18;--s:451px;--e:508px}
.tree path:nth-of-type(20){--o:0.86;--i:19;--s:499px;--e:556px}
.tree path:nth-of-type(21){--o:0.85;--i:20;--s:546px;--e:603px}
.tree path:nth-of-type(22){--o:0.85;--i:21;--s:594px;--e:651px}
.tree path:nth-of-type(23){--o:0.84;--i:22;--s:641px;--e:698px}
.tree path:nth-of-type(24){--o:0.83;--i:23;--s:689px;--e:746px}
.tree path:nth-of-type(25){--o:0.82;--i:24;--s:736px;--e:760px}
.tree .seg{fill:none;stroke:currentColor;stroke-width:var(--w);stroke-linecap:round;stroke-linejoin:round}
.tree .ring{opacity:var(--o)}
.tree .band{fill:currentColor;opacity:var(--o)}
.tree .band--b{opacity:calc(var(--o) * .42)}
.tree .pith{fill:none;stroke:currentColor;stroke-width:4.5;opacity:.6}
.tree--heart .grow{display:none}
@supports (animation-timeline: scroll()) {
  .tree--grow .grow{opacity:0;animation:tree-fade linear both;animation-timeline:scroll(root);animation-range:var(--s) var(--e)}
  @keyframes tree-fade{from{opacity:0}to{opacity:var(--o)}}
  .tree--grow .band--b.grow{animation-name:tree-fade-b}
  @keyframes tree-fade-b{from{opacity:0}to{opacity:calc(var(--o) * .42)}}
}
/* static: complete, no motion (section landings, Our capital) */
.tree--static .grow{opacity:var(--o)}
/* load: the whole tree grows from the pith on page load, ring by ring, about four seconds */
.tree--load .band{opacity:0;animation:tree-fade .9s cubic-bezier(.2,.6,.2,1) both;animation-delay:calc(var(--i) * 110ms)}
.tree--load .band--b{animation-name:tree-fade-b}
.tree--load .pith{opacity:0;animation:tree-fade-pith .8s ease-out both}
@keyframes tree-fade-pith{from{opacity:0}to{opacity:.6}}
/* letters: the heart plus one ring per letter published */
.tree--letters .grow{display:none}
.tree--letters-1 .band.grow:nth-of-type(-n+10){display:block;opacity:var(--o)}
.tree--letters-2 .band.grow:nth-of-type(-n+11){display:block;opacity:var(--o)}
.tree--letters-3 .band.grow:nth-of-type(-n+12){display:block;opacity:var(--o)}
.tree--letters-4 .band.grow:nth-of-type(-n+13){display:block;opacity:var(--o)}
.tree--letters-5 .band.grow:nth-of-type(-n+14){display:block;opacity:var(--o)}
.tree--letters-6 .band.grow:nth-of-type(-n+15){display:block;opacity:var(--o)}
.tree--letters-7 .band.grow:nth-of-type(-n+16){display:block;opacity:var(--o)}
.tree--letters-8 .band.grow:nth-of-type(-n+17){display:block;opacity:var(--o)}
.tree--letters-9 .band.grow:nth-of-type(-n+18){display:block;opacity:var(--o)}
.tree--letters-10 .band.grow:nth-of-type(-n+19){display:block;opacity:var(--o)}
.tree--letters-11 .band.grow:nth-of-type(-n+20){display:block;opacity:var(--o)}
.tree--letters-12 .band.grow:nth-of-type(-n+21){display:block;opacity:var(--o)}
.tree--letters-13 .band.grow:nth-of-type(-n+22){display:block;opacity:var(--o)}
.tree--letters-14 .band.grow:nth-of-type(-n+23){display:block;opacity:var(--o)}
.tree--letters-15 .band.grow:nth-of-type(-n+24){display:block;opacity:var(--o)}
.tree--letters-16 .band.grow:nth-of-type(-n+25){display:block;opacity:var(--o)}
.tree--letters-17 .band.grow:nth-of-type(-n+26){display:block;opacity:var(--o)}
.tree--letters-18 .band.grow:nth-of-type(-n+27){display:block;opacity:var(--o)}
.tree--letters-19 .band.grow:nth-of-type(-n+28){display:block;opacity:var(--o)}
.tree--letters-20 .band.grow:nth-of-type(-n+29){display:block;opacity:var(--o)}
.tree--letters-21 .band.grow:nth-of-type(-n+30){display:block;opacity:var(--o)}
.tree--letters-22 .band.grow:nth-of-type(-n+31){display:block;opacity:var(--o)}
.tree--letters-23 .band.grow:nth-of-type(-n+32){display:block;opacity:var(--o)}
.tree--letters-24 .band.grow:nth-of-type(-n+33){display:block;opacity:var(--o)}
/* mark: the heart alone, small, full tone */
.tree--mark .band{opacity:var(--o)}
@media (prefers-reduced-motion: reduce){.tree--grow .grow,.tree--load .band,.tree--load .pith{animation:none;opacity:var(--o)}.tree--load .pith{opacity:.6}}