.pj-sub{padding:1.25rem 1rem calc(var(--dock) + 1.5rem);grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.pj-sub-left,.pj-sub-right{display:none}.pj-sub-column{grid-template-columns:minmax(0,1fr);gap:2.75rem;width:100%;max-width:52rem;margin-inline:auto;display:grid}.pj-back{color:var(--muted);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}@media (hover:hover){.pj-back:hover{color:var(--ink)}}.pj-sub-head{justify-items:start;gap:.75rem;scroll-margin-top:5rem;display:grid}.pj-sub-head h1{font:600 clamp(2.5rem, 5vw, 4.25rem)/1.03 var(--display);letter-spacing:-.03em}.pj-sub-lead{max-width:38em;color:var(--muted);font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.42}.pj-brief{width:100%;box-shadow:0 -1px 0 var(--line);gap:.75rem;margin-top:.5rem;padding-top:1rem;display:grid}.pj-brief div{grid-template-columns:7rem minmax(0,1fr);gap:.75rem;font-size:1rem;line-height:1.45;display:grid}.pj-brief dt{color:var(--muted)}.pj-sub-narrow{gap:.875rem;width:100%;display:grid}.pj-sub-frame{background:var(--surface);transition:box-shadow var(--duration-quick) var(--ease-out);border-radius:.75rem;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.125rem;scroll-margin-top:5.5rem;display:grid;position:relative}.pj-sub-frame-name{color:var(--muted);font:500 .75rem/1 var(--mono);margin-bottom:.375rem;position:absolute;bottom:100%;left:0}.pj-sub-text h2{font:600 clamp(1.5rem, 2.4vw, 2rem)/1.14 var(--display);letter-spacing:-.02em}.pj-sub-text p{max-width:38em;color:var(--muted);margin-top:.625rem;font-size:1rem;line-height:1.55}.pj-sub-text code{background:var(--raised);color:var(--ink);font:500 .88em var(--mono);overflow-wrap:anywhere;border-radius:.25em;padding:.05em .3em}.pj-sub-demo{gap:.875rem;min-width:0;display:grid}.pj-sub-refs{box-shadow:0 -1px 0 var(--line);gap:.5rem;padding-top:.75rem;display:grid}.pj-sub-refs>p{color:var(--muted);font:600 .75rem/1 var(--mono)}.pj-refs{font:500 .75rem/1.35 var(--mono);gap:.25rem;display:grid}.pj-refs a{color:var(--ref);overflow-wrap:anywhere;text-underline-offset:.2em}@media (hover:hover){.pj-refs a:hover{text-decoration:underline}}.pj-seg{scrollbar-width:none;gap:.25rem;max-width:100%;display:inline-flex;overflow-x:auto}.pj-seg button{background:var(--raised);color:var(--ink);font:500 .8125rem/1 var(--mono);white-space:nowrap;border-radius:999px;padding:.5rem .75rem}.pj-seg [aria-pressed=true]{background:var(--accent-strong);color:var(--on-accent);font-weight:700}.pj-mini{background:var(--raised);color:var(--ink);font:500 .8125rem/1 var(--mono);border-radius:999px;padding:.5rem .75rem}.pj-mini:disabled{opacity:.5}@media (hover:hover){.pj-mini:not(:disabled):hover{color:var(--ink)}}.pj-demo-note{color:var(--muted);font-size:.8125rem;line-height:1.4}.pj-term{background:var(--crust);font:500 .8125rem/1.62 var(--mono);border-radius:.5rem;padding:.875rem;position:relative}.pj-term p{white-space:nowrap;gap:.75rem;display:flex;overflow:hidden}.pj-term p>span:first-child{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.pj-term em{color:var(--passed);font-style:normal}.pj-term-command{color:var(--ref);margin-bottom:.5rem}.pj-term-command:before{content:"$ " / "";color:var(--muted)}.pj-term-sum{color:var(--passed);margin-top:.5rem;font-weight:600}.pj-gates-demo [data-waiting]{opacity:.14}.pj-gates-demo .pj-mini{margin-top:.625rem}.pj-term p.pj-status{background:var(--raised);border-radius:0 0 .5rem .5rem;gap:0;margin:.875rem -.875rem -.875rem;font-weight:700;display:flex;overflow:hidden}.pj-status span{font-variant-ligatures:none;padding:.125rem .75rem;flex:none!important}.pj-status span:first-child{background:var(--accent-strong);color:var(--on-accent)}.pj-status span:last-child{color:var(--ink);margin-left:auto}.pj-form-shots{grid-template-columns:minmax(0,1fr);padding-right:14%;display:grid;position:relative}.pj-form-wide img,.pj-form-phone img{width:100%;height:auto;display:block}.pj-form-wide{box-shadow:0 0 0 1px var(--line);border-radius:.375rem;display:block;overflow:hidden}.pj-form-phone{width:25%;box-shadow:0 0 0 1px var(--line);border-radius:.875rem;display:block;position:absolute;bottom:-1.5rem;right:0;overflow:hidden}.pj-sub-frame[data-step=form] .pj-sub-refs{margin-top:1.5rem}.pj-themes-demo{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}.pj-themes-sample{background:var(--crust);color:var(--ink);font-family:var(--sans);transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);border-radius:.75rem;justify-items:start;gap:.625rem;padding:1.125rem;display:grid}.pj-themes-sample h3{font:600 1.625rem/1.1 var(--display);letter-spacing:-.02em}.pj-themes-sample p{color:var(--muted)}.pj-themes-sample div{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:.5rem;display:flex}.pj-themes-read{font:500 .75rem/1.3 var(--mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;display:grid}.pj-themes-read div{background:var(--crust);border-radius:.4375rem;min-width:0;padding:.5rem .625rem;overflow:hidden}.pj-themes-read dt{color:var(--muted)}.pj-themes-read dd{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.pj-lens-demo,.pj-slash-demo{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.625rem;display:grid}.pj-lens-frame,.pj-slash-frame{aspect-ratio:8/5;background:var(--page);width:100%;box-shadow:0 0 0 1px var(--line);border-radius:.375rem;position:relative;overflow:hidden}.pj-lens-frame{touch-action:pan-y}.pj-lens-layer,.pj-slash-page{position:absolute;inset:0}.pj-lens-layer img,.pj-slash-page img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.pj-lens-ring{box-shadow:0 0 0 1.5px var(--accent-strong);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.pj-lens-demo:not([data-view=lens]) .pj-lens-ring,.pj-lens-demo[data-view=design] .pj-lens-code{display:none}.pj-slash-under{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.pj-slash-new{background:var(--page)}.pj-slash-lead{opacity:0;background:var(--accent-strong);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.pj-slash-demo[data-way=after] .pj-slash-new{animation:slash-in var(--duration-page) var(--ease-in-out) both}.pj-slash-demo[data-way=after] .pj-slash-lead{opacity:1;animation:slash-lead var(--duration-page) var(--ease-in-out) both}.pj-slash-demo[data-way=before] .pj-slash-new{animation:slash-squeeze var(--duration-page) var(--ease-in-out) both;transform-origin:50% 0}}@keyframes slash-in{0%{clip-path:polygon(0 0,-23% 0,-7% 100%,0 100%)}to{clip-path:polygon(0 0,107% 0,136% 100%,0 100%)}}@keyframes slash-lead{0%{clip-path:polygon(-30% 0,-23% 0,0 100%,-7% 100%)}to{clip-path:polygon(107% 0,114% 0,143% 100%,136% 100%)}}@keyframes slash-squeeze{0%{transform:scaleY(38.5)}to{transform:scaleY(1)}}.pj-budget{background:var(--crust);border-radius:.75rem;gap:.5rem;padding:.875rem;font-size:.8125rem;display:grid}.pj-budget figcaption{color:var(--muted)}.pj-budget div{grid-template-columns:minmax(0,8rem) minmax(0,1fr) auto;align-items:center;gap:.625rem;display:grid}.pj-budget i{background:var(--raised);border-radius:.25rem;height:.5rem;position:relative;overflow:hidden}.pj-budget i:before{content:"";width:var(--share);background:var(--tile-pink);position:absolute;inset:0 auto 0 0}.pj-budget b{font:500 .8125rem/1 var(--mono)}.pj-budget p{color:var(--muted);text-align:right}.pj-found-title{font:600 1.125rem/1.2 var(--display);margin-top:.5rem}.pj-found{gap:.75rem;display:grid}.pj-found li{grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;display:grid}.pj-found a{color:var(--ref);font:500 .8125rem/1 var(--mono);text-underline-offset:.2em}.pj-found p{color:var(--muted);font-size:.9375rem;line-height:1.5}.pj-journal li a{box-shadow:0 1px 0 var(--line);grid-template-columns:2.75rem minmax(0,1fr);align-items:baseline;gap:.625rem;padding:.5rem .25rem;display:grid}.pj-journal b{color:var(--ref);font:500 .8125rem/1 var(--mono)}@media (hover:hover){.pj-journal a:hover span{text-underline-offset:.2em;text-decoration:underline}}.pj-release{gap:.875rem;display:grid}.pj-release-demo{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}.pj-release-steps{counter-reset:step;gap:2px;display:grid}.pj-release-steps li{background:var(--crust);counter-increment:step;transition:background var(--duration-quick) var(--ease-out);border-radius:.5rem;grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.35;display:grid}.pj-release-steps li:before{content:counter(step);color:var(--muted);font:500 .8125rem/1.4 var(--mono)}.pj-release-steps [data-on]{background:var(--raised)}.pj-release-folders [data-live]{color:var(--ink);font-weight:700}.pj-release-folders p:not([data-live]):not(.pj-term-command){color:var(--muted)}.pj-release-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.pj-days{background:var(--crust);border-radius:.75rem;gap:.5rem;padding:.875rem;display:grid}.pj-days figcaption{color:var(--muted);font-size:.8125rem}.pj-days div{height:9rem;font-family:var(--mono);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.pj-days span{flex-direction:column;justify-content:flex-end;gap:.25rem;min-height:0;display:flex}.pj-days i{height:calc(var(--share) * .72);background:var(--tile-pink);border-radius:3px 3px 0 0;min-height:3px}.pj-days b{font-size:.9375rem}.pj-days em{color:var(--muted);font-size:.75rem;font-style:normal}.pj-stage-list{gap:.5rem;line-height:1.5;display:grid}.pj-stage-list li{background:linear-gradient(var(--tile-pink), var(--tile-pink)) 0 .6em / .4375rem .4375rem no-repeat;padding-left:1rem}@media (min-width:64rem){:root:has([data-subpage]) body{--left:15.75rem;--right:17.25rem}.pj-sub{grid-template-columns:var(--left) minmax(0, 1fr) var(--right);background-color:var(--page);background-image:radial-gradient(color-mix(in srgb, var(--ink) 16%, transparent) 1px, transparent 1px);background-size:1.5rem 1.5rem;align-items:start;gap:2rem;min-height:100svh;padding:4.75rem 1rem 1rem}.pj-sub-left,.pj-sub-right{scrollbar-width:none;max-height:calc(100svh - 5.75rem);display:flex;position:sticky;top:4.75rem;overflow:auto}.pj-sub-column{gap:3.5rem;padding:.75rem 0 4rem}.pj-sub-narrow{display:none}.pj-sub-frame{gap:1.25rem;padding:1.75rem}.pj-sub-frame[data-active]{box-shadow:inset 0 0 0 1.5px var(--accent-strong)}.pj-sub-frame[data-active] .pj-sub-frame-name{color:var(--accent-strong)}.pj-sub-text p{font-size:1.0625rem}:root[data-js] .pj-sub-refs{display:none}.pj-themes-demo{grid-template-columns:auto minmax(0,1fr);align-items:center}.pj-themes-demo .pj-seg:nth-of-type(2){justify-self:end}.pj-themes-sample,.pj-themes-read{grid-column:1/-1}.pj-themes-sample{padding:1.875rem}.pj-themes-sample h3{font-size:2.125rem}.pj-themes-read{grid-template-columns:repeat(12,minmax(0,1fr))}.pj-themes-read div{grid-column:span 3}.pj-themes-read div:nth-child(-n+3){grid-column:span 4}.pj-release-demo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}@media (min-width:64rem) and (max-width:82.5rem){:root:has([data-subpage]) body{--left:12.25rem;--right:14.5rem}}@media (prefers-reduced-motion:no-preference){[data-arrive] .pj-sub-head,[data-arrive] .pj-sub-frame{animation:sub-rise var(--duration-slow) var(--ease-out) both}[data-arrive] .pj-sub-left{animation:sub-left var(--duration-slow) var(--ease-out) both}[data-arrive] .pj-sub-right{animation:sub-right var(--duration-slow) var(--ease-out) both}}@keyframes sub-rise{0%{opacity:0;translate:0 1.625rem}}@keyframes sub-left{0%{opacity:0;translate:-2.5rem}}@keyframes sub-right{0%{opacity:0;translate:2.5rem}}
