.pj-wrap{height:calc(100svh + var(--pj-segments)*var(--pj-segment-vh)*1svh);position:relative}.pj-stage{--prof:-1;--A:0;--pj-rail:clamp(210px,23vw,300px);justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0}.pj-frame{width:100%;height:min(660px,100svh - 120px);min-height:540px;position:relative}.pj-rail{z-index:2;width:calc(var(--pj-rail) - 20px);flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pj-tab{--ta:clamp(0,calc(var(--A)*1.8 - var(--i)*.18),1);text-align:left;opacity:var(--ta);transform:translateX(calc((1 - var(--ta))*-36px));background:0 0;border:0;padding:0}.pj-tab span{color:var(--text-soft);letter-spacing:-.01em;transition:color .3s var(--ease-premium),transform .45s var(--ease-premium);font-size:1.05rem;font-weight:600;line-height:1.25;display:block}.pj-tab small{color:var(--text-soft);font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;transition:color .3s var(--ease-premium);margin-bottom:4px;font-size:.7rem;display:block}.pj-tab:hover span{color:var(--text-body)}.pj-tab span.is-active{color:var(--text-strong);transform:translate(8px)}.pj-tab span.is-active small{color:var(--accent-primary)}.pj-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.pj-shell{width:calc(100% - var(--pj-rail));border:1px solid var(--border-soft);background:var(--surface-card);height:100%;opacity:clamp(0,calc(var(--A)*3),1);transform:translateX(calc((1 - var(--A))*var(--pj-rail)*-.5))scale(calc(.86 + .14*var(--A)));will-change:transform;border-radius:28px;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 40px 80px -40px #0009;box-shadow:0 40px 80px -40px lab(0% 0 0/.6)}.pj-panel{--e:clamp(0,calc(var(--prof) - var(--k) + 1),1);--x:clamp(0,calc(var(--prof) - var(--k)),1);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:36px;display:grid;position:absolute;inset:0}.pj-float{--r:clamp(0,calc((var(--e) - .4)*2.6 - var(--d,0)),1);--re:calc(1 - (1 - var(--r))*(1 - var(--r))*(1 - var(--r)));--gone:clamp(0,calc(var(--x)*2.4),1);opacity:calc(var(--r)*(1 - var(--gone)));transform:translate3d(calc((1 - var(--re))*var(--fx,0)*1px),calc((1 - var(--re))*var(--fy,36)*1px - var(--gone)*26px),0)rotate(calc((1 - var(--re))*var(--fr,0)*1deg))scale(calc(1 - (1 - var(--re))*var(--fs,.08)))}.pj-text{flex-direction:column;min-width:0;display:flex}.pj-media{min-width:0;position:relative}.pj-shot{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 30px 60px -28px #000000b3;box-shadow:0 30px 60px -28px lab(0% 0 0/.7)}.pj-shot-0{z-index:1;aspect-ratio:16/10;width:92%;top:0;right:0}.pj-shot-1{z-index:2;aspect-ratio:4/3;width:52%;bottom:0;left:0}.pj-shot-2{z-index:3;aspect-ratio:4/3;width:44%;bottom:2%;right:2%}.pj-shot-btn{text-align:left;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.pj-shot-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-4px}.pj-shot-caption{max-width:calc(100% - 20px);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04050dc7;background:lab(1.50791% .294402 -3.17342/.78);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px;overflow:hidden}@media (max-width:860px){.pj-frame{height:min(700px,100svh - 150px);margin-top:56px}.pj-rail{flex-direction:row;gap:16px;width:auto;top:-48px;left:0;right:0;overflow-x:auto;transform:none}.pj-tab span{white-space:nowrap;font-size:.9rem}.pj-tab small{display:none}.pj-shell{--pj-rail:0px;width:100%}.pj-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:18px;padding:22px}.pj-media{order:-1;min-height:190px}.pj-shot-0{aspect-ratio:auto;width:100%;height:100%}.pj-shot-1,.pj-shot-2{display:none}.pj-desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.pj-static{gap:24px;display:grid}.pj-static .pj-shell{opacity:1;width:100%;height:640px;position:relative;transform:none}@media (max-width:860px){.pj-static .pj-shell{height:620px}}