.pframe{--stage-scale:1;--pf-radius:calc(55px * var(--stage-scale));--pf-bezel:max(4px, calc(7px * var(--stage-scale)));justify-content:center;padding:8px 12px;display:flex}.pframe-shell{width:fit-content;max-width:100%;padding:var(--pf-bezel);background:var(--ink);border-radius:calc(var(--pf-radius) + var(--pf-bezel));box-shadow:var(--shadow-lg);position:relative}.pframe-btn{background:var(--ink);width:max(2px, calc(3px * var(--stage-scale)));border-radius:2px;position:absolute}.pframe-btn--mute{left:calc(0px - max(2px, 3px * var(--stage-scale)));height:3.1%;top:11.3%}.pframe-btn--vol{left:calc(0px - max(2px, 3px * var(--stage-scale)));height:6.6%;top:16.4%}.pframe-btn--pwr{right:calc(0px - max(2px, 3px * var(--stage-scale)));height:8.7%;top:15%}.pframe-screen{aspect-ratio:393/852;background:var(--paper-2);border-radius:var(--pf-radius);isolation:isolate;height:min(852px,max(420px,100dvh - 200px),216.794vw - 173.435px);position:relative;overflow:hidden}.stage-fixed{transform:scale(var(--stage-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}.stage-fixed>iframe{border:0;width:100%;height:100%;display:block}.pframe-stage{background:var(--pf-safe-bg,transparent);width:393px;height:852px}.pframe-stage:before{content:"";height:calc(var(--pf-safe-top,0px) + 1px);background:var(--pf-safe-bg,transparent);z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0}.pframe-viewport{top:var(--pf-safe-top,0px);position:absolute;bottom:0;left:0;right:0}.pframe-viewport>iframe{border:0;width:100%;height:100%;display:block}.pframe-viewport>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.pframe-status,.pframe-island,.pframe-home{pointer-events:none;z-index:2}.pframe-status{height:59px;color:var(--ink);font-family:var(--mono);letter-spacing:.01em;background:0 0;justify-content:space-between;align-items:center;padding:0 32px 0 36px;font-size:15px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.pframe-island{background:var(--ink);border-radius:19px;width:125px;height:37px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.ps-icons{align-items:center;gap:7px;display:inline-flex}.ps-signal{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.ps-signal i{background:var(--ink);border-radius:1px;width:3.5px}.ps-signal i:first-child{height:5px}.ps-signal i:nth-child(2){height:7.5px}.ps-signal i:nth-child(3){height:10px}.ps-signal i:nth-child(4){height:12px}.ps-wifi{background:radial-gradient(circle at 50% 100%, var(--ink) 0 2.4px, transparent 2.4px 4.6px, var(--ink) 4.6px 6.6px, transparent 6.6px 8.8px, var(--ink) 8.8px 11px, transparent 11px);clip-path:polygon(50% 100%,2% 14%,14% 2%,86% 2%,98% 14%);width:17px;height:12px}.ps-batt{border:1.5px solid var(--ink);background:linear-gradient(var(--ink), var(--ink)) left center / 70% 100% no-repeat;background-origin:content-box;border-radius:4px;width:25px;height:13px;padding:1.5px;position:relative}.ps-batt:after{content:"";background:var(--ink);opacity:.5;border-radius:0 1px 1px 0;width:1.5px;height:4.5px;margin-left:1.5px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.pframe-home{background:var(--ink);opacity:.85;border-radius:3px;width:139px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.bframe{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-lg)}.bframe-bar{border-bottom:3px solid var(--ink);background:var(--paper-2);align-items:center;gap:12px;padding:9px 12px;display:flex}.bframe-dots{flex:none;gap:5px;display:inline-flex}.bframe-dots i{background:var(--ink);width:9px;height:9px;display:block}.bframe-url{font-family:var(--mono);color:var(--ink-2);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.bframe-screen{background:var(--paper-2);height:620px;max-height:70vh;position:relative;overflow:hidden}.bframe-screen>iframe{border:0;width:100%;height:100%;display:block}.bframe-screen>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.bframe-scroll{overscroll-behavior:contain;height:100%;overflow-y:auto}.bframe-scroll>img{width:100%;height:auto;display:block}.bframe--staged{max-width:min(100%,160dvh - 384px);margin-left:auto;margin-right:auto}.bframe--staged .bframe-screen{aspect-ratio:1440/900;width:100%;height:auto;max-height:none}.bframe-stage{width:1440px;height:900px}.pframe--bare{width:100%;height:100%;padding:0}.pframe--bare .pframe-shell{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;padding:0}.pframe--bare .pframe-screen{aspect-ratio:auto;border-radius:var(--dv-screen-r,0px);width:100%;height:100%}.pframe--bare .pframe-island{display:none}.bframe--bare{box-shadow:none;border-radius:var(--dv-screen-r,0px);border:0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.bframe--bare .bframe-bar{background:var(--paper-2);border-bottom-width:2px;flex:none;gap:7px;height:26px;padding:0 11px}.bframe--bare .bframe-dots{gap:5px}.bframe--bare .bframe-dots i{background:var(--paper-3);border:1.5px solid var(--ink);border-radius:50%;width:8px;height:8px}.bframe--bare .bframe-url{background:var(--paper);border:1.5px solid var(--line-2);height:15px;font-family:var(--mono);color:var(--ink-3);flex:auto;align-items:center;margin-left:8px;padding:0 8px;font-size:8px;display:flex}.bframe--bare .frame-full{border-width:1.5px;flex:none;align-items:center;gap:4px;height:17px;padding:0 5px;font-size:9px;line-height:1;display:inline-flex}.bframe--bare .frame-full .ff-word{font-size:8.5px}.bframe--bare .bframe-screen{flex:auto;width:100%;height:auto;min-height:0;max-height:none}.bframe--bare.bframe--staged{max-width:none;margin:0}.bframe--bare.bframe--staged .bframe-screen{aspect-ratio:auto}.tframe{border:3px solid var(--ink);background:var(--ink);box-shadow:var(--shadow-lg);margin-top:15px;position:relative}.tframe-name{background:var(--paper);border:3px solid var(--ink);font-family:var(--mono);color:var(--ink);padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-15px;left:22px}.tframe-head{font-family:var(--mono);color:color-mix(in srgb, var(--paper) 55%, transparent);gap:6px;padding:22px 18px 8px;font-size:12px;display:flex}.tframe-prompt{color:var(--primary);font-weight:700}.tframe-screen{font-family:var(--mono);color:var(--paper);max-height:60vh;padding:4px 18px 18px;font-size:12.5px;line-height:1.5;overflow:auto}@media (width<=767px){.bframe-screen{max-height:60vh}}.cast{position:relative}.cast-out{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);color:var(--paper);min-height:8em;margin:0;font-size:12.5px;line-height:1.5}.cast-replay{font-family:var(--mono);text-transform:lowercase;letter-spacing:.04em;color:var(--ink);background:var(--paper);border:2px solid var(--paper);cursor:pointer;margin-top:10px;padding:4px 10px;font-size:11px;font-weight:700}.frame-full{height:22px;font-family:var(--mono);color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:13px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.frame-full .ff-word{letter-spacing:.04em;white-space:nowrap;font-size:10px}.frame-full:hover{background:var(--ink);color:var(--paper)}.bframe-bar .frame-full{margin-left:auto}.tframe-full{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-left:auto}.tframe-full:hover{background:var(--primary);color:var(--on-accent);border-color:var(--primary)}:is(.bframe:fullscreen,.tframe:fullscreen){width:100vw;height:100vh;box-shadow:none;background:var(--paper);border:0;border-radius:0;flex-direction:column;margin:0;display:flex}:is(.bframe:fullscreen .bframe-screen,.tframe:fullscreen .tframe-screen){aspect-ratio:auto;flex:auto;height:auto;max-height:none}.tframe:fullscreen{background:var(--ink)}.tframe:fullscreen .tframe-name{display:none}[data-pagefull]{color:var(--ink);z-index:2147483647;visibility:visible;border:0;padding:0;overflow:hidden;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;position:fixed!important;inset:0!important;transform:none!important}html.has-pagefull{overscroll-behavior:none;overflow:hidden}html.has-pagefull body{visibility:hidden;overscroll-behavior:none}html.has-pagefull--fixed [data-pagefull-path]{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;will-change:auto!important;clip-path:none!important;transform:none!important;-webkit-mask:none!important;mask:none!important;container-type:normal!important}.bframe[data-pagefull],.tframe[data-pagefull]{box-shadow:none;background:var(--paper);border:0;border-radius:0;flex-direction:column;margin:0;display:flex}.bframe[data-pagefull] .bframe-screen,.tframe[data-pagefull] .tframe-screen{aspect-ratio:auto;flex:auto;height:auto;max-height:none}.tframe[data-pagefull]{background:var(--ink)}.tframe[data-pagefull] .tframe-name{display:none}@media (pointer:coarse){.bframe:fullscreen .bframe-bar{gap:10px;height:auto;min-height:56px;padding:6px 8px 6px 14px}.bframe[data-pagefull] .bframe-bar{gap:10px;height:auto;min-height:56px;padding:6px 8px 6px 14px}.bframe:fullscreen .bframe-url{height:auto;min-height:28px;font-size:12px}.bframe[data-pagefull] .bframe-url{height:auto;min-height:28px;font-size:12px}.bframe:fullscreen .frame-full{border-width:2px;gap:8px;min-width:44px;height:auto;min-height:44px;padding:0 16px;font-size:16px}.bframe[data-pagefull] .frame-full{border-width:2px;gap:8px;min-width:44px;height:auto;min-height:44px;padding:0 16px;font-size:16px}.bframe:fullscreen .frame-full .ff-word{font-size:13px}.bframe[data-pagefull] .frame-full .ff-word{font-size:13px}.tframe:fullscreen .tframe-full{min-width:44px;min-height:44px;font-size:18px}.tframe[data-pagefull] .tframe-full{min-width:44px;min-height:44px;font-size:18px}}.bframe-turn{display:none}@media (orientation:portrait) and (width<=599px){.bframe--full-native:fullscreen .bframe-stage{width:100%;height:100%;transform:none}.bframe--full-native[data-pagefull] .bframe-stage{width:100%;height:100%;transform:none}.bframe:fullscreen .bframe-turn{display:flex}.bframe[data-pagefull] .bframe-turn{display:flex}}.bframe-turn{bottom:0;left:0;right:0;top:calc(900px * var(--stage-scale,1));font-family:var(--mono);letter-spacing:.03em;text-transform:lowercase;text-align:center;color:var(--ink-2);justify-content:center;align-items:flex-start;margin:0;padding:28px 28px 0;font-size:13px;line-height:1.5;position:absolute}.bframe-tap{z-index:4;cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:none;position:absolute;inset:0}.bframe-tap-chip{left:50%;bottom:calc(12px / var(--tap-zoom,1));align-items:center;gap:calc(6px / var(--tap-zoom,1));padding:calc(6px / var(--tap-zoom,1)) calc(10px / var(--tap-zoom,1));border:calc(2px / var(--tap-zoom,1)) solid var(--paper);background:var(--ink);color:var(--paper);box-shadow:calc(3px / var(--tap-zoom,1)) calc(3px / var(--tap-zoom,1)) 0 var(--ink);font-family:var(--mono);font-weight:700;font-size:calc(11px / var(--tap-zoom,1));letter-spacing:.04em;text-transform:lowercase;white-space:nowrap;line-height:1.2;display:inline-flex;position:absolute;transform:translate(-50%)}.bframe-tap:focus-visible{outline:none}.bframe-tap:focus-visible .bframe-tap-chip{outline:calc(3px / var(--tap-zoom,1)) solid var(--focus);outline-offset:calc(2px / var(--tap-zoom,1))}.project-preview{flex-direction:column;margin:0 0 clamp(28px,4vw,44px);display:flex}.preview-figure{min-width:0}.preview-tabs{order:1}.preview-pages{order:2}.preview-about{order:3}.preview-note{order:4}.preview-run{order:5;align-self:flex-start}.preview-tabs,.preview-pages{flex-wrap:wrap;gap:8px;display:flex}.preview-tabs{margin:18px 0 0}.preview-pages{margin:10px 0 0}.preview-tab,.preview-page{font-family:var(--mono);letter-spacing:.04em;text-transform:lowercase;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s,color .12s}.preview-tab:hover,.preview-page:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.preview-tab.on,.preview-page.on{background:var(--primary);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink)}.preview-run{font-family:var(--mono);letter-spacing:.04em;text-transform:lowercase;color:var(--paper);background:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-accent);cursor:pointer;align-items:center;gap:2px;margin-top:16px;padding:12px 20px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.preview-run:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.preview-run .pr-prompt{color:var(--primary)}.preview-about{max-width:62ch;color:var(--ink-2);margin:12px 0 0;font-size:15px;line-height:1.5}.preview-note{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;margin-top:10px;font-size:11px}@media (prefers-reduced-motion:reduce){.preview-tab,.preview-page,.preview-run{transition:none}.preview-tab:hover,.preview-page:hover,.preview-run:hover{transform:none}}.preview-gate,.preview-loading,.pv-idle{--pv-z:calc(var(--stage-scale,1) * var(--tap-zoom,1))}.pv-idle{background:var(--paper-2);position:absolute;inset:0}.preview-gate{z-index:1;align-items:center;gap:calc(14px / var(--pv-z));width:max-content;max-width:88%;padding:calc(10px / var(--pv-z)) calc(20px / var(--pv-z)) calc(10px / var(--pv-z)) calc(10px / var(--pv-z));background:var(--ink);color:var(--paper);border:calc(3px / var(--pv-z)) solid var(--ink);box-shadow:calc(6px / var(--pv-z)) calc(6px / var(--pv-z)) 0 var(--primary);cursor:pointer;text-align:left;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-gate:hover{transform:translate(calc(-50% - 3px / var(--pv-z)), calc(-50% - 3px / var(--pv-z)));box-shadow:calc(9px / var(--pv-z)) calc(9px / var(--pv-z)) 0 var(--primary)}.preview-gate:active{transform:translate(calc(-50% + 2px / var(--pv-z)), calc(-50% + 2px / var(--pv-z)));box-shadow:calc(3px / var(--pv-z)) calc(3px / var(--pv-z)) 0 var(--primary)}.preview-gate{--focus:var(--paper)}.preview-gate:focus-visible{outline:calc(3px / var(--pv-z)) solid var(--focus);outline-offset:calc(-7px / var(--pv-z))}.preview-gate .pg-mark{width:calc(40px / var(--pv-z));height:calc(40px / var(--pv-z));padding:calc(10px / var(--pv-z)) calc(9px / var(--pv-z)) calc(10px / var(--pv-z)) calc(12px / var(--pv-z));box-sizing:border-box;background:var(--primary);fill:var(--on-accent);flex:none;transition:transform .16s cubic-bezier(.16,1,.3,1)}.preview-gate:hover .pg-mark{transform:translateX(calc(2px / var(--pv-z)))}.preview-gate .pg-mark--off{background:color-mix(in srgb, var(--paper) 22%, transparent);color:var(--paper);font-family:var(--mono);font-weight:700;font-size:calc(18px / var(--pv-z));place-items:center;padding:0;line-height:1;display:grid}.preview-gate .pg-text{gap:calc(3px / var(--pv-z));flex-direction:column;min-width:0;display:flex}.preview-gate .pg-label{font-family:var(--mono);font-weight:700;font-size:calc(14px / var(--pv-z));letter-spacing:.04em;text-transform:lowercase;line-height:1.2}.preview-gate .pg-sub{font-family:var(--mono);font-size:calc(11px / var(--pv-z));color:color-mix(in srgb, var(--paper) 68%, transparent);letter-spacing:.02em;line-height:1.3}.preview-gate--phone{gap:calc(10px / var(--pv-z));padding:calc(14px / var(--pv-z)) calc(16px / var(--pv-z)) calc(13px / var(--pv-z));text-align:center;flex-direction:column}.preview-gate--phone .pg-text{align-items:center}.preview-gate--phone:hover .pg-mark{transform:translateY(calc(-2px / var(--pv-z)))}.preview-gate.is-missing{cursor:not-allowed;box-shadow:none;transform:translate(-50%,-50%)}.preview-gate[aria-busy=true] .pg-mark{animation:.9s ease-in-out infinite alternate pg-hold}@keyframes pg-hold{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.preview-gate,.preview-gate .pg-mark{transition:none}.preview-gate:hover{transform:translate(-50%,-50%)}.preview-gate:hover .pg-mark{transform:none}.preview-gate[aria-busy=true] .pg-mark{opacity:.6;animation:none}}.project-preview .bframe-scroll>.pv-poster--fit{object-fit:cover;object-position:top center;width:100%;height:100%}.preview-loading{z-index:1;pointer-events:none;background:var(--paper-2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.preview-loading .pl-label{text-align:center;padding:calc(6px / var(--pv-z)) calc(12px / var(--pv-z));background:var(--ink);color:var(--paper);font-family:var(--mono);font-weight:700;font-size:calc(12px / var(--pv-z));letter-spacing:.04em;text-transform:lowercase;box-shadow:calc(4px / var(--pv-z)) calc(4px / var(--pv-z)) 0 var(--primary);line-height:1.2}.preview-loading .pl-bar{width:min(60%, calc(200px / var(--pv-z)));height:calc(10px / var(--pv-z));margin-top:calc(14px / var(--pv-z));border:calc(2px / var(--pv-z)) solid var(--ink);background:var(--paper);box-shadow:calc(4px / var(--pv-z)) calc(4px / var(--pv-z)) 0 var(--ink);position:relative;overflow:hidden}.preview-loading .pl-bar i{background:var(--primary);width:38%;animation:1.15s cubic-bezier(.6,0,.4,1) infinite pl-sweep;position:absolute;inset:0 auto 0 0}@keyframes pl-sweep{0%{transform:translate(-110%)}to{transform:translate(300%)}}.preview-loading .pl-sub{margin-top:calc(14px / var(--pv-z));text-align:center;max-width:80%;font-family:var(--mono);font-size:calc(11px / var(--pv-z));color:var(--ink-3);letter-spacing:.02em;line-height:1.4}@media (prefers-reduced-motion:reduce){.preview-loading .pl-bar i{opacity:.45;width:100%;animation:none}}.site-root--fixed{height:100dvh;overflow:hidden}.site-root .pp3{--px:0;--py:0;--dv-metal:#3d352b;--dv-sky:#fff3e0;--dv-ground:#221f18;--dv-rim:#ffb877;height:100dvh;position:relative;overflow:hidden}html[data-theme=acid] .site-root .pp3{--dv-metal:#4a4238;--dv-sky:#cfd8c4;--dv-ground:#14170c;--dv-rim:#ffcf9a}.site-root .pp3-fit{width:1440px;height:838px;transform:translate(-50%, -50%) scale(var(--fit,1));position:absolute;top:50%;left:50%}.site-root .pp3-contact{font-family:var(--mono);letter-spacing:.02em;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--primary);cursor:pointer;padding:9px 16px;font-size:12px;transition:transform .14s,box-shadow .14s}.site-root .pp3-contact:hover{box-shadow:6px 6px 0 var(--primary);transform:translate(-2px,-2px)}.site-root .pp3-pane{display:contents}.site-root .pp3-head{justify-content:space-between;align-items:flex-start;gap:40px;height:104px;display:flex;position:absolute;top:24px;left:72px;right:72px}.site-root .pp3-head-l{min-width:0}.site-root .pp3-head-r{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.site-root .pp3-crumb{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-3);margin:0;padding-top:11px;font-size:12px}.site-root .pp3-crumb a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);text-underline-offset:4px;margin:-2px -3px;padding:2px 3px;text-decoration-thickness:1px;transition:color .14s,text-decoration-color .14s,background-color .14s}.site-root .pp3-crumb a:hover{color:var(--primary);background-color:color-mix(in srgb, var(--primary) 10%, transparent);text-decoration-color:currentColor;text-decoration-thickness:2px}.site-root .pp3-crumb i{color:var(--ink-4);margin:0 8px;font-style:normal}.site-root .pp3-crumb b{color:var(--ink-3);font-weight:400}.site-root .pp3-head-l h1{font-family:var(--display);font-weight:900;font-size:var(--h1,58px);letter-spacing:-.028em;max-width:660px;margin:10px 0 0;line-height:1.02}.site-root .pp3-stack{text-align:right}.site-root .pp3-stack-lab{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:10px;display:block}.site-root .pp3-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.site-root .pp3-chips li{font-family:var(--mono);border:2px solid var(--ink);background:var(--paper-2);padding:5px 8px;font-size:10.5px;line-height:1}.site-root .pp3-rule{background:var(--line);transform-origin:0;height:1px;position:absolute;top:128px;left:72px;right:72px}.site-root .pp3-under{z-index:4;flex-direction:column;align-items:center;gap:15px;width:370px;margin-left:-185px;display:flex;position:absolute;left:50%}.site-root .pp3--phone .pp3-under{top:726px}.site-root .pp3--desktop .pp3-under{top:722px}.site-root .pp3-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.site-root .pp3-tabs{display:contents}.site-root .pp3-under.is-wrapped{gap:11px}.site-root .pp3-under.is-wrapped .pp3-tab{padding-top:7px;padding-bottom:7px}.site-root .pp3-under.is-wrapped .pp3-full{padding-top:6px;padding-bottom:6px}.site-root .pp3-tab{font-family:var(--mono);letter-spacing:.02em;border:2px solid var(--ink);background:var(--paper);color:var(--ink-2);cursor:pointer;padding:11px 20px;font-size:12px;transition:box-shadow .14s,background .14s,color .14s}.site-root .pp3-tab i{opacity:.5;margin-right:7px;font-style:normal}.site-root .pp3-tab:hover{box-shadow:var(--shadow-xs)}.site-root .pp3-tab.on{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--primary)}.site-root .pp3-full{font-family:var(--mono);letter-spacing:.02em;border:2px solid var(--line-2);background:var(--paper);color:var(--ink-3);cursor:pointer;padding:8px 13px;font-size:11px;transition:border-color .14s,color .14s,box-shadow .14s}.site-root .pp3-full:hover{border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow-xs)}.site-root .pp3-full--monitor{display:none}.site-root .pp3-stage{justify-content:center;align-items:flex-start;display:flex;position:absolute;left:0;right:0}.site-root .pp3--phone .pp3-stage{height:560px;top:154px}.site-root .pp3--desktop .pp3-stage{height:555px;top:157px}.site-root .pp3-ground{pointer-events:none;background:radial-gradient(#16140f5c,#16140f00 70%);border-radius:50%;width:308px;height:56px;margin-left:-154px;position:absolute;left:50%}.site-root .pp3--phone .pp3-ground{width:314px;margin-left:-157px;top:482px}.site-root .pp3--desktop .pp3-ground{width:420px;margin-left:-210px;top:458px}html[data-theme=acid] .site-root .pp3-ground{background:radial-gradient(#0000008c,#0000 70%)}.site-root .dv{width:var(--dv-w);height:var(--dv-h);transform:translate3d(calc(var(--px) * -5px), calc(var(--py) * -4px), 0);flex:none;transition:transform .42s cubic-bezier(.22,1,.36,1);position:relative}.site-root .dv-box{position:absolute;inset:0}.site-root .dv-rim{border-radius:calc(var(--dv-r) + 3px);z-index:0;background:#2b2519;transition:opacity .22s;position:absolute;inset:-3px}.site-root .dv--desktop.is-lit .dv-rim{opacity:0}.site-root .dv--phone .dv-rim{border-radius:calc(var(--dv-r) + 2px);background:#14110c;inset:-2px}.site-root .dv--phone.is-lit .dv-rim{border-radius:var(--dv-r);inset:0}.site-root .dv-inner{inset:var(--dv-wall);border-radius:var(--dv-inner-r);z-index:2;background:#0d0b07;position:absolute;box-shadow:inset 0 2px #0000008c,inset 0 -1.5px #f4efe51c}.site-root .dv-gl{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.site-root .dv.is-lit .dv-gl{opacity:1}.site-root .dv-css{z-index:0;position:absolute;inset:0}.site-root .dv.is-lit .dv-css{opacity:0}.site-root .dv-css-body{border-radius:var(--dv-r);background:linear-gradient(168deg,#443c31 0%,#241f18 15%,#16140f 50%,#1c1912 86%,#3d352b 100%);position:absolute;inset:0;box-shadow:inset 0 2px #ffffff1c,inset 0 -2px #0000008c,inset 2px 0 #ffffff0d,inset -2px 0 #ffffff0d,0 32px 56px -14px #16140f75,0 9px 20px -7px #16140f52}.site-root .dv-btn{z-index:1;background:#443c31;width:5px;position:absolute}.site-root .dv-btn--pwr{border-radius:0 3px 3px 0;height:66px;top:170px;right:-5px}.site-root .dv-btn--vol{border-radius:3px 0 0 3px;height:44px;top:124px;left:-5px}.site-root .dv-neck,.site-root .dv-foot{z-index:1;background:linear-gradient(#3a332a,#211d17);position:absolute;left:50%}.site-root .dv-neck{width:var(--dv-neck-w);height:var(--dv-neck-h);margin-left:calc(var(--dv-neck-w) / -2);top:100%}.site-root .dv-foot{top:calc(100% + var(--dv-neck-h));width:var(--dv-foot-w);height:var(--dv-foot-h);margin-left:calc(var(--dv-foot-w) / -2);border-radius:0 0 6px 6px}.site-root .dv-chin{left:0;right:0;bottom:calc((var(--dv-bottom) - var(--dv-chin-size)) / 2 + var(--dv-chin-y));z-index:2;text-align:center;font-family:var(--mono);font-size:var(--dv-chin-size);letter-spacing:var(--dv-chin-track);color:#f4efe557;pointer-events:none;line-height:1;position:absolute}.site-root .dv-screen{top:var(--dv-top);width:var(--dv-sw);height:var(--dv-sh);margin-left:calc(var(--dv-sw) / -2);z-index:2;border-radius:var(--dv-screen-r);background:var(--paper-2);position:absolute;left:50%;overflow:hidden}.site-root .dv-notch{top:var(--dv-top);width:var(--nw);height:var(--nh);margin-left:calc(var(--nw) / -2);border-radius:0 0 var(--nr) var(--nr);z-index:3;pointer-events:none;background:#16140f;position:absolute;left:50%}.site-root .dv:fullscreen{background:var(--paper);width:100vw;max-width:none;height:100vh;transition:none;transform:none}.site-root .dv:fullscreen .dv-box{inset:auto;left:var(--dv-cx,50%);top:var(--dv-cy,50%);width:var(--dv-w);height:var(--dv-h);transform:translate(-50%, -50%) scale(var(--dv-full,1));transform-origin:50%}.site-root .dv:fullscreen::backdrop{background:var(--paper)}.site-root .dv[data-pagefull]{background:var(--paper);transition:none;transform:none}.site-root .dv[data-pagefull] .dv-box{inset:auto;left:var(--dv-cx,50%);top:var(--dv-cy,50%);width:var(--dv-w);height:var(--dv-h);transform:translate(-50%, -50%) scale(var(--dv-full,1));transform-origin:50%}.site-root .dv[data-pagefull]::backdrop{background:var(--paper)}.site-root .dv-exit{z-index:4;font-family:var(--mono);letter-spacing:.02em;border:2px solid var(--line-2);background:var(--paper);color:var(--ink-3);cursor:pointer;padding:8px 13px;font-size:11px;transition:border-color .14s,color .14s,box-shadow .14s;position:absolute;top:20px;right:20px}.site-root .dv-exit:hover{border-color:var(--ink);color:var(--ink);box-shadow:var(--shadow-xs)}@media (pointer:coarse){.site-root .dv-exit{border-color:var(--ink);min-width:44px;min-height:44px;color:var(--ink);padding:12px 18px;font-size:13px;top:14px;right:14px}}.site-root .dv-screen .project-preview{height:100%;display:block}.site-root .dv-screen .preview-figure{height:100%}.site-root .pp3-shot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.site-root .pp3-plate{height:100%;font-family:var(--display);letter-spacing:-.01em;color:var(--ink);background:var(--paper-3);align-items:center;margin:0;padding:26px;font-size:18px;line-height:1.22;display:flex}.site-root .pp3--desktop .pp3-plate{padding:40px 56px;font-size:26px}.site-root .acr{border:3px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--primary);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 13%;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex;position:absolute;inset:0}.site-root a.acr:hover{box-shadow:10px 10px 0 var(--primary);transform:translate(-2px,-2px)}.site-root .acr b{font-family:var(--mono);letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.25}.site-root .acr b i{color:var(--primary);margin-right:6px;font-style:normal}.site-root .acr span{font-family:var(--mono);color:color-mix(in srgb, var(--paper) 62%, transparent);overflow-wrap:break-word;max-width:100%;font-size:9.5px;line-height:1.3}.site-root .acr--none{border:2px dashed var(--line-2);box-shadow:none;color:var(--ink-3);font-family:var(--mono);background:0 0;margin:0;padding:0 16%;font-size:11px;line-height:1.45}.site-root .pp3-cap{text-align:center;font-family:var(--mono);letter-spacing:.03em;color:var(--ink-3);margin:0;font-size:10px;line-height:1.4}.site-root .orb{left:var(--cx);top:var(--cy);width:var(--d);height:var(--d);margin-left:calc(var(--d) / -2);margin-top:calc(var(--d) / -2);z-index:2;position:absolute}.site-root .orb--act{z-index:3}.site-root .crc{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.site-root .crc-in{width:70%}.site-root .crc--butter .crc-in{width:78%}.site-root .crc--hot{background:var(--hot)}.site-root .crc--butter{background:var(--butter)}.site-root .crc--azure{background:var(--azure)}.site-root .crc--mauve{background:var(--mauve)}.site-root .crc--on-ink{color:var(--on-accent)}.site-root .crc--on-paper{color:var(--paper)}.site-root .crc-t{font-family:var(--mono);font-size:calc(var(--fs) * .74);letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px}.site-root .crc-p{font-family:var(--body);font-size:var(--fs);letter-spacing:-.004em;text-wrap:pretty;margin:0;line-height:1.42}.site-root .crc-l{font-family:var(--body);font-size:var(--fs);letter-spacing:-.004em;margin:0;padding:0;line-height:1.42;list-style:none}.site-root .crc-l li{text-wrap:balance}.site-root .crc-l li+li{margin-top:12px;position:relative}.site-root .crc-l li+li:before{content:"";opacity:.22;background:currentColor;width:22px;height:1px;margin-left:-11px;position:absolute;top:-7px;left:50%}.site-root .crc-n{margin:0;padding:0;list-style:none}.site-root .crc-n li{justify-content:center;align-items:baseline;gap:7px;margin-top:5px;display:flex}.site-root .crc-n b{font-family:var(--display);font-size:calc(var(--fs) * 1.78);letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:calc(var(--nw,2) * (1ch - .03em));text-align:right;line-height:1}.site-root .crc-n span{font-family:var(--mono);font-size:calc(var(--fs) * .7);letter-spacing:.04em;min-width:calc(var(--lw,6) * (1ch + .04em));text-align:left;white-space:nowrap}.site-root .pp3-exits{z-index:4;justify-content:space-between;display:flex;position:absolute;top:796px;left:72px;right:72px}.site-root .pp3-exit{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);text-underline-offset:5px;margin:-9px -12px;padding:9px 12px;font-size:14px;text-decoration-thickness:1px;transition:color .14s,text-decoration-color .14s}.site-root .pp3-exit:hover{color:var(--primary);text-decoration-color:currentColor;text-decoration-thickness:2px}.site-root .pp3--empty{place-items:center;display:grid}.site-root .pp3-404{text-align:center}.site-root .pp3-404 .pp3-crumb{text-align:center;padding:0}.site-root .pp3-404 h1{font-family:var(--display);margin:10px 0 18px;font-size:40px}.site-root .pp3-back{font-family:var(--mono);color:var(--ink-2);font-size:12px}@media (prefers-reduced-motion:no-preference){.site-root .pp3-head{animation:.42s cubic-bezier(.22,1,.36,1) backwards pp3-rise}.site-root .pp3-rule{animation:.52s cubic-bezier(.22,1,.36,1) .12s backwards pp3-wipe}.site-root .pp3-under{animation:.38s cubic-bezier(.22,1,.36,1) .8s backwards pp3-rise}.site-root .pp3-exits{animation:.38s cubic-bezier(.22,1,.36,1) .9s backwards pp3-rise}.site-root .pp3-stage{animation:.76s cubic-bezier(.16,1,.3,1) 90ms backwards pp3-fly}.site-root .pp3-ground{animation:.76s cubic-bezier(.16,1,.3,1) 90ms backwards pp3-contact}.site-root .crc{animation:pp3-pop .5s cubic-bezier(.2, .86, .28, 1.06) var(--in) backwards, pp3-float var(--float) ease-in-out calc(var(--in) + .5s) infinite}.site-root .orb--act{animation:pp3-pop-plain .5s cubic-bezier(.2, .86, .28, 1.06) var(--in) backwards, pp3-float var(--float) ease-in-out calc(var(--in) + .5s) infinite}}@keyframes pp3-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pp3-wipe{0%{transform:scaleX(0)}}@keyframes pp3-fly{0%{opacity:0;filter:blur(6px);transform:translateY(46px)scale(.8)}45%{opacity:1;filter:blur()}72%{transform:translateY(-9px)scale(1.025)}to{opacity:1;filter:blur();transform:none}}@keyframes pp3-contact{0%{opacity:.12;transform:scale(1.55,.42)}72%{opacity:.9;transform:scale(.94,1.06)}to{opacity:1;transform:none}}@keyframes pp3-pop{0%{opacity:0;box-shadow:0 0 0 var(--ink);transform:scale(.62)}58%{opacity:1;box-shadow:9px 9px 0 var(--ink);transform:scale(1.055)}to{opacity:1;box-shadow:7px 7px 0 var(--ink);transform:none}}@keyframes pp3-pop-plain{0%{opacity:0;transform:scale(.62)}58%{opacity:1;transform:scale(1.055)}to{opacity:1;transform:none}}@keyframes pp3-float{0%,to{transform:translate(0)}50%{transform:translate(var(--fx,0px), var(--fy,-7px))}}@media (width<=1119px){.site-root--fixed{height:auto;overflow:visible}.site-root .pp3{--dv-fit-guess:.8;height:auto;min-height:100dvh;overflow:clip visible}.site-root .pp3--desktop{--dv-fit-guess:.4}.site-root .pp3-fit{width:auto;height:auto;padding:14px var(--page-padding) 0;position:static;transform:none}.site-root .pp3-pane{display:block}.site-root .pp3-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 14px;height:auto;display:grid;position:static}.site-root .pp3-head-l,.site-root .pp3-head-r{display:contents}.site-root .pp3-crumb{grid-area:1/1;min-width:0;padding:0;line-height:1.7}.site-root .pp3-crumb i:after{content:"​"}.site-root .pp3-crumb b{overflow-wrap:break-word}.site-root .pp3-contact{grid-area:1/2;align-self:start;padding:11px 15px}.site-root .pp3-head-l h1{grid-area:2/1/3/-1;max-width:none;margin:14px 0 0;font-size:clamp(28px,7.4vw,46px)}.site-root .pp3-stack{text-align:left;grid-area:3/1/4/-1;margin-top:14px}.site-root .pp3-chips{justify-content:flex-start;max-width:none}.site-root .pp3-rule{display:none}.site-root .pp3 .pp3-stage{width:auto;height:calc(var(--dv-bh) * var(--dv-fit,var(--dv-fit-guess)));align-items:flex-start;margin:18px 0 0;position:static}.site-root .pp3-ground{display:none}.site-root .dv{transform:scale(var(--dv-fit,var(--dv-fit-guess)));transform-origin:50% 0;transition:none}.site-root .pp3-under{gap:12px;width:auto;margin:16px 0 0;position:static}.site-root .pp3-under.is-wrapped{gap:12px}.site-root .pp3-under.is-wrapped .pp3-tab{padding-top:11px;padding-bottom:11px}.site-root .pp3-under.is-wrapped .pp3-full{padding-top:8px;padding-bottom:8px}.site-root .pp3-full{min-height:44px}.site-root .pp3-full--monitor{display:inline-block}.site-root .dv-screen .bframe .frame-full{display:none}.site-root .dv-screen .bframe:fullscreen .frame-full{display:inline-flex}.site-root .dv-screen .bframe[data-pagefull] .frame-full{display:inline-flex}.site-root .dv-screen{--tap-zoom:var(--dv-fit,var(--dv-fit-guess))}.site-root .pp3-pane--ring{flex-direction:column;align-items:center;gap:28px;max-width:760px;margin:44px auto 0;display:flex;position:relative}.site-root .orb{flex:none;margin:0;position:relative;top:auto;left:auto}.site-root .pp3-pane--ring.is-laid{height:var(--col-h);display:block}.site-root .pp3-pane--ring.is-laid .orb{left:var(--col-x);top:var(--col-y);margin-left:calc(var(--d) / -2);margin-top:calc(var(--d) / -2);position:absolute}.site-root .pp3-exits{margin:56px calc(var(--page-padding) * -1) 0;padding:18px var(--page-padding) calc(18px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--ink);position:static}}@media (width<=1119px) and (pointer:coarse){.site-root .dv-screen .bframe-tap{display:block}}@media (width>=600px) and (width<=1119px){.site-root .pp3--desktop{--dv-fit-guess:.8}}@media (width<=1119px) and (height<=520px) and (orientation:landscape){.site-root .pp3{--dv-fit-guess:.6}.site-root .pp3--desktop{--dv-fit-guess:.5}.site-root .pp3-pane--demo{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:28px;display:grid}.site-root .pp3-head{grid-area:1/1}.site-root .pp3-head-l h1{font-size:clamp(22px,3vw,30px)}.site-root .pp3 .pp3-stage{width:calc(var(--dv-bw) * var(--dv-fit,var(--dv-fit-guess)));grid-area:1/2/3/3;margin:0}.site-root .pp3-under{grid-area:2/1;align-items:flex-start}.site-root .pp3-row{justify-content:flex-start}.site-root .pp3-cap{text-align:left}}.site-root .pp3-lede{display:none}@media (width<=1119px){.site-root .pp3-lede{max-width:62ch;color:var(--ink-2);grid-area:4/1/5/-1;margin:14px 0 0;font-size:14.5px;line-height:1.55;display:block}}