.vid[data-astro-cid-hbhdmhem]{position:relative;aspect-ratio:16 / 9;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.vid__el[data-astro-cid-hbhdmhem]{display:block;inline-size:100%;block-size:100%;object-fit:cover}.vid__cover[data-astro-cid-hbhdmhem]{display:none}html.js .vid__cover[data-astro-cid-hbhdmhem]{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:0 0 2.4rem;inline-size:100%;border:0;background:none;cursor:pointer}.vid[data-astro-cid-hbhdmhem].is-playing .vid__cover[data-astro-cid-hbhdmhem]{display:none}.vid__cover[data-astro-cid-hbhdmhem]:before{content:"";position:absolute;inset:0;pointer-events:none;background:color-mix(in oklab,var(--bg-deep) 72%,transparent);opacity:.62;transition:opacity var(--dur) var(--ease-out)}.vid__cover[data-astro-cid-hbhdmhem]:hover:before,.vid__cover[data-astro-cid-hbhdmhem]:focus-visible:before{opacity:.34}.vid__cover[data-astro-cid-hbhdmhem]:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;border-radius:var(--radius-md)}.vid__cover[data-astro-cid-hbhdmhem]:disabled{opacity:.55;cursor:not-allowed}.vid__mark[data-astro-cid-hbhdmhem]{position:relative;z-index:1;display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:var(--radius-md);background:var(--accent-fill);color:var(--accent-ink);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.vid__cover[data-astro-cid-hbhdmhem]:hover .vid__mark[data-astro-cid-hbhdmhem]{background:var(--accent-fill-hover)}.vid__mark[data-astro-cid-hbhdmhem] svg[data-astro-cid-hbhdmhem]{margin-inline-start:3px}.vid__bar[data-astro-cid-hbhdmhem]{position:absolute;inset-block-end:0;inset-inline:0;z-index:1;display:flex;align-items:center;gap:.8ch;padding:.6rem var(--space-sm);background:var(--bg-deep);border-block-start:1px solid var(--border)}.vid__tick[data-astro-cid-hbhdmhem]{flex:none;inline-size:.45rem;block-size:.45rem;background:var(--red-brand)}.vid__caption[data-astro-cid-hbhdmhem]{font-family:var(--font-code);font-size:var(--fs-2xs);line-height:1;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}@media(max-width:30rem){html.js .vid__cover[data-astro-cid-hbhdmhem]{padding-block-end:2.1rem}.vid__mark[data-astro-cid-hbhdmhem]{inline-size:2.75rem;block-size:2.75rem}.vid__mark[data-astro-cid-hbhdmhem] svg[data-astro-cid-hbhdmhem]{width:20px;height:20px}}@media(prefers-reduced-motion:no-preference){.vid__cover[data-astro-cid-hbhdmhem]:hover .vid__mark[data-astro-cid-hbhdmhem]{transform:translateY(-1.5px)}.vid__cover[data-astro-cid-hbhdmhem]:active .vid__mark[data-astro-cid-hbhdmhem]{transform:translateY(0);transition-duration:60ms}}@media(prefers-reduced-motion:reduce){.vid__cover[data-astro-cid-hbhdmhem]:hover .vid__mark[data-astro-cid-hbhdmhem],.vid__cover[data-astro-cid-hbhdmhem]:active .vid__mark[data-astro-cid-hbhdmhem]{transform:none}}@media(forced-colors:active){.vid[data-astro-cid-hbhdmhem]{border-color:CanvasText}.vid__cover[data-astro-cid-hbhdmhem]:before{display:none}.vid__cover[data-astro-cid-hbhdmhem]:focus-visible{outline-color:CanvasText}.vid__mark[data-astro-cid-hbhdmhem]{background:ButtonText;color:ButtonFace}.vid__bar[data-astro-cid-hbhdmhem]{background:Canvas;border-block-start-color:CanvasText}.vid__caption[data-astro-cid-hbhdmhem]{color:CanvasText}.vid__tick[data-astro-cid-hbhdmhem]{background:Highlight}}.head[data-astro-cid-xskohg7y]{padding-block:clamp(2rem,4vw,3rem) clamp(2.75rem,5.5vw,4rem);border-block-end:1px solid var(--border)}.crumbs[data-astro-cid-xskohg7y]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8ch;margin-block-end:var(--space-lg);font-family:var(--font-code);font-size:var(--fs-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-faint)}.crumbs__link[data-astro-cid-xskohg7y]{color:var(--text-muted);white-space:nowrap}.crumbs__link[data-astro-cid-xskohg7y]:hover{color:var(--accent)}.crumbs__sep[data-astro-cid-xskohg7y]{color:var(--border-strong)}.crumbs__here[data-astro-cid-xskohg7y]{color:var(--text-faint)}.head__meta[data-astro-cid-xskohg7y]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.4ch;row-gap:var(--space-3xs);margin-block-end:var(--space-xs);font-family:var(--font-code);font-size:var(--fs-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-mono);text-transform:uppercase}.head__idx[data-astro-cid-xskohg7y]{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.head__cat[data-astro-cid-xskohg7y]{color:var(--text-faint)}.head__title[data-astro-cid-xskohg7y]{font-size:var(--fs-3xl);max-inline-size:20ch}.head__lede[data-astro-cid-xskohg7y]{margin-block-start:var(--space-sm);max-inline-size:48ch}.head__actions[data-astro-cid-xskohg7y]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-lg)}.fig[data-astro-cid-xskohg7y]{margin:0;padding-block-start:clamp(1.75rem,4vw,2.75rem)}.fig[data-astro-cid-xskohg7y] .fig__logo{max-inline-size:34rem}.fig--demo[data-astro-cid-xskohg7y]{padding-block-start:clamp(1.25rem,3vw,2rem)}.fig__cap[data-astro-cid-xskohg7y]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.9ch;padding-block-start:var(--space-xs);font-family:var(--font-code);font-size:var(--fs-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-faint)}.fig__cat[data-astro-cid-xskohg7y]{color:var(--text-muted)}.fig__sep[data-astro-cid-xskohg7y]{color:var(--border-strong)}.fig__host[data-astro-cid-xskohg7y]{color:var(--text-faint);white-space:nowrap}.fig__host[data-astro-cid-xskohg7y]:hover{color:var(--accent)}.body__grid[data-astro-cid-xskohg7y]{display:grid;gap:var(--space-lg);align-items:start}.body__doc[data-astro-cid-xskohg7y]{min-inline-size:0}.panel[data-astro-cid-xskohg7y]{min-inline-size:0;padding-block-start:var(--space-md);border-block-start:1px solid var(--border)}.panel__cap[data-astro-cid-xskohg7y]{margin-block-end:var(--space-sm);font-family:var(--font-code);font-size:var(--fs-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-faint)}.feat[data-astro-cid-xskohg7y]{--rec-cols: auto minmax(0, 1fr)}.feat__row[data-astro-cid-xskohg7y]{padding-block:var(--space-xs);align-items:baseline}.feat__text[data-astro-cid-xskohg7y]{font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text)}.panel__foot[data-astro-cid-xskohg7y]{display:grid;gap:var(--space-sm);margin-block-start:var(--space-md)}.panel__cta[data-astro-cid-xskohg7y]{inline-size:100%}.panel__mail[data-astro-cid-xskohg7y]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.9ch;font-family:var(--font-code);font-size:var(--fs-2xs);letter-spacing:var(--tracking-mono)}.panel__mailLabel[data-astro-cid-xskohg7y]{text-transform:uppercase;color:var(--text-faint)}.panel__mailLink[data-astro-cid-xskohg7y]{color:var(--accent);overflow-wrap:anywhere;min-inline-size:0}.more__list[data-astro-cid-xskohg7y]{--rec-cols: auto minmax(0, 1fr) auto}.more__row[data-astro-cid-xskohg7y]{align-items:baseline}.more__text[data-astro-cid-xskohg7y]{display:block;min-inline-size:0}.more__name[data-astro-cid-xskohg7y]{display:block;font-size:var(--fs-md)}.more__short[data-astro-cid-xskohg7y]{display:block;margin-block-start:var(--space-3xs);font-size:var(--fs-sm)}.more__go[data-astro-cid-xskohg7y]{justify-self:end;align-self:center;color:var(--text-faint)}.more__all[data-astro-cid-xskohg7y]{margin-block-start:var(--space-md)}@media(min-width:60rem){.body__grid[data-astro-cid-xskohg7y]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-lg)}.panel[data-astro-cid-xskohg7y]{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-sm));padding-block-start:0;padding-inline-start:var(--space-lg);border-block-start:0;border-inline-start:1px solid var(--border)}}@media(forced-colors:active){.head[data-astro-cid-xskohg7y]{border-block-end-color:CanvasText}.crumbs__sep[data-astro-cid-xskohg7y],.fig__sep[data-astro-cid-xskohg7y]{color:CanvasText}.panel[data-astro-cid-xskohg7y]{border-color:CanvasText}.more__go[data-astro-cid-xskohg7y]{color:CanvasText}}