.lumi-end[data-astro-cid-pye5abdu]{max-width:var(--measure);align-items:center;margin-top:40px;margin-bottom:0;display:none}:root[data-js] .lumi-end[data-astro-cid-pye5abdu]{display:flex}.lumi-cheer[data-astro-cid-pye5abdu]{width:138px;height:138px;image-rendering:pixelated;flex:none;margin-left:max(-52px,50% - 50vw + 4px);margin-right:-26px;display:block}.lumi-end-cap[data-astro-cid-pye5abdu]{color:var(--gray);margin:0;font-size:14px;line-height:1.45}:root[data-theme=dark] .lumi-cheer[data-astro-cid-pye5abdu]{background:radial-gradient(circle at 54% 44%, color-mix(in srgb, var(--ink) 62%, transparent) 0, color-mix(in srgb, var(--ink) 34%, transparent) 30%, transparent 52%)}.prose .md-figure.wizard{max-width:512px;margin-inline:auto}.prose .md-figure.wizard img{image-rendering:pixelated}.wz-stage{background:#0c0916;border-radius:12px;position:relative;overflow:hidden}.wz-stage[data-live] img{opacity:0}@supports selector(:has(*)){.wz-stage:has(img:focus-visible){outline:2px solid var(--focus,var(--accent));outline-offset:3px}.wz-stage img:focus-visible{outline:none}}.wz-sprite{image-rendering:pixelated;opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:300% 800%;transition:opacity .25s linear;position:absolute;inset:0}.wz-sprite[data-on="1"]{opacity:1}.wz-words{color:#000;overflow-wrap:break-word;width:43.75%;font-family:Liberation Sans,Arial,Helvetica,sans-serif;line-height:1.133;position:absolute;top:18%;left:35.55%}.wz-toggle{color:#fafaf8;letter-spacing:.04em;text-transform:uppercase;background:#1f1f1dc7;border:0;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:10px;right:10px}.wz-toggle:hover{background:var(--ink)}.prose .md-figure.manual:not([data-book]){grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px 12px;display:grid}.prose .md-figure.manual:not([data-book])>img{border-radius:3px;margin:0;box-shadow:0 1px 2px #2a231c1f,0 6px 16px #2a231c1f}@media (max-width:560px){.prose .md-figure.manual:not([data-book]){grid-template-columns:repeat(2,minmax(0,1fr))}}.prose .md-figure.manual>figcaption{text-align:center;grid-column:1/-1;max-width:560px;margin-inline:auto}.mb{--mb-paper:#e5dab8;--mb-cover:#112a36;--mb-leaves:#efe5c8;--mb-leaves-2:#c2b48f;--mb-drop:#2a231c33;width:var(--bw,100%);margin-inline:calc((100% - var(--bw,100%)) / 2)}.mb-stage{height:var(--ph,0px);margin-block:calc(var(--ph,0px) * .056);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:4px;position:relative}.mb-stage:focus-visible{outline-offset:8px}.mb-book{z-index:0;position:absolute;inset:0}.mb.at-front .mb-book{transform:translateX(calc(var(--pw) / -2))}.mb.at-back .mb-book{transform:translateX(calc(var(--pw) / 2))}.mb.at-front .mb-edge-next{right:calc(var(--pw) / 2)}.mb.at-back .mb-edge-prev{left:calc(var(--pw) / 2)}@media not (prefers-reduced-motion:reduce){:root:not([data-motion=reduce]) .mb-book,:root:not([data-motion=reduce]) .mb-edge{transition:transform .45s var(--ease), left .45s var(--ease), right .45s var(--ease)}}.mb.is-two{--spine:var(--pw)}.mb-leaf,.mb-base{top:0;left:var(--spine,0px);width:var(--pw);height:100%;position:absolute}.mb-leaf{transform-origin:0}.mb-leaf.is-turning{will-change:transform}.mb-leaf.is-turning .mb-shade{will-change:opacity}.mb-base{background:var(--mb-paper);box-shadow:0 1px 2px var(--mb-drop), 0 12px 28px var(--mb-drop);border-radius:0 3px 3px 0}.mb-base-l{border-radius:3px 0 0 3px;left:0}.mb-base:after{content:"";width:var(--t,0px);background:repeating-linear-gradient(90deg, var(--mb-leaves) 0 1px, var(--mb-leaves-2) 1px 2px);position:absolute;top:2px;bottom:2px}.mb-base-r:after{border-radius:0 2px 2px 0;left:100%}.mb-base-l:after{border-radius:2px 0 0 2px;right:100%}.mb-base[hidden]{display:none}.mb-face{background:var(--mb-paper);position:absolute;inset:0;overflow:hidden}.mb-face.is-cover{background:var(--mb-cover)}.mb-face.is-front{border-radius:0 3px 3px 0}.mb-face.is-back{border-radius:3px 0 0 3px;transform:scaleX(-1)}.prose .md-figure.manual .mb-face img{opacity:0;-webkit-user-drag:none;border-radius:0;width:100%;height:100%;margin:0;transition:opacity .25s;position:absolute;inset:0}.prose .md-figure.manual .mb-face img.is-in{opacity:1}.prose .md-figure.manual .mb-face img:focus-visible{outline-offset:-3px;outline:3px solid #1f6f78}.prose .md-figure.manual .mb-face.is-cover img:focus-visible{outline-color:#f5efe2}.mb-face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#241a0c42,#241a0c12 3.5%,#241a0c00 9%);position:absolute;inset:0}.mb-face.is-back:after{background:linear-gradient(270deg,#241a0c42,#241a0c12 3.5%,#241a0c00 9%)}.mb-face.is-cover:after{opacity:.5}.mb-shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#1810068c,#181006e6);position:absolute;inset:0}.mb-face.is-back .mb-shade{background:linear-gradient(270deg,#1810068c,#181006e6)}.mb-cast{opacity:0;pointer-events:none;width:0;height:100%;position:absolute;top:0}.mb-cast.to-right{background:linear-gradient(90deg,#1810066b,#18100600)}.mb-cast.to-left{background:linear-gradient(270deg,#1810066b,#18100600)}.mb-edge{z-index:1;width:clamp(44px, calc(var(--pw) * .2), 90px);cursor:pointer;position:absolute;top:0;bottom:0}.mb-edge-prev{left:0}.mb-edge-next{right:0}.mb:not(.is-two) .mb-edge{width:30%}.mb-edge[hidden]{display:none}.mb-bar{align-items:center;gap:10px;padding-top:8px;display:flex}.mb-hint,.mb-count{color:var(--gray);font-size:13px}.mb-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}@media (max-width:380px){.mb-hint{display:none}}.mb-btn{border:1px solid var(--hair-strong);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.mb-btn:hover:not([aria-disabled=true]){border-color:var(--accent);color:var(--accent-ink)}.mb-btn[aria-disabled=true]{border-color:var(--hair);cursor:default}.mb-btn[aria-disabled=true] svg{opacity:.4}@media (pointer:coarse){.mb-btn:after{content:"";border-radius:50%;position:absolute;inset:-5px}}:root[data-theme=dark] .mb{--mb-paper:#c5bb9e;--mb-cover:#0f242e;--mb-leaves:#cdc4ab;--mb-leaves-2:#8e8366;--mb-drop:#0000006b}:root[data-theme=dark] .prose .md-figure.manual img{filter:brightness(.86)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .mb{--mb-paper:#c5bb9e;--mb-cover:#0f242e;--mb-leaves:#cdc4ab;--mb-leaves-2:#8e8366;--mb-drop:#0000006b}:root:not([data-theme]) .prose .md-figure.manual img{filter:brightness(.86)}}.cdf[data-astro-cid-rg25ifo7]{--line:var(--gray);--lw:1.5px;--gap:20px;--drop:30px;background:var(--surface) var(--paper) 0 0 / 384px repeat;background-blend-mode:soft-light;border:1px solid var(--hair);font-family:var(--sans);color:var(--ink);border-radius:16px;margin:0;padding:24px clamp(14px,3.5vw,28px) 20px}.cdf-flow[data-astro-cid-rg25ifo7],.cdf-lanes[data-astro-cid-rg25ifo7],.cdf-lane-steps[data-astro-cid-rg25ifo7]{margin:0;padding:0;list-style:none}.cdf-box[data-astro-cid-rg25ifo7]{text-align:center;background:var(--bg);border:1px solid var(--hair-strong);border-radius:12px;gap:4px;width:min(100%,420px);margin-inline:auto;padding:12px 16px 13px;display:grid}.cdf-title[data-astro-cid-rg25ifo7]{letter-spacing:-.005em;text-wrap:balance;font-size:16px;font-weight:600;line-height:1.3}.cdf-sub[data-astro-cid-rg25ifo7]{color:var(--gray);text-wrap:balance;font-size:14px;line-height:1.45}.cdf-box[data-astro-cid-rg25ifo7].is-key{background:var(--accent-soft);border:1.5px solid var(--accent)}.cdf-box[data-astro-cid-rg25ifo7].is-key .cdf-sub[data-astro-cid-rg25ifo7]{color:var(--ink-2)}.cdf-step[data-astro-cid-rg25ifo7]{position:relative}.cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]{margin-top:var(--drop)}.cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]:before,.cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]:after{content:"";pointer-events:none;position:absolute;left:50%}.cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]:before{top:calc(-1 * var(--drop));left:calc(50% - var(--lw) / 2);height:calc(var(--drop) - 6px);border-left:var(--lw) solid var(--line)}.cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]:after{border:5px solid #0000;border-top:7px solid var(--line);border-bottom:0;top:-8px;transform:translate(-50%)}.cdf-fork[data-astro-cid-rg25ifo7]{display:grid}.cdf-q[data-astro-cid-rg25ifo7]{text-align:center;background:var(--raised);border:var(--lw) dashed var(--line);border-radius:999px;justify-self:center;margin:0;padding:7px 18px 8px;font-size:15px;font-weight:500;line-height:1.3}.cdf-lanes[data-astro-cid-rg25ifo7]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;display:grid;position:relative}.cdf-lanes[data-astro-cid-rg25ifo7]:before,.cdf-lanes[data-astro-cid-rg25ifo7]:after,.cdf-join[data-astro-cid-rg25ifo7]:before{content:"";pointer-events:none;position:absolute}.cdf-lanes[data-astro-cid-rg25ifo7]:before{top:-32px;left:calc(50% - var(--lw) / 2);border-left:var(--lw) solid var(--line);height:16px}.cdf-lanes[data-astro-cid-rg25ifo7]:after{top:-16px;left:calc((100% - var(--gap)) / 4 - var(--lw) / 2);right:calc((100% - var(--gap)) / 4 - var(--lw) / 2);border:var(--lw) solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;height:10px}.cdf-lane[data-astro-cid-rg25ifo7]{border:var(--lw) dashed var(--hair-strong);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.cdf-lane-steps[data-astro-cid-rg25ifo7]{flex-direction:column;flex:1;display:flex}.cdf-lane-steps[data-astro-cid-rg25ifo7]:after,.cdf-lane[data-astro-cid-rg25ifo7]:after{content:"";border-left:var(--lw) solid var(--line)}.cdf-lane-steps[data-astro-cid-rg25ifo7]:after{flex:1;align-self:center;width:0}.cdf-lane[data-astro-cid-rg25ifo7]:after{left:calc(50% - var(--lw) / 2);bottom:calc(-1 * var(--lw));height:calc(12px + var(--lw));position:absolute}.cdf-lane[data-astro-cid-rg25ifo7]:before{content:"";border:5px solid #0000;border-top:7px solid var(--line);border-bottom:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cdf-lanehead[data-astro-cid-rg25ifo7]{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--gray);font-size:13px;font-weight:500}.cdf-lane[data-astro-cid-rg25ifo7].is-demo .cdf-lanehead[data-astro-cid-rg25ifo7]{color:var(--accent-ink)}.cdf-or[data-astro-cid-rg25ifo7]{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--gray);font-size:13px;font-weight:500;line-height:1;display:none}.cdf-lane[data-astro-cid-rg25ifo7] .cdf-box[data-astro-cid-rg25ifo7]{width:100%;padding-inline:12px}.cdf-lane[data-astro-cid-rg25ifo7] .cdf-step[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]{--drop:26px}.cdf-join[data-astro-cid-rg25ifo7]{height:12px;position:relative}.cdf-join[data-astro-cid-rg25ifo7]:before{top:0;left:calc((100% - var(--gap)) / 4 - var(--lw) / 2);right:calc((100% - var(--gap)) / 4 - var(--lw) / 2);border:var(--lw) solid var(--line);border-top:0;border-radius:0 0 6px 6px;height:12px}.cdf-fork[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]{--drop:24px}.cdf-cap[data-astro-cid-rg25ifo7]{color:var(--gray);text-align:center;text-wrap:balance;margin:20px 0 0;font-size:15px;line-height:1.5}@media (max-width:560px){.cdf-or[data-astro-cid-rg25ifo7]{display:block}.cdf-lanes[data-astro-cid-rg25ifo7]{margin-top:var(--drop);grid-template-columns:1fr;gap:12px}.cdf-lanes[data-astro-cid-rg25ifo7]:before{top:calc(-1 * var(--drop));height:calc(var(--drop) - 6px)}.cdf-lanes[data-astro-cid-rg25ifo7]:after{border:5px solid #0000;border-top:7px solid var(--line);border-bottom:0;border-radius:0;height:0;top:-8px;left:50%;right:auto;transform:translate(-50%)}.cdf-lane[data-astro-cid-rg25ifo7]:before,.cdf-lane[data-astro-cid-rg25ifo7]:after,.cdf-lane-steps[data-astro-cid-rg25ifo7]:after,.cdf-join[data-astro-cid-rg25ifo7]{display:none}.cdf-fork[data-astro-cid-rg25ifo7]+.cdf-step[data-astro-cid-rg25ifo7]{--drop:30px}}.proj[data-astro-cid-yq2gsstb]{padding-top:64px}.proj-head[data-astro-cid-yq2gsstb]{max-width:none}.display[data-astro-cid-yq2gsstb]{margin-top:10px;font-size:clamp(44px,7.2vw,100px)}.lede[data-astro-cid-yq2gsstb]{max-width:640px;margin-top:18px}.proj-links[data-astro-cid-yq2gsstb]{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.proj-cover[data-astro-cid-yq2gsstb]{margin:48px auto 0}.proj[data-astro-cid-yq2gsstb] .proj-cover[data-astro-cid-yq2gsstb] .frame[style] .phone{width:min(280px,56%)}.proj-numbers[data-astro-cid-yq2gsstb]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:48px;display:grid}.num[data-astro-cid-yq2gsstb]{border-top:1px solid var(--hair);align-content:start;gap:4px;padding-top:16px;display:grid}.num-l[data-astro-cid-yq2gsstb]{text-wrap:pretty}.num-v[data-astro-cid-yq2gsstb]{letter-spacing:-.02em;font-size:36px;line-height:1}.num[data-astro-cid-yq2gsstb].is-wide .num-v[data-astro-cid-yq2gsstb]{white-space:nowrap;font-size:clamp(22px,3.6vw,36px);line-height:36px}@media (max-width:600px){.num[data-astro-cid-yq2gsstb].is-wide{grid-column:1/-1}.num[data-astro-cid-yq2gsstb].is-wide .num-v[data-astro-cid-yq2gsstb]{font-size:36px}}.proj-body[data-astro-cid-yq2gsstb]{margin-top:56px}.proj-diagram-fig[data-astro-cid-yq2gsstb]{margin:12px 0 0}.proj-flow[data-astro-cid-yq2gsstb]{max-width:var(--measure);margin-top:8px}.proj-cover[data-astro-cid-yq2gsstb] img,.proj-body[data-astro-cid-yq2gsstb] img{cursor:zoom-in}.proj-cover[data-astro-cid-yq2gsstb].has-game img{cursor:auto}@media (pointer:coarse){.proj-body[data-astro-cid-yq2gsstb] .md-figure:not(.strip):not(.wizard):has(>img.medium-zoom-image){position:relative}.proj-body[data-astro-cid-yq2gsstb] .md-figure:not(.strip):not(.wizard):has(>img.medium-zoom-image):before{content:"";z-index:1;pointer-events:none;background:#1f1f1d;border-radius:50%;width:34px;height:34px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 1px #fafaf84d}.proj-body[data-astro-cid-yq2gsstb] .md-figure:not(.strip):not(.wizard):has(>img.medium-zoom-image):after{content:"";z-index:1;pointer-events:none;background:#fafaf8;width:18px;height:18px;position:absolute;top:18px;right:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='m21 21-4.6-4.6M11 8v6M8 11h6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='m21 21-4.6-4.6M11 8v6M8 11h6'/%3E%3C/svg%3E") 50%/contain no-repeat}}.proj-clips[data-astro-cid-yq2gsstb],.proj-videos[data-astro-cid-yq2gsstb],.proj-diagram[data-astro-cid-yq2gsstb]{margin-top:56px}.proj-clips[data-astro-cid-yq2gsstb].is-one>.eyebrow[data-astro-cid-yq2gsstb]{max-width:820px;margin-inline:auto}.videos[data-astro-cid-yq2gsstb]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:12px;display:grid}.video[data-astro-cid-yq2gsstb]{margin:0}.video[data-astro-cid-yq2gsstb] lite-youtube{border-radius:14px;max-width:none;overflow:hidden}.video[data-astro-cid-yq2gsstb] figcaption[data-astro-cid-yq2gsstb]{margin-top:8px}.proj-deep[data-astro-cid-yq2gsstb]{max-width:800px;margin-top:56px}.deep[data-astro-cid-yq2gsstb]{gap:10px;margin-top:12px;display:grid}.deep[data-astro-cid-yq2gsstb] li[data-astro-cid-yq2gsstb]{border-top:1px solid var(--hair);padding:12px 0}.deep[data-astro-cid-yq2gsstb] a[data-astro-cid-yq2gsstb]{color:var(--link);border-bottom:1px solid var(--link-line)}.deep-note[data-astro-cid-yq2gsstb]{margin-top:2px;display:block}.proj-back[data-astro-cid-yq2gsstb]{gap:10px;margin-top:72px;padding-top:28px;display:grid}.proj-next[data-astro-cid-yq2gsstb],.proj-all[data-astro-cid-yq2gsstb]{justify-self:start}.proj-next-last[data-astro-cid-yq2gsstb]{white-space:nowrap}.proj-next-last[data-astro-cid-yq2gsstb] svg{vertical-align:-.1em;margin-left:.3em;display:inline-block}.proj-next[data-astro-cid-yq2gsstb]:hover{color:var(--accent-ink)}.proj-all[data-astro-cid-yq2gsstb]{color:var(--accent-ink);align-items:center;gap:6px;margin-top:14px;display:inline-flex}.proj-all[data-astro-cid-yq2gsstb] svg{transform:scaleX(-1)}.proj-all[data-astro-cid-yq2gsstb]:hover{text-underline-offset:3px;text-decoration:underline}