.xp{--lib:#86b8ea;--dem:#f0a652;--warn:#ee7468;--bar:52px;background:var(--ink);min-height:100%;color:var(--text);font-size:21px;line-height:1.5;overflow-x:clip}:where(.xp) :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote){margin:0;padding:0}:where(.xp) :where(ul,ol){list-style:none}.xp [data-sec]{scroll-margin-top:var(--bar)}.xp [data-sec]:focus{outline:none}.xp-lib{color:var(--lib)}.xp-dem{color:var(--dem)}.xp-bar{z-index:30;height:var(--bar);border-bottom:1px solid var(--line);background:#120d0af0;align-items:stretch;gap:14px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.xp-back{white-space:nowrap;color:var(--muted);align-items:center;gap:6px;font-size:16px;text-decoration:none;display:flex}.xp-back:hover{color:var(--text)}.xp-progress{grid-template-columns:repeat(var(--n,5), 1fr);flex:1;gap:4px;display:grid}.xp-progress a{letter-spacing:.05em;text-align:center;height:100%;color:var(--muted);border-bottom:3px solid #d6be8c2e;justify-content:center;align-items:center;padding:0 4px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.xp-progress a:hover{color:var(--text)}.xp-progress a[aria-current]{color:var(--text);border-bottom-color:var(--accent);background:#d6be8c1a}.xp-progress a:focus-visible,.xp-back:focus-visible,.xp-skip:focus-visible{outline-offset:-3px}.xp-progress-fill{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.xp-skip{top:calc(var(--bar) + 10px);z-index:29;color:var(--text);border:1px solid var(--line);background:#120d0aeb;border-radius:999px;padding:6px 14px;font-size:16px;font-weight:600;text-decoration:none;position:fixed;right:16px}.xp-skip[hidden]{display:none}.xp-skip:hover{border-color:var(--accent)}.xp-hero{min-height:100svh;padding:calc(var(--bar) + 40px) 20px 90px;text-align:center;place-items:center;display:grid;position:relative}.xp-hero-art{width:100%;height:100%;position:absolute;inset:0}.xp-hero-text{background:radial-gradient(closest-side,#120d0af0 55%,#120d0a00);max-width:880px;padding:34px 26px;position:relative}.xp-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:16px;font-weight:600}.xp-hero h1{margin:18px 0 20px;font-size:clamp(36px,5.6vw,70px);font-weight:500;line-height:1.06}.xp-lede{max-width:34em;margin:0 auto;font-size:clamp(20px,2vw,24px)}.xp-legend{flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:26px;font-size:17px;font-weight:600;display:flex}.xp-key:before{content:"";vertical-align:middle;border-top:4px solid;width:44px;margin-right:10px;display:inline-block}.xp-key-lib{color:var(--lib)}.xp-key-dem{color:var(--dem)}.xp-key-dem:before{border-top-style:dashed}.xp-cue{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.xp-cue span{background:var(--muted);width:1px;height:26px;margin:8px auto 0;display:block}.xp-strands path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.xp-strand-lib{stroke:var(--lib)}.xp-strand-dem{stroke:var(--dem);stroke-dasharray:14 9}.xp-spine{display:none}.xp-terms{max-width:1240px;margin:0 auto;padding:10vh 20px 12vh}.xp-terms-title{text-align:center;margin-bottom:28px;font-size:clamp(26px,3vw,38px);font-weight:500}.xp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.xp-card{color:var(--accent);border:1px solid var(--line);background:#ffffff09;border-radius:6px;padding:18px 16px 20px}.xp-card:last-child:nth-child(odd){grid-column:1/-1}.xp-card h3{margin:10px 0 6px;font-size:22px;font-weight:600;line-height:1.15}.xp-card p{color:var(--text);font-size:18px;line-height:1.35}.xp-tone-lib{color:var(--lib)}.xp-tone-dem,.xp-tone-mix{color:var(--dem)}.xp-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.xp-sec{max-width:1320px;margin:0 auto;padding:9vh 20px;position:relative}.xp-figure>svg{width:100%;height:min(60vh,520px);display:block}.xp-text{max-width:640px;margin:26px auto 0;position:relative}.xp-sec h2{text-wrap:balance;margin-bottom:18px;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.1}.xp-sec h3{margin-bottom:8px;font-size:26px;font-weight:600}.xp-tag{color:var(--accent)}.xp-step-more{margin-top:34px}.xp-quote{border-left:3px solid var(--accent);margin-top:20px;padding-left:18px}.xp-quote blockquote{font-size:25px;font-style:italic;line-height:1.25}.xp-quote figcaption{letter-spacing:.04em;color:var(--muted);margin-top:6px;font-size:16px}.xp-body+.xp-body{margin-top:.8em}.xp-background{border-left:3px solid var(--muted);background:#ffffff0b;border-radius:0 6px 6px 0;margin-top:24px;padding:16px 20px 18px;font-size:18px;line-height:1.45}.xp-background-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.xp-sec .xp-background h3{margin:2px 0 8px;font-size:22px}.xp-background p+p{margin-top:.7em}.xp-aside{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.4}.xp-text a,.xp-critique a{color:var(--accent)}.xp-who{letter-spacing:.02em;-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:4px;cursor:help;font-variant-caps:small-caps;font-weight:600;position:relative}.xp-who-note{z-index:5;letter-spacing:0;width:max-content;max-width:min(280px,72vw);color:var(--text);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#1d1611;border-radius:4px;padding:8px 12px;font-size:16px;font-variant-caps:normal;font-weight:400;line-height:1.3;position:absolute;bottom:calc(100% + 6px);left:0}.xp-who-flip .xp-who-note{left:auto;right:0}.xp-who:hover .xp-who-note,.xp-who:focus .xp-who-note{opacity:1;visibility:visible}.xp-figure svg text{fill:var(--text);font-family:var(--font-body), Georgia, serif;font-size:19px}.xp-figure svg .xp-small{font-size:15px}.xp-figure svg .xp-note{fill:var(--muted);font-style:italic}.xp-figure svg .xp-lib text,.xp-figure svg text.xp-lib{fill:var(--lib)}.xp-figure svg .xp-dem text,.xp-figure svg text.xp-dem{fill:var(--dem)}.xp-axis{fill:none;stroke:var(--line);stroke-width:1.5px}.a-pop,.xp-meter-fill,.xp-rung,.xp-sell,.xp-vote,.xp-card,.xp-card-next{transform-box:fill-box;transform-origin:50%}.a-draw,.xp-trajectory{stroke-dasharray:1;stroke-dashoffset:0}.xp-sec:not(.ge1) .s1,.xp-sec:not(.ge2) .s2{opacity:0}.xp-tile rect{fill:#ffffff0d;stroke:var(--line);stroke-width:1.5px}.xp-figure svg .xp-tile text{fill:var(--muted);font-size:17px}.xp-tile-slide rect,.xp-swatch-slide{fill:#f0a65233;stroke:var(--dem);stroke-width:2.5px;stroke-dasharray:7 5}.xp-figure svg .xp-tile-slide text{fill:var(--dem);font-weight:600}.xp-tile-west rect,.xp-swatch-west{fill:#ece2cc29;stroke:var(--text);stroke-width:1.5px}.xp-figure svg .xp-tile-west text{fill:var(--text)}.xp-warning path{fill:none;stroke:var(--warn);stroke-width:4px;stroke-linejoin:round}.xp-figure svg .xp-warning text{fill:var(--warn);font-size:34px;font-weight:600}.xp-figure svg .xp-warning .xp-small{letter-spacing:.14em;text-transform:uppercase;font-size:15px}.xp-thinkers{translate:-470px}.xp-thinkers circle{fill:var(--muted)}.xp-sec.ge1 .xp-thinkers{opacity:.4}.xp-rail,.xp-rung{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round}.xp-rung-0{stroke:var(--lib)}.xp-rung-4{stroke:var(--dem);stroke-dasharray:14 9}.xp-figure svg .xp-rung-label text{font-size:21px;font-weight:600}.xp-arrow{fill:none;stroke:var(--muted);stroke-width:2.5px}#xp-head path{fill:var(--muted)}.xp-figure svg .xp-order text{font-size:17px;font-style:italic}.xp-meter{fill:#ffffff14}.xp-meter-fill{fill:var(--dem);transform-origin:0;scale:1.2 1}.xp-meter-limit{stroke:var(--warn);stroke-width:3px}.xp-figure svg .xp-hyper text{font-style:italic}.xp-ladder-breaking .xp-rail,.xp-ladder-breaking .xp-rung-label{opacity:0}.xp-ladder-breaking .xp-rung{opacity:0;translate:0 110px;rotate:26deg}.xp-ladder-breaking .xp-rung:nth-of-type(odd){rotate:-22deg}.xp-crack{fill:none;stroke:var(--warn);stroke-width:4px;stroke-linejoin:round;stroke-dasharray:1;opacity:0}.xp-figure svg .xp-claim text{font-size:22px;font-weight:600}.xp-trajectory{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.xp-moment circle{fill:var(--ink);stroke:var(--accent);stroke-width:2.5px}.xp-leader{stroke:var(--line);stroke-width:1px}.xp-figure svg .xp-year{font-size:16px;font-weight:600}.xp-figure svg .xp-long{fill:var(--muted);font-size:15px}.xp-deposit path{fill:var(--lib)}.xp-figure svg .xp-deposit text{fill:var(--lib);font-size:19px}.xp-figure svg .xp-deposits-title{fill:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:15px;font-weight:600}.xp-deposits-rule{stroke:var(--lib);stroke-width:2px;opacity:.6}.xp-timeline{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-top:22px;font-size:17px;line-height:1.3;display:grid}.xp-timeline b{color:var(--text)}.xp-oldregime circle,.xp-oldregime rect,.xp-arm{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linecap:round}.xp-crown{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linejoin:round}.xp-newdem{transform-box:view-box;transform-origin:282px 470px;rotate:50deg}.xp-newdem>circle,.xp-newdem>rect{fill:none;stroke:var(--text);stroke-width:3px}.xp-pack rect,.xp-pack path{fill:#1d1611;stroke:var(--accent);stroke-width:2.5px}.xp-crate rect{fill:#1d1611;stroke:var(--warn);stroke-width:2px}.xp-figure svg .xp-crate text{font-size:15px}.xp-takeaway{border:1px solid var(--lib);background:#86b8ea14;border-radius:6px;margin-top:26px;padding:18px 20px}.xp-takeaway h3{color:var(--lib)}.xp-takeaway ul{margin-top:8px}.xp-takeaway li:before{content:"✓";color:var(--lib);margin-right:10px;font-weight:600}.xp-figure svg .xp-umbrella-label{letter-spacing:.04em;font-size:23px;font-weight:600}.xp-canopy{transform-box:view-box;transform-origin:300px 300px;scale:2.85 1}.xp-canopy path{fill:#86b8ea33;stroke:var(--lib);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.xp-handle{fill:none;stroke:var(--lib);stroke-width:3px;stroke-linecap:round}.xp-person>circle,.xp-person>path{fill:var(--lib)}.xp-rain{opacity:0}.xp-rain path{fill:none;stroke:var(--text);stroke-width:1.6px;stroke-linecap:round;opacity:.55}.xp-chip{color:var(--lib);border:1px solid var(--lib);border-radius:999px;padding:6px 16px;font-size:19px;font-weight:600;display:inline-block}.xp-chip-step{margin-top:14px}.xp-platform{translate:0 -230px}.xp-pillar{fill:#2a221a;stroke:var(--line);stroke-width:1px}.xp-figure svg .xp-pillar-label{fill:var(--text);font-size:16px}.xp-slab,.xp-elite circle,.xp-elite path{fill:var(--accent)}.xp-citizen circle,.xp-citizen path{fill:var(--dem)}.xp-figure svg .xp-elites-label,.xp-figure svg .xp-citizens-label{font-size:21px;font-weight:600}.xp-figure svg .xp-citizens-label{fill:var(--dem)}.xp-distance path{fill:none;stroke:var(--warn);stroke-width:2.5px;stroke-dasharray:8 7;transform-box:fill-box;transform-origin:bottom}.xp-figure svg .xp-distance text{fill:var(--warn);letter-spacing:.1em;font-size:18px;font-style:italic}.xp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.xp-stat{border:1px solid var(--line);background:#ffffff09;border-radius:6px;flex-direction:column;gap:4px;padding:12px 12px 14px;font-size:16px;line-height:1.3;display:flex}.xp-stat b{color:var(--dem);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1}.xp-stat b i{margin-top:3px;font-size:.55em;font-style:normal;font-weight:500;line-height:1.2;display:block}.xp-stat small{color:var(--muted);margin-top:auto;font-size:14px}.xp-stat-text span{font-size:17px}.xp-panel-frame{fill:#ffffff08;stroke:var(--line);stroke-width:1.5px}.xp-figure svg .xp-panel-title{letter-spacing:.04em;font-size:24px;font-weight:600}.xp-figure svg .xp-demo .xp-panel-title{fill:var(--dem)}.xp-card rect,.xp-card-next rect{fill:#1d1611;stroke:var(--line);stroke-width:1.5px}.xp-figure svg .xp-card text,.xp-figure svg .xp-card-next text{fill:var(--muted);font-size:18px}.xp-chart-axis{fill:none;stroke:var(--muted);stroke-width:1.5px}.xp-down,.xp-down-head,.xp-up{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.xp-down,.xp-up{stroke-dasharray:1;stroke-dashoffset:0}.xp-down,.xp-down-head{stroke:var(--warn)}.xp-down-again{opacity:.55}.xp-up{stroke:var(--text)}.xp-demo .xp-card{opacity:0}.xp-figure svg .xp-stamp{fill:var(--warn);font-size:20px;font-style:italic}.xp-vote rect{fill:var(--paper)}.xp-vote path{fill:none;stroke:#1a120a;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.xp-demo .xp-vote{translate:0 22px}.xp-tech .xp-vote{opacity:.75;translate:48px -8px;rotate:24deg}.xp-sell rect{fill:var(--dem)}.xp-figure svg .xp-sell text{fill:#1a120a;letter-spacing:.12em;font-size:23px;font-weight:600}.xp-demo .xp-sell{color:#1a120a}.xp-tech .xp-sell rect{fill:#2c261f;stroke:var(--line);stroke-width:1.5px}.xp-figure svg .xp-tech .xp-sell text{fill:#8b7f6c;text-decoration:line-through}.xp-tech .xp-sell{color:var(--warn)}.xp-loop,.xp-loop-head{fill:none;stroke:var(--warn);stroke-width:2.5px;stroke-linecap:round}.xp-loop{stroke-dasharray:7 7}.xp-figure svg .xp-stuck text{fill:var(--warn);font-size:20px;font-style:italic}.xp-loop-arc{fill:none;stroke:var(--accent);stroke-width:3px}#xp-loop-head path{fill:var(--accent)}.xp-loop-node rect{fill:#1d1611;stroke:var(--line);stroke-width:1.5px}.xp-figure svg .xp-loop-node text{font-size:17px;font-weight:600}.xp-figure svg .xp-edge-label{font-size:16px;font-weight:600}.xp-loop-unwind .xp-loop-arc,.xp-loop-unwind .xp-loop-node{opacity:0}.xp-figure svg .xp-rope-label{font-size:21px;font-style:italic}.xp-critique{border:2px dashed var(--line);background:#1a1612;border-radius:8px;max-width:920px;margin:6vh auto 10vh;padding:30px 26px 34px}.xp-critique-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:15px;font-weight:600}.xp-critique h2{margin:6px 0 18px;font-size:clamp(28px,3vw,40px);font-weight:500}.xp-critique dl{gap:14px;display:grid}.xp-critique dt{color:var(--text);font-weight:600}.xp-critique dd{color:var(--muted)}.xp-footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:30px 20px 60px;font-size:17px}.xp-footer p+p{margin-top:8px}.xp--anim .xp-hero-text>*{animation:.9s cubic-bezier(.2,.8,.2,1) both xp-rise}.xp--anim .xp-hero-text>:first-child{animation-delay:1.5s}.xp--anim .xp-hero-text>:nth-child(2){animation-delay:1.9s}.xp--anim .xp-hero-text>:nth-child(3){animation-delay:2.5s}.xp--anim .xp-hero-text>:nth-child(4){animation-delay:2.9s}.xp--anim .xp-cue{animation:1s 3.4s both xp-fade}.xp--anim .xp-cue span{transform-origin:top;animation:2s ease-in-out 3.4s infinite xp-cue}@keyframes xp-rise{0%{opacity:0;translate:0 18px}}@keyframes xp-fade{0%{opacity:0}}@keyframes xp-cue{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.xp--anim .xp-card{transition:opacity .55s ease var(--d,0s), transform .55s cubic-bezier(.2, .8, .2, 1) var(--d,0s)}.xp--anim .xp-terms[data-play=false] .xp-card{opacity:0;transform:perspective(700px)rotateX(-75deg)translateY(24px)}.xp-card:hover,.xp-card:focus-visible{border-color:var(--accent);transform:translateY(-5px)}.xp--anim .xp-terms[data-play=true] .xp-card:hover,.xp--anim .xp-terms[data-play=true] .xp-card:focus-visible{transition-delay:0s}.xp--anim :is(.a-fade,.a-rise,.a-pop){transition:opacity .6s ease var(--d,0s), translate .6s cubic-bezier(.2, .8, .2, 1) var(--d,0s), scale .6s cubic-bezier(.2, .8, .2, 1.2) var(--d,0s)}.xp--anim .a-draw{transition:stroke-dashoffset .9s ease var(--d,0s), opacity .2s linear var(--d,0s)}.xp--anim :is(.xp-sec[data-play=false],.xp-sec:not(.ge1) .s1,.xp-sec:not(.ge2) .s2) :is(.a-fade,.a-rise,.a-pop){opacity:0;transition-delay:0s}.xp--anim :is(.xp-sec[data-play=false],.xp-sec:not(.ge1) .s1,.xp-sec:not(.ge2) .s2) .a-rise{translate:0 16px}.xp--anim :is(.xp-sec[data-play=false],.xp-sec:not(.ge1) .s1,.xp-sec:not(.ge2) .s2) .a-pop{scale:.5}.xp--anim :is(.xp-sec[data-play=false],.xp-sec:not(.ge1) .s1,.xp-sec:not(.ge2) .s2) .a-draw{stroke-dashoffset:1px;opacity:0;transition-delay:0s}.xp--anim :is(.s1,.s2),.xp--anim .xp-thinkers{transition:opacity .6s}.xp--anim .xp-sec[data-play=true] .xp-tile-slide rect{animation:1.8s ease-in-out infinite xp-pulse}.xp--anim .xp-sec[data-play=true] .xp-tile-west rect{animation:3.4s step-end infinite xp-flicker;animation-delay:calc(var(--i) * .19s)}.xp--anim .xp-sec[data-play=false] .xp-warning{opacity:0}.xp--anim .xp-sec[data-play=true] .xp-warning{animation:1.5s 1.1s both xp-blink-once}@keyframes xp-pulse{50%{opacity:.35}}@keyframes xp-flicker{0%,to{opacity:1}8%{opacity:.25}14%{opacity:1}20%{opacity:.4}26%{opacity:1}}@keyframes xp-blink-once{0%{opacity:0}30%{opacity:1}55%{opacity:.15}to{opacity:1}}.xp--anim .xp-sec[data-play=false] .xp-thinkers{translate:60px}.xp--anim .xp-sec[data-play=true] .xp-thinkers{animation:5s ease-in-out both xp-slide-past}@keyframes xp-slide-past{0%{translate:60px}}.xp--anim .xp-meter-fill{transition:scale 1.3s cubic-bezier(.3,1.4,.5,1) .2s}.xp--anim .xp-sec:not(.ge2) .xp-meter-fill{scale:.15 1}.xp--anim .xp-ladder-breaking :is(.xp-rail,.xp-rung,.xp-rung-label){transition:opacity .7s ease calc(.7s + var(--i,0) * .11s), translate .9s cubic-bezier(.5, 0, .9, .6) calc(.6s + var(--i,0) * .11s), rotate .9s ease-in calc(.6s + var(--i,0) * .11s)}.xp--anim .xp-sec[data-play=false] .xp-ladder-breaking :is(.xp-rail,.xp-rung,.xp-rung-label){opacity:1;stroke-dashoffset:0;transition-delay:0s;translate:0;rotate:none}.xp--anim .xp-sec[data-play=false] .xp-ladder-breaking .a-fade{opacity:1}.xp--anim .xp-sec[data-play=true] .xp-crack{animation:1.5s .1s both xp-crack}@keyframes xp-crack{0%{opacity:1;stroke-dashoffset:1px}35%,70%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.xp--anim .xp-thesis-strands{transition:opacity .5s}.xp--anim .xp-trajectory{transition:stroke-dashoffset 4.4s linear .3s}.xp--anim .xp-sec[data-play=false] .xp-trajectory{stroke-dashoffset:1px;transition:none}.xp--anim .xp-pack{transition:translate .8s cubic-bezier(.3,0,.3,1) .2s}.xp--anim .xp-sec[data-play=false] .xp-pack{transition:none;translate:-150px -34px}.xp--anim .xp-crate{transition:opacity .25s linear var(--d), translate .5s cubic-bezier(.5, 0, .6, 1.4) var(--d)}.xp--anim .xp-sec[data-play=false] .xp-crate{opacity:0;transition:none;translate:0 -150px}.xp--anim .xp-sec[data-play=false] .xp-newdem{rotate:none}.xp--anim .xp-sec[data-play=true] .xp-newdem{animation:5.6s linear both xp-buckle}@keyframes xp-buckle{0%,22%{rotate:none}34%{rotate:2deg}46%{rotate:-2deg}58%{rotate:4deg}70%{rotate:-3deg}80%{animation-timing-function:cubic-bezier(.6,0,.9,.5);rotate:7deg}94%{animation-timing-function:ease-out;rotate:52deg}to{rotate:50deg}}.xp--anim .xp-canopy{transition:scale .9s cubic-bezier(.3,1.3,.5,1)}.xp--anim .xp-sec[data-step="0"] .xp-canopy{scale:1}.xp--anim .xp-sec[data-step="1"] .xp-canopy{scale:1.62 1}.xp--anim .xp-sec[data-step="2"] .xp-canopy{scale:2.24 1}.xp--anim .xp-person>:is(circle,path){transition:fill .5s .3s}.xp--anim .xp-rain{transition:opacity .4s}.xp--anim .xp-sec[data-step="0"] :is(.xp-reach-1,.xp-reach-2,.xp-reach-3)>:is(circle,path),.xp--anim .xp-sec[data-step="1"] :is(.xp-reach-2,.xp-reach-3)>:is(circle,path),.xp--anim .xp-sec[data-step="2"] .xp-reach-3>:is(circle,path){fill:#8b7f6c}.xp--anim .xp-sec[data-step="0"] :is(.xp-reach-1,.xp-reach-2,.xp-reach-3) .xp-rain,.xp--anim .xp-sec[data-step="1"] :is(.xp-reach-2,.xp-reach-3) .xp-rain,.xp--anim .xp-sec[data-step="2"] .xp-reach-3 .xp-rain{opacity:1}.xp--anim .xp-sec[data-play=true] .xp-rain path{animation:.9s linear infinite xp-rain;animation-delay:calc(var(--i) * -173ms)}@keyframes xp-rain{0%{opacity:0;translate:0 -12px}30%{opacity:.6}to{opacity:0;translate:0 26px}}.xp--anim .xp-platform{transition:translate 2.4s cubic-bezier(.4,0,.3,1) .4s}.xp--anim .xp-distance path{transition:scale 2.4s cubic-bezier(.4,0,.3,1) .4s}.xp--anim .xp-distance text{transition:opacity .6s 2.2s}.xp--anim .xp-sec[data-play=false] .xp-platform{transition:none;translate:0}.xp--anim .xp-sec[data-play=false] .xp-distance path{transition:none;scale:1 .12}.xp--anim .xp-sec[data-play=false] .xp-distance text{opacity:0;transition:none}.xp--anim .xp-put[data-play=true] :is(.xp-card,.xp-card-next,.xp-vote,.xp-sell,.xp-stamp,.xp-stuck,.xp-down,.xp-down-head,.xp-up){animation-duration:10s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.xp--anim .xp-put[data-play=true] .xp-demo .xp-card{animation-name:xp-put-discard}.xp--anim .xp-put[data-play=true] .xp-tech .xp-card{animation-name:xp-put-stay}.xp--anim .xp-put[data-play=true] .xp-down:not(.xp-down-again){animation-name:xp-put-down}.xp--anim .xp-put[data-play=true] .xp-down-head{animation-name:xp-put-head}.xp--anim .xp-put[data-play=true] .xp-down-again{animation-name:xp-put-again}.xp--anim .xp-put[data-play=true] .xp-demo .xp-vote{animation-name:xp-put-vote}.xp--anim .xp-put[data-play=true] .xp-tech .xp-vote{animation-name:xp-put-bounce}.xp--anim .xp-put[data-play=true] .xp-demo .xp-sell{animation-name:xp-put-press}.xp--anim .xp-put[data-play=true] .xp-tech .xp-sell{animation-name:xp-put-shake}.xp--anim .xp-put[data-play=true] .xp-stamp,.xp--anim .xp-put[data-play=true] .xp-stuck{animation-name:xp-put-late}.xp--anim .xp-put[data-play=true] .xp-card-next{animation-name:xp-put-next}.xp--anim .xp-put[data-play=true] .xp-up{animation-name:xp-put-up}.xp--anim .xp-put[data-play=true] .xp-loop{animation:.8s linear infinite xp-march}@keyframes xp-put-discard{0%{opacity:0;translate:0 -30px}7%,46%{opacity:1;translate:0;rotate:none;scale:1}58%,to{opacity:0;translate:-70px 150px;rotate:-20deg;scale:.7}}@keyframes xp-put-stay{0%{opacity:0;translate:0 -30px}7%,93%{opacity:1;translate:0}to{opacity:0;translate:0}}@keyframes xp-put-down{0%,10%{stroke-dashoffset:1px}28%,to{stroke-dashoffset:0}}@keyframes xp-put-head{0%,27%{opacity:0}30%,to{opacity:1}}@keyframes xp-put-again{0%,60%{stroke-dashoffset:1px;opacity:0}62%{stroke-dashoffset:1px;opacity:.55}80%,to{stroke-dashoffset:0;opacity:.55}}@keyframes xp-put-vote{0%,30%{opacity:0;translate:0 -40px}35%{opacity:1;translate:0 -40px}43%,93%{opacity:1;translate:0 22px}to{opacity:0;translate:0 22px}}@keyframes xp-put-bounce{0%,30%{opacity:0;translate:0 -40px;rotate:none}35%{opacity:1;translate:0 -40px;rotate:none}42%{opacity:1;translate:0 12px;rotate:none}49%,93%{opacity:.75;translate:48px -8px;rotate:24deg}to{opacity:0;translate:48px -8px;rotate:24deg}}@keyframes xp-put-press{0%,41%,50%,to{scale:1}45%{scale:.9}}@keyframes xp-put-shake{0%,41%,51%,to{translate:0}43%{translate:-7px}45%{translate:7px}47%{translate:-5px}49%{translate:4px}}@keyframes xp-put-late{0%,50%{opacity:0}58%,93%{opacity:1}to{opacity:0}}@keyframes xp-put-next{0%,58%{opacity:0;translate:0 -30px}68%,93%{opacity:1;translate:0}to{opacity:0;translate:0}}@keyframes xp-put-up{0%,68%{stroke-dashoffset:1px}84%,to{stroke-dashoffset:0}}@keyframes xp-march{to{stroke-dashoffset:-14px}}.xp--anim .xp-sec[data-play=true] .xp-loop-live .xp-loop-arc{stroke-dasharray:.1 .06;animation:1.3s linear infinite xp-turn}@keyframes xp-turn{to{stroke-dashoffset:-.16px}}.xp--anim .xp-loop-unwind :is(.xp-loop-arc,.xp-loop-node){transition:opacity .9s ease calc(var(--i) * .26s), scale .9s ease calc(var(--i) * .26s)}.xp--anim .xp-loop-unwind .xp-loop-node{scale:.7}.xp--anim .xp-sec[data-play=false] .xp-loop-unwind :is(.xp-loop-arc,.xp-loop-node){opacity:1;transition:none;scale:1}@media (min-width:1024px){.xp-sec{grid-template-columns:55fr 45fr;align-items:start;column-gap:4vw;padding:0 32px;display:grid}.xp-stage{top:var(--bar);height:calc(100vh - var(--bar));align-items:center;display:flex;position:sticky}.xp-figure{width:100%}.xp-figure>svg{height:auto;max-height:calc(100vh - var(--bar) - 48px);aspect-ratio:1}.xp-figure>svg:not(:only-child){max-height:calc(100vh - var(--bar) - 230px)}.xp-text{max-width:560px;margin:0;padding:36vh 0 62vh 34px}.xp-step-more{margin-top:62vh}.xp-chip-step{margin-top:58vh}.xp-spine{opacity:.85;width:34px;height:auto;display:block;position:absolute;top:20vh;bottom:18vh;left:-14px}.xp-skip{top:auto;bottom:22px;right:22px}.xp-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.xp-cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-card:last-child:nth-child(odd){grid-column:auto}}@media (max-width:700px){.xp{font-size:19px}.xp-bar{gap:6px;padding:0 8px}.xp-back{font-size:0}.xp-back span{padding:0 6px;font-size:22px}.xp-progress{gap:2px}.xp-progress a{letter-spacing:0;padding:0 2px;font-size:12.5px;line-height:1.1}.xp-sec{padding:7vh 16px}.xp-figure>svg{aspect-ratio:1;height:auto;max-height:60vh}.xp-figure svg .xp-long,.xp-leader{display:none}.xp-figure svg .xp-year{font-size:21px}.xp-figure svg text{font-size:23px}.xp-figure svg .xp-small,.xp-figure svg .xp-crate text,.xp-figure svg .xp-pillar-label,.xp-figure svg .xp-loop-node text{font-size:19px}.xp-stats{grid-template-columns:1fr 1fr}.xp-stat-text{grid-column:1/-1}.xp-timeline{grid-template-columns:1fr}.xp-critique{margin-inline:14px;padding:22px 18px 26px}}@media (prefers-reduced-motion:reduce){.xp *{transition:none!important;animation:none!important}}