.v-logo-grid{--vp:clamp(0, var(--p,1) * var(--v-pace,1), 1);--in:var(--r,1);position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;container:v-logo-grid/size;color:var(--text)}.v-logo-grid>*{--S:min(90cqh,56cqw);--sw:.11}.v-logo-grid--panel,.is-amber .v-logo-grid{border-radius:20px;border:1px solid rgba(238,243,245,.1);background:radial-gradient(50% 42% at 28% 18%,rgba(143,227,255,.1),transparent 70%),radial-gradient(46% 40% at 78% 84%,rgba(196,184,255,.09),transparent 70%),radial-gradient(60% 60% at 50% 45%,#10151c,#070a0e 75%);box-shadow:0 40px 100px #05070b59}.v-logo-grid__paper{position:absolute;inset:0;background-image:linear-gradient(rgba(238,243,245,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(238,243,245,.06) 1px,transparent 1px),linear-gradient(rgba(238,243,245,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(238,243,245,.026) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:calc(.3 + var(--in) * .7);pointer-events:none}.v-logo-grid__guides{position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.v-logo-grid__stage,.v-logo-grid__cons{position:absolute;left:50%;top:50%;width:var(--S);height:var(--S);margin:calc(var(--S) / -2) 0 0 calc(var(--S) / -2)}.v-logo-grid__glow{--k:clamp(0, (var(--vp) - .7) / .16, 1);position:absolute;inset:10%;border-radius:50%;background:radial-gradient(closest-side at 44% 46%,rgba(166,236,255,.2),rgba(196,184,255,.1) 48%,rgba(255,196,232,.05) 68%,transparent);opacity:var(--k);transform:scale(calc(.7 + var(--k) * .3))}.v-logo-grid__cons{--k:clamp(0, (var(--vp) - .74) / .12, 1);overflow:visible;fill:none;stroke-linecap:butt;opacity:calc(1 - var(--k) * .45)}.v-logo-grid__markdraw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.v-logo-grid__defs{position:absolute;width:0;height:0;overflow:hidden}.v-logo-grid__mod line{--t:clamp(0, var(--in) * 1.7 - var(--i) * .12, 1);stroke:#eef3f51a;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:calc(var(--t) * 100) 200;stroke-dashoffset:calc(var(--t) * 50 - 50)}.v-logo-grid__frame rect{stroke:#eef3f561;stroke-width:1;vector-effect:non-scaling-stroke}.v-logo-grid__axis{stroke:rgba(var(--accent-rgb),.45);stroke-width:var(--sw);stroke-dasharray:.7 .7}.v-logo-grid__frame{opacity:calc(var(--in) * (.6 + .4 * clamp(0,(var(--vp) - .04) / .14,1)))}.v-logo-grid__ring{stroke:#eef3f54d;stroke-width:var(--sw);stroke-dasharray:.35 .9;transform-box:fill-box;transform-origin:center;animation:v-logo-grid-spin 90s linear infinite;transition:stroke .3s}@media(hover:hover){.v-logo-grid:hover .v-logo-grid__ring{stroke:rgba(var(--accent-rgb),.7)}}.v-logo-grid.is-poke .v-logo-grid__ring{stroke:rgba(var(--accent-rgb),.7)}@keyframes v-logo-grid-spin{to{transform:rotate(360deg)}}.v-logo-grid__pencil{fill:none;stroke:#eef3f538;stroke-width:var(--sw);stroke-dasharray:.45 .65;opacity:calc(var(--in) * (1 - clamp(0,(var(--vp) - .3) / .2,1) * .55))}.v-logo-grid__idle{fill:none;stroke-width:var(--sw);opacity:calc(var(--in) * (1 - clamp(0,(var(--vp) - .2) / .2,1)))}.v-logo-grid__idle circle{stroke:#eef3f552}.v-logo-grid__idle path{stroke:rgba(var(--accent-rgb),.42)}.v-logo-grid__d{--t:clamp(0, (var(--vp) - var(--a)) / (var(--b) - var(--a)), 1);stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--t) * 100)}.v-logo-grid__circ{stroke:#eef3f580;stroke-width:var(--sw);transform-box:fill-box;transform-origin:center;transform:rotate(-90deg)}.v-logo-grid__chev,.v-logo-grid__sect{stroke:#eef3f573;stroke-width:var(--sw);stroke-linejoin:miter}.v-logo-grid__chev--key{stroke:rgba(var(--accent-rgb),.95);stroke-width:calc(var(--sw) * 1.25)}.v-logo-grid__gold{stroke:rgba(var(--accent-rgb),.62);stroke-width:var(--sw);transform-box:fill-box;transform-origin:center;transform:rotate(180deg)}.v-logo-grid__pts circle{fill:var(--accent);stroke:var(--bg);stroke-width:calc(var(--sw) * 1.4);transform-box:fill-box;transform-origin:center;--k:clamp(0, (var(--vp) - .34) / .08, 1);opacity:var(--k);transform:scale(var(--k))}.v-logo-grid__ghost{fill:#eef3f50f;stroke:#eef3f599;stroke-width:var(--sw);stroke-dasharray:.7 .55;opacity:calc(1 - clamp(0,(var(--vp) - .46) / .12,1))}.v-logo-grid__outline .v-logo-grid__d{stroke:var(--accent);stroke-width:calc(var(--sw) * 1.6);stroke-linejoin:miter}.v-logo-grid__art{--s:clamp(0, (var(--vp) - .74) / .12, 1);position:absolute;left:25%;top:25%;width:50%;height:50%;transform:scale(calc(1 + var(--s) * .035))}.v-logo-grid__fill{--t:clamp(0, (var(--vp) - .54) / .2, 1);position:absolute;inset:0;clip-path:polygon(-10% -10%,calc(var(--t) * 175% - 10%) -10%,calc(var(--t) * 175% - 70%) 110%,-10% 110%)}.v-logo-grid__fill svg{display:block;width:100%;height:100%;fill:var(--v-lg-fill,var(--text));filter:drop-shadow(0 1.2cqmin 2cqmin rgba(0,0,0,.55))}.v-logo-grid__fill img,.v-logo-grid__ghost-img,.v-logo-grid__trace img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.v-logo-grid__ghost-img{filter:grayscale(1) brightness(1.7) contrast(.9);opacity:calc(.34 - (.14*clamp(0,(var(--vp) - .34) / .1,1)) - (.2*clamp(0,(var(--vp) - .68) / .06,1)))}.v-logo-grid__shade{position:absolute;inset:0;filter:drop-shadow(0 1.2cqmin 2.2cqmin rgba(0,0,0,.55)) drop-shadow(0 0 3cqmin rgba(166,236,255,.14))}.v-logo-grid__mask{position:absolute;inset:0;background:var(--text);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.v-logo-grid__mask--pearl{background-image:var(--pearl);background-size:260% 100%;background-repeat:repeat;background-position:0 50%;animation:nm-pearl 32.5s steps(390) infinite}.v-logo-grid__ghost-mask{background:var(--text);filter:none}.v-logo-grid--image .v-logo-grid__fill img{filter:drop-shadow(0 1cqmin 2cqmin rgba(0,0,0,.45))}.v-logo-grid__trace{--t:clamp(0, (var(--vp) - .32) / .24, 1);position:absolute;inset:0;clip-path:polygon(-10% -10%,calc(var(--t) * 175% - 10%) -10%,calc(var(--t) * 175% - 70%) 110%,-10% 110%);opacity:calc(1 - (.55*clamp(0,(var(--vp) - .7) / .1,1)))}.v-logo-grid__scan{--t:clamp(0, (var(--vp) - .54) / .2, 1);position:absolute;inset:-10% 0;opacity:calc(min(1,var(--t) * 10)*min(1,(1 - var(--t)) * 10));transform:translate(calc((var(--t) * 1.75 - .9) * 100%)) skew(-26.57deg);pointer-events:none}.v-logo-grid__scan:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#e4f8ff;box-shadow:0 0 14px 3px rgba(var(--accent-rgb),.7),0 0 34px 6px #c4b8ff4d}.v-logo-grid__sel{--k: calc(clamp(0, (var(--vp) - .4) / .06, 1)*(1 - clamp(0, (var(--vp) - .68) / .06, 1))) ;position:absolute;inset:-5%;border:1px solid rgba(var(--accent-rgb),.9);opacity:var(--k);transform:scale(calc(.97 + var(--k) * .03));pointer-events:none}.v-logo-grid__sel i{position:absolute;width:7px;height:7px;margin:-4px 0 0 -4px;background:var(--bg);border:1px solid var(--accent)}.v-logo-grid__sel i:nth-child(1){left:0;top:0}.v-logo-grid__sel i:nth-child(2){left:50%;top:0}.v-logo-grid__sel i:nth-child(3){left:100%;top:0}.v-logo-grid__sel i:nth-child(4){left:100%;top:50%}.v-logo-grid__sel i:nth-child(5){left:100%;top:100%}.v-logo-grid__sel i:nth-child(6){left:50%;top:100%}.v-logo-grid__sel i:nth-child(7){left:0;top:100%}.v-logo-grid__sel i:nth-child(8){left:0;top:50%}.v-logo-grid__dim{position:absolute;left:-1px;bottom:calc(100% + 8px);padding:4px 7px;border-radius:3px;background:var(--grad);color:var(--bg);font:600 10px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}.v-logo-grid__steps{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.v-logo-grid__step{--on: calc(clamp(0, (var(--vp) - var(--a)) * 1000, 1)*clamp(0, (var(--b) - var(--vp)) * 1000, 1)) ;--seen:clamp(0, (var(--vp) - var(--a)) * 1000, 1);--done:clamp(0, (var(--vp) - var(--b)) * 1000, 1);position:absolute;top:calc(50% - var(--S) * .22);display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:calc(50% - var(--S) / 2 - 6cqw);opacity:calc(.5 + .5 * var(--on) + .3 * var(--done));transform:translateY(calc((1 - var(--seen)) * 8px));transition:opacity .45s,transform .6s var(--ease)}.v-logo-grid__step:nth-child(2n){top:calc(50% + var(--S) * .06)}.v-logo-grid__step:nth-child(-n+2){right:calc(50cqw + var(--S) / 2 + 4cqw);align-items:flex-end;text-align:right}.v-logo-grid__step:nth-child(n+3){left:calc(50cqw + var(--S) / 2 + 4cqw)}.v-logo-grid__step:after{content:"";position:absolute;top:5px;width:2.6cqw;height:1px;background:var(--accent);transform:scaleX(var(--seen));transition:transform .5s var(--ease)}.v-logo-grid__step:nth-child(-n+2):after{left:calc(100% + 1.2cqw);transform-origin:0 50%}.v-logo-grid__step:nth-child(n+3):after{right:calc(100% + 1.2cqw);transform-origin:100% 50%}.v-logo-grid__k{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--accent)}.v-logo-grid__k:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);opacity:var(--on);transition:opacity .3s}.v-logo-grid__step:nth-child(-n+2) .v-logo-grid__k{flex-direction:row-reverse}.v-logo-grid__t{font:700 clamp(16px,2cqw,22px)/1 var(--sans);letter-spacing:-.02em;color:var(--text);white-space:nowrap}.v-logo-grid__s{font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}@container v-logo-grid (max-aspect-ratio:27/20) or (max-width:620px){.v-logo-grid>*{--S:min( calc(100cqh - 58px) ,94cqw)}.v-logo-grid__stage,.v-logo-grid__cons{top:calc(50% - 22px)}.v-logo-grid__steps{inset:calc(50% + var(--S) / 2 - 10px) 0 auto;display:flex;justify-content:center;gap:clamp(12px,4cqw,30px);padding:0 12px}.v-logo-grid__step,.v-logo-grid__step:nth-child(n){position:relative;inset:auto;max-width:none;flex-direction:row;align-items:baseline;gap:6px;text-align:left}.v-logo-grid__step:nth-child(-n+2) .v-logo-grid__k{flex-direction:row}.v-logo-grid__k:after{display:none}.v-logo-grid__step:after,.v-logo-grid__step:nth-child(n):after{inset:auto 0 -7px;width:auto;transform-origin:0 50%;transform:scaleX(calc(var(--on) + var(--done)))}.v-logo-grid__t{font-size:14px}.v-logo-grid__s{display:none}.v-logo-grid--nolabels>*{--S:min(92cqh,88cqw)}.v-logo-grid--nolabels .v-logo-grid__stage,.v-logo-grid--nolabels .v-logo-grid__cons{top:50%}}@container v-logo-grid (max-width:420px){.v-logo-grid__steps{gap:10px}.v-logo-grid__t{font-size:13px}.v-logo-grid__k{font-size:10px}}@container v-logo-grid (max-width:300px){.v-logo-grid__t{display:none}}@container v-logo-grid (max-width:760px) or (max-height:520px){.v-logo-grid>*{--sw:.15}.v-logo-grid__sel i{width:6px;height:6px;margin:-3.5px 0 0 -3.5px}}@container v-logo-grid (max-width:460px) or (max-height:340px){.v-logo-grid>*{--sw:.23}.v-logo-grid__dim{display:none}.v-logo-grid__sel i{width:5px;height:5px;margin:-3px 0 0 -3px}}.nm-rm .v-logo-grid{--in:1}.nm-rm .v-logo-grid__ring,.nm-rm .v-logo-grid__mask--pearl{animation:none}.nm-rm .v-logo-grid__step{transition:none}