@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Inter Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Newsreader;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Newsreader;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Newsreader Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Newsreader Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/portfolio/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations")}@font-face{font-family:"Redaction 35";font-style:italic;font-weight:400;font-display:swap;src:url(/portfolio/assets/redaction-35-latin-400-italic-1xhCi7bh.woff2)format("woff2")}@font-face{font-family:"Redaction 35";font-style:normal;font-weight:400;font-display:swap;src:url(/portfolio/assets/redaction-35-latin-400-normal-Q19lkiSl.woff2)format("woff2")}@font-face{font-family:Departure Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/portfolio/assets/DepartureMono-Regular-2BZob_Zz.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations")}@font-face{font-family:Caveat Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations")}@font-face{font-family:Paper Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/portfolio/assets/PaperMono-Regular-DkHVYDLR.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#111;--raised:#191919;--ink:#ffffffed;--ink-2:#ffffffb0;--muted:#ffffff73;--faint:#ffffff45;--hairline:#ffffff14;--accent:#9aa6ff;--surface:#191919;--skel:#1c1c1c;--skel-hi:#262626;--scrim:#000000f0;--font-sans:"Inter", system-ui, sans-serif;--font-serif:var(--font-sans);--font-accent:"Redaction 35", Georgia, serif;--font-mono:"Departure Mono", ui-monospace, monospace;--font-hand:var(--font-accent);--measure:600px;--wide:960px;--bleed:1240px;--gutter:20px;--radius:16px;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.18s}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{font-family:var(--font-sans);font-feature-settings:"ss03", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}html.pf-lb-lock{overflow:hidden}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}a:hover{color:var(--ink);text-decoration-color:currentColor}:focus,:focus-visible{outline:none}html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-track{background:0 0}::selection{background:#9aa6ff4d}button{font:inherit;color:inherit}img,svg,video{max-width:100%}.sk-fill{border-radius:0;position:absolute;inset:0}:where(h1,h2,h3,.pf-dek,.pf-kicker) em{font-family:var(--font-accent);letter-spacing:0;font-style:italic;font-weight:400}.pf-page,.pf-article{padding:0 var(--gutter) 160px}.pf-article-head,.pf-section,.pf-meta,.pf-prose,.pf-figure,.pf-carousel{max-width:var(--wide);margin-inline:auto}.pf-figure{width:100%}.pf-wide{max-width:var(--bleed)}.pf-article-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 64px;padding:104px 0 56px;display:grid}.pf-article h1,.pf-page h1{font:500 56px/1.02 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;color:var(--ink);margin:0}.pf-dek{font:400 20px/1.45 var(--font-sans);letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty;grid-column:1;max-width:34ch;margin:0}.pf-byline{font:400 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--muted);flex-direction:column;grid-area:1/2/span 2;align-self:end;align-items:stretch;gap:8px;margin:0;display:flex}.pf-byline>:is(span,a){border:1px solid var(--hairline);background:var(--raised);color:inherit;border-radius:12px;padding:12px 16px;text-decoration:none}.pf-byline>a:hover{border-color:#fff3}.pf-byline>:is(span,a) b{font:500 15px/1.3 var(--font-sans);text-transform:none;letter-spacing:-.01em;color:var(--ink);margin-top:6px;display:block}.pf-article-head+.pf-section{padding-top:32px}.pf-section{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:64px;padding-top:120px;display:grid}.pf-section>*{grid-column:1/-1}.pf-section>h2{font:400 30px/1.15 var(--font-sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;grid-column:1;margin:0 0 24px}.pf-section>h2 .pf-kicker{font:400 15px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--muted);margin-bottom:10px;display:block}.pf-section>:where(p,ul,ol,blockquote,pre,h3,.pf-prose){grid-column:2}.pf-section>h2+:where(p,ul,ol,blockquote,.pf-prose){margin-top:6px}.pf-section>h2:has(.pf-kicker)+:where(p,ul,ol,blockquote,.pf-prose){margin-top:36px}.pf-prose,.pf-article>:where(p,ul,ol,blockquote),.pf-section>:where(p,ul,ol,blockquote){font:400 16px/1.6 var(--font-sans);letter-spacing:-.005em;color:var(--ink-2);text-wrap:pretty;max-width:var(--measure)}.pf-prose p,.pf-article>p,.pf-section>p{margin-block:0 1em}.pf-prose :where(ul,ol),.pf-section>:where(ul,ol){padding-left:1.1em}.pf-section li{margin-bottom:.5em}.pf-section li strong,.pf-section p strong{color:var(--ink);font-weight:500}.pf-section h3{font:500 17px/1.35 var(--font-sans);letter-spacing:-.015em;color:var(--ink);max-width:var(--measure);margin:48px 0 10px}.pf-anchor{text-decoration:none;position:relative}.pf-anchor:before{content:"#";color:var(--muted);opacity:0;transition:opacity var(--fast);padding-right:.3em;position:absolute;right:100%}.pf-anchor:hover:before,.pf-anchor:focus-visible:before{opacity:1}.pf-anchor:hover{color:inherit}.pf-article :where(blockquote),.pf-prose :where(blockquote){border-left:1px solid var(--faint);font:italic 400 22px/1.4 var(--font-accent);color:var(--ink);margin-block:0 1em;padding-left:20px}.pf-prose :where(blockquote){margin-inline:0}code{font:.85em var(--font-mono)}@media (width<=859px){.pf-section{grid-template-columns:minmax(0,1fr);padding-top:88px}.pf-section>:where(h2,p,ul,ol,blockquote,pre,h3,.pf-prose){grid-area:auto/1}.pf-section>h2+:where(p,ul,ol,blockquote,.pf-prose){margin-top:0}.pf-article-head{grid-template-columns:minmax(0,1fr);padding-top:56px}.pf-byline{flex-flow:wrap;grid-area:auto/1}}.pf-figure{margin-block:48px 56px;position:relative}.pf-figure-slot{position:relative}.pf-caption{font:400 14px/1.5 var(--font-sans);letter-spacing:-.005em;color:var(--muted);text-align:center;text-wrap:pretty;max-width:52ch;margin:14px auto 0}.pf-stage[popover]{width:auto;height:auto;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:static;inset:auto;overflow:visible}.pf-stage-static{cursor:zoom-in}.pf-stage[popover]:popover-open{transform-origin:0 0;cursor:auto;margin:0;position:fixed}.pf-stage-static:popover-open:not([data-hide]){background:var(--paper);border-radius:var(--radius)}.pf-stage::backdrop{background:var(--scrim);animation:pf-fade .2s var(--ease)}.pf-stage:popover-open>*{max-width:none}.pf-stage:popover-open .pf-phone{max-width:none!important}.pf-stage:popover-open .pf-diagram{margin:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.pf-stage:popover-open .pf-diagram-in{min-width:0}.pf-stage[data-hide]>*{visibility:hidden}@keyframes pf-fade{0%{opacity:0}}.pf-expand{z-index:2;border:1px solid var(--hairline);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;opacity:0;transition:opacity var(--fast);border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.pf-figure:hover .pf-expand,.pf-expand:focus-visible{opacity:1}.pf-figure[data-open]>.pf-caption,.pf-figure[data-open] .pf-expand{visibility:hidden}@media (hover:none){.pf-expand{opacity:1}}.pf-lb[popover]{pointer-events:none;color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.pf-lb:not(:popover-open){display:none}.pf-lb::backdrop{background:0 0}.pf-lb>*{pointer-events:auto}.pf-lb button{border:1px solid var(--hairline);background:var(--raised);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.pf-lb button:hover{background:#222}.pf-lb-close{top:max(12px, env(safe-area-inset-top));position:absolute;right:12px}.pf-lb-nav{position:absolute;top:50%;translate:0 -50%}.pf-lb-prev{left:12px}.pf-lb-next{right:12px}.pf-lb-label{left:50%;bottom:max(20px, env(safe-area-inset-bottom));text-align:center;width:min(560px,100% - 32px);font:400 14px/1.5 var(--font-sans);pointer-events:none;position:absolute;translate:-50%}.pf-lb-label b{font-weight:500;display:block}.pf-lb-label span{color:var(--ink-2);display:block}.pf-lb>.pf-lb-alt{inset:var(--lb-top,60px) 56px var(--lb-bot,80px);pointer-events:none;--pad:16px;place-items:center;display:grid;position:absolute;container-type:size}.pf-lb-alt[hidden]{display:none}.pf-lb-card{pointer-events:auto;width:min(100cqw, 1100px, calc((100cqh - 2 * var(--pad)) * var(--r,1.6) + 2 * var(--pad)));padding:var(--pad);background:var(--surface);border-radius:var(--radius);color:var(--ink)}@media (width<=699px){.pf-lb>.pf-lb-alt{--pad:8px;inset-inline:8px}.pf-stage::backdrop{background:#000000f7}.pf-lb-nav{top:auto;bottom:max(16px, env(safe-area-inset-bottom));translate:none}.pf-lb-nav~.pf-lb-label{width:calc(100% - 128px)}}.pf-browser{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--raised);overflow:hidden;box-shadow:0 40px 80px -40px #000c}.pf-browser-bar{border-bottom:1px solid var(--hairline);justify-content:center;align-items:center;height:38px;padding:0 12px;display:flex}.pf-url{font:400 12px/1 var(--font-sans);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border-radius:999px;max-width:70%;padding:5px 12px;overflow:hidden}.pf-browser-body{position:relative}.pf-phone{width:100%;margin-inline:auto;position:relative;container-type:inline-size}.pf-phone-body{background:linear-gradient(160deg,#2a2a2a,#0c0c0c 60%);border:1px solid #ffffff24;border-radius:15cqw;padding:3cqw;box-shadow:inset 0 0 0 1px #000,0 50px 90px -40px #000000e6}.pf-phone-screen{isolation:isolate;background:#000;border-radius:12cqw;position:relative;overflow:hidden}.pf-phone-bar{background:var(--bar,#f5f5f4);justify-content:center;align-items:center;transition:background-color .2s;display:flex}.pf-phone-bar.is-bottom{background:var(--bar-bottom,var(--bar,#f5f5f4))}.pf-phone-island{background:#000;border-radius:5cqw;width:31cqw;height:9cqw}.pf-phone-btn{background:#1d1d1d;border:1px solid #ffffff2e;width:4px;padding:0;position:absolute}.pf-phone-action{border-right:0;border-radius:3px 0 0 3px;height:6.5%;top:17%;left:-3px}.pf-phone-vol1{border-right:0;border-radius:3px 0 0 3px;height:10%;top:26%;left:-3px}.pf-phone-vol2{border-right:0;border-radius:3px 0 0 3px;height:10%;top:38%;left:-3px}.pf-phone-side{border-left:0;border-radius:0 3px 3px 0;height:15%;top:28%;right:-3px}button.pf-phone-btn{cursor:pointer;width:6px}button.pf-phone-action,button.pf-phone-side{transition:background var(--fast)}button.pf-phone-btn:hover{background:var(--accent)}button.pf-phone-btn:active{translate:1px}button.pf-phone-side:active{translate:-1px}button.pf-phone-btn:after{content:"";width:44px;position:absolute;top:min(-4px,50% - 22px);bottom:min(-4px,50% - 22px)}button.pf-phone-side:after{left:0}button.pf-phone-action:after{right:0}.pf-crop{width:100%;position:relative;overflow:hidden}.pf-crop-in{transform-origin:0 0;position:absolute;top:0;left:0}.pf-embed-screen{position:relative}.pf-embed-frame{background:var(--surface);border:0;transition:opacity .12s linear;display:block}.pf-shield{z-index:3;cursor:pointer;background:#00000014;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.pf-shield span{font:500 13px var(--font-sans);color:#111;text-align:center;text-wrap:balance;background:#eee;border-radius:20px;max-width:calc(100% - 16px);padding:12px 16px;line-height:1.3}.pf-art{width:100%;position:relative}.pf-art-svg,.pf-art-svg>svg{width:100%;height:100%;display:block}.pf-diagram{overflow:visible}@media (width<=699px){.pf-diagram{overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);overflow-x:auto}.pf-diagram-in{min-width:var(--min)}}.pf-carousel{max-width:none;margin-block:56px 64px;margin-inline:calc(50% - 50vw)}.pf-carousel-track,.pf-carousel-bar{padding-inline:max(var(--gutter), calc((100vw - var(--wide)) / 2));scroll-padding-inline:max(var(--gutter), calc((100vw - var(--wide)) / 2))}.pf-carousel-track{grid-auto-flow:column;grid-auto-columns:min(var(--wide), calc(100vw - 2 * var(--gutter)));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:24px;display:grid;position:relative;overflow-x:auto}.pf-carousel-track::-webkit-scrollbar{display:none}.pf-slide{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;margin:0}@media (width<=699px){.pf-slide{scroll-snap-align:center}}.pf-carousel-bar{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.pf-carousel-bar button{border:1px solid var(--hairline);background:var(--raised);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:relative}.pf-carousel-bar[hidden]{display:none}.pf-carousel-bar button:disabled{opacity:.35;cursor:default}.pf-carousel-count{font:400 11px/1 var(--font-mono);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.pf-slide .pf-caption{min-height:1.5em}.pf-meta{border-top:1px solid var(--hairline);justify-self:stretch;width:100%;margin-block:40px 0;padding-top:24px}.pf-meta dl{gap:8px;margin:0;display:grid}.pf-meta dl>div{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;display:grid}@media (width<=859px){.pf-meta dl>div{grid-template-columns:88px 1fr;gap:16px}}.pf-meta dt{font:400 15px/1.6 var(--font-sans);color:var(--muted)}.pf-meta dd{font:400 15px/1.6 var(--font-sans);color:var(--ink);margin:0}.pf-meta dd a{margin-right:16px;position:relative}.pf-credit{font:italic 400 18px/1.5 var(--font-accent);color:var(--ink-2);margin:24px 0 0}.pf-credit-end{max-width:var(--wide);border-top:1px solid var(--hairline);text-align:center;color:var(--muted);margin:120px auto 0;padding-top:28px}.pf-home{text-align:center;margin:96px 0 0}.pf-credit-end+.pf-home{margin-top:40px}.pf-home a{border:1px solid var(--hairline);background:var(--raised);height:40px;color:var(--ink);font:400 14px/1 var(--font-sans);transition:border-color var(--fast);border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.pf-home a:hover{border-color:var(--muted)}.pf-callout{font:italic 400 22px/1.2 var(--font-accent);color:var(--accent);align-items:flex-end;gap:4px;margin-block:8px;display:flex}.pf-callout span{max-width:22ch}.pf-callout-down,.pf-callout-up{flex-direction:column;align-items:flex-start}.pf-callout-up{flex-direction:column-reverse}.pf-callout-left{flex-direction:row-reverse;justify-content:flex-end}@media (width<=699px){.pf-article-head{padding-top:32px}.pf-article h1,.pf-page h1{font-size:40px}.pf-dek{font-size:18px}.pf-section>h2{font-size:26px}}@media (pointer:coarse){:is(.pf-expand,.pf-carousel-bar button,.pf-lb button,.pf-meta dd a):after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.sk{animation:none!important}}.pf-og{z-index:2147483647;background:var(--paper);width:1200px;height:630px;color:var(--ink);flex-direction:column;padding:88px 96px 72px;display:flex;position:fixed;inset:0 auto auto 0}.pf-og-title{font:500 96px/1 var(--font-sans);letter-spacing:-.04em;text-wrap:balance;max-width:960px}.pf-og-line{font:italic 400 40px/1.3 var(--font-accent);color:var(--ink-2);text-wrap:pretty;max-width:900px;margin-top:28px}.pf-og-by{font:400 26px/1 var(--font-sans);color:var(--muted);margin-top:auto}.pf-art:is([data-art*=\/wire-],[data-art*=\/alt-]) .pf-art-svg{border-radius:12px;overflow:hidden}.pf-stage-panel{max-width:var(--wide);border:1px solid var(--hairline);background:radial-gradient(120% 80% at 50% 0%, #ffffff0f, transparent 60%), var(--raised);isolation:isolate;border-radius:24px;grid-column:1/-1;width:100%;margin:56px auto;padding:56px;position:relative;overflow:hidden}.pf-stage-panel.pf-bleed{max-width:var(--bleed);width:min(var(--bleed), calc(100vw - 2 * var(--gutter)));margin-inline:50%;translate:-50%}.pf-stage-panel.pf-tall{padding-block:88px}.pf-split{grid-column:1/-1;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:64px;margin-block:64px;display:grid}.pf-split-right{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.pf-split-right .pf-split-media{order:2}.pf-split-text{font:400 16px/1.6 var(--font-sans);color:var(--ink-2)}.pf-split-text :where(h3){font:400 30px/1.15 var(--font-sans);letter-spacing:-.03em;color:var(--ink);margin:0 0 20px}.pf-split-text p{margin:0 0 1em}.pf-cols{columns:2;font:400 16px/1.6 var(--font-sans);color:var(--ink-2);grid-column:1/-1;column-gap:64px}.pf-cols p{break-inside:avoid;margin:0 0 1em}.pf-carousel[data-fit] .pf-carousel-track{grid-auto-columns:max-content;justify-content:safe center}.pf-carousel[data-fit] .pf-slide .pf-caption{width:0;min-width:100%}@media (width<=859px){.pf-split,.pf-split-right{grid-template-columns:minmax(0,1fr);gap:32px}.pf-split-right .pf-split-media{order:0}.pf-cols{columns:1}.pf-stage-panel{border-radius:18px;padding:24px}}.pf-section#wireframes{isolation:isolate;padding-bottom:104px;position:relative}.pf-section#wireframes:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:top;background-size:24px 24px;width:100vw;position:absolute;inset:40px auto 0 50%;translate:-50%;-webkit-mask-image:linear-gradient(#0000,#000 72px calc(100% - 72px),#0000);mask-image:linear-gradient(#0000,#000 72px calc(100% - 72px),#0000)}.pf-article .pf-stage-panel{box-shadow:none!important;background:0 0!important;border:0!important}#wireframes .pf-art .pf-art-svg{box-shadow:none;background:0 0;border-radius:0}.pf-story-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.pf-story-lb{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;place-content:center;justify-items:center;gap:16px;margin:0;padding:0;display:grid}.pf-story-lb:not([open]){display:none}.pf-story-lb::backdrop{background:var(--scrim)}.pf-story-lb-img{width:min(1200px,92vw,177.778dvh - 248.889px);height:auto;display:block}.pf-story-lb-cap{font:400 15px/1.4 var(--font-sans);color:var(--ink-2);text-align:center;margin:0}.pf-story-lb-cap span{font:400 11px/1 var(--font-mono);color:var(--muted);margin-left:14px}.pf-story-lb-btn{cursor:pointer;border:1px solid var(--hairline);width:44px;height:44px;color:var(--ink);font:400 24px/1 var(--font-sans);background:#191919cc;border-radius:50%;place-items:center;display:grid;position:fixed}.pf-story-lb-btn.is-prev{top:50%;left:20px;translate:0 -50%}.pf-story-lb-btn.is-next{top:50%;right:20px;translate:0 -50%}.pf-story-lb-btn.is-close{top:20px;right:20px}@media (width<=859px){.pf-story-lb-btn.is-prev,.pf-story-lb-btn.is-next{top:auto;bottom:24px;translate:none}}.pf-story-img{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(70% 66%,#000 60%,#0000 100%);mask-image:radial-gradient(70% 66%,#000 60%,#0000 100%)}.pf-beat{--beat-h:calc(100vh - 64px - 48px);max-width:var(--bleed);box-sizing:border-box;align-content:center;gap:32px;min-height:calc(100vh - 64px);margin-inline:auto;padding-block:24px;display:grid}.pf-beat-text p{font:400 22px/1.5 var(--font-sans);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;margin:0 0 .8em}.pf-beat-text p:last-child{margin-bottom:0}.pf-beat-side{grid-template-columns:minmax(min(20em,36vw),28em) auto;justify-content:center;align-items:center;column-gap:clamp(48px,5vw,80px)}.pf-beat-side .pf-beat-visual{width:var(--visual-w,calc(var(--beat-h) * .479));max-width:60vw}.pf-beat[data-long] .pf-beat-text p{font-size:18px}.pf-beat-side .pf-beat-text{grid-area:1/1;max-width:26em}.pf-beat-side .pf-beat-visual{grid-area:1/2;min-width:0}.pf-beat-over .pf-beat-text{text-align:left;justify-self:center;max-width:46em}.pf-article-deck{overflow-x:clip}.pf-beat-over:has(.pf-still){padding-block:0;position:relative}.pf-beat-over:has(.pf-still) .pf-beat-visual{width:100vw;margin-inline:calc(50% - 50vw);position:relative}.pf-beat-over:has(.pf-still) .pf-beat-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000e0 70%);position:absolute;inset:45% 0 0}.pf-beat-over .pf-still img{object-fit:cover;width:100vw;max-width:none;height:calc(100vh - 64px);max-height:none;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-over;mask-composite:add}.pf-beat-over[data-place=top]:has(.pf-still) .pf-beat-visual:after{background:linear-gradient(#000000e0 30%,#0000);inset:0 0 50%}.pf-beat-over[data-place=top]:has(.pf-still) .pf-beat-text{inset:6vh 0 auto}.pf-beat-over:has(.pf-still) .pf-beat-text{z-index:1;padding-inline:var(--deck-edge,24px);box-sizing:content-box;text-shadow:0 1px 16px #000;margin-inline:auto;position:absolute;inset:auto 0 6vh}.pf-beat-text:only-child{justify-self:start;max-width:min(100%,920px)}.pf-beat-text:only-child p{letter-spacing:-.035em;text-align:left;text-wrap:pretty;color:var(--ink);font:400 clamp(24px,2.6vw,38px)/1.55 Paper Mono,ui-monospace,monospace}.pf-beat-visual .pf-phone{margin-inline:auto;max-width:calc(var(--beat-h) * .479)!important}.pf-beat-full{grid-template-columns:minmax(0,1fr);gap:20px}.pf-beat-full .pf-beat-text{text-align:left;text-wrap:pretty;order:-1;justify-self:center;max-width:56em}.pf-beat-full .pf-beat-text p{color:var(--ink-2);font-size:17px;line-height:1.5}.pf-beat-full{grid-template-rows:auto minmax(0,1fr);align-content:stretch;height:calc(100vh - 64px)}.pf-beat-full[data-place=bottom]{grid-template-rows:minmax(0,1fr) auto}.pf-beat-full .pf-beat-after{order:2}.pf-beat-full[data-place=bottom] .pf-beat-text{order:1}.pf-beat-full .pf-beat-visual{min-height:0;container-type:size}.pf-beat-fit{width:min(100%,160cqh - 128px);margin-inline:auto}.pf-beat .pf-figure{max-width:none;margin-block:0}.pf-beat .pf-carousel{margin:0}.pf-beat :is(.pf-carousel-track,.pf-carousel-bar){padding-inline:0;scroll-padding-inline:0}.pf-beat .pf-carousel-track{grid-auto-columns:100%}.pf-beat .pf-carousel{position:relative}.pf-beat .pf-slide .pf-caption{display:none}.pf-beat .pf-carousel-bar{margin-top:12px}.pf-beat-full:has(.pf-carousel) .pf-beat-fit{width:min(100%,160cqh - 204.8px)}.pf-beat-side:has(.pf-carousel){--phone-h:calc(var(--beat-h) - 52px)}.pf-beat-full .pf-phone{max-width:calc(47.9cqh - 61.312px)!important}.pf-beat-side:has(.pf-carousel) .pf-beat-visual{width:var(--visual-w,calc(var(--phone-h) * .479))}.pf-beat-side .pf-carousel .pf-phone{max-width:calc(var(--phone-h) * .479)!important}html:has(.pf-article-deck){--paper:#000;background:#000}html:has(.pf-article-deck) .site-header{background:#000000b8}html:has(.pf-article-deck){--deck-edge:max(clamp(24px, 6vw, 96px), calc((100vw - 1200px) / 2))}html:has(.pf-article-deck) :is(.site-header,.site-footer){padding-inline:var(--deck-edge)}.pf-article.pf-article-deck{padding-inline:var(--deck-edge)}.pf-article-deck :is(.pf-article-head,.pf-beat,.pf-credit,.pf-home){max-width:none;margin-inline:0}.pf-article-deck .pf-article-head{padding-block:64px 0}.pf-article-deck .pf-beat:first-child{min-height:calc(100vh - 264px - clamp(32px,8vh,80px));margin-top:clamp(32px,8vh,80px)}.pf-still{display:block}.pf-still img{width:auto;max-width:100%;height:auto;max-height:68vh;margin-inline:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=699px){.pf-beat,.pf-beat-side{--beat-h:calc(100svh - 64px - 48px);grid-template-columns:minmax(0,1fr);gap:24px;min-height:calc(100svh - 64px);padding-block:24px}.pf-beat-full{height:auto}.pf-beat-full .pf-beat-text{text-align:left;order:0}.pf-beat-full .pf-beat-visual{container-type:normal}.pf-beat-fit{width:100%}.pf-beat-side .pf-beat-text,.pf-beat-side .pf-beat-visual{grid-area:auto}.pf-beat-side .pf-beat-visual{justify-self:center;width:100%;max-width:none}.pf-beat-text p,.pf-beat[data-long] .pf-beat-text p{font-size:18px}.pf-beat-text:only-child p{font-size:22px}.pf-beat-over .pf-beat-text{text-align:left}.pf-still img{max-height:62svh}.pf-still.is-crop img{aspect-ratio:4/5;object-fit:cover;width:100%}.pf-beat-over .pf-still img,.pf-beat-over .pf-still.is-crop img{aspect-ratio:auto;width:100vw;height:calc(100svh - 64px)}.pf-beat-over:has(.pf-still) .pf-beat-text{text-align:left;inset:auto 0 4svh}}.pf-beat .pf-stage:popover-open .pf-phone{max-width:calc(var(--pf-fit-h,80vh) * .479)!important}.pf-article-deck .pf-byline{flex-direction:row;align-items:stretch}.pf-article-deck .pf-byline>:is(span,a){flex:none}.pf-article-deck .pf-byline{flex-wrap:wrap;justify-content:flex-end}.pf-keys{font:400 13px/1 var(--font-sans);color:var(--muted);flex-basis:100%;justify-content:flex-end;align-items:center;gap:4px;animation:2.8s ease-in-out infinite pf-keys-pulse;display:flex}.pf-keys kbd{width:22px;height:22px;font:500 12px/1 var(--font-sans);border:1px solid;border-bottom-width:2px;border-radius:5px;place-items:center;display:inline-grid}.pf-keys kbd:first-of-type{margin-left:4px}@keyframes pf-keys-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.pf-keys{animation:none}}@media (hover:none){.pf-keys{display:none}}@media (width<=699px){.pf-article-deck .pf-byline{flex-wrap:wrap}}.pf-figure[data-hover] .pf-lb-close{opacity:.45;transition:opacity .15s;left:12px;right:auto}.pf-figure[data-hover] .pf-lb-close:hover{opacity:1}.pf-beat-full:has(.pf-beat-after) .pf-beat-text p{font-size:15px;line-height:1.5}.pf-figure[data-hover] .pf-stage:not(:popover-open){transition:transform .2s var(--ease), filter .2s var(--ease);position:relative}.pf-figure[data-hover]:hover .pf-stage:not(:popover-open){filter:drop-shadow(0 18px 40px #0000008c);transform:scale(1.012)}.pf-open-shield{z-index:3;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.pf-beat .pf-beat-text:not(:only-child) p,.pf-beat[data-long] .pf-beat-text:not(:only-child) p,.pf-beat-full .pf-beat-text p{font:400 22px/1.5 var(--font-sans);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}.pf-beat-full:has(.pf-beat-after) .pf-beat-text p{font:400 22px/1.5 var(--font-sans);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}.pf-beat-over .pf-beat-text,.pf-beat-full .pf-beat-text{text-align:left;justify-self:center;width:100%;max-width:none}.pf-beat-over:has(.pf-still) .pf-beat-text{width:calc(100vw - 2 * var(--deck-edge,24px));box-sizing:border-box;margin-inline:auto;padding-inline:0;left:0;right:0}@media (width<=699px){.pf-beat .pf-beat-text:not(:only-child) p,.pf-beat[data-long] .pf-beat-text:not(:only-child) p,.pf-beat-full .pf-beat-text p{font-size:18px}.pf-beat-full:has(.pf-beat-after) .pf-beat-text p{font-size:18px}.pf-beat-over .pf-beat-text,.pf-beat-full .pf-beat-text{text-align:left}}.pf-beat-full,.pf-beat-full[data-place=bottom]{grid-template-rows:minmax(0,1fr) auto;gap:36px}.pf-beat-full:has(.pf-beat-after){grid-template-rows:minmax(0,1fr) auto auto}.pf-beat-full .pf-beat-text,.pf-beat-full[data-place] .pf-beat-text{order:1}.pf-beat-full .pf-beat-after{order:2;margin-top:-16px}.pf-beat-over{gap:36px}.pf-beat-over:has(.pf-still){grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:calc(100vh - 64px);min-height:0;padding-bottom:32px}.pf-beat-over:has(.pf-still) .pf-beat-visual{min-height:0}.pf-beat-over:has(.pf-still) .pf-beat-visual:after{content:none}.pf-beat-over:has(.pf-still) :is(.pf-still,picture){justify-content:center;align-items:center;height:100%;display:flex}.pf-beat-over .pf-still img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.pf-beat-over:has(.pf-still) .pf-beat-text{text-shadow:none;justify-self:start;width:100%;margin-inline:0;padding-inline:0;position:static;inset:auto}.pf-beat-over[data-place]:has(.pf-still) .pf-beat-text{text-shadow:none;justify-self:start;width:100%;margin-inline:0;padding-inline:0;position:static;inset:auto}@media (width<=699px){.pf-beat-full .pf-beat-text{order:1}.pf-beat-full,.pf-beat-full[data-place=bottom]{grid-template-rows:none;align-content:center}.pf-beat-full:has(.pf-beat-after){grid-template-rows:none;align-content:center}.pf-beat-full,.pf-beat-full[data-place=bottom],.pf-beat-over{gap:28px}.pf-beat-over:has(.pf-still){height:auto;min-height:calc(100svh - 64px)}.pf-beat-over .pf-still img,.pf-beat-over .pf-still.is-crop img{aspect-ratio:auto;width:100vw;max-width:none;height:auto;max-height:none;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}}.pf-beat .pf-beat-text[data-oneline],.pf-beat .pf-beat-text[data-oneline] p{text-align:center}.pf-beat-text:only-child[data-oneline]{justify-self:center}.pf-beat .pf-carousel-track{margin-block:-14px;padding-block:14px}.pf-home a[data-active],.site-header .brand[data-active]{color:var(--ink);outline-offset:6px;border-radius:6px;outline:1px solid #ffffff4d}.pf-beat-side.is-flip{grid-template-columns:auto minmax(min(20em,36vw),28em)}.pf-beat-side.is-flip .pf-beat-visual{grid-area:1/1}.pf-beat-side.is-flip .pf-beat-text{text-align:left;grid-area:1/2}@media (width<=699px){.pf-beat-side.is-flip{grid-template-columns:minmax(0,1fr)}.pf-beat-side.is-flip .pf-beat-visual,.pf-beat-side.is-flip .pf-beat-text{grid-area:auto}}.pf-stage:popover-open :is(.mpp-gvc,.mpp-beat-art,.ht-beat-art,.mpp-clip-wrap,.pf-still){width:auto;max-width:none}.pf-phone-screen:has(.pf-safari){background:var(--bar-bottom,var(--bar,#f5f5f4))}.pf-safari-island{z-index:2;position:absolute;top:2.6cqw;left:50%;translate:-50%}.pf-safari{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);text-align:center;color:#111;background:#ffffffb8;border-radius:999px;width:78%;padding:2.2% 0;font:500 clamp(9px,1.1cqw + 6px,14px)/1.2 -apple-system,SF Pro Text,system-ui,sans-serif;position:absolute;bottom:3.2%;left:50%;translate:-50%;box-shadow:0 2px 12px #0000001f,0 0 0 .5px #00000014;container-type:normal}.pf-flow-fig{max-width:var(--wide);margin-inline:auto}.pf-flow-skel{width:100%;height:var(--flow-h,560px);display:block}.pf-flow{border:1px solid var(--hairline);background:#131313;border-radius:20px;position:relative;overflow:hidden}.pf-flow-canvas{width:100%;height:var(--flow-h,560px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background-image:radial-gradient(circle,#ffffff1c 1px,#0000 1.4px);background-size:18px 18px;position:relative;overflow:hidden}.pf-flow-canvas:active{cursor:grabbing}.pf-flow-view{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.pf-flow-edges{pointer-events:none;max-width:none;position:absolute;top:0;left:0;overflow:visible}.pf-flow-edges .hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.pf-flow-edges .line{fill:none;stroke:#ffffff4d;stroke-width:1.4px;transition:stroke .15s,stroke-width .15s}.pf-flow-edges .line.async{stroke-dasharray:4 4}.pf-flow-edges .line.hot{stroke:var(--accent);stroke-width:1.8px}.pf-flow-edges .flow{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1 15;animation:1.1s linear infinite pf-flow}@keyframes pf-flow{to{stroke-dashoffset:-16px}}.pf-flow-edges .tip{fill:#ffffff4d}.pf-flow-edges .tip.hot{fill:var(--accent)}.pf-flow-edges .line.hovered{stroke:var(--ink);stroke-width:2.2px}.pf-flow-edges .tip.hovered{fill:var(--ink)}.pf-flow-node{z-index:1;cursor:grab;background:#1b1b1b;border:1px solid #ffffff1c;border-radius:12px;transition:box-shadow .15s,border-color .15s;position:absolute;box-shadow:inset 0 1px #ffffff0a,0 16px 32px -18px #000000e6}.pf-flow-node:hover{border-color:#ffffff38}.pf-flow-node.dragging{cursor:grabbing;z-index:5;box-shadow:0 28px 56px -18px #000000f2}.pf-flow-node.lit{border-color:var(--accent);z-index:4;box-shadow:0 0 0 3px #9aa6ff29}.pf-flow-bar{font:400 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--muted);border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:8px 10px 7px;display:flex}.pf-flow-dot{background:var(--k);width:6px;height:6px;box-shadow:0 0 8px var(--k);border-radius:50%}.pf-flow-grip{opacity:.45;margin-left:auto;font-size:12px}.pf-flow-body{align-items:flex-start;gap:10px;padding:10px 10px 11px;display:flex}.pf-flow-ico{width:32px;height:32px;color:var(--k);background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;flex:none;place-items:center;display:grid}.pf-flow-title{font:500 14px/1.25 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}.pf-flow-spec{font:400 12.5px/1.4 var(--font-sans);color:var(--muted);margin-top:3px}.pf-flow-tag{font:400 11px/1.3 var(--font-mono);text-transform:uppercase;color:var(--ink-2);margin-top:-4px;padding:0 10px 10px 52px}.pf-flow-label{z-index:3;font:400 11px/1.25 var(--font-mono);color:var(--ink-2);white-space:nowrap;pointer-events:auto;cursor:default;background:#131313;border:1px solid #ffffff1a;border-radius:999px;padding:3px 8px;position:absolute;transform:translate(-50%,-50%)}.pf-flow-label.hot{color:var(--accent);border-color:#9aa6ff4d}.pf-flow-label.hovered{z-index:6;color:var(--ink);border-color:#ffffff80}.pf-flow-legend{z-index:6;pointer-events:none;font:400 11px/1 var(--font-mono);text-transform:uppercase;color:var(--muted);gap:16px;display:flex;position:absolute;top:14px;left:16px}.pf-flow-legend i{vertical-align:middle;border-top:1.6px solid #ffffff4d;width:22px;margin-right:7px;display:inline-block}.pf-flow-legend .hot i{border-top-color:var(--accent)}.pf-flow-legend .async i{border-top-style:dashed}.pf-flow-hint{z-index:6;pointer-events:none;font:400 11px/1 var(--font-mono);text-transform:uppercase;color:var(--faint);position:absolute;top:14px;right:16px}.pf-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=859px),(hover:none){.pf-flow-hint{display:none}}@media (width<=859px){.pf-flow-canvas,.pf-flow-skel{height:var(--flow-h-m,480px)}.pf-flow-legend{gap:12px}}@media (width<=601px){.pf-flow-fig[data-phone] .pf-flow-skel{height:auto;aspect-ratio:var(--flow-ar);max-height:var(--flow-hp)}}@media (prefers-reduced-motion:reduce){.pf-flow-edges .flow{stroke-opacity:0;animation:none}}.hm{max-width:var(--wide);padding:0 var(--gutter) 128px;box-sizing:content-box;margin:0 auto}.hm-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding:36px 0 48px;display:grid}.hm-intro{padding-bottom:0}.hm-hero h1{font:500 clamp(44px, 6.4vw, 88px)/.98 var(--font-sans);letter-spacing:-.045em;color:var(--ink);margin:0 0 28px}.hm-hero h1 em{letter-spacing:-.01em;font-size:1.06em;line-height:1.02;display:block}.hm-bio{font:400 20px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty;max-width:30ch;margin:0}.hm-loc{font:400 15px/1.4 var(--font-sans);color:var(--muted);align-items:center;gap:6px;margin:16px 0 0;display:flex}.hm-loc svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.hm-portrait{isolation:isolate;justify-self:end;display:block;position:relative}.hm-portrait canvas{image-rendering:pixelated;display:block}.hm-work{width:min(var(--bleed), calc(100vw - 2 * var(--gutter)));grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:0 0 0 50%;padding:0;list-style:none;display:grid;translate:-50%}.hm-work>li{min-width:0;display:flex}.hm-work>.hm-wide{grid-column:1/-1}.hm-card{--tint:#fff;min-width:0;color:inherit;background:var(--raised);border:1px solid var(--hairline);isolation:isolate;transition:border-color var(--fast) var(--ease);border-radius:24px;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.hm-card:is(:hover,[data-active]){color:inherit;border-color:#ffffff29}.hm-card[data-slug=closeout-copilot]{--tint:#3ecf8e}.hm-card[data-slug=hypertrack]{--tint:#16a34a}.hm-card[data-slug=agent-keyboard]{--tint:#ffb86b}.hm-card[data-slug=menu-plus-plus]{--tint:#ff7a59}.hm-card[data-slug=walkie-talkie]{--tint:#ffb86b}.hm-vis{--dw:62;aspect-ratio:5/4;border-bottom:1px solid var(--hairline);background:radial-gradient(110% 80% at 50% 0%, color-mix(in srgb, var(--tint) 13%, transparent), transparent 70%), #141414;position:relative;overflow:hidden;container-type:inline-size}.hm-wide .hm-vis{--dw:124;aspect-ratio:1240/520}.vs{font-size:calc(100cqw / var(--dw));position:absolute;inset:0;overflow:hidden}.vs>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hm-vis>.vs{transition:scale .6s var(--ease)}.hm-card:is(:hover,[data-active]) .hm-vis>.vs{scale:1.015}.hm-vis:not([data-play]) *{animation-play-state:paused!important}.hm-cap{gap:10px;padding:24px 80px 28px 28px;display:grid;position:relative}.hm-name{align-items:baseline;gap:12px;min-width:0;display:flex}.hm-cap h2{font:500 24px/1.15 var(--font-sans);letter-spacing:-.025em;color:var(--ink);margin:0}.hm-about p{font:400 16px/1.5 var(--font-sans);color:var(--ink-2);text-wrap:pretty;max-width:64ch;margin:0 0 8px}.hm-meta{font:400 14px/1.4 var(--font-sans);color:var(--muted)}.hm-go{border:1px solid var(--hairline);width:36px;height:36px;color:var(--muted);transition:color var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;right:24px}.hm-go svg{width:16px;height:16px;transition:translate var(--fast) var(--ease)}.hm-card:is(:hover,[data-active]) .hm-go,.hm-card:focus-visible .hm-go{color:var(--ink);background:#ffffff0d;border-color:#ffffff38}.hm-card:is(:hover,[data-active]) .hm-go svg{translate:1.5px -1.5px}.hm-wide .hm-cap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline;column-gap:48px;padding:30px 96px 34px 32px}.hm-wide .hm-cap h2{letter-spacing:-.03em;font-size:32px}.hm-wide .hm-about p{font-size:18px}.hm-wide .hm-go{top:28px;right:32px}@media (width<=699px){.hm{padding-bottom:96px}.hm-hero{grid-template-columns:1fr;gap:28px;padding:28px 0 32px}.hm-intro{text-align:center;padding-bottom:0}.hm-portrait{order:-1;justify-self:center}.hm-hero h1{margin-bottom:20px;font-size:44px}.hm-bio{margin-inline:auto;font-size:18px}.hm-loc{justify-content:center}.hm-work{grid-template-columns:1fr;gap:28px}.hm-vis,.hm-wide .hm-vis{--dw:40;aspect-ratio:6/5}.hm-cap,.hm-wide .hm-cap{grid-template-columns:1fr;gap:8px;padding:20px 64px 24px 20px}.hm-cap h2,.hm-wide .hm-cap h2{font-size:22px}.hm-about p,.hm-wide .hm-about p{font-size:16px}.hm-go,.hm-wide .hm-go{top:18px;right:18px}}@media (prefers-reduced-motion:reduce){.hm-vis *,.hm-vis :before{transition:none!important;animation:none!important}.hm-vis>.vs{transition:none}}.v-co .bg{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}.v-co:after{content:"";background:linear-gradient(#14141400 40%,#141414b3);position:absolute;inset:0}.v-co .box{z-index:1;width:min(46em,80%);height:4.8em;color:var(--ink-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111b8;border:1px solid #ffffff1f;border-radius:2em;align-items:center;gap:.8em;padding:0 .8em 0 1.7em;display:flex;position:absolute;top:3.2em;left:50%;translate:-50%;box-shadow:0 2.4em 6em -1em #0009}.v-co .t{min-width:0;font:400 1.55em/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;flex:1;overflow:hidden}.v-co .t.ph{color:var(--faint)}.v-co .ty{border-right:1px solid var(--ink-2);padding-right:1px;animation:1s step-end infinite v-blink}.v-co .send{width:3.2em;height:3.2em;color:var(--muted);background:#ffffff14;border-radius:50%;flex:none;transition:background .15s,color .15s}.v-co .send.on{color:#5ee08b}.v-co .send svg{width:100%;height:100%;display:block}@keyframes v-blink{50%{border-color:#0000}}.v-ak .win{color:var(--ink);background:#1b1b1b;border-radius:1.4em;position:absolute;inset:4.4em;overflow:hidden;box-shadow:0 3em 7em -2em #000c,0 0 0 1px #ffffff14}.v-ak .bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:.6em;height:3.6em;padding:0 1.4em;display:flex}.v-ak .bar i{background:#333;border-radius:50%;width:.9em;height:.9em}.v-ak .bar span{font:400 1.15em/1 var(--font-sans);color:#7d7d7d;background:#ffffff0d;border-radius:1em;margin-left:1.4em;padding:.45em 1em}.v-ak .pg{padding:3.2em 4em}.v-ak .pg i{background:#262626;border-radius:.4em;display:block}.v-ak .nav{width:22%;height:.7em;margin-bottom:3em}.v-ak .hl{transform-origin:0;width:44%;height:2.4em;transition:transform .5s var(--ease), background .5s;margin-bottom:2em}.v-ak .hl.big{background:#353535;transform:scale(1.34)}.v-ak .ln{height:.8em;margin-bottom:1.1em}.v-ak .im{height:16em;margin-top:2.4em;background:#222!important;border-radius:1em!important}.v-ak .pill{box-sizing:border-box;background:#0c0b0a;border:1px solid #ffb86b59;border-radius:1.1em;align-items:center;gap:1em;width:min(31em,100% - 3.2em);height:4.8em;padding:0 1.2em;display:flex;position:absolute;bottom:1.6em;right:1.6em;box-shadow:0 0 0 .4em #ffb86b0f,0 1em 3em #0009}.v-ak .spin{box-sizing:border-box;border:.2em solid #6f6a60;border-top-color:#ffb86b;border-radius:50%;flex:none;width:1.6em;height:1.6em;animation:.7s linear infinite v-spin}.v-ak .spin.done{border-color:#ffb86b;animation:none}.v-ak .tk{min-width:0;height:1.6em;font:400 1.3em/1.6 var(--font-mono);color:#e9e3d8;flex:1;overflow:hidden}.v-ak .col{transition:transform .6s cubic-bezier(.32,.08,.22,1);display:block}.v-ak .col.reset{transition:none}.v-ak .col span{white-space:nowrap;height:1.6em;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.v-ak .tm{font:400 1.3em/1 var(--font-mono);color:#8d877c;font-variant-numeric:tabular-nums;flex:none}@keyframes v-spin{to{transform:rotate(360deg)}}.hm-card[data-slug=menu-plus-plus] .hm-vis{aspect-ratio:124/46}.v-mp{justify-content:center;align-items:center;gap:2.2em;display:flex}.v-mp .slot{aspect-ratio:2/3;--lift:0;width:20em;transform:translateY(calc(var(--a) * var(--a) * .5em - var(--lift) * 1.8em)) rotate(calc(var(--i) * 2.5deg)) scale(calc(1 + var(--lift) * .05));transition:transform .24s var(--ease);flex:none}.v-mp .card{background:#111;border:1px solid #ffffff1a;border-radius:1.6em;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 2em 4em -1.5em #000c}.v-mp img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.v-mp .shade{background:linear-gradient(#0000,#0000008a 46%,#000000d6);height:54%;position:absolute;inset:auto 0 0}.v-mp .cap{text-shadow:0 .2em 1.6em #00000073;gap:.6em;display:grid;position:absolute;bottom:1.5em;left:1.5em;right:1.5em}.v-mp .cap b{font:600 2em/1.03 var(--font-sans);color:#fffffff2}.v-mp .cap span{font:400 1.25em/1.2 var(--font-sans);color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.v-mp .cap em{font:normal 500 1.15em/1.1 var(--font-sans);color:#ffffffa3;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.v-mp .slot{transition:none}}.v-in .ph{width:33em;position:absolute;top:4.4em;left:50%;translate:-50%}.v-in .lock{color:#fff;background:radial-gradient(90% 50% at 50% 0,#ffaa5a47,#0000 70%),linear-gradient(175deg,#2a1c12,#0e0b09 60%);position:absolute;inset:0}.v-in .date{text-align:center;font:500 20px/1 var(--font-sans);color:#ffffffd9;position:absolute;top:92px;left:0;right:0}.v-in .time{text-align:center;font:600 108px/1 var(--font-sans);letter-spacing:-.03em;color:#ffffffeb;position:absolute;top:116px;left:0;right:0}.v-in .la{box-sizing:border-box;background:#000000d1;border-radius:30px;flex-direction:column;height:176px;padding:22px 24px 16px;display:flex;position:absolute;top:290px;left:14px;right:14px}.v-in .msg{font:400 19px/1.32 var(--font-mono);flex:1;padding-right:28px}.v-in .msg.me{color:#ffb86b;font-size:23px}.v-in .ai{color:#fff}.v-in .rx{animation:v-rx .25s var(--ease);font-size:22px;line-height:1;position:absolute;top:16px;right:18px}.v-in .ft{font:400 14px/1 var(--font-mono);color:#9a958c;font-variant-numeric:tabular-nums;border-top:1px solid #2a2824;justify-content:space-between;padding-top:12px;display:flex}.v-in .ft b{font-weight:400;transition:color .4s}.v-in .ft b.up{color:#fff}@keyframes v-rx{0%{opacity:0;transform:scale(.4)}}.v-px{background-image:radial-gradient(#ffffff12 1px,#0000 1.2px);background-size:2.4em 2.4em}.v-px canvas{width:auto;max-width:none;image-rendering:pixelated;position:absolute}.v-px canvas.fade{-webkit-mask-image:linear-gradient(#000 68%,#0000);mask-image:linear-gradient(#000 68%,#0000)}@media (width<=699px){.v-co .box{width:90%;height:5.6em;padding-left:1.6em;bottom:2.4em}.v-co .t{font-size:1.7em}.v-co .send{width:3.6em;height:3.6em}.hm-card[data-slug=menu-plus-plus] .hm-vis{aspect-ratio:40/24}.v-mp{gap:1.2em}.v-mp .slot{width:11em}.v-mp .slot:first-child,.v-mp .slot:last-child{display:none}.v-mp .card{border-radius:1em}.v-mp .cap{gap:.3em;bottom:.9em;left:.9em;right:.9em}.v-mp .cap b{font-size:1.3em}.v-mp .cap span{font-size:.85em}.v-mp .cap em{font-size:.8em}.v-in .ph{width:24em;top:3em}.v-px{font-size:1.66667cqw}}.hm-card[data-active]{border-color:#ffffff52;box-shadow:0 0 0 1px #ffffff1f}.v-ht{--ht:#16a34a;background:#101010}.v-ht:after{content:"";pointer-events:none;background:radial-gradient(120% 95% at 62% 58%,#0000 50%,#00000080);position:absolute;inset:0}.v-ht path{fill:none}.v-ht .land{fill:#101010}.v-ht .bldg{fill:#151515}.v-ht .case{stroke:#101010}.v-ht .alley{stroke:#141414;stroke-width:1.4px}.v-ht .minor{stroke:#1a1a1a;stroke-width:2.6px}.v-ht .major{stroke:#1f1f1f;stroke-width:4.4px}.v-ht .ave{stroke:#252525;stroke-width:7.5px}.v-ht .fwy{stroke:#212121;stroke-width:9px}.v-ht .fwy-mid{stroke:#121212;stroke-width:1.2px}.v-ht .minor.case{stroke-width:6px}.v-ht .major.case{stroke-width:8px}.v-ht .ave.case{stroke-width:11px}.v-ht .fwy.case{stroke-width:13px}.v-ht .park{fill:#121212}.v-ht .water{fill:#0a0b0c}.v-ht .shore{stroke:#ffffff14}.v-ht .depth{stroke:#ffffff09}.v-ht .pier{fill:#151515}.v-ht .grid{stroke:#ffffff12}.v-ht .fence{fill:none;stroke:#ffffff47;stroke-dasharray:2 3}.v-ht .cross{stroke:#fff6}.v-ht .all{animation:10s infinite ht-out}.v-ht .trail{stroke:var(--ht);stroke-width:2.6px;stroke-linejoin:round;stroke-dasharray:1 2;animation:10s linear infinite ht-draw}.v-ht .trail.glow{stroke-width:10px;stroke-opacity:.14}.v-ht .head{stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-dasharray:.0001 2;stroke-dashoffset:-.9999px;animation:10s linear infinite ht-head}.v-ht .head.glow{stroke:var(--ht);stroke-width:16px;stroke-opacity:.3}.v-ht .node{fill:#101010;stroke:var(--ht);stroke-width:1.4px}.v-ht .node.start{stroke:#fff9;animation:10s infinite ht-start}.v-ht .ping{opacity:0;transform-box:fill-box;transform-origin:50%;animation:10s cubic-bezier(.5,0,.2,1) infinite ht-ping}.v-ht .ping circle{fill:#fffc}.v-ht .ping .halo{fill:#ffffff08;stroke:#ffffff1a;stroke-width:.6px}.v-ht .scan{opacity:0;background:linear-gradient(#0000,#16a34a0d);border-bottom:1px solid #16a34a4d;height:30%;animation:10s linear infinite ht-scan;position:absolute;inset:0 0 auto}.v-ht .late{animation:10s infinite ht-late}.v-ht .late>*{animation:10s infinite backwards ht-in}.v-ht .step{fill:var(--ht)}.v-ht .lb{font:400 11px var(--font-mono);letter-spacing:.06em;fill:#fff9}.v-ht .xhair{stroke:#ffffff14}.v-ht .zone{fill:var(--ht);fill-opacity:.08;stroke:var(--ht);stroke-opacity:.6;animation:10s infinite ht-zone}.v-ht .pulse{fill:none;stroke:var(--ht);stroke-width:1px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:ht-pulse 10s var(--ease) infinite}.v-ht .reticle{stroke:var(--ht);stroke-width:1.6px;stroke-linecap:square;transform-box:fill-box;transform-origin:50%;animation:10s infinite ht-lock}.v-ht .hud{z-index:1;width:18ch;font:400 1.1em/1.75 var(--font-mono);color:#ffffff80;text-shadow:0 0 .5em #0a0b0c;position:absolute;top:2.4em;left:2.6em}.v-ht .row,.v-ht .ev{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.v-ht .row{border-bottom:1px solid #ffffff1a;margin-bottom:.4em;padding-bottom:.4em}.v-ht .live{background:var(--ht);flex:none;width:.5em;height:.5em;margin-right:1ch;animation:1.2s step-end infinite ht-blink}.v-ht .win{height:1.75em;overflow:hidden}.v-ht .col,.v-ht .col>span{display:block}.v-ht .clock{color:#ffffffeb;animation:10s infinite ht-clock;transform:translateY(-95%)}.v-ht .acc{text-align:right;margin-left:auto}.v-ht .acc .col{animation:10s infinite ht-acc;transform:translateY(-80%)}.v-ht .log{animation:10s infinite ht-out}.v-ht .ev b{color:#ffffffeb;font-weight:400}.v-ht .ev.on,.v-ht .ev.on b{color:var(--ht)}.v-ht .ev.in{animation:10s infinite ht-type-in}.v-ht .ev.on{animation:10s infinite ht-type-on}@media (width<=699px){.v-ht svg{transform-origin:53.1% 52.5%;transform:scale(1.2)}.v-ht .trail{stroke-width:3.2px}.v-ht .lb{font-size:14px}.v-ht .hud{top:1.8em;left:2em}}@keyframes ht-out{0%,92%{opacity:1}97%,to{opacity:0}}@keyframes ht-draw{0%,20%{stroke-dashoffset:1px}40%,to{stroke-dashoffset:0}}@keyframes ht-head{0%,19.9%{opacity:0;stroke-dashoffset:0}20%{opacity:1;stroke-dashoffset:0}40%{stroke-dashoffset:-.8751px}48%,to{opacity:1;stroke-dashoffset:-.9999px}}@keyframes ht-start{0%,19.9%{opacity:0}20%,to{opacity:1}}@keyframes ht-ping{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}3%,20%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}24%,to{opacity:0;transform:translate(0)scale(.2)}}@keyframes ht-late{0%,30%{opacity:0}30.1%,to{opacity:1}}@keyframes ht-in{0%{opacity:0}2%,60%{opacity:1}61%,to{opacity:0}}@keyframes ht-lock{0%,43%{opacity:0;stroke:#ffffffb3;animation-timing-function:ease-in;transform:scale(2)rotate(45deg)}46%{opacity:1}51.5%{stroke:#ffffffb3;animation-timing-function:ease-out;transform:scale(.9)rotate(0)}52%{stroke:var(--ht)}54%,to{opacity:1;stroke:var(--ht);transform:scale(1)rotate(0)}}@keyframes ht-zone{0%,52%{opacity:0;fill-opacity:.2}53%{opacity:1;fill-opacity:.2}63%,to{opacity:1;fill-opacity:.08}}@keyframes ht-pulse{0%,52.9%{opacity:0;transform:scale(1)}53%{opacity:.6;transform:scale(1)}66%,to{opacity:0;transform:scale(2.4)}}@keyframes ht-clock{0%,2%{animation-timing-function:steps(11,end);transform:translateY(0)}53%{animation-timing-function:steps(8,end);transform:translateY(-55%)}69%,to{transform:translateY(-95%)}}@keyframes ht-acc{0%,20%{animation-timing-function:steps(4,start);transform:translateY(0)}40%,to{transform:translateY(-80%)}}@keyframes ht-type-in{0%,53%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(18,end)}57%,to{clip-path:inset(0)}}@keyframes ht-type-on{0%,69%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(18,end)}73%,to{clip-path:inset(0)}}@keyframes ht-scan{0%{opacity:1;transform:translateY(-100%)}20%{opacity:1;transform:translateY(334%)}20.1%,to{opacity:0;transform:translateY(334%)}}@keyframes ht-blink{50%{opacity:.2}}