.milestones-page{--trunk-x:50%;--trunk-base:136px;--trunk-gap:248px;--canopy-per-trunk:8.25;--foliage-grade:brightness(.42) saturate(.9) hue-rotate(42deg);--root-grade:brightness(.54);--wood-dim:.46;--bark:#6e523b;--bark-shade:linear-gradient(90deg, #0000006b 0%, #fff4de24 30%, #fff4de0f 44%, #00000024 70%, #00000085 100%);--year-pill:color-mix(in srgb, var(--bark) 40%, #000);--branch:#33261b;--t1:#0f221c;--t2:#18332a;--t3:#234539;--t4:#315c4c;--t5:#4b7c68;--soil-top:#110c08;--soil-mid:#0b0806;--ground-text:color-mix(in srgb, var(--text) 82%, var(--soil-top));--ground-muted:color-mix(in srgb, var(--text) 62%, var(--soil-top));--ground-line:color-mix(in srgb, var(--text) 16%, transparent);--soil-grain:.7;--card-bg:color-mix(in srgb, var(--surface) 90%, transparent);--card-shadow:0 22px 44px -30px #000c;--node-glow:color-mix(in srgb, var(--acid) 22%, transparent);--tree-ease:cubic-bezier(.16, 1, .3, 1);background:var(--bg);flex-direction:column-reverse;display:flex;position:relative;overflow:clip}:root[data-theme=light] .milestones-page{--year-pill:color-mix(in srgb, var(--bark) 78%, #000);--wood-dim:0;--branch:#5e4632;--t1:#3d5c33;--t2:#52773f;--t3:#68904d;--t4:#82a85b;--t5:#a3c170;--soil-top:#cdb995;--soil-mid:#b89f78;--soil-grain:.2;--card-bg:color-mix(in srgb, #fff 74%, var(--surface));--card-shadow:0 22px 44px -30px #2a342673;--foliage-grade:brightness(1) saturate(1) hue-rotate(0deg);--root-grade:brightness(1)}.milestones-sky{--sky-h:clamp(400px, 66vh, 660px);--orbit-angle:11deg;--orbit-reach:1.14;--orbit-ease:cubic-bezier(.65, 0, .35, 1);z-index:0;height:var(--sky-h);isolation:isolate;position:relative;overflow:hidden}@supports (height:1svh){.milestones-sky{--sky-h:clamp(400px, 66svh, 660px)}}.milestones-sky-layer{will-change:opacity;transition:opacity 1.8s;position:absolute;inset:0}.milestones-sky-day{opacity:0;background:radial-gradient(70% 60% at 16% 12%, #fff4d6e6 0%, #fff4d600 60%), linear-gradient(180deg, #9fc9dd 0%, #bcd9e2 36%, #d6e6e4 68%, var(--bg) 100%)}.milestones-sky-night{opacity:1;background:radial-gradient(60% 50% at 84% 12%, #d6c8701f 0%, #d6c87000 60%), linear-gradient(180deg, #01040a 0%, #03101a 38%, #06191b 72%, var(--bg) 100%)}:root[data-theme=light] .milestones-sky-day{opacity:1}:root[data-theme=light] .milestones-sky-night{opacity:0}.milestones-stars{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 46%,#0000 94%);mask-image:linear-gradient(#000 0 46%,#0000 94%)}.milestones-star-dust{opacity:.9;will-change:opacity;background:top/cover no-repeat;transition:opacity 1.2s ease-out .3s;position:absolute;inset:0}.milestones-stars i{opacity:var(--star-glow,.8);transition:opacity 1.1s ease-out var(--star-delay,.4s), transform 1.1s ease-out var(--star-delay,.4s);will-change:opacity;display:block;position:absolute;transform:translate(-50%,-50%)scale(1)}.milestones-stars i:before{content:"";background:radial-gradient(closest-side, #fff 0, var(--star-color,#fff) 32%, color-mix(in srgb, var(--star-color,#fff) 35%, transparent) 58%, transparent 100%);border-radius:50%;position:absolute;inset:-100%}.milestones-stars i.is-mid:before{inset:-150%}.milestones-stars i.is-bright:before{background:radial-gradient(closest-side, #fff 0, #fff 14%, var(--star-color,#fff) 24%, color-mix(in srgb, var(--star-color,#fff) 22%, transparent) 48%, transparent 100%);inset:-260%}.milestones-stars i.is-bright:after{content:"";background:linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--star-color,#fff) 42%, transparent) 50%, transparent 100%) center / 100% 1px no-repeat, linear-gradient(0deg, transparent 0, color-mix(in srgb, var(--star-color,#fff) 42%, transparent) 50%, transparent 100%) center / 1px 100% no-repeat;position:absolute;inset:-700%}.milestones-stars i.is-mid:before,.milestones-stars i.is-bright:before,.milestones-stars i.is-bright:after{animation:milestones-twinkle var(--star-twinkle,5s) ease-in-out calc(var(--star-delay,0s) + 1.1s) infinite}:root[data-theme=light] .milestones-star-dust{opacity:0;transition-duration:.9s;transition-delay:0s}:root[data-theme=light] .milestones-stars i{opacity:0;transition-duration:.9s;transition-delay:0s;transform:translate(-50%,-50%)scale(.4)}:root[data-theme=light] .milestones-stars i:before,:root[data-theme=light] .milestones-stars i:after{animation:none}.milestones-clouds{pointer-events:none;position:absolute;inset:0}.milestones-clouds i{--puff:radial-gradient(closest-side, #fffffff2, #ffffffb3 45%, #fff0);aspect-ratio:3/1.15;background-image:var(--puff), var(--puff), var(--puff), var(--puff), var(--puff);opacity:.06;will-change:transform, opacity;background-position:12% 74%,42% 18%,72% 58%,92% 82%,50% 100%;background-repeat:no-repeat;background-size:40% 74%,48% 98%,38% 70%,30% 54%,94% 50%;transition:opacity 1.8s;animation:110s linear infinite alternate milestones-cloud;display:block;position:absolute}.milestones-clouds i:first-child{width:260px;top:20%;left:4%}.milestones-clouds i:nth-child(2){width:340px;animation-duration:140s;top:28%;left:56%}.milestones-clouds i:nth-child(3){width:200px;animation-duration:120s;animation-direction:alternate-reverse;top:9%;left:74%}.milestones-clouds i:nth-child(4){width:160px;animation-duration:160s;animation-direction:alternate-reverse;top:40%;left:28%}:root[data-theme=light] .milestones-clouds i{opacity:.86}.milestones-orbit{z-index:2;left:50%;bottom:calc(var(--sky-h) * -.3);width:0;height:0;position:absolute}.milestones-orbit-arm{width:0;height:calc(var(--sky-h) * var(--orbit-reach));transform-origin:0 100%;transform:rotate(var(--orbit-angle));transition:transform 1.8s var(--orbit-ease);position:absolute;bottom:0;left:0}:root[data-theme=light] .milestones-orbit-arm{transform:rotate(calc(var(--orbit-angle) * -1))}.milestones-celestial{--body-size:clamp(64px, 7vw, 92px);width:var(--body-size);height:var(--body-size);cursor:pointer;transform:translate(-50%, -50%) rotate(calc(var(--orbit-angle) * -1));transition:transform 1.8s var(--orbit-ease), filter .3s ease;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;top:0;left:0}:root[data-theme=light] .milestones-celestial{transform:translate(-50%, -50%) rotate(var(--orbit-angle))}.milestones-celestial:hover{filter:brightness(1.08)saturate(1.05)}.milestones-celestial:focus-visible{outline:3px solid var(--acid);outline-offset:8px}.milestones-sun,.milestones-moon{will-change:opacity, transform;border-radius:50%;position:absolute;inset:0}.milestones-sun{opacity:0;transition:opacity 1.1s ease-in-out .15s, transform 1.8s var(--orbit-ease);background:radial-gradient(circle at 40% 36%,#fff8dc 0%,#ffe08a 44%,#f6ad48 100%);transform:scale(.72);box-shadow:0 0 0 10px #ffd88033,0 0 0 26px #ffd88014,0 0 80px 24px #ffbe5a66}.milestones-moon{opacity:1;filter:drop-shadow(0 0 22px #f0e6be59);transition:opacity 1.1s ease-in-out .45s, transform 1.8s var(--orbit-ease), -webkit-mask-position 1.2s cubic-bezier(.4, 0, .2, 1) .6s, mask-position 1.2s cubic-bezier(.4, 0, .2, 1) .6s;background:radial-gradient(circle at 36% 62%,#b0a68480 0 7%,#0000 8%),radial-gradient(circle at 54% 34%,#b0a68466 0 5%,#0000 6%),radial-gradient(circle at 32% 30%,#fffbea 0%,#ebe3c6 58%,#cfc49f 100%);transform:scale(.86);-webkit-mask-image:radial-gradient(circle,#0000 0 10%,#000 10.25%);mask-image:radial-gradient(circle,#0000 0 10%,#000 10.25%);-webkit-mask-position:40.7% 58%;mask-position:40.7% 58%;-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-theme=light] .milestones-sun{opacity:1;transition-delay:.7s,0s;transform:scale(1)}:root[data-theme=light] .milestones-moon{opacity:0;transition-delay:.5s,0s,0s,0s;transform:scale(.72);-webkit-mask-position:13.3% 58%;mask-position:13.3% 58%}.milestones-canopy{--canopy-w:calc(var(--trunk-base) * var(--canopy-per-trunk));z-index:2;margin-top:calc(var(--canopy-w) * -.26);pointer-events:none;margin-bottom:-96px;display:grid;position:relative}.milestones-canopy-set{width:var(--canopy-w);margin-left:calc(var(--trunk-x) - var(--canopy-w) / 2);aspect-ratio:1000/560;grid-area:1/1;position:relative}.milestones-canopy-layer{transform-origin:50% 100%;filter:var(--foliage-grade);will-change:transform, filter;transition:filter 1.8s;animation:11s ease-in-out infinite alternate milestones-sway-back;position:absolute;inset:0}.milestones-canopy-wood{filter:var(--root-grade)}.milestones-canopy-front{animation-name:milestones-sway-front;animation-duration:7.5s;animation-delay:-3s}.milestones-canopy-layer img{-webkit-user-select:none;user-select:none;width:124%;max-width:none;height:142.857%;display:block;position:absolute;top:-21.4286%;left:-12%}.milestones-trunk-area{z-index:1;min-height:360px;padding:96px 0 48px;position:relative}.milestones-trunk{--sink:calc(var(--trunk-base) / 6);z-index:1;top:-40px;bottom:calc(-2px - var(--sink));left:var(--trunk-x);width:var(--trunk-base);clip-path:polygon(20% 0, 80% 0, 80.7% 10%, 81.4% 22%, 82.6% 35%, 83.6% 47%, 85.2% 60%, 86.4% 72%, 88.4% 84%, 91% calc(100% - var(--trunk-base) * 1.1), 94% calc(100% - var(--sink) - var(--trunk-base) * .45), 97.4% calc(100% - var(--sink) - var(--trunk-base) * .2), 99.4% calc(100% - var(--sink) - var(--trunk-base) * .05), 100% calc(100% - var(--sink)), 100% 100%, 0 100%, 0 calc(100% - var(--sink)), 0.6% calc(100% - var(--sink) - var(--trunk-base) * .05), 2.6% calc(100% - var(--sink) - var(--trunk-base) * .2), 6% calc(100% - var(--sink) - var(--trunk-base) * .45), 9% calc(100% - var(--trunk-base) * 1.1), 11.6% 84%, 13.4% 72%, 14.6% 60%, 16.6% 47%, 17.2% 35%, 18.4% 22%, 19.4% 10%);background:url(/images/milestones/bark.svg) 0 100% / calc(var(--trunk-base) * .88) calc(var(--trunk-base) * 1.76), var(--bark-shade), var(--bark);background-blend-mode:multiply, normal, normal;position:absolute;transform:translate(-50%)}.milestones-trunk:after{content:"";opacity:var(--wood-dim);will-change:opacity;background:#000;transition:opacity 1.8s;position:absolute;inset:0}.milestones-list{flex-direction:column-reverse;width:min(100% - 48px,1120px);margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.milestone{grid-template-columns:minmax(0, 1fr) var(--trunk-gap) minmax(0, 1fr);padding:14px 0;display:grid;position:relative}.milestone+.milestone{margin-bottom:-76px}.milestone[data-side=right] .milestone-card{grid-column:3;justify-self:start}.milestone[data-side=left] .milestone-card{grid-column:1;justify-self:end}.milestone-branch{z-index:0;top:calc(42px - var(--trunk-gap) * .078125);width:calc(var(--trunk-gap) / 2);height:calc(var(--trunk-gap) * .32);position:absolute}.milestone[data-side=right] .milestone-branch{left:50%}.milestone[data-side=left] .milestone-branch{right:50%;transform:scaleX(-1)}.milestone-branch svg{width:100%;height:100%;transition:clip-path 1s var(--tree-ease) 50ms;display:block;overflow:visible}.milestone-branch .milestone-branch-narrow{display:none}.milestone-leaves{transition:opacity .6s .55s}.milestones-twig-defs{width:0;height:0;position:absolute;overflow:hidden}.milestone-card{z-index:1;border:1px solid var(--line);background:var(--card-bg);width:min(100%,440px);box-shadow:var(--card-shadow);transition:opacity .8s var(--tree-ease), transform .8s var(--tree-ease), border-color .25s ease;border-radius:18px;padding:18px 22px 20px;position:relative}.milestone-card:hover{border-color:color-mix(in srgb, var(--acid) 42%, var(--line))}.milestone-node{border:3px solid var(--acid);background:var(--bg);width:15px;height:15px;box-shadow:0 0 0 5px var(--node-glow);border-radius:50%;position:absolute;top:25px}.milestone[data-side=right] .milestone-node{left:-8px}.milestone[data-side=left] .milestone-node{right:-8px}.milestone-date{background:color-mix(in srgb, var(--acid) 15%, transparent);color:var(--acid);font-variant-numeric:tabular-nums;letter-spacing:.03em;border-radius:999px;padding:4px 12px;font:600 13px/1.4 Georgia,Times New Roman,Songti SC,serif;display:inline-flex}.milestone-card h3{color:var(--text);letter-spacing:.01em;align-items:center;gap:12px;margin:12px 0 0;font:700 clamp(18px,1.5vw,21px)/1.35 Songti SC,Noto Serif SC,Source Han Serif SC,Georgia,serif;display:flex}.milestone-icon{background:color-mix(in srgb, var(--acid) 13%, var(--surface));width:36px;height:36px;color:var(--acid);border-radius:11px;flex:none;place-items:center;display:grid}.milestone-card p{color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.75}.milestones-year{z-index:1;justify-content:center;padding:40px 0 34px;display:flex;position:relative}.milestones-year h2{border:1px solid color-mix(in srgb, var(--acid) 50%, transparent);background:var(--year-pill);color:#f3ead0;letter-spacing:.16em;box-shadow:0 0 0 6px color-mix(in srgb, var(--bg) 70%, transparent);transition:opacity .7s ease, scale .7s var(--tree-ease);border-radius:999px;margin:0;padding:6px 16px;font:600 14px/1.3 Georgia,Times New Roman,serif;position:relative}.milestones-year-ghost{top:50%;right:calc(50% + var(--trunk-gap) / 2 + 24px);color:var(--text);letter-spacing:-.04em;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;font:700 clamp(64px,8vw,112px)/1 Georgia,Times New Roman,serif;position:absolute;transform:translateY(-50%)}.milestones-empty{z-index:1;border:1px dashed var(--line);background:var(--card-bg);width:min(100% - 48px,420px);color:var(--muted);text-align:center;border-radius:16px;margin:80px auto;padding:18px 22px;position:relative}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-card{opacity:0;transform:translateY(-16px)}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-branch svg{clip-path:inset(0 100% 0 0)}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-leaves{opacity:0}.milestones-page[data-reveal=ready] .milestones-year:not(.is-visible) h2{opacity:0;scale:.9}.milestone-branch svg{clip-path:inset(0)}.milestones-ground{--ground-h:560px;z-index:2;min-height:var(--ground-h);--sink:calc(var(--trunk-base) / 6);background:linear-gradient(180deg, transparent 0, transparent var(--sink), color-mix(in srgb, var(--soil-top) 45%, transparent) calc(var(--sink) + 30px), var(--soil-top) calc(var(--sink) + 110px), var(--soil-mid) 62%, color-mix(in srgb, var(--soil-mid) 55%, var(--surface)) 88%, var(--surface) 100%);flex-direction:column;justify-content:flex-end;padding:0 0 clamp(28px,4vh,44px);display:flex;position:relative}.milestones-ground:after{content:"";z-index:-1;opacity:var(--soil-grain);pointer-events:none;background:url(/images/milestones/soil.svg) 0 0/240px 240px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 120px 70%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 120px 70%,#0000 100%)}.milestones-roots{top:0;left:var(--trunk-x);width:calc(var(--trunk-base) * 1000 / 72);filter:var(--root-grade);max-width:none;height:auto;-webkit-mask-image:linear-gradient(180deg, #000 0, #000 calc(var(--ground-h) - 300px), transparent var(--ground-h));-webkit-mask-image:linear-gradient(180deg, #000 0, #000 calc(var(--ground-h) - 300px), transparent var(--ground-h));mask-image:linear-gradient(180deg, #000 0, #000 calc(var(--ground-h) - 300px), transparent var(--ground-h));-webkit-user-select:none;user-select:none;transition:filter 1.8s;position:absolute;transform:translate(-50%)}.milestones-ground-copy{isolation:isolate;text-align:center;justify-items:center;width:min(100% - 48px,640px);margin:0 auto;display:grid;position:relative}.milestones-ground-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--soil-mid) 82%, transparent) 0, color-mix(in srgb, var(--soil-mid) 58%, transparent) 55%, transparent 100%);pointer-events:none;border-radius:50%;position:absolute;inset:-64px -18%}.milestones-ground-copy h1,.milestones-verse{text-shadow:0 2px 18px color-mix(in srgb, var(--soil-mid) 90%, transparent)}.milestones-eyebrow{color:var(--ground-muted);letter-spacing:.42em;margin:0;padding-left:.42em;font:700 11px/1 Avenir Next,PingFang SC,sans-serif}.milestones-ground-copy h1{color:var(--text);letter-spacing:.32em;margin:16px 0 0;padding-left:.32em;font:500 clamp(44px,5.4vw,64px)/1.05 Songti SC,Noto Serif SC,Source Han Serif SC,Georgia,serif}.milestones-verse{max-width:24em;color:var(--ground-text);margin:20px 0 0;font:400 clamp(16px,1.45vw,19px)/1.9 LXGW WenKai Screen,Kaiti SC,STKaiti,KaiTi,serif}.milestones-tally{border-top:1px solid var(--ground-line);width:min(100%,420px);color:var(--ground-muted);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;align-items:baseline;margin:28px 0 0;padding-top:18px;font-size:13px;display:flex}.milestones-tally span+span:before{content:"";vertical-align:middle;opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 14px;display:inline-block}.milestones-tally strong{color:var(--text);font-variant-numeric:tabular-nums;margin-right:4px;font:600 18px/1 Georgia,Times New Roman,serif}.milestones-tally span:first-child strong{margin:0 0 0 4px}@keyframes milestones-twinkle{0%,to{opacity:1;scale:1}45%{opacity:.62;scale:.84}60%{opacity:.9;scale:.96}}@keyframes milestones-cloud{0%{transform:translate(-4vw)}to{transform:translate(6vw)}}@keyframes milestones-sway-back{0%{transform:rotate(-.45deg)}to{transform:rotate(.5deg)}}@keyframes milestones-sway-front{0%{transform:rotate(-.9deg)translate(-2px)}to{transform:rotate(.8deg)translate(2px)}}@media (min-width:700px){.milestones-sky{--orbit-angle:24deg}}@media (min-width:1100px){.milestones-sky{--orbit-angle:28deg}}@media (max-width:1099px) and (min-width:700px){.milestones-page{--trunk-gap:176px;--trunk-base:108px}.milestones-ground{--ground-h:480px}.milestone+.milestone{margin-bottom:-60px}.milestones-year-ghost{font-size:72px}}@media (max-width:699px){.milestones-page{--trunk-x:4px;--trunk-base:96px;--trunk-gap:88px}.milestones-canopy{margin-bottom:-64px}.milestones-trunk-area{padding:64px 0 32px}.milestones-list{width:100%;padding-right:12px}.milestone{grid-template-columns:var(--trunk-gap) minmax(0, 1fr);padding:5px 0}.milestone+.milestone{margin-bottom:0}.milestone[data-side] .milestone-card{grid-column:2;justify-self:stretch;width:100%}.milestone[data-side] .milestone-branch{left:var(--trunk-x);width:calc(var(--trunk-gap) - var(--trunk-x));height:calc((var(--trunk-gap) - var(--trunk-x)) * 40 / 84);top:5.5px;right:auto;transform:none}.milestone-branch .milestone-branch-wide{display:none}.milestone-branch .milestone-branch-narrow{display:block}.milestone-card{border-radius:14px;padding:11px 14px 12px 54px;box-shadow:0 14px 30px -24px #0009}.milestone[data-side] .milestone-node{width:13px;height:13px;box-shadow:0 0 0 4px var(--node-glow);border-width:2.5px;top:16px;left:-7px;right:auto}.milestone-date{letter-spacing:.04em;background:0 0;padding:0;font-size:12px}.milestone-card h3{margin:2px 0 0;font-size:16px;line-height:1.4}.milestone-icon{border-radius:9px;width:30px;height:30px;position:absolute;top:12px;left:13px}.milestone-icon svg{width:18px;height:18px}.milestone-card p{margin-top:4px;font-size:13.5px;line-height:1.6}.milestones-year{justify-content:flex-start;padding:18px 0 12px}.milestones-year h2{margin-left:var(--trunk-gap);padding:4px 11px;font-size:12px}.milestones-year-ghost{font-size:48px;right:14px}.milestones-ground{--ground-h:440px;padding-bottom:32px}.milestones-ground-copy{width:auto;margin-inline:20px}.milestones-ground-copy h1{letter-spacing:.26em;padding-left:.26em}.milestones-verse{font-size:15.5px}.milestones-tally{font-size:12px}.milestones-tally span+span:before{margin:0 10px}}@media (prefers-reduced-motion:reduce){.milestones-clouds i,.milestones-canopy-layer,.milestones-stars i:before,.milestones-stars i:after{animation:none}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-card{opacity:1;transform:none}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-leaves,.milestones-page[data-reveal=ready] .milestones-year:not(.is-visible) h2{opacity:1;scale:none}.milestones-page[data-reveal=ready] .milestone:not(.is-visible) .milestone-branch svg{clip-path:none}}