.demo-stage[data-astro-cid-pyxiwlgr]{scroll-margin-top:5rem}.demo-intro[data-astro-cid-pyxiwlgr]{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:clamp(2rem,7vw,6rem);margin-bottom:clamp(2rem,5vw,4rem);display:grid}.demo-intro[data-astro-cid-pyxiwlgr] h2[data-astro-cid-pyxiwlgr]{max-width:760px;margin-bottom:0}.demo-intro[data-astro-cid-pyxiwlgr]>p[data-astro-cid-pyxiwlgr]{color:var(--muted);margin:0;font-size:1.12rem}.demo-grid[data-astro-cid-pyxiwlgr]{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.25rem);display:grid}.demo-card[data-astro-cid-pyxiwlgr]{background:var(--cream);border:1px solid var(--line);min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}.demo-card[data-astro-cid-pyxiwlgr]:focus-within,.example-card[data-astro-cid-pyxiwlgr]:focus-within{box-shadow:6px 6px 0 var(--ink);border-color:var(--ink);transform:translate(-3px,-3px)}.demo-media[data-astro-cid-pyxiwlgr]{aspect-ratio:1265/712;border-bottom:1px solid var(--line);background:#dfe7e2;display:block;position:relative;overflow:hidden}.demo-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr]{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:filter .18s,transform .35s;display:block}.live-flag[data-astro-cid-pyxiwlgr]{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--amber);padding:.5rem .7rem;font-size:.78rem;font-weight:800;position:absolute;top:1rem;right:1rem}.demo-copy[data-astro-cid-pyxiwlgr]{padding:clamp(1.25rem,3vw,2rem)}.demo-heading[data-astro-cid-pyxiwlgr]{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.demo-heading[data-astro-cid-pyxiwlgr] .kicker[data-astro-cid-pyxiwlgr]{margin:.15rem 0 .45rem}.demo-heading[data-astro-cid-pyxiwlgr] h3[data-astro-cid-pyxiwlgr]{margin:0;font-size:clamp(1.8rem,3vw,2.7rem)}.demo-number[data-astro-cid-pyxiwlgr]{color:var(--signal);padding-top:.4rem;font:800 .8rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-copy[data-astro-cid-pyxiwlgr]>p[data-astro-cid-pyxiwlgr]{color:var(--muted);margin:1.25rem 0;font-size:1.04rem}.capabilities[data-astro-cid-pyxiwlgr]{flex-wrap:wrap;gap:.45rem;margin:0 0 1.4rem;padding:0;list-style:none;display:flex}.capabilities[data-astro-cid-pyxiwlgr] li[data-astro-cid-pyxiwlgr]{border:1px solid var(--line);background:var(--paper);padding:.35rem .55rem;font-size:.76rem;font-weight:700}.demo-links[data-astro-cid-pyxiwlgr]{border-top:1px solid var(--line);flex-wrap:wrap;gap:.7rem 1rem;padding-top:1rem;display:flex}.demo-links[data-astro-cid-pyxiwlgr] a[data-astro-cid-pyxiwlgr]{color:var(--signal);align-items:center;min-height:44px;font-weight:800;display:inline-flex}.example-stage[data-astro-cid-pyxiwlgr]{border-top:1px solid var(--line);margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2rem,4vw,3rem)}.example-intro[data-astro-cid-pyxiwlgr]{grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);margin-bottom:2rem;display:grid}.example-intro[data-astro-cid-pyxiwlgr] h3[data-astro-cid-pyxiwlgr]{margin:.4rem 0 0;font-size:clamp(1.8rem,3vw,2.8rem)}.example-intro[data-astro-cid-pyxiwlgr]>p[data-astro-cid-pyxiwlgr]{color:var(--muted);margin:0}.example-grid[data-astro-cid-pyxiwlgr]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.example-card[data-astro-cid-pyxiwlgr]{border:1px solid var(--line);background:#fffdf7b3;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s}.example-media[data-astro-cid-pyxiwlgr]{background:#dfe7e2;height:clamp(170px,18vw,230px);display:block;position:relative;overflow:hidden}.example-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr]{object-fit:cover;width:100%;height:100%;display:block}.example-flag[data-astro-cid-pyxiwlgr]{background:var(--cream);border:1px solid var(--ink);color:var(--ink);padding:.4rem .55rem;font-size:.72rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.example-copy[data-astro-cid-pyxiwlgr]{padding:1.15rem}.example-copy[data-astro-cid-pyxiwlgr] .demo-number[data-astro-cid-pyxiwlgr]{float:right}.example-copy[data-astro-cid-pyxiwlgr] .kicker[data-astro-cid-pyxiwlgr]{margin:0 2.5rem .35rem 0}.example-copy[data-astro-cid-pyxiwlgr] h4[data-astro-cid-pyxiwlgr]{margin:0 0 .8rem;font:clamp(1.45rem,2.3vw,2rem)/1.05 OpsDisplay,Georgia,serif}.example-copy[data-astro-cid-pyxiwlgr]>p[data-astro-cid-pyxiwlgr]:not(.kicker){color:var(--muted);font-size:.92rem}.example-copy[data-astro-cid-pyxiwlgr]>a[data-astro-cid-pyxiwlgr]{color:var(--signal);align-items:center;min-height:44px;font-weight:800;display:inline-flex}@media (hover:hover){.demo-card[data-astro-cid-pyxiwlgr]:hover,.example-card[data-astro-cid-pyxiwlgr]:hover{box-shadow:6px 6px 0 var(--ink);border-color:var(--ink);transform:translate(-3px,-3px)}.demo-card[data-astro-cid-pyxiwlgr]:hover .demo-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr],.example-card[data-astro-cid-pyxiwlgr]:hover .example-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr]{filter:saturate(1.05);transform:scale(1.02)}}.example-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr]{transition:filter .25s,transform .25s}@media (prefers-reduced-motion:reduce){.demo-card[data-astro-cid-pyxiwlgr],.example-card[data-astro-cid-pyxiwlgr],.demo-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr],.example-media[data-astro-cid-pyxiwlgr] img[data-astro-cid-pyxiwlgr]{transition:none!important;transform:none!important}}@media (width<=800px){.demo-intro[data-astro-cid-pyxiwlgr],.example-intro[data-astro-cid-pyxiwlgr],.demo-grid[data-astro-cid-pyxiwlgr]{grid-template-columns:1fr}.example-grid[data-astro-cid-pyxiwlgr]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.example-grid[data-astro-cid-pyxiwlgr],.demo-heading[data-astro-cid-pyxiwlgr]{grid-template-columns:1fr}}