@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ca55bb71b529573f-s.0vdai6er2bzon.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1361b9baaefe9807-s.3xwp9-ll1pnw_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/92eb00116dd31e6a-s.370ev4_4-yiay.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e1f600cb732239d9-s.41r31qmhr7_rd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/65341aea9fb91af5-s.p.1gavkj72q9u43.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.fER1tq_className{font-family:Montserrat,Montserrat Fallback;font-style:normal}
.pfp{--pfp-bg:var(--color-portfolio-page-surface-bg);--pfp-ink:var(--color-portfolio-page-text);--pfp-muted:var(--color-portfolio-page-muted-text);--pfp-faint:var(--color-portfolio-page-faint-text);--pfp-rule:var(--color-portfolio-page-line);--pfp-rule-strong:var(--color-portfolio-page-line-strong);--pfp-tile:var(--color-portfolio-page-tile-bg);--pfp-field:var(--color-portfolio-page-field);--pfp-field-text:var(--color-portfolio-page-field-text);--pfp-accent:var(--color-portfolio-page-accent);--pfp-on-accent:var(--color-portfolio-page-on-accent);--pfp-frame:var(--color-portfolio-page-frame);--pfp-frame-bar:var(--color-portfolio-page-frame-bar);--pfp-frame-dot:var(--color-portfolio-page-frame-bar-dot);--pfp-screen:var(--color-portfolio-page-screen-bg);--pfp-pin-bg:var(--color-portfolio-page-pin-bg);--pfp-pin-text:var(--color-portfolio-page-pin-text);--pfp-pin-border:var(--color-portfolio-page-pin-border);--pfp-pin-active-bg:var(--color-portfolio-page-pin-active-bg);--pfp-pin-active-text:var(--color-portfolio-page-pin-active-text);--pfp-knob-ink:var(--color-portfolio-page-knob-ink);--pfp-head:var(--font-display);--pfp-ease:cubic-bezier(.22, 1, .36, 1);background:var(--pfp-bg);min-height:100svh;color:var(--pfp-ink);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:clip}.pfp p{margin:0}.pfp button{font:inherit;color:inherit}.pfp :focus-visible{outline:2px solid var(--pfp-ink);outline-offset:3px;border-radius:4px}.pfp-reduce *,.pfp-reduce :before,.pfp-reduce :after{transition:none!important;animation:none!important}.pfp-gutter{padding-inline:1rem}@media (min-width:640px){.pfp-gutter{padding-inline:1.5rem}}@media (min-width:1024px){.pfp-gutter{padding-inline:2.5rem}}@media (min-width:1280px){.pfp-gutter{padding-inline:3rem}}.pfp-h1{font-family:var(--pfp-head);letter-spacing:-.03em;margin:0;font-size:clamp(2.6rem,3.7vw,3.5rem);font-weight:700;line-height:.95}.pfp-dot{color:var(--pfp-field)}.pfp-meta{color:var(--pfp-muted);font-size:15px;margin-top:.7rem!important}.pfp-lead{max-width:34ch;font-size:clamp(1.05rem,1.25vw,1.15rem);line-height:1.5;margin-top:1.1rem!important}.pfp-h2{font-family:var(--pfp-head);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;line-height:1.06}.pfp-h3{font-family:var(--pfp-head);letter-spacing:-.01em;margin:0;font-size:clamp(1.15rem,1.45vw,1.3rem);font-weight:600;line-height:1.2}.pfp-text{text-wrap:pretty;max-width:60ch;font-size:17px;line-height:1.55;margin-top:.8rem!important}.pfp-after{margin-top:1.25rem!important}.pfp-section{padding-top:clamp(4.5rem,9vw,7.5rem)}.pfp-section-head{max-width:48rem;margin-bottom:clamp(1.75rem,3vw,2.5rem)}.pfp-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"opener""controls""stage""also";row-gap:1.5rem;padding-top:clamp(1.75rem,4vw,2.5rem);display:grid}.pfp-opener{grid-area:opener}.pfp-controls{grid-area:controls;min-width:0}.pfp-stage{grid-area:stage;min-width:0}.pfp-also{grid-area:also}@media (min-width:1024px){.pfp-top{grid-template:"opener stage""controls stage"1fr"also also"/minmax(270px,310px) minmax(0,1fr);gap:0 clamp(2rem,3.4vw,3.5rem);padding-top:clamp(1.25rem,2.2vw,2rem)}.pfp-controls{padding-top:2rem}}.pfp-devices{gap:1.5rem;display:flex}.pfp-choice{cursor:pointer;text-underline-offset:7px;background:0 0;border:0;padding:.35rem 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s;color:var(--pfp-muted)!important;font-size:16px!important;font-weight:500!important}.pfp-choice:hover{color:var(--pfp-ink)!important}.pfp-choice[aria-checked=true]{text-decoration-color:currentColor;color:var(--pfp-ink)!important}.pfp-pages{scrollbar-width:none;margin-top:.6rem;gap:1.35rem;margin-inline:-1rem;padding:.25rem 1rem .4rem;display:flex;overflow-x:auto}.pfp-pages::-webkit-scrollbar{display:none}.pfp-page{white-space:nowrap;cursor:pointer;text-underline-offset:8px;background:0 0;border:0;flex:none;padding:.3rem 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s;font-family:var(--pfp-head)!important;color:var(--pfp-muted)!important;font-size:17px!important;font-weight:600!important}.pfp-page:hover{color:var(--pfp-ink)!important}.pfp-page[aria-checked=true]{text-decoration-color:currentColor;color:var(--pfp-ink)!important}@media (min-width:640px){.pfp-pages{margin-inline:-1.5rem;padding-inline:1.5rem}}@media (min-width:1024px){.pfp-pages{border-left:1px solid var(--pfp-rule-strong);flex-direction:column;gap:0;margin:1.1rem 0 0;padding:0;overflow:visible}.pfp-page{text-align:left;border-left:2px solid #0000;margin-left:-1px;padding:.42rem 0 .42rem 1rem;text-decoration:none;font-size:clamp(16px,1.2vw,18px)!important}.pfp-page[aria-checked=true]{border-left-color:var(--pfp-ink)}}.pfp-stage{flex-direction:column;align-items:flex-start;display:flex}.pfp-frame-wrap{width:100%}.pfp-frame{background:var(--pfp-screen);outline:1px solid var(--pfp-rule);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:ew-resize;border-radius:12px;position:relative;overflow:hidden}.pfp-stage[data-device=desktop] .pfp-frame{aspect-ratio:1440/900;width:100%;max-width:calc(160svh - 344px)}.pfp-stage[data-device=phone] .pfp-frame-wrap{align-self:center;width:auto}.pfp-stage[data-device=phone] .pfp-frame{aspect-ratio:390/844;height:min(100svh - 230px,680px);min-height:420px}@media (min-width:640px){.pfp-stage[data-device=phone]{flex-direction:row;align-items:flex-start;gap:clamp(1.5rem,3vw,3rem)}.pfp-stage[data-device=phone] .pfp-frame-wrap{align-self:flex-start}.pfp-stage[data-device=phone] .pfp-line{max-width:30ch;font-size:clamp(1.15rem,1.6vw,1.4rem);margin-top:0!important}}.pfp-shot{object-fit:cover;pointer-events:none;width:100%;height:100%;animation:.35s both pfp-fade;display:block;position:absolute;inset:0}.pfp-shot-after{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}@keyframes pfp-fade{0%{opacity:0}}.pfp-divider{top:0;bottom:0;left:var(--pos);background:var(--pfp-pin-text);width:2px;box-shadow:0 0 0 1px var(--pfp-pin-bg);pointer-events:none;margin-left:-1px;position:absolute}.pfp-knob{top:50%;left:var(--pos);background:var(--pfp-pin-text);touch-action:none;cursor:grab;width:46px;height:46px;box-shadow:0 6px 18px var(--pfp-pin-bg);transition:transform .2s var(--pfp-ease);border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);border:1px solid var(--pfp-pin-bg)!important;color:var(--pfp-knob-ink)!important}.pfp-frame.is-dragging .pfp-knob{cursor:grabbing;transform:translate(-50%,-50%)scale(1.08)}.pfp-knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (max-width:639px){.pfp-knob{top:40%}}.pfp-knob:focus-visible{outline:3px solid var(--pfp-field);outline-offset:3px}.pfp-sides{height:2.1rem;position:relative}.pfp-side{font-family:var(--pfp-head);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.2;transition:opacity .2s;position:absolute;top:.45rem}.pfp-side-after{right:calc(100% - var(--pos) + 12px)}.pfp-side-before{left:calc(var(--pos) + 12px);color:var(--pfp-muted)}.pfp-side[data-show=false]{opacity:0}.pfp-side-tick{left:var(--pos);background:var(--pfp-rule-strong);width:1px;height:1.55rem;position:absolute;top:0}.pfp-line{text-wrap:pretty;max-width:64ch;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.45;margin-top:.35rem!important}.pfp-line-name{font-family:var(--pfp-head);margin-right:.55em;font-weight:700}.pfp-stage[data-device=phone] .pfp-line-name{margin-bottom:.3rem;display:block}@media (max-width:639px){.pfp-stage[data-device=phone] .pfp-line{align-self:stretch}}.pfp-also{margin-top:clamp(2.5rem,5vw,3.5rem)}.pfp-also ul{gap:0 1.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pfp-also li{border-top:1px solid var(--pfp-rule);padding:.8rem 0 .9rem;font-size:16px;line-height:1.5}@media (min-width:640px){.pfp-also ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pfp-also ul{grid-template-columns:repeat(4,minmax(0,1fr))}}.pfp-readout{min-height:5.6rem;margin-bottom:.75rem}.pfp-readout-date{font-family:var(--pfp-head);font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;line-height:1.2}.pfp-readout-text{max-width:62ch;font-size:18px;line-height:1.4;margin-top:.35rem!important}.pfp-readout-text.is-muted{color:var(--pfp-muted)}.pfp-strip-row{gap:.75rem;display:flex}.pfp-strip-stub{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:3.6rem;display:flex}.pfp-stub-mark{background:var(--pfp-faint);width:3px;height:22px}.pfp-stub-label{border-top:1px dashed var(--pfp-rule-strong);text-align:center;width:100%;height:1.6rem;color:var(--pfp-muted);white-space:nowrap;margin-top:.45rem;padding-top:.35rem;font-size:14px}.pfp-strip-wrap{flex:1;min-width:0;padding-top:2.4rem;position:relative}.pfp-bracket{border:1px solid var(--pfp-ink);border-bottom:0;height:.55rem;position:absolute;top:1.55rem}.pfp-bracket span{white-space:nowrap;font-size:14px;font-weight:600;position:absolute;bottom:calc(100% + .3rem);right:0}.pfp-strip{touch-action:pan-y;cursor:crosshair;outline-offset:6px;height:clamp(96px,11vw,132px);position:relative}.pfp-strip svg{width:100%;height:100%;display:block;overflow:visible}.pfp-bar{fill:var(--pfp-faint);transform-box:fill-box;transform-origin:50% 100%;transition:transform .55s var(--pfp-ease) var(--d,0s), fill .15s;transform:scaleY(0)}.pfp-bar.is-v3{fill:var(--pfp-ink)}.pfp-bar.is-active{fill:var(--pfp-field)}.pfp-strip.is-grown .pfp-bar{transform:scaleY(1)}.pfp-gap{stroke:var(--pfp-rule-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.pfp-playhead{background:var(--pfp-field);pointer-events:none;width:1px;margin-left:-.5px;position:absolute;top:-.6rem;bottom:0}.pfp-ticks{border-top:1px solid var(--pfp-rule-strong);height:1.6rem;margin-top:.45rem;position:relative}.pfp-ticks span{color:var(--pfp-muted);white-space:nowrap;font-size:14px;position:absolute;top:.35rem}.pfp-ticks span:before{content:"";background:var(--pfp-rule-strong);width:1px;height:.35rem;position:absolute;top:calc(-.35rem - 1px);left:0}.pfp-ticks span span{position:static}.pfp-ticks span span:before,.pfp-history .is-short{display:none}@media (max-width:639px){.pfp-ticks .is-minor,.pfp-history .is-long{display:none}.pfp-history .is-short{display:inline}.pfp-strip-stub{width:2.9rem}}.pfp-eras{gap:1.25rem 1.5rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pfp-eras{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pfp-eras{grid-template-columns:repeat(5,minmax(0,1fr))}}.pfp-eras li{border-top:1px solid var(--pfp-rule-strong);padding-top:.8rem;transition:border-color .25s}.pfp-eras li.is-current{border-top-color:var(--pfp-ink)}.pfp-era-head{text-align:left;background:0 0;border:0;flex-direction:column;gap:.1rem;padding:0;display:flex}button.pfp-era-head{cursor:pointer}button.pfp-era-head:hover .pfp-era-name{text-underline-offset:4px;text-decoration:underline}.pfp-era-when{color:var(--pfp-muted);font-size:15px}.pfp-era-name{font-family:var(--pfp-head);font-size:18px;font-weight:600;line-height:1.25}.pfp-eras p{font-size:15px;line-height:1.5;margin-top:.45rem!important}.pfp-note{color:var(--pfp-muted);max-width:70ch;font-size:15px;margin-top:1.75rem!important}.pfp-block{margin-top:clamp(3rem,6vw,4.75rem)}.pfp-built .pfp-block:first-of-type{margin-top:0}.pfp-block-text{max-width:34rem}@media (min-width:1024px){.pfp-split{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}}.pfp-split>:last-child{margin-top:1.5rem}@media (min-width:1024px){.pfp-split>:last-child{margin-top:0}}.pfp-stack-list{margin:1rem 0 0;display:grid}.pfp-stack-list>div{border-top:1px solid var(--pfp-rule);gap:.15rem 1.5rem;padding:.75rem 0;display:grid}@media (min-width:640px){.pfp-stack-list>div{grid-template-columns:9rem minmax(0,1fr)}}.pfp-stack-list dt{font-family:var(--pfp-head);font-size:16px;font-weight:600}.pfp-stack-list dd{margin:0;font-size:17px}.pfp-counts{border-top:1px solid var(--pfp-rule);color:var(--pfp-muted);padding-top:.9rem;font-size:16px}.pfp-framedemo{gap:1rem;display:grid}@media (min-width:640px){.pfp-framedemo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}}.pfp-fd-browser,.pfp-fd-chapters{opacity:.55;transition:opacity .45s}.pfp-fd-browser.is-on,.pfp-fd-chapters.is-on{opacity:1}.pfp-fd-browser{background:var(--pfp-frame);outline:1px solid var(--pfp-rule);border-radius:12px;overflow:hidden}.pfp-fd-bar{background:var(--pfp-frame-bar);align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.pfp-fd-bar span{background:var(--pfp-frame-dot);border-radius:50%;width:8px;height:8px}.pfp-fd-stage{aspect-ratio:16/11;background:var(--pfp-screen);position:relative;overflow:hidden}.pfp-fd-pages{transform:translateY(calc(var(--page) * -100%));transition:transform .85s var(--pfp-ease);position:absolute;inset:0}.pfp-fd-page{box-sizing:border-box;flex-direction:column;gap:6%;height:100%;padding:9% 11%;display:flex}.pfp-fd-page>span{background:var(--pfp-rule-strong);border-radius:3px;display:block}.pfp-fd-h{opacity:.8;width:52%;height:11%;background:var(--pfp-ink)!important}.pfp-fd-img{flex:1}.pfp-fd-img2{height:36%}.pfp-fd-l{width:88%;height:4.5%}.pfp-fd-s{width:56%;height:4.5%}.pfp-fd-pin{background:var(--pfp-pin-bg);cursor:pointer;width:30px;height:30px;animation:pfp-pop .45s var(--pfp-ease) both;transition:background .3s, color .3s, transform .3s var(--pfp-ease);border-radius:50%;place-items:center;margin:-15px 0 0 -15px;padding:0;display:grid;position:absolute;border:1px solid var(--pfp-pin-border)!important;color:var(--pfp-pin-text)!important;font-family:var(--pfp-head)!important;font-size:14px!important;font-weight:600!important}.pfp-fd-pin:before{content:"";position:absolute;inset:-8px}.pfp-fd-pin.is-active{background:var(--pfp-pin-active-bg);transform:scale(1.12);color:var(--pfp-pin-active-text)!important;border-color:#0000!important}@keyframes pfp-pop{0%{opacity:0;transform:scale(.6)}}.pfp-fd-chapters{outline:1px solid var(--pfp-rule);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:1rem;padding:1rem;display:grid}.pfp-fd-rail{border-left:1px solid var(--pfp-rule-strong);margin:0;padding:0 0 0 1rem;list-style:none;position:relative}.pfp-fd-rail button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:2rem;padding:.25rem 0;line-height:1.3;transition:color .2s;display:block;color:var(--pfp-muted)!important;font-size:15px!important}.pfp-fd-rail button.is-active{font-weight:600;color:var(--pfp-ink)!important}.pfp-fd-dot{background:var(--pfp-field);width:9px;height:9px;left:-5px;top:calc((var(--chapter) + .5) / var(--count) * 100% - 4.5px);transition:top .5s var(--pfp-ease);border-radius:50%;position:absolute}.pfp-fd-screen{aspect-ratio:3/4;background:var(--pfp-screen);border-radius:8px;position:relative;overflow:hidden}.pfp-fd-screen-in{gap:8%;animation:.5s both pfp-fade;display:grid;position:absolute;inset:12%}.pfp-fd-screen-in span{background:var(--pfp-rule-strong);border-radius:3px}.pfp-fd-screen-in[data-shape="0"]{grid-template-rows:2fr 1fr 1fr}.pfp-fd-screen-in[data-shape="1"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.pfp-fd-screen-in[data-shape="1"] span:first-child{grid-column:1/-1}.pfp-fd-screen-in[data-shape="2"]{grid-template-rows:1fr 3fr 1fr}.pfp-rest{gap:1.5rem 2rem;margin:clamp(3rem,6vw,4.75rem) 0 0;padding:0;list-style:none;display:grid}.pfp-rest li{border-top:1px solid var(--pfp-rule-strong);padding-top:.9rem}.pfp-rest .pfp-text{font-size:16px;margin-top:.5rem!important}@media (min-width:640px){.pfp-rest{grid-template-columns:repeat(2,minmax(0,1fr))}}.pfp-senders{flex-wrap:wrap;gap:.35rem 1.5rem;margin-bottom:2rem;display:flex}.pfp-path{margin:0;padding:0;list-style:none;display:grid}.pfp-gate{grid-template-columns:2.6rem minmax(0,1fr);column-gap:1rem;padding-bottom:1.4rem;transition:opacity .3s;display:grid;position:relative}.pfp-gate:before,.pfp-gate:after{content:"";background:var(--pfp-rule-strong);width:1px;position:absolute;top:2.6rem;bottom:0;left:1.3rem}.pfp-gate:after{background:var(--pfp-ink);transform-origin:top;transition:transform .45s var(--pfp-ease);transform:scaleY(0)}.pfp-gate[data-state=passed]:after{transform:scaleY(1)}.pfp-gate-end:before,.pfp-gate-end:after{display:none}.pfp-gate-mark{z-index:1;border:1px solid var(--pfp-rule-strong);background:var(--pfp-bg);width:2.6rem;height:2.6rem;color:var(--pfp-muted);border-radius:50%;grid-row:1/span 2;place-items:center;transition:background .3s,border-color .3s,color .3s;display:grid;position:relative}.pfp-gate-num{font-family:var(--pfp-head);font-size:15px;font-weight:600}.pfp-gate-x,.pfp-gate-tick{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:none}.pfp-gate-name{font-family:var(--pfp-head);padding-top:.55rem;font-size:17px;font-weight:600;line-height:1.25}.pfp-gate-text{color:var(--pfp-ink);margin-top:.3rem;font-size:15px;line-height:1.45}.pfp-gate[data-state=passed] .pfp-gate-mark{border-color:var(--pfp-ink);color:var(--pfp-ink)}.pfp-gate[data-state=passed] .pfp-gate-num,.pfp-gate[data-state=stopped] .pfp-gate-num{display:none}.pfp-gate[data-state=passed] .pfp-gate-tick,.pfp-gate[data-state=stopped] .pfp-gate-x,.pfp-gate-tick.is-shown{display:block}.pfp-gate[data-state=here] .pfp-gate-mark{background:var(--pfp-field);border-color:var(--pfp-field);color:var(--pfp-field-text)}.pfp-gate[data-state=stopped] .pfp-gate-mark{border:2px solid var(--pfp-field);color:var(--pfp-ink)}.pfp-gate[data-state=skipped],.pfp-gate[data-state=never]{opacity:.38}.pfp-gate-end[data-state=arrived] .pfp-gate-mark{background:var(--pfp-ink);border-color:var(--pfp-ink);color:var(--pfp-bg)}.pfp-gate-end .pfp-gate-name{padding-top:.6rem}@media (min-width:1024px){.pfp-path{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,.6fr)}.pfp-gate{flex-direction:column;padding:0 1.1rem 0 0;display:flex}.pfp-gate:before,.pfp-gate:after{width:auto;height:1px;inset:1.3rem 0 auto 2.6rem}.pfp-gate:after{transform-origin:0;transform:scaleX(0)}.pfp-gate[data-state=passed]:after{transform:scaleX(1)}.pfp-gate-name{padding-top:.9rem}}.pfp-outcome{flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;min-height:2.8em;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.4;display:flex;margin-top:1.75rem!important}.pfp-outcome-who{font-family:var(--pfp-head);font-weight:600}.pfp-outcome .is-waiting{color:var(--pfp-muted)}.pfp-process-grid{grid-template-columns:minmax(0,1fr);gap:2.25rem;display:grid}@media (min-width:1024px){.pfp-process-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,4vw,4rem)}}.pfp-steps{margin:0;padding:0;list-style:none}.pfp-steps li{border-top:1px solid var(--pfp-rule-strong);grid-template-columns:2.2rem minmax(0,1fr);padding:.85rem 0 .95rem;display:grid}.pfp-step-num{font-family:var(--pfp-head);color:var(--pfp-muted);font-size:17px;font-weight:600;line-height:1.55}.pfp-steps p{font-size:17px}.pfp-board{min-width:0;margin:0}.pfp-board-scroll{outline:1px solid var(--pfp-rule);scrollbar-width:thin;border-radius:12px;overflow-x:auto}.pfp-board-img{width:100%;position:relative}.pfp-board-img img{width:100%;height:auto;display:block}@media (max-width:639px){.pfp-board-img{width:880px}}.pfp-board-pick{width:33.333%;box-shadow:inset 0 0 0 3px var(--pfp-field);border-radius:12px 0 0 12px;position:absolute;inset:0 auto 0 0}.pfp-board-dim{background:var(--pfp-bg);opacity:.45;width:33.333%;position:absolute;top:0;bottom:0}.pfp-board-dim.is-2{left:33.333%}.pfp-board-dim.is-3{left:66.666%}.pfp-board figcaption{margin-top:.85rem;font-size:16px}.pfp-colophon{border-top:1px solid var(--pfp-rule-strong);gap:.8rem;margin-top:clamp(4.5rem,9vw,7rem);padding-top:1.75rem;display:grid}.pfp-stackline{font-family:var(--pfp-head);max-width:42ch;font-size:clamp(1.2rem,1.9vw,1.55rem);font-weight:600;line-height:1.3}.pfp-credit{font-size:17px}.pfp-next{margin-top:2.5rem;padding-bottom:clamp(6rem,10vw,8rem)}.pfp-next-link{background:var(--pfp-field);max-width:30rem;color:var(--pfp-field-text);outline-offset:4px;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 1.4rem;text-decoration:none;display:flex}.pfp-next-words{display:block}.pfp-next-kicker{opacity:.8;font-size:14px;font-weight:600;display:block}.pfp-next-title{font-family:var(--pfp-head);letter-spacing:-.03em;margin-top:.5rem;font-size:clamp(1.9rem,3vw,2.3rem);font-weight:700;line-height:1;display:block}.pfp-next-title .pfp-dot{color:inherit}.pfp-next-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;transition:transform .3s var(--pfp-ease);flex:none}.pfp-next-link:hover svg{transform:translate(5px)}.pfp-field{gap:.35rem;min-width:0;display:grid}.pfp-label{color:var(--pfp-ink);font-size:15px;font-weight:600}.pfp-input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:var(--pfp-ink);background:var(--pfp-tile);border:0;border-bottom:1px solid var(--pfp-rule-strong);border-radius:0;height:2.6rem;padding:.55rem .7rem;font-size:16px}.pfp-input:focus-visible{outline-offset:0}.pfp-mini-block{gap:1.5rem;display:grid}@media (min-width:1024px){.pfp-mini-block{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;column-gap:3.5rem}.pfp-mini-hold{order:2;align-self:stretch}.pfp-mini-sticky{top:max(var(--pfp-switch-clear), calc((100svh - min(78svh, 46rem)) / 2));position:sticky}}@media (max-width:1023px){.pfp-mini-hold{z-index:6;background:var(--pfp-bg);padding:var(--pfp-switch-clear) 1rem .75rem;margin-inline:-1rem;position:sticky;top:0}}@media (min-width:640px) and (max-width:1023px){.pfp-mini-hold{margin-inline:-1.5rem;padding-inline:1.5rem}}.pfp-mini-block{--pfp-switch-clear:calc(max(1.2rem, env(safe-area-inset-top)) + (clamp(3.9rem, 8.2vw, 4.55rem) + 2.75rem) / 2 + .6rem)}@media (min-width:640px){.pfp-mini-block{--pfp-switch-clear:calc(max(1.5rem, env(safe-area-inset-top)) + (clamp(4.15rem, 6.9vw, 4.95rem) + 3rem) / 2 + .6rem)}}@media (min-width:1024px){.pfp-mini-block{--pfp-switch-clear:calc(max(1.85rem, env(safe-area-inset-top)) + (clamp(4.35rem, 5.4vw, 5.3rem) + 3rem) / 2 + .5rem)}}.pfp-mini-parts{gap:3.25rem;min-width:0;display:grid}@media (min-width:1024px){.pfp-mini-parts{gap:7rem;padding-bottom:max(4rem,min(78svh,46rem) - 13rem)}}.pfp-part{gap:.85rem;scroll-margin-top:22rem;display:grid}@media (min-width:1024px){.pfp-part{scroll-margin-top:1.5rem}}.pfp-part .pfp-text{color:var(--pfp-muted)}.pfp-mini{aspect-ratio:6/5;border:1px solid var(--pfp-rule-strong);border-radius:14px;flex-direction:column;width:100%;margin-inline:auto;display:flex;position:relative;overflow:hidden;container-type:inline-size}@media (min-width:640px) and (max-width:1023px){.pfp-mini{width:min(100%,34rem)}}@media (min-width:1024px){.pfp-mini{aspect-ratio:4/5;width:min(100%,min(78svh,46rem)/1.25)}}.pfp-mini-area{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font-family:var(--pfp-head);transition:background-color .45s var(--pfp-ease), color .45s var(--pfp-ease), box-shadow .2s;display:block;position:relative}.pfp-mini-area:hover,.pfp-mini-area:focus-visible{box-shadow:inset 0 0 0 2px var(--pfp-accent);z-index:4;outline:none}.pfp-mini-area.is-top{background:var(--color-home-page-shell-hero-bg);color:var(--color-global-body-text);z-index:1;flex:0 0 26%}.pfp-mini-area.is-field{background:var(--color-works-index-page-stage-bg);color:var(--color-works-index-page-stage-text);z-index:2;flex:0 0 31%}.pfp-mini-area.is-work{background:var(--color-featured-work-surface-bg);color:var(--color-featured-work-text);flex:0 0 24%;overflow:hidden}@media (max-width:1023px){.pfp-mini-statement{font-size:min(var(--s), 8cqw)}.pfp-mini-area.is-top,.pfp-mini-area.is-field{flex-basis:28%}.pfp-mini-area.is-work{flex-basis:22%}}.pfp-mini-area.is-footer{background:var(--color-footer-block-surface-bg);color:var(--color-footer-block-text);flex:auto;overflow:hidden}.pfp-mini-bar{align-items:center;gap:2cqw;display:flex;position:absolute;top:4cqw;left:4cqw;right:4cqw}.pfp-mini-logo{background:currentColor;border-radius:1cqw;width:4.4cqw;height:4.4cqw}.pfp-mini-name{opacity:.85;background:currentColor;border-radius:1cqw;width:14cqw;height:1.6cqw}.pfp-mini-nav{gap:2cqw;margin-left:auto;display:flex}.pfp-mini-nav span{opacity:.8;background:currentColor;border-radius:1cqw;width:5.5cqw;height:1.3cqw}.pfp-mini-button{background:var(--color-about-page-accent);color:var(--color-about-page-on-accent);white-space:nowrap;text-overflow:ellipsis;max-width:34cqw;padding:.8cqw 2cqw;font-size:max(13px,2.5cqw);font-weight:600;line-height:1.2;overflow:hidden}.pfp-mini-statement{text-align:center;font-size:var(--s);letter-spacing:-.045em;white-space:nowrap;font-weight:700;line-height:1;position:absolute;left:0;right:0}.pfp-mini-statement.is-first{bottom:.5em}.pfp-mini-statement.is-second{top:-.46em}.pfp-mini-figures{grid-template-columns:repeat(4,1fr);gap:3cqw;display:grid;position:absolute;bottom:4.5cqw;left:4cqw;right:4cqw}.pfp-mini-figure{gap:1.1cqw;display:grid}.pfp-mini-figure span{opacity:.7;background:currentColor;border-radius:1cqw;width:80%;height:1.2cqw;display:block}.pfp-mini-figure span.is-big{opacity:1;width:45%;height:4cqw}.pfp-mini-figure span.is-short{opacity:.5;width:55%}.pfp-mini-title{letter-spacing:-.02em;white-space:nowrap;font-size:max(13px,3cqw);font-weight:700;position:absolute;top:3.2cqw;left:4cqw}.pfp-mini-frames{grid-template-columns:repeat(3,1fr);gap:3cqw;display:grid;position:absolute;inset:calc(5.2cqw + 1.25*max(13px,3cqw)) 4cqw 3cqw}.pfp-mini-frame{background:var(--color-featured-work-frame);border-radius:1.4cqw;padding:.7cqw;display:block;position:relative}.pfp-mini-screen{background:var(--color-featured-work-screen-bg);border-radius:.8cqw;width:100%;height:100%;display:block;position:relative;overflow:hidden}.pfp-mini-scroll{padding:1.4cqw 1.4cqw 0;animation:9s linear infinite pfp-scroll;display:block}.pfp-mini-scroll span{background:var(--color-featured-work-screen-ink);opacity:.55;border-radius:1cqw;height:1.1cqw;margin-bottom:1.3cqw;display:block}.pfp-mini-scroll span.is-block{opacity:.22;height:5cqw}.pfp-mini.is-still .pfp-mini-scroll{animation:none}@keyframes pfp-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.pfp-mini-sign{z-index:0;letter-spacing:-.03em;white-space:nowrap;font-size:max(13px,3.6cqw);font-weight:700;position:absolute;top:3cqw;left:4cqw}.pfp-mini-stop{color:var(--color-footer-block-accent)}.pfp-mini-pile{z-index:1;position:absolute;inset:0}.pfp-mini-coin{box-sizing:border-box;background:var(--color-footer-block-coin-bg);border:1px solid var(--color-footer-block-border);will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.pfp-mini-glyph{box-sizing:border-box;width:42%;height:42%;display:block}.pfp-mini-glyph.is-0{opacity:.7;border:2px solid;border-radius:50%}.pfp-mini-glyph.is-1{opacity:.7;background:currentColor;border-radius:2px;height:16%}.pfp-mini-glyph.is-2{background:var(--color-footer-block-accent);opacity:.85;border-radius:3px;width:34%;height:34%}.pfp-mini-cmd{z-index:5;box-sizing:border-box;background:var(--color-site-navigation-bar-bg);width:46cqw;height:max(26px,7cqw);color:var(--color-site-navigation-bar-text);box-shadow:0 1.5cqw 4cqw -1.5cqw var(--color-site-navigation-bar-shadow);pointer-events:none;border-radius:999px;align-items:center;gap:1.6cqw;padding:0 2.4cqw;display:flex;position:absolute;bottom:2.6cqw;left:50%;transform:translate(-50%)}.pfp-mini-cmd-dot{background:var(--color-site-navigation-bar-dot);border-radius:50%;width:1.4cqw;min-width:5px;height:1.4cqw;min-height:5px}.pfp-mini-cmd-page{font-size:13px;font-weight:700}.pfp-mini-cmd-rule{background:var(--color-site-navigation-bar-divider);width:1px;height:45%}.pfp-mini-cmd-hint{background:var(--color-site-navigation-bar-muted-text);opacity:.5;border-radius:1cqw;flex:1;height:1.2cqw;min-height:4px}.pfp-areas{gap:0;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.pfp-area-row{border-top:1px solid var(--pfp-rule);gap:.5rem;padding:.7rem 0;display:grid}.pfp-area-row:last-child{border-bottom:1px solid var(--pfp-rule)}@media (min-width:640px){.pfp-area-row{grid-template-columns:minmax(7rem,1fr) auto;align-items:center}}.pfp-area-name{font-size:15px;font-weight:700}.pfp-area-flip{flex-wrap:wrap;gap:.5rem;display:inline-flex}.pfp-area-button{font:inherit;color:var(--pfp-muted);border:1px solid var(--pfp-rule);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:15px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.pfp-area-button:hover{border-color:var(--pfp-rule-strong);color:var(--pfp-ink)}.pfp-area-button.is-on{color:var(--pfp-ink);border-color:var(--pfp-ink);background:var(--pfp-tile)}.pfp-area-hex{color:var(--pfp-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.pfp-swatch{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--pfp-rule-strong);border-radius:3px;flex:none}.pfp-words{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end;gap:.85rem;margin-top:.4rem;display:grid}.pfp-text-button{font:inherit;color:var(--pfp-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pfp-rule-strong);text-decoration-color:var(--pfp-rule-strong);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:.35rem 0;font-size:15px;font-weight:600;text-decoration-thickness:1.5px}.pfp-text-button:hover{-webkit-text-decoration-color:var(--pfp-ink);text-decoration-color:var(--pfp-ink)}.pfp-words .pfp-text-button{grid-column:1/-1}.pfp-switch{font:inherit;color:var(--pfp-ink);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.75rem;margin-top:.3rem;padding:.25rem 0;font-size:16px;font-weight:600;display:inline-flex}.pfp-switch-track{box-sizing:border-box;border:1.5px solid var(--pfp-rule-strong);background:var(--pfp-tile);border-radius:13px;width:46px;height:26px;transition:background .25s,border-color .25s;position:relative}.pfp-switch-thumb{background:var(--pfp-muted);width:17px;height:17px;transition:transform .25s var(--pfp-ease), background .25s;border-radius:50%;position:absolute;top:3px;left:3px}.pfp-switch.is-on .pfp-switch-track{background:var(--pfp-accent);border-color:var(--pfp-accent)}.pfp-switch.is-on .pfp-switch-thumb{background:var(--pfp-on-accent);transform:translate(19px)}
