.work-page[data-astro-cid-pznzci7v]{padding-top:var(--space-8);max-width:var(--measure-home)}.work-page[data-astro-cid-pznzci7v]>[data-astro-cid-pznzci7v]:not(.demo):not(.metrics){max-width:var(--measure)}.back[data-astro-cid-pznzci7v]{color:var(--ink-secondary);margin-bottom:var(--space-8);font-size:13px;display:inline-block}h1[data-astro-cid-pznzci7v]{font-size:clamp(2.5rem,5vw,4rem)}.dek[data-astro-cid-pznzci7v]{font-size:var(--text-lede);color:var(--ink);margin-top:var(--space-4)}@media (width<=640px){.back[data-astro-cid-pznzci7v]{margin-bottom:var(--space-6);padding-block:var(--space-2)}.dek[data-astro-cid-pznzci7v]{font-size:18px;line-height:1.55}}.demo[data-astro-cid-pznzci7v]{padding:var(--space-8) 0 0;container-type:inline-size}.demo-body[data-astro-cid-pznzci7v]{--ratio:1.436;--h:max(26rem, min(calc(100svh - 10.5rem), calc(100cqw / var(--ratio)), 780px));width:min(100%, calc(var(--h) * var(--ratio)))}.demo-head[data-astro-cid-pznzci7v]{align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-1);margin-bottom:var(--space-3);grid-template-columns:1fr auto;grid-template-areas:"cue controls""title title";display:grid}.demo-cue[data-astro-cid-pznzci7v]{grid-area:cue}.demo-title[data-astro-cid-pznzci7v]{grid-area:title}.demo-controls[data-astro-cid-pznzci7v]{gap:var(--space-5);grid-area:controls;display:flex}.kicker[data-astro-cid-pznzci7v].demo-cue{margin-bottom:0}.demo-cue[data-astro-cid-pznzci7v] span[data-astro-cid-pznzci7v]{vertical-align:1px;margin-right:.4em;font-size:9px}.demo-title[data-astro-cid-pznzci7v]{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);font-weight:400;line-height:1.2}.demo-ctl[data-astro-cid-pznzci7v]{font:inherit;color:var(--ink-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:14px;transition:color .15s;display:inline-flex}.demo-ctl[data-astro-cid-pznzci7v] svg[data-astro-cid-pznzci7v]{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.demo-ctl[data-astro-cid-pznzci7v]:hover{color:var(--accent-ink)}.demo-ctl[data-astro-cid-pznzci7v][hidden]{display:none}@media (pointer:coarse){.demo-ctl[data-astro-cid-pznzci7v]{min-height:44px}}.demo-frame[data-astro-cid-pznzci7v]{height:var(--h);border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--paper-raised);width:100%;position:relative;overflow:hidden}.demo-frame[data-astro-cid-pznzci7v]:fullscreen{border:0;border-radius:0;width:100%;height:100%}.demo-poster[data-astro-cid-pznzci7v]{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.demo-frame[data-astro-cid-pznzci7v] .demo-iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-caption[data-astro-cid-pznzci7v]{color:var(--ink-muted);margin-top:var(--space-3);font-size:12px}.demo-mobile-note[data-astro-cid-pznzci7v]{margin-top:var(--space-4);color:var(--ink-secondary);font-size:14px;display:none}.metrics[data-astro-cid-pznzci7v]{gap:var(--space-4);padding:var(--space-8) 0;margin-top:var(--space-8);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.metric[data-astro-cid-pznzci7v]{gap:var(--space-1);flex-direction:column;display:flex}.metric-value[data-astro-cid-pznzci7v]{color:var(--ink);font-size:32px}.metric-label[data-astro-cid-pznzci7v]{color:var(--ink-muted);font-size:13px}@media (width<=900px){.demo-frame[data-astro-cid-pznzci7v]{width:100%;height:auto}.demo-poster[data-astro-cid-pznzci7v]{width:100%;height:auto;position:static}.demo-mobile-note[data-astro-cid-pznzci7v]{display:block}.demo-body[data-astro-cid-pznzci7v]{width:100%}.demo-newtab[data-astro-cid-pznzci7v]{display:none}}@media (width<=819px) and (orientation:portrait){.demo-frame[data-astro-cid-pznzci7v]{aspect-ratio:9/17;width:100%;height:auto;min-height:30rem;max-height:calc(100svh - 8rem)}.demo-frame[data-astro-cid-pznzci7v] .demo-poster[data-astro-cid-pznzci7v],.demo-mobile-note[data-astro-cid-pznzci7v]{display:none}.demo-newtab[data-astro-cid-pznzci7v]{display:inline-flex}}.prose[data-astro-cid-pznzci7v]{padding:var(--space-8) 0 var(--space-12)}.prose[data-astro-cid-pznzci7v] h2[data-astro-cid-pznzci7v]{color:var(--ink);margin:var(--space-8) 0 var(--space-3);font-size:24px}.prose[data-astro-cid-pznzci7v] h2[data-astro-cid-pznzci7v]:first-child{margin-top:0}.prose[data-astro-cid-pznzci7v] p[data-astro-cid-pznzci7v]{color:var(--ink);font-size:17px;line-height:1.7}.build-steps[data-astro-cid-pznzci7v]{gap:var(--space-2);color:var(--ink);flex-direction:column;margin:0;padding-left:1.4em;font-size:17px;line-height:1.6;display:flex}.quotes[data-astro-cid-pznzci7v]{margin:var(--space-6) 0}blockquote[data-astro-cid-pznzci7v]{margin:0 0 var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--accent)}blockquote[data-astro-cid-pznzci7v] p[data-astro-cid-pznzci7v]{font-family:var(--font-display);color:var(--ink);margin:0;font-size:17px;font-style:italic}cite[data-astro-cid-pznzci7v]{color:var(--ink-muted);font-size:12px;font-style:normal}.stack[data-astro-cid-pznzci7v]{gap:var(--space-2) var(--space-4);color:var(--ink-secondary);flex-wrap:wrap;padding:0;font-size:13px;list-style:none;display:flex}.stack[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]:before{content:"·";color:var(--ink-muted)}.stack[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]:first-child:before{content:""}.stack-note[data-astro-cid-pznzci7v]{margin-top:var(--space-3);color:var(--ink-muted);font-size:13px}.closing[data-astro-cid-pznzci7v]{padding:var(--space-8) 0;border-top:1px solid var(--hairline)}.closing-line[data-astro-cid-pznzci7v]{font-family:var(--font-display);font-size:var(--text-h3);color:var(--ink);margin:0}.closing-note[data-astro-cid-pznzci7v]{color:var(--ink-secondary);margin-top:var(--space-2);font-size:14px}.next-plate[data-astro-cid-pznzci7v]{gap:var(--space-4);padding:var(--space-6) 0 var(--space-16);border-top:1px solid var(--hairline);grid-template-columns:8rem 1fr;align-items:center;display:grid}.next-plate[data-astro-cid-pznzci7v]:hover .next-poster[data-astro-cid-pznzci7v]{border-color:var(--accent)}.next-poster[data-astro-cid-pznzci7v]{object-fit:cover;border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--paper-raised);width:8rem;height:5rem}.next-text[data-astro-cid-pznzci7v]{gap:var(--space-1);flex-direction:column;display:flex}.next-title[data-astro-cid-pznzci7v]{font-family:var(--font-display);color:var(--ink);font-size:22px}
