.pp{--pp-term:#0b1f37}.pp-hero{border-bottom:var(--hairline) solid var(--rule);position:relative}.pp-hero-stage{gap:var(--s3);padding:calc(var(--hud-top) + var(--s2)) var(--margin) calc(var(--hud) + var(--s6) + var(--toolbar));grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""drawing""layers";align-content:start;display:grid;position:relative}.pp-hero-copy{gap:var(--s2);z-index:1;grid-area:copy;align-content:start;display:grid;position:relative}.pp-kicker{font:var(--regular) var(--fs-mark) / 1.3 var(--face-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-text);align-items:center;gap:var(--s2);display:flex}.pp-kicker:after{content:"";height:var(--hairline);background:var(--rule-strong);flex:2rem}.pp-product{font:500 var(--fs-l) / 1 var(--face-serif);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft)}.pp-h1{font:600 clamp(3.1rem, 14.6vw, 9.5rem) / .86 var(--face-serif);text-transform:uppercase;letter-spacing:0;color:var(--ink);text-wrap:balance}.pp-h1 .cine-w{padding-bottom:.04em}.pp-sentence{font-size:var(--fs-m);color:var(--ink-soft);text-wrap:pretty;max-width:34rem;line-height:1.5}.pp-more{gap:0 var(--s4);flex-wrap:wrap;display:flex}.pp-more a{min-height:var(--tap);font:var(--medium) var(--fs-m) / 1.3 var(--face-sans);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:.4em;align-items:center;text-decoration-thickness:1px;display:inline-flex}.pp-more a:first-child{font-family:var(--face-mono);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-s);padding:0 var(--s2);border:var(--hairline) solid var(--gold);text-decoration:none}@media (hover:hover) and (pointer:fine){.pp-more a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.pp-more a:first-child:hover{background:var(--stone)}}.pp-hero-drawing{min-width:0;margin-inline:calc(-1 * var(--margin));grid-area:drawing;place-items:center;display:grid}.pp-layers-wrap{gap:var(--s2);grid-area:layers;align-content:start;display:grid}.pp-layers-head{font:var(--regular) var(--fs-xs) / 1 var(--face-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.pp-layers{border-top:var(--hairline) solid var(--rule-strong);gap:0;display:grid}.pp-layer{column-gap:var(--s1);border-bottom:var(--hairline) solid var(--rule);grid-template-columns:2.5rem minmax(0,1fr);row-gap:.15rem;padding:.7rem 0;display:grid}.pp-layer-n{font:500 var(--fs-s) / 1.4 var(--face-mono);color:var(--gold-text);grid-row:span 2}.pp-layer-name{font:600 var(--fs-l) / 1.05 var(--face-serif);text-transform:uppercase;letter-spacing:.02em}.pp-layer-line{font-size:var(--fs-s);color:var(--ink-soft);line-height:1.45}.pp-cue{display:none}.px{width:100%;height:auto;max-height:92svh;display:block;overflow:visible}.px .px-ink{fill:none;stroke:var(--ink);stroke-width:1.1px;vector-effect:non-scaling-stroke}.px .px-faint{fill:none;stroke:var(--ink-soft);stroke-width:.7px;opacity:.7;vector-effect:non-scaling-stroke}.px .px-amber{fill:none;stroke:var(--gold);stroke-width:1.6px;vector-effect:non-scaling-stroke}.px .px-heavy{stroke-width:2.2px}.px .px-dash{stroke-dasharray:6 4}.px .px-top{fill:var(--plaster);stroke:var(--ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.px .px-side{fill:var(--stone);stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.px .px-dot{fill:var(--ink)}.px .px-centre{stroke:var(--ink-soft);stroke-width:.8px;stroke-dasharray:18 4 3 4}.px .px-dim{stroke:var(--gold);stroke-width:1.4px}.px .px-leader{stroke:var(--ink-soft);stroke-width:.8px}.px .px-ball{fill:var(--plaster);stroke:var(--ink);stroke-width:1.2px}.px text{font-family:var(--face-mono);letter-spacing:.08em}.px .px-t{fill:var(--ink-soft);font-size:15px}.px .px-head{fill:var(--ink);font-size:17px;font-weight:500}.px .px-bn{fill:var(--gold-text);text-anchor:middle;font-size:19px;font-weight:500}.px-layer{transform:translateY(calc((var(--k) - 2) * (16px + var(--e,1) * 104px)))}.px-stack{transform:scale(calc(1.32 - var(--e,1) * .32));transform-origin:270px 390px}.px-balloon{opacity:calc(var(--e,1) * 1.6 - .4)}.px-dimg{transform:scaleY(var(--e,1));transform-origin:22px 390px}@media (max-width:699px){.pp-hero-stage{grid-template-areas:none}.pp-hero-copy{display:contents}.pp-hero-drawing,.pp-layers-wrap{grid-area:auto}.pp-kicker{order:1}.pp-product{order:2}.pp-h1{order:3}.pp-hero-drawing{margin-block:calc(-1 * var(--s2)) calc(-1 * var(--s4));order:4}.px-stack{transform:scale(calc(1.12 - var(--e,1) * .12))}.pp-sentence{order:5}.pp-more{order:6}.pp-layers-wrap{margin-top:var(--s4);order:7}.pp-hero-stage{gap:var(--s2)}.px .px-t{font-size:16.5px}.px .px-t.px-head{font-size:18px}}@media (min-width:700px){.pp-hero-stage{column-gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy drawing""layers drawing";align-items:start}.pp-hero-drawing{margin-inline:0}.pp-h1{font-size:clamp(3.25rem,8.4vw,9.5rem)}}@media (min-width:1000px){.pp-hero-stage{min-height:100svh;padding-bottom:calc(var(--hud) + var(--s4) + var(--toolbar));grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3fr);grid-template-areas:"copy drawing layers";align-items:center}.pp-h1{font-size:clamp(3.5rem,6.4vw,9.5rem)}.pp-hero-drawing{align-self:stretch}.px{height:calc(100svh - var(--hud-top) - var(--hud) - var(--s6));width:auto;max-width:100%;max-height:none}.pp-layer-name{font-size:var(--fs-m)}.pp-layer-line{font-size:var(--fs-xs)}}@keyframes pp-up{0%{transform:translateY(112%)}to{transform:none}}html.motion .pp-h1 .cine-w{overflow:clip}html.motion .pp-h1 .cine-w>span{animation:pp-up 1.1s var(--spring-hard) both;animation-delay:calc(.12s + var(--i) * 85ms)}html.motion .pp-hero .px{--e:0}html.motion .pp-layer{transition:clip-path .6s var(--ease), transform .7s var(--spring-settle)}html.motion .pp-layer:not(.is-on){clip-path:inset(0 100% 0 0);transform:translate(-1rem)}@media (min-width:1000px){html.cine .pp-hero{height:290lvh}html.cine .pp-hero-stage{height:100lvh;min-height:0;position:sticky;top:0}html.cine .pp-cue{align-items:center;gap:var(--s1);left:var(--margin);bottom:calc(var(--hud) + var(--s2) + var(--toolbar));font:var(--regular) var(--fs-xs) / 1 var(--face-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);opacity:calc(1 - var(--e,0) * 3);display:flex;position:absolute}html.cine .pp-cue span{width:var(--s4);height:var(--hairline);background:var(--gold)}}.pp-sec{padding-block:var(--s16);border-top:var(--hairline) solid var(--rule);scroll-margin-top:0}.pp-sec:not(.pendant-section)>.wrap{border-left:2px solid var(--ink);padding-left:var(--s4);background-image:repeating-linear-gradient(to bottom, var(--ink) 0 var(--hairline), transparent var(--hairline) 120px);background-position:0 0;background-repeat:no-repeat;background-size:8px 100%}@media (max-width:699px){.pp-sec:not(.pendant-section)>.wrap{padding-left:var(--s2)}}.pp .section-head{margin-bottom:var(--s8)}.pg{width:7.5rem;height:auto;display:block;overflow:visible}.pg .pp-ink{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pg .pg-faint{stroke:var(--ink-soft);stroke-width:1px}.pg .pg-amber{stroke:var(--gold);stroke-width:2px}.pg .pg-heavy{stroke-width:3.5px}.pg .pg-dash{stroke:var(--gold);stroke-dasharray:.04 .03}.pg text{font-family:var(--face-mono);letter-spacing:.08em}.pg .pg-note{fill:var(--ink-soft);font-size:11px}.small-code{flex-wrap:wrap}.pp-funcs{gap:var(--s6) var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.pp-func{gap:var(--s1);padding-top:var(--s3);border-top:var(--hairline) solid var(--rule-strong);align-content:start;display:grid}.pp-func .pg{margin-bottom:var(--s1)}.pp-func-n{font:var(--regular) var(--fs-mark) / 1 var(--face-mono);letter-spacing:.12em;color:var(--gold-text)}.pp-func-name{font:600 var(--fs-xl) / 1 var(--face-serif);text-transform:uppercase;letter-spacing:.02em}.pp-func-text{color:var(--ink-soft);text-wrap:pretty}.pp-demo{gap:var(--s2);margin:var(--s16) 0 var(--s6);padding-top:var(--s4);border-top:2px solid var(--ink);scroll-margin-top:var(--hud-top);display:grid}.pp-demo:focus{outline:none}.pp-demo-title{font:600 var(--fs-2xl) / .92 var(--face-serif);text-transform:uppercase;letter-spacing:.01em}.pp-demo-line{font-size:var(--fs-l);color:var(--ink-soft);max-width:44rem;line-height:1.45}@media (max-width:699px){.pp-func{column-gap:var(--s2);grid-template-columns:5.5rem minmax(0,1fr)}.pp-func .pg{grid-row:span 3;width:100%;margin:0}.pp-func-name{font-size:var(--fs-xl)}.pp-demo{padding-inline:var(--margin);margin-inline:0}#what .section-head,#what .pp-funcs{padding-inline:var(--margin)}}.pp-cop{gap:var(--s8);align-items:start;display:grid}@media (min-width:1000px){.pp-cop{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.pp-cop-steps{gap:var(--s4);display:grid}.pp-cop-step{column-gap:var(--s3);row-gap:var(--s1);padding-top:var(--s3);border-top:var(--hairline) solid var(--rule-strong);grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.pp-cop-n{font:600 var(--fs-3xl) / .8 var(--face-serif);color:#0000;-webkit-text-stroke:1.25px var(--ink-soft);grid-row:span 2}.pp-cop-name{font:600 var(--fs-xl) / 1 var(--face-serif);text-transform:uppercase}.pp-cop-text{color:var(--ink-soft);text-wrap:pretty}.pp-term{background:var(--pp-term);border:var(--hairline) solid var(--rule-strong);outline:var(--hairline) solid var(--rule);outline-offset:5px;padding:var(--s3);gap:var(--s2);font:var(--regular) var(--fs-s) / 1.5 var(--face-mono);margin:0;display:grid}.pp-term-bar{justify-content:space-between;gap:var(--s2);padding-bottom:var(--s1);border-bottom:var(--hairline) solid var(--rule);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:flex}.pp-term-bar span:first-child{color:var(--gold-text);font-size:var(--fs-mark)}.pp-term-prompt{font-size:var(--fs-l);color:var(--ink)}.pp-term-prompt span{color:var(--gold-text)}.pp-term-title{color:var(--ink)}.pp-term-pts{font-size:var(--fs-xs);color:var(--ink-soft);gap:.15rem;display:grid}.pp-term-pts li{gap:var(--s2);white-space:pre;grid-template-columns:3ch minmax(0,1fr) 3ch;display:grid}.pp-term-pts li span:first-child{color:var(--gold-text);font-size:var(--fs-mark)}.pp-term-note{color:var(--ink-soft);font-size:var(--fs-xs);padding-top:var(--s1);border-top:var(--hairline) solid var(--rule)}.pp-term-cap{font:var(--regular) var(--fs-xs) / 1.4 var(--face-sans);color:var(--ink-soft)}.pp-cop-try{margin-top:var(--s6)}.pp-cop-note{margin-top:var(--s2);max-width:44rem;color:var(--ink-soft);font-size:var(--fs-s)}.pp-works{gap:var(--s6) var(--s4);display:grid}@media (min-width:900px){.pp-works{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-work{gap:var(--s2);padding:var(--s3);border:var(--hairline) solid var(--rule-strong);align-content:start;display:grid}.pp-work-fig{border:var(--hairline) solid var(--rule);background-image:linear-gradient(to right, #eef3f80f var(--hairline), transparent var(--hairline)), linear-gradient(to bottom, #eef3f80f var(--hairline), transparent var(--hairline));background-size:20px 20px}.pp-work-fig .sd,.pp-work-fig .pg-retro{width:100%}.pp-work-name{font:600 var(--fs-2xl) / .92 var(--face-serif);text-transform:uppercase;letter-spacing:.01em}.pp-work-line{font-size:var(--fs-l);text-wrap:pretty;line-height:1.35}.pp-work-text{color:var(--ink-soft);text-wrap:pretty}.pp-work-retro{border-style:dashed}@media (max-width:699px){.pp-work{padding:var(--s2)}.pp-work-fig{margin-inline:calc(-1 * var(--s2));border-inline:0}}.sy-fig{margin:0 0 var(--s8);padding:var(--s3);border:2px solid var(--ink);outline:var(--hairline) solid var(--ink);outline-offset:5px}.sy-svg{width:100%;height:auto;display:block}.sy-tall{display:none}@media (max-width:699px){.sy-wide{display:none}.sy-tall{display:block}.sy-fig{padding:var(--s1);margin-inline:calc(-1 * var(--s2) + 4px) 4px}}.sy-svg .pp-ink{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.sy-svg .sy-thin{stroke-width:.8px;stroke:var(--ink-soft)}.sy-svg .sy-heavy{stroke-width:3px;stroke-linecap:round}.sy-svg .sy-amber{stroke:var(--gold);stroke-width:1.8px}.sy-svg .sy-dashed{stroke-dasharray:.012 .008}.sy-svg .sy-link{stroke-width:2px}.sy-svg text{font-family:var(--face-mono);letter-spacing:.08em}.sy-svg .sy-title{fill:var(--ink);font-size:14px;font-weight:500}.sy-svg .sy-sub{fill:var(--ink-soft);font-size:11.5px}.sy-svg .sy-row{fill:var(--ink);font-size:12.5px}.sy-svg .sy-label{fill:var(--ink);font-size:13px;font-weight:500}.sy-svg .sy-label-amber{fill:var(--gold-text)}.sy-svg .sy-screen{fill:var(--gold-text);font-size:11px}.pp-links{gap:var(--s4);display:grid}@media (min-width:760px){.pp-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.pp-links{grid-template-columns:repeat(4,minmax(0,1fr))}}.pp-link{gap:var(--s1);padding-top:var(--s2);border-top:var(--hairline) solid var(--rule-strong);align-content:start;display:grid}.pp-link-n{border:var(--hairline) solid var(--ink);width:2rem;height:2rem;font:500 var(--fs-s) / 1 var(--face-mono);color:var(--gold-text);border-radius:50%;place-items:center;display:inline-grid}.pp-link-name{font:600 var(--fs-l) / 1.05 var(--face-serif);text-transform:uppercase;letter-spacing:.02em}.pp-link-text{color:var(--ink-soft);font-size:var(--fs-s);text-wrap:pretty}.pp-safe{gap:var(--s6) var(--s6);display:grid}@media (min-width:760px){.pp-safe{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-safe-item{column-gap:var(--s3);row-gap:var(--s1);padding-top:var(--s3);border-top:var(--hairline) solid var(--rule-strong);grid-template-columns:7.5rem minmax(0,1fr);align-content:start;display:grid}.pp-safe-item .pg{grid-row:span 2}.pp-safe-name{font:600 var(--fs-xl) / 1 var(--face-serif);text-transform:uppercase;letter-spacing:.01em}.pp-safe-text{color:var(--ink-soft);text-wrap:pretty}@media (max-width:699px){.pp-safe-item{column-gap:var(--s2);grid-template-columns:5rem minmax(0,1fr)}.pp-safe-item .pg{width:100%}}.pp-note{margin-top:var(--s8);max-width:52rem;padding:var(--s3);border:var(--hairline) solid var(--gold);font-size:var(--fs-m);line-height:1.55}.pp-note .small-tag{margin-right:var(--s1);font:var(--regular) var(--fs-mark) / 1 var(--face-mono);letter-spacing:.1em;display:inline-block}.pp-stamp{margin-bottom:var(--s6)}.pp-stamp span{transform-origin:20% 60%;font:600 var(--fs-xl) / 1 var(--face-serif);text-transform:uppercase;letter-spacing:.03em;color:var(--gold-text);border:2px solid var(--gold);outline:var(--hairline) solid var(--gold);outline-offset:4px;padding:.3em .5em .2em;display:inline-block;transform:rotate(-2deg)}.pp-plans{gap:var(--s4);display:grid}@media (min-width:900px){.pp-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-plan-name{font-size:clamp(2.25rem,3.1vw,4.5rem)}}.pp-plan{gap:var(--s2);min-width:0;padding:var(--s3);border:2px solid var(--ink);outline:var(--hairline) solid var(--ink);outline-offset:4px;align-content:start;margin:5px;display:grid}.pp-plan-n{font:var(--regular) var(--fs-mark) / 1 var(--face-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text)}.pp-plan-name{font:600 clamp(2.75rem, 11vw, 4.5rem) / .85 var(--face-serif);text-transform:uppercase;letter-spacing:0}.pp-plan-for{font:var(--regular) var(--fs-xs) / 1.4 var(--face-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding-bottom:var(--s2);border-bottom:var(--hairline) solid var(--rule-strong)}.pp-plan-list{gap:var(--s1);display:grid}.pp-plan-list li{text-wrap:pretty;padding-left:1.5rem;position:relative}.pp-plan-list li:before{content:"";width:.8rem;height:var(--hairline);background:var(--gold);position:absolute;top:.7em;left:0}.pp-plan-price{margin-top:var(--s2);padding-top:var(--s2);border-top:var(--hairline) solid var(--rule-strong);font:var(--regular) var(--fs-xs) / 1 var(--face-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.pp-form{gap:var(--s3) var(--s4);max-width:60rem;display:grid}@media (min-width:760px){.pp-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-field-wide{grid-column:1/-1}}.pp-field{gap:var(--s1);border:0;min-width:0;margin:0;padding:0;display:grid}.pp-field label,.pp-field legend{font:var(--medium) var(--fs-s) / 1.3 var(--face-sans);color:var(--ink);padding:0}.pp-opt{color:var(--ink-soft);font-weight:var(--regular)}.pp-field input:not([type=radio]),.pp-field textarea{width:100%;min-height:var(--tap);border:var(--hairline) solid var(--ink-soft);background:var(--stone);color:var(--ink);font:var(--regular) var(--fs-m) / 1.4 var(--face-sans);border-radius:0;padding:.6rem .75rem}.pp-field textarea{resize:vertical;min-height:6rem}.pp-field input:focus-visible,.pp-field textarea:focus-visible{outline-offset:1px;border-color:var(--ink)}.pp-machines legend{margin-bottom:var(--s1)}.pp-radios{gap:var(--s1) var(--s2);flex-wrap:wrap;display:flex}.pp-radio{min-height:var(--tap);cursor:pointer;align-items:center;display:inline-flex;position:relative}.pp-radio input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pp-radio span{min-height:var(--tap);padding:0 var(--s2);border:var(--hairline) solid var(--ink-soft);font:var(--regular) var(--fs-s) / 1 var(--face-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;display:inline-flex}.pp-radio input:checked+span{border-color:var(--gold-text);color:var(--gold-text);box-shadow:inset 0 -3px 0 var(--gold)}.pp-radio input:focus-visible+span{outline:var(--focus) solid var(--gold-text);outline-offset:var(--focus-offset)}.pp-submit{gap:var(--s2);margin-top:var(--s2);justify-items:start;display:grid}.pp-button{min-height:calc(var(--tap) + .5rem);padding:0 var(--s4);background:var(--gold);color:var(--plaster);cursor:pointer;font:var(--medium) var(--fs-s) / 1 var(--face-mono);text-transform:uppercase;letter-spacing:.1em;border:0}@media (hover:hover) and (pointer:fine){.pp-button:hover{background:var(--ink)}}.pp-form-note{color:var(--ink-soft);font-size:var(--fs-s);max-width:36rem}.pp-form-status{min-height:1.6em;font-size:var(--fs-s)}.pp-form-status a,.pp-form-fallback a{min-height:var(--tap);align-items:center;display:inline-flex}.pp-faq{border-bottom:var(--hairline) solid var(--rule-strong);max-width:60rem;display:grid}.pp-q{border-top:var(--hairline) solid var(--rule-strong)}.pp-q summary{justify-content:space-between;align-items:center;gap:var(--s2);min-height:calc(var(--tap) + var(--s2));padding:var(--s1) 0;cursor:pointer;list-style:none;display:flex}.pp-q summary::-webkit-details-marker{display:none}.pp-q summary:after{content:"+";font:var(--regular) var(--fs-xl) / 1 var(--face-mono);color:var(--gold-text);flex:none}.pp-q[open] summary:after{content:"−"}.pp-q-title{font:600 var(--fs-l) / 1.1 var(--face-serif);text-transform:uppercase;letter-spacing:.02em}.pp-q-a{padding:0 0 var(--s3);max-width:46rem;color:var(--ink-soft);font-size:var(--fs-m);text-wrap:pretty}html.cine .pp-rise{clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease) calc(var(--n,0) * .13s), transform 1s var(--spring-settle) calc(var(--n,0) * .13s);transform:translateY(2rem)}html.cine .pp-rise.is-in{clip-path:inset(-1rem);transform:none}html.cine .pp-draw .pp-ink{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.5s var(--ease) calc(.2s + var(--n,0) * .13s)}html.cine .pp-draw.is-in .pp-ink{stroke-dashoffset:0}html.cine .sy-fig.pp-draw text{opacity:0;transition:opacity .6s var(--ease) .9s}html.cine .sy-fig.pp-draw.is-in text{opacity:1}html.cine .pp-draw.is-in .sy-dashed{stroke-dasharray:.012 .008}html.cine .pp-draw.is-in .pg-dash{stroke-dasharray:.04 .03}
