.flow[data-astro-cid-ouou2mig]{--ease-move: cubic-bezier(.45, 0, .25, 1);--idle: color-mix(in oklch, var(--color-ink) 26%, transparent);--fit: 53svh;position:relative;overflow-x:clip;overflow-y:visible}.flow-copy[data-astro-cid-ouou2mig]{display:grid;gap:2rem;margin-top:1.5rem;min-width:0}[data-astro-cid-ouou2mig][data-live] .flow-copy[data-astro-cid-ouou2mig]{gap:0}[data-astro-cid-ouou2mig][data-live] .flow-card[data-astro-cid-ouou2mig]{grid-area:1 / 1;opacity:0;transform:translateY(.375rem);pointer-events:none;transition:opacity .16s var(--ease-ui)}[data-astro-cid-ouou2mig][data-live] .flow-card[data-astro-cid-ouou2mig].is-live{opacity:1;transform:none;pointer-events:auto;transition:opacity .36s var(--ease-out-expo) 80ms,transform .36s var(--ease-out-expo) 80ms}.flow-bar[data-astro-cid-ouou2mig]{display:none;justify-content:center;position:sticky;bottom:1.5rem;z-index:2;margin-top:1.25rem}[data-astro-cid-ouou2mig][data-live] .flow-bar[data-astro-cid-ouou2mig]{display:flex}.flow-pill[data-astro-cid-ouou2mig]{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:999px;background:var(--color-cream);border:1px solid var(--color-line);box-shadow:0 1px 2px color-mix(in srgb,var(--color-ink) 4%,transparent),0 6px 16px color-mix(in srgb,var(--color-ink) 6%,transparent)}.flow-play[data-astro-cid-ouou2mig]{display:grid;place-items:center;width:2rem;height:2rem;flex:none;border:0;border-radius:999px;background:var(--color-cream);color:var(--color-ink);cursor:pointer;transition:transform var(--transition-duration-instant) var(--ease-ui)}.flow-play[data-astro-cid-ouou2mig]:active{transform:scale(.94)}.flow-play[data-astro-cid-ouou2mig] svg{display:block;width:.875rem;height:.875rem}.flow-segs[data-astro-cid-ouou2mig]{display:flex;align-items:center;margin:0;padding:0 .25rem 0 0;list-style:none}.flow-seg[data-astro-cid-ouou2mig]{display:block;border:0;padding:.5rem;background:none;border-radius:999px;cursor:pointer}.flow-dot[data-astro-cid-ouou2mig]{position:relative;display:block;width:.5rem;height:.5rem;border-radius:999px;overflow:hidden;background:var(--idle);transition:width .25s linear,background-color .25s linear}.flow-seg[data-astro-cid-ouou2mig][data-on] .flow-dot[data-astro-cid-ouou2mig]{width:3rem}.flow-seg[data-astro-cid-ouou2mig][data-on] .flow-dot[data-astro-cid-ouou2mig]:after{content:"";position:absolute;inset-block:0;left:0;width:calc(var(--p, 0) * 115%);min-width:15%;margin-left:-15%;border-radius:999px;background:var(--color-ink)}@media(hover:hover){.flow-seg[data-astro-cid-ouou2mig]:not([data-on]):hover .flow-dot[data-astro-cid-ouou2mig]{background:color-mix(in oklch,var(--color-ink) 45%,transparent)}}.flow-play[data-astro-cid-ouou2mig]:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.flow-seg[data-astro-cid-ouou2mig]:focus-visible{outline:none}.flow-seg[data-astro-cid-ouou2mig]:focus-visible .flow-dot[data-astro-cid-ouou2mig]{outline:2px solid var(--color-ink);outline-offset:3px}.fd[data-astro-cid-ouou2mig]{position:relative;margin:1.5rem 0 0;min-width:0;width:min(100%,calc(100 / var(--wideH) * var(--fit)));margin-inline:auto}.fd-canvas[data-astro-cid-ouou2mig]{position:relative;container-type:inline-size;width:100%;aspect-ratio:calc(100 / var(--wideH));--mw: 1.11;--mh: 1.78;--lab: 3.13;--zr: 1.4}.fd-set--t[data-astro-cid-ouou2mig],.fd-set--n[data-astro-cid-ouou2mig]{display:none}.fd-m[data-astro-cid-ouou2mig]{--person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Ccircle cx='5' cy='3' r='2.7'/%3E%3Cpath d='M.6 16v-5.2a4.4 4.4 0 0 1 8.8 0V16z'/%3E%3C/svg%3E");position:absolute;left:0;top:0;width:calc(var(--mw) * 1cqw);height:calc(var(--mh) * 1cqw);background:var(--idle);-webkit-mask:var(--person) top left / contain no-repeat;mask:var(--person) top left / contain no-repeat;transform:translate(calc(var(--x) * 1cqw),calc(var(--y) * 1cqw));transition:transform .78s var(--ease-move) var(--d, 0ms),background-color .3s var(--ease-ui) calc(var(--d, 0ms) + .46s)}.fd[data-astro-cid-ouou2mig][data-phase="0"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--wx0);--y: var(--wy0)}.fd[data-astro-cid-ouou2mig][data-phase="1"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--wx1);--y: var(--wy1)}.fd[data-astro-cid-ouou2mig][data-phase="2"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--wx2);--y: var(--wy2)}.fd[data-astro-cid-ouou2mig][data-phase="3"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--wx3);--y: var(--wy3)}.fd[data-astro-cid-ouou2mig]:not([data-phase="0"]) .fd-m--go[data-astro-cid-ouou2mig]{background:var(--color-primary)}.fd[data-astro-cid-ouou2mig][data-phase="2"] .fd-m--spec[data-astro-cid-ouou2mig]{background:var(--color-ink)}.fd[data-astro-cid-ouou2mig][data-phase="3"] .fd-m--spec[data-astro-cid-ouou2mig]{background:var(--color-primary)}.fd[data-astro-cid-ouou2mig][data-phase="3"] .fd-m--none[data-astro-cid-ouou2mig]{background:var(--color-ink)}.fd-lab[data-astro-cid-ouou2mig],.fd-gl[data-astro-cid-ouou2mig],.fd-row[data-astro-cid-ouou2mig],.fd-rd[data-astro-cid-ouou2mig]{position:absolute;left:calc(var(--x) * 1cqw);width:calc(var(--w) * 1cqw);transform:translateY(calc(var(--y) * 1cqw));opacity:0;transition:opacity .34s var(--ease-ui) var(--d, 0ms)}.fd-lab[data-astro-cid-ouou2mig].in,.fd-gl[data-astro-cid-ouou2mig].in,.fd-row[data-astro-cid-ouou2mig].in,.fd-rd[data-astro-cid-ouou2mig].in{opacity:1}.fd-lab[data-astro-cid-ouou2mig]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:calc(var(--lab) * 1cqw);font-size:1rem;line-height:1.25}.fd-n[data-astro-cid-ouou2mig]{font-family:var(--font-display);font-variation-settings:"opsz" 18;font-feature-settings:"tnum" 1;font-size:1rem;color:var(--color-ink-subtle)}.fd-gl[data-astro-cid-ouou2mig]{font-size:.875rem;line-height:1.3;color:var(--color-ink-muted)}.fd-row[data-astro-cid-ouou2mig]{display:flex;align-items:center;height:calc(var(--mh) * 1cqw);font-size:.875rem;line-height:1.25;color:var(--color-ink-muted);white-space:nowrap;overflow-x:clip;overflow-y:visible}.fd-rd[data-astro-cid-ouou2mig]{display:flex;align-items:center;justify-content:flex-start;gap:.625rem;height:calc(var(--mh) * 1cqw);padding-right:.75rem;font-size:1rem;line-height:1.25;white-space:nowrap}.fd-rd--go[data-astro-cid-ouou2mig],.fd-rd--go[data-astro-cid-ouou2mig] .fd-n[data-astro-cid-ouou2mig]{color:var(--color-primary)}.fd-zone[data-astro-cid-ouou2mig]{position:absolute;left:calc(var(--zx, 0) * 1cqw);top:calc(var(--zy, 0) * 1cqw);width:calc(var(--zw, 0) * 1cqw);height:calc(var(--zh, 0) * 1cqw);background:color-mix(in srgb,var(--color-cream-3) 58%,transparent);border-radius:calc(var(--zr) * 1cqw);opacity:0;transition:left .7s var(--ease-move),top .7s var(--ease-move),width .7s var(--ease-move),height .7s var(--ease-move),opacity .34s var(--ease-ui)}@media(max-width:63.99rem){.fd[data-astro-cid-ouou2mig]{width:100%}.flow-bar[data-astro-cid-ouou2mig]{margin-top:2rem}.fd-canvas[data-astro-cid-ouou2mig]{aspect-ratio:calc(100 / var(--narrowH));--mw: 1.9;--mh: 3.04;--lab: 6.2;--zr: 3.3}.fd-set--w[data-astro-cid-ouou2mig]{display:none}.fd-set--n[data-astro-cid-ouou2mig]{display:block}.fd[data-astro-cid-ouou2mig][data-phase="0"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--nx0);--y: var(--ny0)}.fd[data-astro-cid-ouou2mig][data-phase="1"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--nx1);--y: var(--ny1)}.fd[data-astro-cid-ouou2mig][data-phase="2"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--nx2);--y: var(--ny2)}.fd[data-astro-cid-ouou2mig][data-phase="3"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--nx3);--y: var(--ny3)}.fd-set--n[data-astro-cid-ouou2mig] .fd-row[data-astro-cid-ouou2mig]{justify-content:flex-end;padding-right:.625rem}}@media(min-width:40rem)and (max-width:63.99rem){.fd-canvas[data-astro-cid-ouou2mig]{aspect-ratio:calc(100 / var(--tabH));--mw: 1.48;--mh: 2.37;--lab: 4.17;--zr: 1.87}.fd-set--n[data-astro-cid-ouou2mig]{display:none}.fd-set--t[data-astro-cid-ouou2mig]{display:block}.fd[data-astro-cid-ouou2mig][data-phase="0"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--tx0);--y: var(--ty0)}.fd[data-astro-cid-ouou2mig][data-phase="1"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--tx1);--y: var(--ty1)}.fd[data-astro-cid-ouou2mig][data-phase="2"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--tx2);--y: var(--ty2)}.fd[data-astro-cid-ouou2mig][data-phase="3"] .fd-m[data-astro-cid-ouou2mig]{--x: var(--tx3);--y: var(--ty3)}}@media(prefers-reduced-motion:reduce){.fd-m[data-astro-cid-ouou2mig]{transition-delay:0ms!important}.fd-zone[data-astro-cid-ouou2mig]{transition-property:opacity}}@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}