.gphotos{--gph-h:88px;--gph-h-sm:72px;gap:var(--s5);margin:var(--s2) 0 var(--s2);display:grid}.gphotos__row{align-content:start;align-items:start;gap:var(--s5) var(--s3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.gphoto{width:var(--gph-w);gap:8px;max-width:100%;margin:0;display:grid}.gphoto .photo{display:block}.gphoto .photo img{height:var(--gph-h);background:var(--graphite);border-radius:8px;width:auto;max-width:100%;display:block}.gphoto figcaption{letter-spacing:.005em;color:var(--text-3);max-width:calc(18 * var(--ch));font-size:12px;line-height:1.35}.gphotos__line{align-items:start;gap:var(--s3);margin:0;padding:0;list-style:none;display:flex}@media (min-width:601px){.gphotos__line>li{flex:var(--gph-r) 1 0;min-width:0}.gphotos__line .gphoto{width:auto}.gphotos__line .gphoto .photo img{width:100%;height:auto}}@media (max-width:600px){.gphotos{align-content:start;align-items:start;gap:var(--s4) var(--s3);flex-wrap:wrap;display:flex}.gphotos__row,.gphotos__line{display:contents}.gphoto{width:var(--gph-w-sm)}.gphoto .photo img{height:var(--gph-h-sm)}}
.timeline{--tread-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14'%3E%3Cpath d='M0 12 L5 4 L10 12' fill='none' stroke='white' stroke-width='2.4'/%3E%3C/svg%3E");--rail-x:13px;--indent:56px;padding-left:var(--indent);gap:0;display:grid;position:relative}.timeline__track{left:calc(var(--rail-x) - 5px);background:#ffffff08;border-radius:5px;width:10px;position:absolute;top:10px;bottom:10px;overflow:hidden}.timeline__track:before{content:"";background-image:var(--tread-v);opacity:.14;background-size:10px 14px;position:absolute;inset:0}.timeline__fill{height:var(--p,100%);background:linear-gradient(180deg, var(--yellow-dim), var(--yellow));position:absolute;top:0;left:0;right:0}.gen{gap:var(--s4);padding-block:var(--s6) clamp(60px, 11vh, 110px);display:grid;position:relative}.gen:last-child{padding-bottom:0}.gen:before{content:"";left:calc(var(--rail-x) - var(--indent) - 8px);top:calc(var(--s6) + 6px);background:var(--void);border:1.5px solid var(--line-3);border-radius:50%;width:16px;height:16px;position:absolute}.gen.is-reached:before{border-color:var(--yellow);background:var(--yellow)}.gen__meta{gap:var(--s3);align-items:center;display:flex}.gen__year{letter-spacing:-.03em;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(40px,4.4vw,64px);font-weight:720;font-stretch:125%;line-height:1}.gen .body{max-width:calc(40 * var(--ch));color:var(--text-2);font-size:clamp(18px,1.5vw,21px);line-height:1.5}@media (max-width:900px){.timeline{--rail-x:8px;--indent:44px}.gen{padding-bottom:var(--s7)}}@media (max-width:600px){.gen .gphotos{margin-left:-24px;margin-right:calc(var(--gutter) * -1)}}
.tree{margin:var(--s4) 0 0;gap:var(--s4);padding:clamp(20px,2.4vw,28px);display:grid}.tree svg{width:100%;max-width:460px;height:auto;overflow:visible}.tree__cap{color:var(--text-3);margin:0;font-size:13.5px}.tree .ln{fill:none;stroke:var(--steel);stroke-width:1.5px;transition:stroke .4s var(--ease)}.tree .nd{fill:var(--carbon);stroke:var(--line-3);stroke-width:1.5px;transition:fill .4s var(--ease), stroke .4s var(--ease)}.tree .lb{font-family:var(--f-mono);fill:var(--text-3);transition:fill .4s var(--ease);font-size:11.5px}.tree .nm{font-family:var(--f-sans);fill:var(--text-2);transition:fill .4s var(--ease);font-size:14px;font-weight:600}.tree[data-reached~="1"] .g1.nd,.tree[data-reached~="2"] .g2.nd,.tree[data-reached~="3"] .g3.nd{fill:var(--text-2);stroke:var(--text-2)}.tree[data-reached~="2"] .g2.ln,.tree[data-reached~="3"] .g3.ln{stroke:var(--line-3)}.tree[data-active="1"] .g1.nd,.tree[data-active="2"] .g2.nd,.tree[data-active="3"] .g3.nd{fill:var(--yellow);stroke:var(--yellow)}.tree[data-active="1"] .g1.lb,.tree[data-active="2"] .g2.lb,.tree[data-active="3"] .g3.lb{fill:var(--yellow)}.tree[data-active="1"] .g1.nm,.tree[data-active="2"] .g2.nm,.tree[data-active="3"] .g3.nm{fill:var(--text)}