.pjb{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:3.5rem;height:clamp(28rem,calc(100svh - var(--band) - 3rem),46rem);margin-top:clamp(.5rem,2vh,1.5rem)}.pjb-index{display:flex;flex-direction:column;gap:2rem;padding-top:.25rem}.pjb-gname{color:rgb(var(--muted))}.pjb-picks{margin-top:.6rem}.pjb-pick{display:block;padding:.28rem 0;font-family:Metropolitan Line,Geist,system-ui,sans-serif;font-synthesis:none;font-size:1.2rem;line-height:1.2;text-align:left;color:rgb(var(--ink) / .42);transition:color .3s ease-out}.pjb-pick:hover,.pjb-pick:focus-visible{color:rgb(var(--ink) / .8)}.pjb-pick[aria-pressed=true]{color:rgb(var(--ink))}.pjb-pick[aria-pressed=true]:after{content:"";display:inline-block;width:6px;height:6px;margin-left:9px;vertical-align:.2em;border-radius:50%;background:rgb(var(--accent))}.pjb-stage{--tick: 22px;display:grid;min-height:0;overflow:hidden;padding:1.5rem 1.75rem 1.6rem}.pjb-stage[data-focus]{animation:pjb-focus .9s cubic-bezier(.16,1,.3,1) both}@keyframes pjb-focus{0%{--tick: 54px;--tick-c: rgb(255 90 31)}55%{--tick: 22px;--tick-c: rgb(255 90 31)}to{--tick: 22px;--tick-c: rgb(232 229 222 / .3)}}.pjb .pjb-slide{background-image:none}.pjb-slide{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.5rem;min-height:0}.pjb-slide:not([data-active]){display:none}.pjb-slide[data-enter]>*{animation:pjb-in .62s cubic-bezier(.16,1,.3,1) both}.pjb-slide[data-enter]>:nth-child(2){animation-delay:60ms}.pjb-slide[data-enter]>:nth-child(3){animation-delay:.12s}@keyframes pjb-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pjb-top{display:flex;justify-content:space-between;gap:1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--muted))}.pjb-view{position:relative;min-height:0}.pjb-shots{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px}.pjb-shots img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:3px;box-shadow:0 24px 48px -24px #000c}.pjb-view[data-device=phone] .pjb-shots img{height:100%;max-width:42%;border-radius:10px}.pjb-empty{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(rgb(var(--ink) / .22),rgb(var(--ink) / .22)) 50% 50% / 28px 1px no-repeat,linear-gradient(rgb(var(--ink) / .22),rgb(var(--ink) / .22)) 50% 50% / 1px 28px no-repeat}.pjb-empty span{margin-top:4.5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ink) / .3)}.pjb-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}.pjb-name{font-family:Metropolitan Line,Geist,system-ui,sans-serif;font-synthesis:none;font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:.95;letter-spacing:-.01em;color:rgb(var(--ink));text-wrap:balance}.pjb-one{margin-top:.75rem;max-width:34rem;font-family:Metropolitan Line,Geist,system-ui,sans-serif;font-synthesis:none;font-size:clamp(1.1rem,1.6vw,1.375rem);line-height:1.3;color:rgb(var(--ink) / .8);text-wrap:pretty}.pjb-go{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.pjb-go a{padding-block:.2rem;font-family:Metropolitan Line,Geist,system-ui,sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--ink) / .75)}.pjb-go a:hover,.pjb-go a:focus-visible{color:rgb(var(--ink))}.pjb-scan{position:absolute;top:0;bottom:0;left:0;width:24%;pointer-events:none;background:linear-gradient(90deg,#ff5a1f00,#ff5a1f57 50%,#ff5a1f00);mix-blend-mode:plus-lighter;transform:translate(-110%)}.pjb-stage[data-focus] .pjb-scan{animation:pjb-scan .9s cubic-bezier(.45,0,.2,1) both}@keyframes pjb-scan{0%{transform:translate(-110%)}to{transform:translate(430%)}}@media(max-width:1023px){.pjb{display:block;height:auto;margin-top:1rem}.pjb-index,.pjb-scan{display:none}.pjb-stage{display:flex;flex-direction:column;gap:1.25rem;padding:0;overflow:visible;background:none}.pjb .pjb-slide,.pjb .pjb-slide:not([data-active]){display:grid;grid-template-rows:auto;gap:1.25rem;padding:1.25rem 1.25rem 1.4rem}.pjb .pjb-slide{background:linear-gradient(var(--tick-c),var(--tick-c)) 0 0 / var(--tick) 1px,linear-gradient(var(--tick-c),var(--tick-c)) 0 0 / 1px var(--tick),linear-gradient(var(--tick-c),var(--tick-c)) 100% 0 / var(--tick) 1px,linear-gradient(var(--tick-c),var(--tick-c)) 100% 0 / 1px var(--tick),linear-gradient(var(--tick-c),var(--tick-c)) 0 100% / var(--tick) 1px,linear-gradient(var(--tick-c),var(--tick-c)) 0 100% / 1px var(--tick),linear-gradient(var(--tick-c),var(--tick-c)) 100% 100% / var(--tick) 1px,linear-gradient(var(--tick-c),var(--tick-c)) 100% 100% / 1px var(--tick);background-repeat:no-repeat}.pjb-view{aspect-ratio:16 / 10}.pjb-view[data-empty]{display:none}.pjb-top span:last-child:not(.text-accent){display:none}.pjb-foot{flex-direction:column;align-items:flex-start}.pjb-go{flex-direction:row;gap:1.5rem}.pjb-name{font-size:clamp(2rem,8vw,2.75rem)}}@media(prefers-reduced-motion:reduce){.pjb-stage[data-focus],.pjb-stage[data-focus] .pjb-scan,.pjb-slide[data-enter]>*{animation:none}}