.lclip{--clip-ink:#efe7d4;--clip-cap:#cfc6b4;--clip-pg-off:#3a352b;--clip-pg-on:#efe7d4;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;z-index:2;pointer-events:none}.ltile.live .lclip{opacity:1;visibility:visible;transition:opacity .2s ease}.ltile.live .lglyph,.ltile.live .lglyph-char{opacity:0}.lclip .scene{position:absolute;left:8%;right:8%;top:9%;height:52%}.lclip .scene svg{position:absolute;inset:0;width:100%;height:100%}.lclip .layer,.lclip .flayer{position:absolute;left:8%;right:8%;top:9%;height:52%}.lclip .layer i,.lclip .flayer i{position:absolute;inset:0;-webkit-mask:var(--lm) center/contain no-repeat;mask:var(--lm) center/contain no-repeat}.lclip .layer .base,.lclip .flayer .base{background:var(--clip-ink)}.lclip .layer .m,.lclip .flayer .m{background:var(--accA,#ff1f8c);mix-blend-mode:screen;transform:translate(1.4px)}.lclip .layer .c,.lclip .flayer .c{background:var(--accB,#2bd4ff);mix-blend-mode:screen;transform:translate(-1.4px)}.lclip .caps{position:absolute;left:9%;right:9%;bottom:12%;height:28%}.lclip .cap{position:absolute;left:0;right:0;bottom:0;color:var(--clip-cap);font-family:var(--font-mono,monospace);font-size:clamp(9px,2.6vw,12.5px);line-height:1.32;opacity:0}.lclip .cap b{color:var(--accA,#ff8fc4)}.lclip .pgs{position:absolute;left:9%;bottom:6%;display:flex;gap:4px}.lclip .pg{width:16px;height:3px;background:var(--clip-pg-off)}.ctr{transform-box:fill-box;transform-origin:center}.gb{transform-box:fill-box;transform-origin:bottom}.gl{transform-box:fill-box;transform-origin:left center}@keyframes clp-e1{0%,2%{opacity:0}8%,30%{opacity:1}33%,to{opacity:0}}@keyframes clp-e1pop{0%,2%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1)}30%{opacity:1}33%{opacity:0}to{opacity:0}}@keyframes clp-e1fly{0%{opacity:0;transform:translate(var(--fx),var(--fy))}9%{opacity:1}24%{transform:translate(0)}30%{opacity:1}33%{opacity:0}to{opacity:0}}@keyframes clp-e1hold{0%,2%{opacity:0}8%{opacity:1}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e1holdpop{0%,2%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1)}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e1growYhold{0%{opacity:0;transform:scaleY(0)}10%{opacity:1}24%{transform:scaleY(1)}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e2{0%,33%{opacity:0}40%,63%{opacity:1}66%,to{opacity:0}}@keyframes clp-e2pop{0%,35%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1)}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e2fly{0%,35%{opacity:0;transform:translate(var(--fx),var(--fy))}43%{opacity:1}59%{transform:translate(0)}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e2flyout{0%,35%{opacity:0;transform:translate(0)}43%{opacity:1}59%{transform:translate(var(--fx),var(--fy))}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-e2hold{0%,35%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1)}96%{opacity:1}to{opacity:0}}@keyframes clp-e3{0%,66%{opacity:0}73%,96%{opacity:1}to{opacity:0}}@keyframes clp-e3pop{0%,68%{opacity:0;transform:scale(.3)}78%{opacity:1;transform:scale(1)}96%{opacity:1}to{opacity:0}}@keyframes clp-e3fly{0%,66%{opacity:0;transform:translate(var(--fx),var(--fy))}74%{opacity:1}88%{transform:translate(0)}96%{opacity:1}to{opacity:0}}@keyframes clp-mscanY{0%,5%{opacity:0;transform:translateY(-16px)}11%{opacity:1}30%{transform:translateY(16px);opacity:1}34%{opacity:0}to{opacity:0}}@keyframes clp-mscanX{0%,5%{opacity:0;transform:translate(-20px)}11%{opacity:1}30%{transform:translate(20px);opacity:1}34%{opacity:0}to{opacity:0}}@keyframes clp-imag{0%,5%{opacity:0;transform:translateY(-16px)}11%{opacity:1}30%{transform:translateY(16px);opacity:1}34%{opacity:0}to{opacity:0}}@keyframes clp-draw1{0%{stroke-dashoffset:100;opacity:0}9%{opacity:1}26%{stroke-dashoffset:0}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-draw2{0%,35%{stroke-dashoffset:100;opacity:0}43%{opacity:1}59%{stroke-dashoffset:0}63%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-ret{0%,62%{opacity:0;transform:translate(-6px,-23px)}69%{opacity:1}78%{transform:translate(-9.5px,-9.7px)}88%{transform:translate(0);opacity:1}95%{opacity:1}to{opacity:0}}@keyframes clp-typ{0%,8%{opacity:.25}18%{opacity:1}38%{opacity:.25}to{opacity:.25}}@keyframes clp-spin{to{transform:rotate(360deg)}}@keyframes clp-ff1{0%{opacity:1}33%{opacity:0}to{opacity:0}}@keyframes clp-ff2{0%{opacity:0}33%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes clp-ff3{0%{opacity:0}66%{opacity:1}99%{opacity:0}to{opacity:0}}@keyframes clp-cap1{0%,2%{opacity:0}7%,30%{opacity:1}33%,to{opacity:0}}@keyframes clp-cap2{0%,33%{opacity:0}40%,63%{opacity:1}66%,to{opacity:0}}@keyframes clp-cap3{0%,66%{opacity:0}73%,96%{opacity:1}to{opacity:0}}@keyframes clp-pg1{0%,2%{background:var(--clip-pg-off)}7%,30%{background:var(--clip-pg-on)}33%,to{background:var(--clip-pg-off)}}@keyframes clp-pg2{0%,33%{background:var(--clip-pg-off)}40%,63%{background:var(--clip-pg-on)}66%,to{background:var(--clip-pg-off)}}@keyframes clp-pg3{0%,66%{background:var(--clip-pg-off)}73%,96%{background:var(--clip-pg-on)}to{background:var(--clip-pg-off)}}.lclip .E1,.lclip .E1p,.lclip .E1f,.lclip .E1h,.lclip .E1hp,.lclip .E1g,.lclip .E2,.lclip .E2p,.lclip .E2f,.lclip .E2o,.lclip .E2H,.lclip .E3,.lclip .E3p,.lclip .E3f,.lclip .MS,.lclip .MX,.lclip .RP,.lclip .IMAG,.lclip .DR1,.lclip .DR2,.lclip .RET,.lclip .TY,.lclip .ff1,.lclip .ff2,.lclip .ff3,.lclip .cap{opacity:0}.lclip .DR1,.lclip .DR2{stroke-dasharray:100;stroke-dashoffset:100}.lclip .SP{transform-box:fill-box;transform-origin:center}.cl-on .E1{animation:clp-e1 8s ease infinite}.cl-on .E1p{animation:clp-e1pop 8s ease infinite}.cl-on .E1f{animation:clp-e1fly 8s ease infinite}.cl-on .E1h{animation:clp-e1hold 8s ease infinite}.cl-on .E1hp{animation:clp-e1holdpop 8s ease infinite}.cl-on .E1g{animation:clp-e1growYhold 8s ease infinite}.cl-on .E2{animation:clp-e2 8s ease infinite}.cl-on .E2p{animation:clp-e2pop 8s ease infinite}.cl-on .E2f{animation:clp-e2fly 8s ease-in infinite}.cl-on .E2o{animation:clp-e2flyout 8s ease infinite}.cl-on .E2H{animation:clp-e2hold 8s ease infinite}.cl-on .E3{animation:clp-e3 8s ease infinite}.cl-on .E3p{animation:clp-e3pop 8s ease infinite}.cl-on .E3f{animation:clp-e3fly 8s ease infinite}.cl-on .MS{animation:clp-mscanY 8s ease infinite}.cl-on .MX{animation:clp-mscanX 8s ease infinite}.cl-on .RP,.cl-on .IMAG{animation:clp-imag 8s ease infinite}.cl-on .DR1{animation:clp-draw1 8s ease infinite}.cl-on .DR2{animation:clp-draw2 8s ease infinite}.cl-on .RET{animation:clp-ret 8s ease infinite}.cl-on .SP{animation:clp-spin 6s linear infinite}.cl-on .TY{animation:clp-typ 1s ease infinite}.cl-on .TY2{animation-delay:.16s}.cl-on .TY3{animation-delay:.32s}.cl-on .ff1{animation:clp-ff1 8s step-end infinite}.cl-on .ff2{animation:clp-ff2 8s step-end infinite}.cl-on .ff3{animation:clp-ff3 8s step-end infinite}.cl-on .c1{animation:clp-cap1 8s linear infinite}.cl-on .c2{animation:clp-cap2 8s linear infinite}.cl-on .c3{animation:clp-cap3 8s linear infinite}.cl-on .p1{animation:clp-pg1 8s linear infinite}.cl-on .p2{animation:clp-pg2 8s linear infinite}.cl-on .p3{animation:clp-pg3 8s linear infinite}.phow{display:flex;gap:clamp(20px,4vw,48px);align-items:center;flex-wrap:wrap;margin-top:clamp(28px,4vw,44px)}.phow .pclip-wrap{flex:0 0 auto;width:min(340px,82vw);aspect-ratio:1/1;position:relative;overflow:hidden;border:1px solid var(--rule-strong);background:radial-gradient(120% 120% at 50% 32%,#1b1813,#0c0b09 72%)}.phow .pclip-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.35}.phow .pclip-wrap .lclip{opacity:1;visibility:visible}.phow .pclip-wrap .scene,.phow .pclip-wrap .layer,.phow .pclip-wrap .flayer{top:16%;height:66%}.phow .pclip-wrap .caps,.phow .pclip-wrap .pgs{display:none}.psteps{flex:1 1 280px;margin:0;padding:0;list-style:none;counter-reset:ps;display:grid;gap:14px}.psteps li{display:flex;gap:14px;align-items:flex-start;color:var(--fg);line-height:1.5}.pstep-n{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--accA);color:var(--accA);font-family:var(--font-mono);font-size:.8rem}.psteps b{color:var(--accA)}@keyframes clp-glx{0%{clip-path:inset(0);transform:translate(0)}30%{clip-path:inset(20% 0 55% 0);transform:translate(-3px)}60%{clip-path:inset(55% 0 12% 0);transform:translate(3px)}to{clip-path:inset(0);transform:translate(0)}}.ltile.glx .lglyph,.ltile.glx .lclip{animation:clp-glx .4s steps(2,end) both}