.pj{--gold:#f5b324;--navy:#232a5c;z-index:5;max-width:1240px;padding:clamp(96px,12vw,150px) var(--pad) 120px;margin:0 auto;position:relative}.pj .ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}[dir=rtl] .pj .ic.flip,[dir=rtl] .pj-used .ic{transform:scaleX(-1)}.pj-head{max-width:880px}.pj-k{color:var(--amber);letter-spacing:.2em}.pj-head h1{font-family:var(--disp);font-variation-settings:"wdth" 102;letter-spacing:-.02em;color:var(--bone);margin:14px 0 0;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800;line-height:1.02}[dir=rtl] .pj-head h1{font-family:var(--bi);letter-spacing:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.3}.pj-lead{color:var(--muted);max-width:62ch;margin-top:18px;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.7}.pj-filter{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.pj-filter button{cursor:pointer;font:inherit;color:#c4cad3;border:1px solid var(--edge);background:#ffffff08;border-radius:999px;align-items:center;gap:9px;padding:9px 14px 9px 12px;font-size:.88rem;transition:color .5s,border-color .5s,background .5s;display:inline-flex}.pj-filter button i{background:var(--muted);border-radius:50%;width:8px;height:8px}.pj-filter button[data-k=client] i{background:var(--lime)}.pj-filter button[data-k=concept] i{background:var(--amber)}.pj-filter button[data-k=all] i{background:linear-gradient(90deg,var(--lime) 50%,var(--amber) 50%)}.pj-filter button b{color:var(--muted);background:#ffffff12;border-radius:99px;padding:1px 7px;font-size:.74rem;font-weight:600}.pj-filter button:hover{border-color:var(--edge2);color:var(--bone)}.pj-filter button[aria-pressed=true]{color:var(--bone);background:#ffffff12;border-color:#f0f2f58c}.pj-filter button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.pj[data-show=concept] .pj-clients,.pj[data-show=client] .pj-concepts{display:none}.pj-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pj-label{border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.pj-label i{border-radius:50%;width:7px;height:7px}.pj-label.client{color:#ddf8cb;background:#9be8701f;border:1px solid #9be8708c}.pj-label.client i{background:var(--lime);box-shadow:0 0 8px var(--lime)}.pj-label.concept{color:#fbe3b8;background:rgba(var(--amber-rgb),.12);border:1px solid rgba(var(--amber-rgb),.55)}.pj-label.concept i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.pj-kick{color:var(--muted);letter-spacing:.14em;font-size:.66rem}.pj-clients{border-top:1px solid #d6e0f017;margin-top:clamp(40px,6vw,80px);padding-top:clamp(30px,4vw,50px);scroll-margin-top:80px}.pj-railhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pj-railt{font-family:var(--disp);color:var(--bone);margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;line-height:1.15}[dir=rtl] .pj-railt{font-family:var(--bi);font-weight:700;line-height:1.4}.pj-railk{letter-spacing:.16em;color:var(--dim);font-size:.64rem}.pj-rail{scrollbar-width:thin;scroll-snap-type:x proximity;gap:10px;margin-top:18px;padding:4px 2px 10px;display:flex;overflow-x:auto}.pj-rail button{scroll-snap-align:start;cursor:pointer;font:inherit;text-align:start;color:#c4cad3;border:1px solid var(--edge);opacity:.7;background:#ffffff06;border-radius:16px;flex:none;align-items:center;gap:12px;padding:8px 16px 8px 8px;transition:border-color .8s,background .8s,box-shadow .8s,opacity .8s;display:flex}[dir=rtl] .pj-rail button{padding:8px 8px 8px 16px}.pj-rail button:hover{opacity:1;border-color:var(--edge2)}.pj-rail button[aria-selected=true]{opacity:1;color:var(--bone);border-color:var(--acc);background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 14%,transparent),#ffffff05);box-shadow:0 18px 40px -24px var(--acc)}.pj-rail button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.pj-plate{background:#fff;border-radius:10px;flex:none;place-items:center;width:120px;height:52px;padding:6px 10px;display:grid}.pj-plate img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.pj-plate.txt{color:#10131a;text-align:center;font-size:.9rem;font-weight:800;line-height:1.1}.pj-railn{flex-direction:column;gap:3px;min-width:0;display:flex}.pj-railn b{font-size:.95rem}.pj-railn em{color:var(--muted);white-space:nowrap;font-size:.74rem;font-style:normal}@media (max-width:760px){.pj-rail button{max-width:calc(100% - 4px)}.pj-railn em{white-space:normal;line-height:1.45}.pj-plate{width:96px;height:46px}}.pj-swap{transition:opacity .7s,transform .8s cubic-bezier(.5,0,.2,1),filter .7s}.pj-swap.out{opacity:0;filter:blur(6px);transform:translateY(26px)scale(.985)}.pj-case{margin-top:clamp(20px,3vw,34px)}.pj-hero{grid-template-columns:1fr;align-items:center;gap:clamp(20px,3vw,40px);display:grid}@media (min-width:1000px){.pj-hero{grid-template-columns:.9fr 1.1fr}}.pj-logo{box-shadow:0 18px 40px -20px rgba(var(--accrgb,245,179,36),.55),0 0 0 1px #fff6;background:#fff;border-radius:14px;margin-top:22px;padding:12px 16px;display:inline-flex}.pj-logo img{width:clamp(170px,19vw,230px);height:auto;display:block}.pj-h{font-family:var(--disp);color:var(--bone);letter-spacing:-.01em;margin:22px 0 0;font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:800;line-height:1.12}[dir=rtl] .pj-h{font-family:var(--bi);letter-spacing:0;font-weight:700;line-height:1.45}.pj-intro{color:var(--muted);max-width:56ch;margin-top:14px;line-height:1.75}.pj-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 0;display:grid}.pj-stats>div{background:linear-gradient(180deg,rgba(var(--accrgb,245,179,36),.08),rgba(var(--accrgb,245,179,36),.02));border:1px solid rgba(var(--accrgb,245,179,36),.22);border-radius:12px;padding:12px 12px 10px}.pj-stats dt{font-family:var(--disp);color:var(--acc,#f5b324);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;line-height:1}[dir=rtl] .pj-stats dt{font-family:var(--bi)}.pj-stats dd{color:#c4cad3;margin:6px 0 0;font-size:.8rem}[data-rv]{opacity:0;transition:opacity 1.2s,transform 1.4s cubic-bezier(.16,.9,.24,1);transform:translateY(22px)}[data-rv].in{opacity:1;transform:none}.pj-showwrap{min-width:0;position:relative}.pj-bookwrap{place-items:center;min-height:clamp(420px,40vw,520px);padding:34px 0 50px;display:grid;position:relative}.pj-bookwrap:before{content:"";pointer-events:none;background:radial-gradient(closest-side,rgba(var(--accrgb,245,179,36),.18),rgba(var(--accrgb,245,179,36),.05) 55%,rgba(var(--accrgb,245,179,36),0));border-radius:50%;position:absolute;inset:0 -4%}.pj-book{perspective:1600px;border-radius:10px;outline:none;width:min(100%,520px);position:relative}.pj-book:focus-visible{box-shadow:0 0 0 2px var(--amber)}.bk-stage{transform-style:preserve-3d;transition:transform 1.9s cubic-bezier(.45,.05,.25,1);position:relative}.pj-book[data-mode=front] .bk-stage{transform:translate(-25%)rotateY(-24deg)}.pj-book[data-mode=back] .bk-stage,[dir=rtl] .pj-book[data-mode=front] .bk-stage{transform:translate(25%)rotateY(24deg)}[dir=rtl] .pj-book[data-mode=back] .bk-stage{transform:translate(-25%)rotateY(-24deg)}.bk-stage.turning{transition:transform 1.1s cubic-bezier(.55,0,.45,1)}.pj-book[data-mode=back] .bk-stage[data-turn=out]{transform:translate(25%)rotateY(-90deg)}[dir=rtl] .pj-book[data-mode=back] .bk-stage[data-turn=out],.pj-book[data-mode=front] .bk-stage[data-turn=in]{transform:translate(-25%)rotateY(90deg)}[dir=rtl] .pj-book[data-mode=front] .bk-stage[data-turn=in]{transform:translate(25%)rotateY(-90deg)}.bk-stage.snap{transition:none!important}.pj-book[data-mode=front] .bk-stage{transform-origin:75%}.pj-book[data-mode=back] .bk-stage,[dir=rtl] .pj-book[data-mode=front] .bk-stage{transform-origin:25%}[dir=rtl] .pj-book[data-mode=back] .bk-stage{transform-origin:75%}.bk-cover{pointer-events:none;background:linear-gradient(135deg,#2e3876,#1a1f48 60%,#141838);border-radius:9px;transition:opacity 1.2s;position:absolute;inset:-12px -16px -16px;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 70px -26px #000000f2}.bk-cover:after{content:"";border:1px solid rgba(var(--accrgb,245,179,36),.35);border-radius:5px;position:absolute;inset:6px}.bk-shadow{pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;transition:inset 1.9s cubic-bezier(.45,.05,.25,1);position:absolute;inset:6% -8% -12%;transform:translateZ(-60px)scale(1.04)}.pj-book:not([data-mode=open]) .bk-cover{opacity:0}.pj-book[data-mode=front] .bk-shadow{inset:6% -8% -12% 42%}.pj-book[data-mode=back] .bk-shadow,[dir=rtl] .pj-book[data-mode=front] .bk-shadow{inset:6% 42% -12% -8%}[dir=rtl] .pj-book[data-mode=back] .bk-shadow{inset:6% -8% -12% 42%}.bk-spine,.bk-fore{pointer-events:none;opacity:0;width:4%;transition:opacity .2s;position:absolute;top:0;bottom:0}.pj-book:not([data-mode=open]) .bk-spine,.pj-book:not([data-mode=open]) .bk-fore{opacity:1;transition:opacity .8s .5s}.pj-book[data-mode=open] .bk-cover{transition-delay:.25s}.bk-stage.snap .bk-spine,.bk-stage.snap .bk-fore{transition:none}.pj-book[data-side=r] .bk-spine{transform-origin:100%;left:46%;transform:rotateY(-90deg)}.pj-book[data-side=r] .bk-fore{transform-origin:0;left:100%;transform:rotateY(90deg)}.pj-book[data-side=l] .bk-spine{transform-origin:0;left:50%;transform:rotateY(90deg)}.pj-book[data-side=l] .bk-fore{transform-origin:100%;left:-4%;transform:rotateY(-90deg)}.bk-spine{background:linear-gradient(90deg,#141838,#2a3470 30%,#35418a 50%,#2a3470 70%,#141838);flex-direction:column;align-items:center;gap:9%;padding:12% 0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.bk-spine:before,.bk-spine:after{content:"";background:rgba(var(--accrgb,245,179,36),.7);height:1px;position:absolute;left:14%;right:14%}.bk-spine:before{box-shadow:0 3px 0 rgba(var(--accrgb,245,179,36),.45);top:7%}.bk-spine:after{box-shadow:0 -3px 0 rgba(var(--accrgb,245,179,36),.45);bottom:7%}.bk-spine img{flex:none;width:62%;height:auto}.bk-spine b,.bk-spine span{writing-mode:vertical-rl;white-space:nowrap;font-style:normal;line-height:1}.bk-spine b{font-family:var(--disp);color:#f7f3ea;letter-spacing:.04em;font-size:clamp(.5rem,1vw,.66rem);font-weight:700}.bk-spine span{letter-spacing:.14em;text-transform:uppercase;color:var(--acc,#f5b324);margin-top:auto;font-size:clamp(.42rem,.8vw,.52rem)}[dir=rtl] .bk-spine b{font-family:var(--bi);letter-spacing:0}[dir=rtl] .bk-spine span{letter-spacing:0}.bk-fore{background:linear-gradient(90deg,#1c2250 0 10%,#10142e 10% 90%,#1c2250 90%)}.bk-fore:before{content:"";background:repeating-linear-gradient(90deg,#efe6d2 0 1px,#d6cab0 1px 2px,#e8dec8 2px 3px);position:absolute;inset:1.2% 10%;box-shadow:inset 0 3px 4px -2px #00000059,inset 0 -3px 4px -2px #00000059}.bk-fore:after{content:"";background:linear-gradient(90deg,#0000,#00000038);position:absolute;inset:0}.bk-host{z-index:1;position:relative}.bk-host.rtl,.bk-host.rtl .bk-pg>*{transform:scaleX(-1)}.bk-host:before{content:"";pointer-events:none;border-radius:2px;transition:opacity 1s;position:absolute;inset:0;box-shadow:1px 1px #e4ddcf,2px 2px #f3eee4,3px 3px #dad2c2,4px 4px #eee8dc,5px 5px #cfc7b6,-1px 1px #e4ddcf,-2px 2px #f3eee4,-3px 3px #dad2c2,-4px 4px #eee8dc,-5px 5px #cfc7b6,0 6px 10px -4px #0009}.pj-book:not([data-mode=open]) .bk-host:before{opacity:0}.pj-book[data-mode=open] .bk-host:before{transition-delay:.4s}.bk-pg{background:#fbfaf6;overflow:hidden}.bk-pg.cover{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#fff0 1px 3px),repeating-linear-gradient(90deg,#00000009 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 70% 20%,#3a4690,#1e2556 55%,#131736);box-shadow:0 30px 50px -24px #000000e6}.bk-pg.cover.front{border-radius:0 5px 5px 0}.bk-pg.cover.back{border-radius:5px 0 0 5px}.bk-pg.cover:before{content:"";border:1px solid rgba(var(--accrgb,245,179,36),.45);pointer-events:none;z-index:1;background:0 0;border-radius:3px;position:absolute;inset:8px}.bk-pg.cover .cv{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14%;display:flex;position:absolute;inset:0}.bk-pg.cover .cv img{width:34%;height:auto;filter:drop-shadow(0 0 22px rgba(var(--accrgb,245,179,36),.55));margin-bottom:10px}.bk-pg.cover .cv-t{font-family:var(--disp);color:#f7f3ea;text-shadow:0 1px #0000008c,0 -1px #ffffff1a;font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:800;line-height:1.15}.bk-pg.cover .cv:before{content:"";pointer-events:none;opacity:.8;--g:linear-gradient(rgba(var(--accrgb,245,179,36),.8),rgba(var(--accrgb,245,179,36),.8));background:var(--g) 0 0/14px 1px,var(--g) 0 0/1px 14px,var(--g) 100% 0/14px 1px,var(--g) 100% 0/1px 14px, var(--g) 0 100%/14px 1px,var(--g) 0 100%/1px 14px,var(--g) 100% 100%/14px 1px,var(--g) 100% 100%/1px 14px;background-repeat:no-repeat;position:absolute;inset:16px}.bk-pg.cover .cv:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0006,#ffffff17);width:2px;position:absolute;top:0;bottom:0}.bk-pg.cover.front .cv:after{left:5.5%}.bk-pg.cover.back .cv:after{right:5.5%;transform:scaleX(-1)}[dir=rtl] .bk-pg.cover.front .cv:after{left:auto;right:5.5%;transform:scaleX(-1)}[dir=rtl] .bk-pg.cover.back .cv:after{left:5.5%;right:auto;transform:none}.bk-pg.cover .cv-s{padding-top:10px;position:relative}.bk-pg.cover .cv-s:before{content:"";background:rgba(var(--accrgb,245,179,36),.6);width:28px;height:1px;margin-left:-14px;position:absolute;top:0;left:50%}[dir=rtl] .bk-pg.cover .cv-t{font-family:var(--bi);font-weight:700;line-height:1.4}.bk-pg.cover .cv-s{color:var(--acc,#f5b324);letter-spacing:.04em;font-size:.7rem}.bk-pg.cover .cv-n{letter-spacing:.14em;color:#f7f3ea99;text-transform:uppercase;margin-top:auto;font-size:.68rem;font-style:normal}[dir=rtl] .bk-pg.cover .cv-n{letter-spacing:0}.bk-pg.cover.back .cv{justify-content:center}.bk-pg.cover.back .cv img{opacity:.8;width:22%}.bk-pg.cover.back .cv-n{margin-top:6px}.bk-pg.cover.front:after{background:linear-gradient(90deg,#00000073,#ffffff0f 60%,#0000);width:6%;left:0}.bk-pg.cover.back:after{background:linear-gradient(270deg,#00000073,#ffffff0f 60%,#0000);width:6%;left:auto;right:0}.bk-pg>img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.bk-pg.end{background:radial-gradient(circle at 50% 45%,#2e3876,#1a1f48 70%)}.bk-pg.end>img{z-index:1;width:36%;height:auto;filter:drop-shadow(0 0 18px rgba(var(--accrgb,245,179,36),.5));margin:auto;position:absolute;inset:0}.bk-pg:after{content:"";pointer-events:none;z-index:2;width:14%;position:absolute;top:0;bottom:0}.bk-pg.--left:after{background:linear-gradient(270deg,#0000003d,#00000012 45%,#0000);right:0}.bk-pg.--right:after{background:linear-gradient(90deg,#0000003d,#00000012 45%,#0000);left:0}.bk-pg:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,#fff0 40%,#ffffff12 55%,#fff0 70%);position:absolute;inset:0}.bk-pg.end:before{opacity:.18;z-index:0;background:repeating-linear-gradient(45deg,rgba(var(--accrgb,245,179,36),.9) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(var(--accrgb,245,179,36),.9) 0 1px,transparent 1px 14px);inset:0}.pj-hint{letter-spacing:.14em;color:var(--dim);white-space:nowrap;align-items:center;gap:8px;font-size:.62rem;display:inline-flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pj-hint:before,.pj-hint:after{content:"";opacity:.6;background:currentColor;width:18px;height:1px}.pj-parts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.pj-partsk{letter-spacing:.16em;width:100%;color:var(--dim);font-size:.62rem}.pj-parts button{cursor:pointer;font:inherit;color:#c4cad3;border:1px solid var(--edge);background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;transition:all .6s;display:inline-flex}.pj-parts button .ic{color:var(--acc,#f5b324)}.pj-parts button[aria-selected=true]{color:var(--bone);border-color:var(--acc,#f5b324);background:rgba(var(--accrgb,245,179,36),.1)}.pj-parts button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.pj-parthead{border:1px solid rgba(var(--accrgb,245,179,36),.3);background:linear-gradient(120deg,rgba(var(--accrgb,245,179,36),.08),#ffffff03);border-radius:16px;align-items:center;gap:14px;margin-top:clamp(40px,5vw,64px);padding:16px 18px;display:flex}.pj-parthead b{color:var(--bone);font-size:1.05rem;display:block}.pj-parthead p{color:var(--muted);margin:4px 0 0;font-size:.9rem}[hidden]{display:none!important}.pj-sh{max-width:720px}.pj-sh h3{font-family:var(--disp);color:var(--bone);margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;line-height:1.15}[dir=rtl] .pj-sh h3{font-family:var(--bi);font-weight:700;line-height:1.4}.pj-sh p{color:var(--muted);margin-top:10px;line-height:1.7}.pj-built,.pj-how,.pj-lib,.pj-text{margin-top:clamp(56px,7vw,96px)}.pj-text>p{color:var(--muted);max-width:70ch;margin-top:14px;line-height:1.8}.pj-mono{place-items:center;height:clamp(300px,34vw,440px);display:grid;position:relative}.pj-mono:before{content:"";background:radial-gradient(closest-side,rgba(var(--accrgb,245,179,36),.22),rgba(var(--accrgb,245,179,36),0));border-radius:50%;position:absolute;inset:8%}.pj-plate.big{width:min(300px,70%);height:auto;min-height:110px;box-shadow:0 0 0 1px rgba(var(--accrgb,245,179,36),.5),0 0 90px 10px rgba(var(--accrgb,245,179,36),.28),0 40px 60px -30px #000000e6;border-radius:20px;padding:22px 26px;animation:7s ease-in-out infinite alternate pjFloat;position:relative}.pj-plate.big.txt{font-size:1.6rem}.pj-orbit{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pj-orbit i{border:1px solid rgba(var(--accrgb,245,179,36),.22);aspect-ratio:1;border-radius:50%;width:62%;animation:60s linear infinite pjSpin;position:absolute}.pj-orbit i:nth-child(2){border-style:dashed;width:80%;animation-duration:90s;animation-direction:reverse}.pj-orbit i:nth-child(3){opacity:.5;width:98%;animation-duration:120s}@keyframes pjSpin{to{transform:rotate(360deg)}}@keyframes pjFloat{0%{transform:translateY(6px)}to{transform:translateY(-8px)}}.pj-shot{perspective:1400px;margin:0}.pj-shot img{width:100%;height:auto;box-shadow:0 50px 90px -40px #000000f2,0 0 0 1px #ffffff14,0 0 80px -20px var(--acc);border-radius:14px;display:block;transform:rotateY(-8deg)rotateX(3deg)}[dir=rtl] .pj-shot img{transform:rotateY(8deg)rotateX(3deg)}.pj-docs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pj-docs li{border:1px solid var(--edge);opacity:0;transition:opacity 1s ease calc(var(--i) * .22s + .2s),transform 1.2s cubic-bezier(.16,.9,.24,1) calc(var(--i) * .22s + .2s);background:linear-gradient(165deg,#262c38b3,#0e1014d9);border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden;transform:translateY(18px)}.pj-built.in .pj-docs li{opacity:1;transform:none}.pj-docs li:before{content:"";background:linear-gradient(90deg,transparent,var(--acc,#f5b324),transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.pj-di{width:40px;height:40px;color:var(--acc,#f5b324);background:rgba(var(--accrgb,245,179,36),.1);border:1px solid rgba(var(--accrgb,245,179,36),.3);border-radius:12px;place-items:center;display:grid}.pj-di .ic{width:22px;height:22px}.pj-docs b{color:var(--bone);font-size:1.02rem}.pj-docs p{color:var(--muted);flex:1;margin:0;font-size:.9rem;line-height:1.65}.pj-twins{flex-wrap:wrap;gap:6px;display:flex}.pj-twins em{color:#ddf8cb;background:#9be8701a;border:1px solid #9be87059;border-radius:99px;padding:3px 9px;font-size:.7rem;font-style:normal;font-weight:700}.pj-twins em.fmt{color:#c4cad3;border-color:var(--edge);background:#ffffff0a}.pj-how ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pj-how li{border:1px solid var(--edge);opacity:0;transition:opacity 1s ease calc(var(--i) * .18s + .2s),transform 1.2s cubic-bezier(.16,.9,.24,1) calc(var(--i) * .18s + .2s);background:#ffffff05;border-radius:16px;gap:14px;padding:18px;display:flex;transform:translateY(16px)}.pj-how li:first-child{background:linear-gradient(120deg,#9be87012,#ffffff03);border-color:#9be87059;grid-column:1/-1}.pj-how.in li{opacity:1;transform:none}.pj-hi{width:38px;height:38px;color:var(--lime);background:#9be8701a;border:1px solid #9be87059;border-radius:50%;flex:none;place-items:center;display:grid}.pj-how b{color:var(--bone);font-size:1rem;display:block}.pj-how p{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.65}.pj-shelf{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:14px;margin-top:26px;display:grid}.pj-tracks{flex-direction:column;gap:8px;display:flex}.pj-tracks button{cursor:pointer;font:inherit;text-align:start;color:#c4cad3;border:1px solid var(--edge);background:#ffffff06;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:all .6s;display:grid}.pj-tracks button .mono{letter-spacing:.12em;color:var(--acc,#f5b324);border:1px solid rgba(var(--accrgb,245,179,36),.35);border-radius:6px;padding:3px 7px;font-size:.7rem}.pj-tracks button b{font-size:.94rem;font-weight:600}.pj-tracks button em{color:var(--muted);background:#ffffff0f;border-radius:99px;padding:2px 8px;font-size:.76rem;font-style:normal}.pj-tracks button:hover{border-color:var(--edge2);color:var(--bone)}.pj-tracks button[aria-selected=true]{color:var(--bone);border-color:rgba(var(--accrgb,245,179,36),.6);background:linear-gradient(120deg,rgba(var(--accrgb,245,179,36),.12),rgba(var(--accrgb,245,179,36),.02));box-shadow:0 18px 40px -24px rgba(var(--accrgb,245,179,36),.6)}.pj-tracks button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.pj-mods{border:1px solid rgba(var(--accrgb,245,179,36),.25);background:radial-gradient(circle at 1px 1px,#d6e0f00d 1px,#0000 0) 0 0/14px 14px,#0a0c0f99;border-radius:18px;flex-direction:column;gap:8px;margin:0;padding:14px;list-style:none;display:flex}.pj-mods li{border:1px solid var(--edge);opacity:0;animation:1s cubic-bezier(.16,.9,.24,1) forwards pjIn;animation-delay:calc(var(--i) * .14s);background:#12161b;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid;transform:translate(-14px)}[dir=rtl] .pj-mods li{transform:translate(14px)}@keyframes pjIn{to{opacity:1;transform:none}}.pj-mods .code{letter-spacing:.1em;color:#0f1320;background:var(--acc,#f5b324);border-radius:6px;padding:3px 7px;font-size:.7rem;font-weight:700}.pj-mods b{color:var(--bone);font-size:.93rem;font-weight:600;line-height:1.4}.pj-mods .docs{color:var(--lime);white-space:nowrap;font-size:.72rem}.pj-used{flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(40px,5vw,64px);display:flex}.pj-used .mono{letter-spacing:.14em;color:var(--dim);font-size:.64rem}.pj-used a{color:var(--bone);border:1px solid var(--edge2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;text-decoration:none;transition:border-color .4s,background .4s;display:inline-flex}.pj-used a:hover{border-color:var(--amber);background:rgba(var(--amber-rgb),.08)}.pj-used a .ic{width:15px;height:15px}.pj-concepts{border-top:1px solid #d6e0f017;margin-top:clamp(64px,8vw,110px);padding-top:clamp(30px,4vw,50px)}.pj-cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.pj-card{border:1px solid rgba(var(--amber-rgb),.28);opacity:0;transition:opacity 1s ease calc(var(--i) * .22s + .2s),transform 1.2s cubic-bezier(.16,.9,.24,1) calc(var(--i) * .22s + .2s);background:linear-gradient(165deg,#262c3899,#0e1014d9);border-radius:18px;flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden;transform:translateY(18px)}.pj-concepts.in .pj-card{opacity:1;transform:none}.pj-cn{color:var(--bone);font-size:1.3rem;font-family:var(--disp);font-weight:800}[dir=rtl] .pj-cn{font-family:var(--bi);font-weight:700}.pj-card>p{color:var(--muted);margin:0;font-size:.93rem;line-height:1.7}.pj-ctags{flex-wrap:wrap;gap:6px;display:flex}.pj-ctags i{color:#c4cad3;border:1px solid var(--edge);background:#ffffff0d;border-radius:99px;padding:3px 9px;font-size:.74rem;font-style:normal}.pj-card .pj-note{color:#a7afbc;border-inline-start:2px solid rgba(var(--amber-rgb),.6);padding-inline-start:12px;font-size:.84rem}.pj-live{color:var(--on-amber);background:var(--amber);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.pj-live .ic{width:15px;height:15px}.pj-end{border-top:1px solid #d6e0f014;margin-top:clamp(64px,8vw,110px);padding-top:clamp(40px,5vw,64px);position:relative}@media (max-width:760px){.pj-plate{width:96px;height:44px}.pj-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-docs,.pj-how ol,.pj-cgrid,.pj-shelf{grid-template-columns:1fr}.pj-bookwrap{min-height:0;padding:26px 6px 52px}.pj-mods li{grid-template-columns:auto 1fr}.pj-mods .docs{display:none}}@media (prefers-reduced-motion:reduce){[data-rv],.pj-docs li,.pj-how li,.pj-card,.pj-mods li{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.pj-shift{margin-top:clamp(56px,7vw,96px)}.sh-rows{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.sh-row{border:1px solid var(--edge);opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .18s);background:linear-gradient(170deg,#1c2028b3,#0e1014bf);border-radius:18px;grid-template-columns:150px minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;gap:16px;padding:16px;display:grid;transform:translateY(12px)}.pj-shift.in .sh-row{opacity:1;transform:none}.sh-area{flex-direction:column;align-items:flex-start;gap:10px;padding-top:4px;display:flex}.sh-area b{color:var(--bone);font-size:1rem;line-height:1.35}.sh-side{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.sh-tag{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.7rem;font-weight:600}.sh-before .sh-tag{color:#e8a0a0;background:#f0645a0f;border:1px solid #f0645a59}.sh-after .sh-tag{color:var(--lime);background:#9be87014;border:1px solid #9be87073}.sh-side p{margin:0;font-size:.9rem;line-height:1.65}.sh-before p{color:var(--muted)}.sh-after p{color:var(--bone)}.sh-fig{background:#0c0e12;border:1px solid #d6e0f01a;border-radius:12px;height:150px;margin:0;position:relative;overflow:hidden}.sh-fig img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.sh-before .sh-fig img{filter:grayscale(.85)contrast(.92)brightness(.8)}.sh-fig.n2 img:first-child{border-radius:8px;width:78%;height:82%;inset:0 22% 18% 0;transform:rotate(-2deg);box-shadow:0 10px 20px -8px #000c}.sh-fig.n2 img:last-child{border-radius:8px;width:66%;height:78%;inset:22% 0 0 34%;transform:rotate(2.5deg);box-shadow:0 10px 24px -6px #000000e6}.sh-none{background:repeating-linear-gradient(135deg,#d6e0f008 0 10px,#0000 10px 20px);border:1.5px dashed #d6e0f02e;place-items:center;display:grid}.sh-none span{color:var(--dim);font-size:.82rem}.sh-after .sh-fig{border-color:#9be8704d;box-shadow:0 0 0 1px #9be87014,0 20px 40px -24px #9be87073}.sh-after .sh-fig img{transition:transform 1.2s;transform:scale(1.01)}.sh-row:hover .sh-after .sh-fig img{transform:scale(1.05)}.sh-wire{place-items:center;display:grid;position:relative}.sh-wire i{inset-inline:0;background:repeating-linear-gradient(90deg,#d6e0f040 0 4px,#0000 4px 9px);height:2px;position:absolute;top:50%}.sh-wire i:after{content:"";background:var(--lime);transform-origin:0;transition:transform 1.4s cubic-bezier(.5,0,.2,1);transition-delay:calc(.6s + var(--i) * .18s);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 8px #9be870b3}[dir=rtl] .sh-wire i:after{transform-origin:100%}.pj-shift.in .sh-wire i:after{transform:none}.sh-wire .ic{box-sizing:border-box;width:26px;height:26px;color:var(--lime);background:#0f1318;border:1px solid #9be87073;border-radius:50%;padding:5px;position:relative}[dir=rtl] .sh-wire .ic{transform:scaleX(-1)}.sh-see{cursor:pointer;font:inherit;color:var(--amber);background:rgba(var(--amber-rgb),.06);border:1px solid rgba(var(--amber-rgb),.4);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:5px 12px;font-size:.78rem;transition:background .6s,color .6s;display:inline-flex}.sh-see .ic{width:13px;height:13px}[dir=rtl] .sh-see .ic{transform:scaleX(-1)}.sh-see:hover{background:var(--amber);color:var(--on-amber)}.sh-result{color:var(--bone);background:linear-gradient(120deg,#9be87014,#ffffff03);border:1px solid #9be8704d;border-radius:14px;align-items:flex-start;gap:12px;margin:18px 0 0;padding:16px 18px;font-size:.98rem;line-height:1.7;display:flex}.sh-result .ic{width:22px;height:22px;color:var(--lime);flex:none;margin-top:3px}@media (max-width:900px){.sh-row{grid-template-columns:minmax(0,1fr);gap:12px}.sh-area{flex-direction:row;align-items:center}.sh-wire{height:28px}.sh-wire i{inset-inline:auto;background:repeating-linear-gradient(#d6e0f040 0 4px,#0000 4px 9px);width:2px;height:auto;margin-left:-1px;top:0;bottom:0;left:50%}.sh-wire i:after{transform-origin:top;transform:scaleY(0)}.sh-wire .ic,[dir=rtl] .sh-wire .ic{transform:rotate(90deg)}}.pj-toolwin,.pj-livewin{box-shadow:0 50px 100px -40px #000000f2,0 0 0 1px #0006,0 0 80px -30px var(--acc,#f5b324);background:#0f1318;border:1px solid #d6e0f024;border-radius:16px;position:relative;overflow:hidden}.pj-winbar{background:linear-gradient(#ffffff0e,#ffffff03);border-bottom:1px solid #d6e0f017;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex}.pj-winbar .dots{gap:5px;display:flex}.pj-winbar .dots i{border-radius:50%;width:8px;height:8px}.pj-winbar .dots i:first-child{background:#f0645a}.pj-winbar .dots i:nth-child(2){background:var(--amber)}.pj-winbar .dots i:nth-child(3){background:#9be870}.pj-winbar .ttl{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}[dir=rtl] .pj-winbar .ttl{font-family:var(--bi);letter-spacing:0;font-size:.74rem}.pj-winbar .pill{color:var(--lime);border:1px solid #9be87066;border-radius:999px;align-items:center;gap:6px;margin-inline-start:auto;padding:2px 9px;font-size:.66rem;display:inline-flex}.pj-winbar .pill b{background:var(--lime);border-radius:50%;width:5px;height:5px;animation:3.4s ease-in-out infinite pjbreathe}@keyframes pjbreathe{0%,to{box-shadow:0 0 #9be87099}50%{box-shadow:0 0 0 4px #9be87000}}.pj-toolwin img{width:100%;height:auto;display:block}.pj-trybtn{bottom:18px;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 16px 36px -12px #000000e6;background:var(--amber)!important;color:var(--on-amber)!important;border-color:var(--amber)!important}[dir=rtl] .pj-trybtn{font-family:var(--bi);letter-spacing:0;text-transform:none;transform:translate(50%)}.pj-trybtn .ic{width:14px;height:14px;transform:rotate(90deg)}.pj-livebox{margin-top:clamp(56px,7vw,96px);scroll-margin-top:90px}.pj-livewin{margin-top:26px}.pj-livewin iframe{background:#f4f4f8;border:0;width:100%;display:block}.pj-open{color:var(--amber);align-items:center;gap:6px;margin-inline-start:auto;font-size:.74rem;text-decoration:none;display:inline-flex}.pj-open .ic{width:13px;height:13px}.pj-open:hover{text-decoration:underline}@media (max-width:700px){.pj-livewin iframe{height:620px!important}}@media (prefers-reduced-motion:reduce){.sh-row,.sh-wire i:after{transition:none}.pj-winbar .pill b{animation:none}}