.plate-box{position:relative;container-type:inline-size}.plate,.plate-box{overflow:hidden;background:var(--ink-1)}.plate{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;row-gap:10px;padding:clamp(14px,4.4cqw,30px);text-align:left;isolation:isolate}.plate,.plate:before{position:absolute;inset:0}.plate:before{content:"";z-index:-1;background-image:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 1.5px);background-size:18px 18px;background-position:9px 9px;opacity:.6;transition:opacity var(--d-3) var(--settle)}.plate .plate-foot,.plate .plate-head{margin:0;font:500 clamp(9.5px,2.4cqw,11px)/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}.plate .plate-head{color:var(--smoke-hi)}.plate .plate-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:var(--smoke)}.plate .plate-cap{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate .plate-count{flex:none;display:grid;color:var(--smoke-hi);font-variant-numeric:tabular-nums}.plate .plate-count>*{grid-area:1/1;justify-self:end;font-weight:500}.plate .plate-count--stages span{opacity:0;background:var(--ink-1)}.plate .pi{align-self:center;justify-self:center;width:100%;max-width:760px;min-width:0}.plate .pi-bars{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;-moz-column-gap:clamp(10px,2.6cqw,20px);column-gap:clamp(10px,2.6cqw,20px);row-gap:clamp(9px,2.6cqw,16px)}.plate .pi-k{font:500 clamp(9.5px,2.3cqw,11px)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}.plate .pi-v{font:700 clamp(13px,3.8cqw,24px)/1 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--smoke-hi)}.plate .pi-v--to{color:var(--gold-hi)}.plate .pi-bar{position:relative;height:clamp(6px,1.9cqw,12px)}.plate .pi-bar:before{content:"";position:absolute;left:-1px;top:-6px;bottom:-6px;width:1px;background:var(--line-3)}.plate .pi-bar i{position:absolute;inset:0;background:var(--graphite);transform-origin:0 50%}.plate .pi-bar--to i{background:var(--gold);transform:scaleX(var(--r))}.plate .pi-gap{left:calc(var(--r) * 100%);top:50%;height:1px;margin-top:-.5px;transform-origin:0 50%}.plate .pi-gap,.plate .pi-gap:after{position:absolute;right:0;background:var(--gold)}.plate .pi-gap:after{content:"";top:-5px;width:1px;height:11px}.plate .pi-delta{grid-column:3;position:relative;height:12px}.plate .pi-delta em{position:absolute;right:0;top:-2px;font:500 clamp(9.5px,2.3cqw,11px)/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--gold)}.plate .pi-matrix{justify-self:start;width:57cqw;max-width:420px}.plate .pi-cells{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:1.3cqw}.plate .pi-cells i{position:relative;aspect-ratio:1;background:hsla(0,0%,100%,.08)}.plate .pi-cells i:after{content:"";position:absolute;inset:0;background:var(--gold);opacity:.62}.plate .pi-flow{padding-inline:clamp(4px,1.6cqw,14px)}.plate .pi-track{position:relative;height:clamp(56px,16cqw,96px)}.plate .pi-rail,.plate .pi-trail{position:absolute;left:0;right:0;top:50%;height:1px}.plate .pi-rail{background:var(--line-3)}.plate .pi-rail:before{content:"";position:absolute;left:0;right:0;top:-3px;height:7px;background-image:linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:5% 100%}.plate .pi-trail{background:var(--gold);opacity:.55;transform-origin:0 50%}.plate .pi-run{position:absolute;left:0;right:0;top:50%;height:0;opacity:0}.plate .pi-pulse{position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:var(--gold-hi)}.plate .pi-nodes{margin:0;padding:0;list-style:none}.plate .pi-nodes li{position:absolute;left:var(--x);top:50%}.plate .pi-node{position:absolute;left:-4px;top:-4px;width:8px;height:8px;box-sizing:border-box;border:1px solid var(--line-3);background:var(--ink-1)}.plate .pi-node:after{content:"";position:absolute;inset:-1px;background:var(--gold)}.plate .pi-lab{position:absolute;left:0;transform:translateX(-50%);font:500 clamp(9px,2.3cqw,11px)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--smoke-hi)}.plate .pi-above .pi-lab{bottom:12px}.plate .pi-below .pi-lab{top:12px}.plate .pi-nodes li:first-child .pi-lab{left:-4px;transform:none}.plate .pi-nodes li:last-child .pi-lab{left:4px;transform:translateX(-100%)}.plate--l .pi-v{font-size:clamp(15px,3cqw,28px)}.plate--l .pi-bar{height:clamp(8px,1.6cqw,14px)}.plate--l .pi-lab{font-size:clamp(9.5px,1.9cqw,12.5px)}.plate--l .pi-track{height:clamp(64px,14cqw,104px)}@media (prefers-reduced-motion:no-preference){.js .plate .pi-run{animation:pi-run 10s linear infinite}.js .plate .pi-trail{animation:pi-trail 10s linear infinite}.js .plate .pi-node:after,.js .plate .plate-count--stages span{animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.js .plate .plate-count--stages b{opacity:0}.js .plate .plate-count--stages span{animation-timing-function:step-end}.js .plate--n3 .pi-nodes li:first-child .pi-node:after,.js .plate--n3 .plate-count--stages span:first-of-type{animation-name:pi-3-1}.js .plate--n3 .pi-nodes li:nth-child(2) .pi-node:after,.js .plate--n3 .plate-count--stages span:nth-of-type(2){animation-name:pi-3-2}.js .plate--n3 .pi-nodes li:nth-child(3) .pi-node:after,.js .plate--n3 .plate-count--stages span:nth-of-type(3){animation-name:pi-3-3}.js .plate--n4 .pi-nodes li:first-child .pi-node:after,.js .plate--n4 .plate-count--stages span:first-of-type{animation-name:pi-4-1}.js .plate--n4 .pi-nodes li:nth-child(2) .pi-node:after,.js .plate--n4 .plate-count--stages span:nth-of-type(2){animation-name:pi-4-2}.js .plate--n4 .pi-nodes li:nth-child(3) .pi-node:after,.js .plate--n4 .plate-count--stages span:nth-of-type(3){animation-name:pi-4-3}.js .plate--n4 .pi-nodes li:nth-child(4) .pi-node:after,.js .plate--n4 .plate-count--stages span:nth-of-type(4){animation-name:pi-4-4}.js .plate--n5 .pi-nodes li:first-child .pi-node:after,.js .plate--n5 .plate-count--stages span:first-of-type{animation-name:pi-5-1}.js .plate--n5 .pi-nodes li:nth-child(2) .pi-node:after,.js .plate--n5 .plate-count--stages span:nth-of-type(2){animation-name:pi-5-2}.js .plate--n5 .pi-nodes li:nth-child(3) .pi-node:after,.js .plate--n5 .plate-count--stages span:nth-of-type(3){animation-name:pi-5-3}.js .plate--n5 .pi-nodes li:nth-child(4) .pi-node:after,.js .plate--n5 .plate-count--stages span:nth-of-type(4){animation-name:pi-5-4}.js .plate--n5 .pi-nodes li:nth-child(5) .pi-node:after,.js .plate--n5 .plate-count--stages span:nth-of-type(5){animation-name:pi-5-5}.js .plate .pi-bar--to i{animation:pi-settle 9s var(--settle) infinite}.js .plate .pi-gap{animation:pi-gap 9s var(--settle) infinite}.js .plate .pi-delta em{animation:pi-delta 9s linear infinite}.js .plate .pi-cells i:after{animation:pi-cell .24s var(--settle) calc(var(--i) * 22ms) both}.js .plate .pi-tw{animation:pi-tick 16s linear calc(3.4s + var(--t) * 2s) infinite both}.js .plate .plate-count--end{animation:pi-in .5s var(--settle) 3.2s both}.js .plate .pi-bar--to i,.js .plate .pi-cells i:after,.js .plate .pi-delta em,.js .plate .pi-gap,.js .plate .pi-node:after,.js .plate .pi-run,.js .plate .pi-trail,.js .plate .pi-tw,.js .plate .plate-count--end,.js .plate .plate-count--stages span{animation-play-state:paused}.js .plate.on .pi-bar--to i,.js .plate.on .pi-cells i:after,.js .plate.on .pi-delta em,.js .plate.on .pi-gap,.js .plate.on .pi-node:after,.js .plate.on .pi-run,.js .plate.on .pi-trail,.js .plate.on .pi-tw,.js .plate.on .plate-count--end,.js .plate.on .plate-count--stages span{animation-play-state:running}}@keyframes pi-run{0%{transform:translateX(0);opacity:0}2%{opacity:1}80%{transform:translateX(100%);opacity:1}92%{transform:translateX(100%);opacity:1}97%,to{transform:translateX(100%);opacity:0}}@keyframes pi-trail{0%{transform:scaleX(0);opacity:.55}80%,92%{transform:scaleX(1);opacity:.55}97%,to{transform:scaleX(1);opacity:0}}@keyframes pi-3-1{0%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-3-2{0%,40%{opacity:0}41.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-3-3{0%,80%{opacity:0}81.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-4-1{0%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-4-2{0%,26.7%{opacity:0}28.2%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-4-3{0%,53.3%{opacity:0}54.8%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-4-4{0%,80%{opacity:0}81.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-5-1{0%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-5-2{0%,20%{opacity:0}21.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-5-3{0%,40%{opacity:0}41.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-5-4{0%,60%{opacity:0}61.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-5-5{0%,80%{opacity:0}81.5%,92%{opacity:1}97%,to{opacity:0}}@keyframes pi-settle{0%{transform:scaleX(1);opacity:0}5%{transform:scaleX(1);opacity:1}24%{transform:scaleX(var(--r));opacity:1}90%{transform:scaleX(var(--r));opacity:1}97%,to{transform:scaleX(var(--r));opacity:0}}@keyframes pi-gap{0%,24%{transform:scaleX(0);opacity:1}31%,90%{transform:scaleX(1);opacity:1}97%,to{transform:scaleX(1);opacity:0}}@keyframes pi-delta{0%,29%{opacity:0}35%,90%{opacity:1}97%,to{opacity:0}}@keyframes pi-cell{0%{opacity:0}to{opacity:.62}}@keyframes pi-tick{0%,to{opacity:1}2%{opacity:.15}6%{opacity:1}}@keyframes pi-in{0%{opacity:0}to{opacity:1}}