.stories:where(.astro-wgxlypfr){gap:.75rem;width:min(100%,26rem);display:grid}.story:where(.astro-wgxlypfr){border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.75rem;align-items:center;gap:.875rem;padding:.75rem;display:flex}.flip:where(.astro-wgxlypfr){text-align:end;flex-direction:row-reverse}.art:where(.astro-wgxlypfr){aspect-ratio:4/3;background:var(--pv-gradient);border-radius:.5rem;flex:none;width:4.5rem}.copy:where(.astro-wgxlypfr){gap:.125rem;display:grid}.title:where(.astro-wgxlypfr){color:var(--pv-text);font-weight:600}.text:where(.astro-wgxlypfr){font-size:var(--sl-text-sm);color:var(--pv-muted)}.page:where(.astro-yinf7mgy){gap:.625rem;width:min(100%,24rem);display:grid}.line:where(.astro-yinf7mgy){background:var(--pv-border);border-radius:999rem;height:.625rem}.short:where(.astro-yinf7mgy){width:70%;margin-bottom:.75rem}.cta:where(.astro-yinf7mgy){background:var(--pv-gradient);text-align:center;color:var(--pv-on-accent);border-radius:1rem;justify-items:center;gap:.375rem;padding:1.5rem 1rem;display:grid}.title:where(.astro-yinf7mgy){font-size:var(--sl-text-xl);font-weight:700}.text:where(.astro-yinf7mgy){font-size:var(--sl-text-sm)}.button:where(.astro-yinf7mgy){background:var(--pv-on-accent);color:var(--pv-text);font-size:var(--sl-text-sm);border-radius:999rem;margin-top:.5rem;padding:.375rem 1rem;font-weight:600}.hero:where(.astro-myutgpz6){text-align:center;justify-items:center;gap:.75rem;max-width:26rem;display:grid}.eyebrow:where(.astro-myutgpz6){border:1px solid var(--pv-border);font-size:var(--sl-text-xs);color:var(--pv-muted);border-radius:999rem;padding:.125rem .625rem}.title:where(.astro-myutgpz6){letter-spacing:-.02em;color:var(--pv-text);text-wrap:balance;margin:0;font-size:clamp(1.75rem,7cqi,2.5rem);font-weight:700;line-height:1.1}.example:has([name=split][value=letters]:checked) :where(.astro-myutgpz6)[data-split=words],.example:has([name=split][value=words]:checked) :where(.astro-myutgpz6)[data-split=letters]{display:none}.letters:where(.astro-myutgpz6){white-space:nowrap}.words:where(.astro-myutgpz6)>span:where(.astro-myutgpz6),.letters:where(.astro-myutgpz6)>span:where(.astro-myutgpz6){display:inline-block}.letters:where(.astro-myutgpz6)>.space:where(.astro-myutgpz6){white-space:normal;display:inline}.lead:where(.astro-myutgpz6){color:var(--pv-muted);margin:0}.actions:where(.astro-myutgpz6){flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem;display:flex}.button:where(.astro-myutgpz6){border:1px solid var(--pv-border);font-size:var(--sl-text-sm);color:var(--pv-text);border-radius:.5rem;padding:.375rem .875rem}.button:where(.astro-myutgpz6).primary{background:var(--pv-accent);color:var(--pv-on-accent);border-color:#0000}.photo:where(.astro-xkqbc4dc){gap:.5rem;width:min(100%,24rem);margin:0;display:grid}svg:where(.astro-xkqbc4dc){aspect-ratio:16/9;border-radius:.75rem;width:100%;display:block}figcaption:where(.astro-xkqbc4dc){font-size:var(--sl-text-sm);color:var(--pv-muted);text-align:center}.hero:where(.astro-unyagr3q){text-align:center;justify-items:center;gap:.75rem;max-width:26rem;display:grid}.title:where(.astro-unyagr3q){letter-spacing:-.02em;color:var(--pv-text);text-wrap:balance;margin:0;font-size:clamp(1.75rem,7cqi,2.5rem);font-weight:700;line-height:1.1}.lead:where(.astro-unyagr3q){color:var(--pv-muted);margin:0}.actions:where(.astro-unyagr3q){flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem;display:flex}.button:where(.astro-unyagr3q){border:1px solid var(--pv-border);font-size:var(--sl-text-sm);color:var(--pv-text);border-radius:.5rem;padding:.375rem .875rem}.button:where(.astro-unyagr3q).primary{background:var(--pv-accent);color:var(--pv-on-accent);border-color:#0000}.wrapper:where(.astro-jamik5v6){gap:1rem;width:100%;display:grid}.heading:where(.astro-jamik5v6){font-size:var(--sl-text-xl);text-align:center;color:var(--pv-text);margin:0;font-weight:700}.features:where(.astro-jamik5v6){grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.card:where(.astro-jamik5v6){border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.75rem;align-content:start;gap:.375rem;padding:1rem;display:grid}.icon:where(.astro-jamik5v6){background:var(--pv-accent-soft);width:2rem;height:2rem;color:var(--pv-accent-text);border-radius:.5rem;place-items:center;display:inline-grid}.card-title:where(.astro-jamik5v6){color:var(--pv-text);margin:.25rem 0 0;font-weight:600}.card-text:where(.astro-jamik5v6){font-size:var(--sl-text-sm);color:var(--pv-muted);margin:0}.example:where(.astro-gajrzqgn){--pv-bg:var(--sl-color-bg);--pv-surface:var(--sl-color-bg-nav);--pv-border:var(--sl-color-gray-5);--pv-text:var(--sl-color-white);--pv-muted:var(--sl-color-gray-2);--pv-accent:var(--sl-color-accent);--pv-accent-text:var(--sl-color-text-accent);--pv-accent-soft:var(--sl-color-accent-low);--pv-on-accent:var(--sl-color-black);--pv-gradient:linear-gradient(135deg, var(--sl-color-accent), var(--sl-color-accent-high));grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-block:1.5rem 2rem;display:grid}.stage:where(.astro-gajrzqgn){border:1px solid var(--pv-border);background:var(--pv-bg);border-radius:.75rem;overflow:hidden}.stage-bar:where(.astro-gajrzqgn){border-bottom:1px solid var(--pv-border);background:var(--pv-surface);justify-content:flex-end;gap:.5rem;padding:.5rem;display:flex}.canvas:where(.astro-gajrzqgn){place-items:center;min-height:18rem;padding:2rem 1.25rem;display:grid;container-type:inline-size}.motion-note:where(.astro-gajrzqgn){border-top:1px solid var(--pv-border);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin:0;padding:.5rem .75rem;display:none}@media (prefers-reduced-motion:reduce){.motion-note:where(.astro-gajrzqgn){display:block}:where(.astro-gajrzqgn)[data-replay]{display:none}}.action:where(.astro-gajrzqgn){border:1px solid var(--pv-border);background:var(--pv-bg);min-block-size:2rem;font:inherit;font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .75rem;display:inline-flex}.action:where(.astro-gajrzqgn):hover:not([aria-disabled=true]){border-color:var(--sl-color-accent);color:var(--sl-color-white)}.action:where(.astro-gajrzqgn):focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:2px}.action:where(.astro-gajrzqgn)[aria-disabled=true]{opacity:.5;cursor:default}.tweaks:where(.astro-gajrzqgn){flex-wrap:wrap;align-items:start;gap:1rem 1.5rem;display:flex}.tweak:where(.astro-gajrzqgn){border:0;margin:0;padding:0}legend:where(.astro-gajrzqgn){font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin-bottom:.375rem;padding:0;font-weight:600}.segmented:where(.astro-gajrzqgn){border:1px solid var(--pv-border);background:var(--pv-surface);border-radius:.5rem;padding:.1875rem;display:inline-flex}.segmented:where(.astro-gajrzqgn) label:where(.astro-gajrzqgn){position:relative}.segmented:where(.astro-gajrzqgn) span:where(.astro-gajrzqgn){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);cursor:pointer;border-radius:.3125rem;padding:.25rem .75rem;display:block}.segmented:where(.astro-gajrzqgn) span:where(.astro-gajrzqgn):hover{color:var(--sl-color-white)}.segmented:where(.astro-gajrzqgn) input:where(.astro-gajrzqgn):checked+span:where(.astro-gajrzqgn){background:var(--sl-color-accent-low);box-shadow:inset 0 0 0 1px var(--sl-color-accent);color:var(--sl-color-white)}.segmented:where(.astro-gajrzqgn) input:where(.astro-gajrzqgn):focus-visible+span:where(.astro-gajrzqgn){outline:2px solid var(--sl-color-accent-high);outline-offset:1px}.more:where(.astro-gajrzqgn){flex-basis:100%;align-items:start;gap:1rem;display:flex}.fine-tune:where(.astro-gajrzqgn){flex:1}.fine-tune:where(.astro-gajrzqgn) summary:where(.astro-gajrzqgn){width:fit-content;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);cursor:pointer}.fine-tune:where(.astro-gajrzqgn) summary:where(.astro-gajrzqgn):hover{color:var(--sl-color-white)}.ranges:where(.astro-gajrzqgn){grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem 1.5rem;margin-top:.75rem;display:grid}.range:where(.astro-gajrzqgn){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);grid-template-columns:1fr auto;gap:.25rem 1rem;display:grid}.range:where(.astro-gajrzqgn) output:where(.astro-gajrzqgn){font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-white)}.range:where(.astro-gajrzqgn) input:where(.astro-gajrzqgn){width:100%;accent-color:var(--sl-color-accent);grid-column:1/-1;margin:0}.snippets:where(.astro-gajrzqgn){grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}:where(.astro-gajrzqgn)[data-snippet]+:where(.astro-gajrzqgn)[data-snippet]{margin-top:1rem}@media (forced-colors:active){.action:where(.astro-gajrzqgn)[aria-disabled=true]{color:graytext;border-color:graytext}.segmented:where(.astro-gajrzqgn) input:where(.astro-gajrzqgn):checked+span:where(.astro-gajrzqgn){color:highlighttext;background:highlight}}@media (pointer:coarse){.action:where(.astro-gajrzqgn),.fine-tune:where(.astro-gajrzqgn) summary:where(.astro-gajrzqgn),.segmented:where(.astro-gajrzqgn) span:where(.astro-gajrzqgn){min-block-size:2.75rem}.segmented:where(.astro-gajrzqgn) span:where(.astro-gajrzqgn){align-items:center;display:flex}}@media print{.example:where(.astro-gajrzqgn) [data-reveal]{opacity:1!important}}
