.palette-kbd{border:1px solid var(--rule);min-width:1.375rem;height:1.375rem;font-family:var(--font-mono);color:var(--ink-3);place-items:center;margin-right:.125rem;padding-inline:.25rem;font-size:.75rem;line-height:1;display:inline-grid}.palette-kbd-chord>span{visibility:hidden;grid-area:1/1}.palette-kbd-chord>span[data-on]{visibility:visible}.palette-kbd-chord{color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){:root[data-reveal-ready] [data-reveal]:not([data-revealed]),:root[data-reveal-ready] [data-reveal-group]:not([data-revealed])>*{opacity:0;filter:blur(8px);translate:0 14px}[data-reveal][data-revealed],[data-reveal-group][data-revealed]>*{transition:opacity var(--dur-3) var(--ease-out), filter var(--dur-3) var(--ease-out), translate var(--dur-3) var(--ease-out)}[data-reveal-group][data-revealed]>:nth-child(2){transition-delay:60ms}[data-reveal-group][data-revealed]>:nth-child(3){transition-delay:.12s}[data-reveal-group][data-revealed]>:nth-child(4){transition-delay:.18s}[data-reveal-group][data-revealed]>:nth-child(5){transition-delay:.24s}[data-reveal-group][data-revealed]>:nth-child(n+6){transition-delay:.3s}}@media print{[data-reveal],[data-reveal-group]>*{opacity:1!important;filter:none!important;translate:none!important}}
.site-header{z-index:40;pointer-events:none;padding-top:.75rem;position:fixed;inset:0 0 auto}.nav-pill{pointer-events:auto;border:1px solid color-mix(in oklab, var(--rule) 70%, transparent);background:color-mix(in oklab, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);max-width:100%;box-shadow:var(--shadow-soft);transition:padding var(--dur-3) var(--ease-out), background-color var(--dur-3) var(--ease-out);border-radius:999px;align-items:center;padding:.375rem;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-pill{background:var(--ground)}}html[data-nav-tone=dark] .site-header{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (scripting:enabled){html:not([data-nav-tone]):has([data-hero-wordmark]):not([data-hero-passed]) .site-header{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-scene=auto]{color:var(--ink);transition:color var(--dur-3) var(--ease-out)}.nav-brand{transition:grid-template-columns var(--dur-3) var(--ease-out);grid-template-columns:1fr;display:grid}.nav-brand>*{min-width:0;overflow:clip}.nav-brand-link{white-space:nowrap;border-radius:999px;align-items:center;height:2.25rem;padding-inline:.875rem;display:inline-flex}.nav-link{height:2.25rem;font-size:var(--text-sm);color:var(--ink-2);transition:color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);border-radius:999px;align-items:center;padding-inline:.875rem;display:inline-flex}.nav-link:hover{color:var(--ink);background:color-mix(in oklab, var(--ink) 7%, transparent)}.nav-link[aria-current=page]{color:var(--ink);background:color-mix(in oklab, var(--gold) 18%, transparent)}.nav-sep{background:var(--rule);width:1px;height:1.25rem;margin-inline:.25rem}.nav-pill :is(button,a).nav-icon{border-radius:999px;place-items:center;width:2.25rem;height:2.25rem}.nav-pill :is(button,a).nav-icon:hover{background:color-mix(in oklab, var(--ink) 7%, transparent)}main{padding-top:var(--header-h)}main>[data-hero]:first-child{margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h)}@media print{.site-header{display:none}main{padding-top:0}}.mobile-nav{background:var(--ground);width:100%;max-width:none;max-height:85dvh;color:var(--ink);box-shadow:var(--shadow-lift);overscroll-behavior:contain;border:0;border-radius:1.5rem 1.5rem 0 0;margin:auto 0 0;padding:0;overflow:auto}.mobile-nav::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070b1473;background:lab(2.9773% .227787 -4.75078/.45)}.mobile-nav-handle{background:var(--rule);border-radius:999px;width:2.5rem;height:.3125rem;margin:.625rem auto 0;display:block}@media (prefers-reduced-motion:no-preference){.mobile-nav[open]{transition:translate var(--dur-3) var(--ease-out), display var(--dur-3) allow-discrete, overlay var(--dur-3) allow-discrete;translate:0}@starting-style{.mobile-nav[open]{translate:0 100%}}.mobile-nav::backdrop{transition:opacity var(--dur-3) var(--ease-out)}@starting-style{.mobile-nav[open]::backdrop{opacity:0}}}@media (max-height:30rem){.mobile-nav .mobile-nav-link{font-size:var(--text-lg);padding-block:.5rem}}.mobile-nav:focus,.mobile-nav:focus-visible{outline:none}
html[data-page-hidden],[data-inview=false]{--loop-play:paused}