.example-card[data-astro-cid-nbpbf3lq]{flex-direction:column;min-width:0;height:100%;display:flex}.example-screen[data-astro-cid-nbpbf3lq]{aspect-ratio:16/10;background:var(--rule);border:1px solid var(--rule);margin:0;position:relative;overflow:hidden}.example-screen[data-astro-cid-nbpbf3lq] img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.example-screen[data-astro-cid-nbpbf3lq] figcaption[data-astro-cid-nbpbf3lq]{color:var(--paper);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px);background:#101410d1;padding:.45rem .6rem;font-size:.58rem;font-weight:650;position:absolute;top:.75rem;left:.75rem}.example-card[data-astro-cid-nbpbf3lq]:hover .example-screen[data-astro-cid-nbpbf3lq] img{transform:scale(1.012)}.example-details[data-astro-cid-nbpbf3lq]{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:1.25rem 2rem;padding-top:1.35rem;display:grid}.example-title[data-astro-cid-nbpbf3lq]{grid-template-columns:1.2rem minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.example-title[data-astro-cid-nbpbf3lq]>span[data-astro-cid-nbpbf3lq]{color:var(--signal-deep);font-family:var(--font-display);letter-spacing:.1em;padding-top:.3rem;font-size:.63rem;font-weight:650}.example-title[data-astro-cid-nbpbf3lq] h2,.example-title[data-astro-cid-nbpbf3lq] h3{margin:0;font-size:clamp(1.45rem,2.4vw,2.25rem);line-height:.98}.example-details[data-astro-cid-nbpbf3lq]>p[data-astro-cid-nbpbf3lq]{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.55}.example-details[data-astro-cid-nbpbf3lq] ul[data-astro-cid-nbpbf3lq]{flex-wrap:wrap;grid-column:2;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.example-details[data-astro-cid-nbpbf3lq] li[data-astro-cid-nbpbf3lq]{color:var(--ink-soft);border:1px solid var(--rule);padding:.42rem .62rem;font-size:.7rem}@media (width<=1080px){.example-details[data-astro-cid-nbpbf3lq]{grid-template-columns:1fr}.example-details[data-astro-cid-nbpbf3lq] ul[data-astro-cid-nbpbf3lq]{grid-column:1}}@media (width<=760px){.example-screen[data-astro-cid-nbpbf3lq] figcaption[data-astro-cid-nbpbf3lq]{font-size:.52rem;top:.55rem;left:.55rem}.example-details[data-astro-cid-nbpbf3lq]{padding-top:1rem}.example-title[data-astro-cid-nbpbf3lq] h2,.example-title[data-astro-cid-nbpbf3lq] h3{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.example-screen[data-astro-cid-nbpbf3lq] img{transition:none}}.examples-note[data-astro-cid-ssjlhbnr]{padding:clamp(3rem, 7vw, 6rem) var(--gutter);grid-template-columns:.42fr 1fr;gap:3rem;display:grid}.examples-note[data-astro-cid-ssjlhbnr]>.eyebrow[data-astro-cid-ssjlhbnr]{margin:.35rem 0 0}.examples-note[data-astro-cid-ssjlhbnr] h2[data-astro-cid-ssjlhbnr]{max-width:16ch;margin:0;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.96}.examples-note[data-astro-cid-ssjlhbnr] div[data-astro-cid-ssjlhbnr]>p[data-astro-cid-ssjlhbnr]{max-width:42rem;margin:1.5rem 0 0;font-size:clamp(1.02rem,1.45vw,1.25rem);line-height:1.65}.examples-grid[data-astro-cid-ssjlhbnr]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(4rem,8vw,7rem) 2rem;display:grid}.example-nav[data-astro-cid-ssjlhbnr]{flex-wrap:wrap;gap:.7rem;margin:calc(clamp(3rem,6vw,5rem)/-2.22222) 0 clamp(4rem,8vw,7rem);display:flex}.example-nav[data-astro-cid-ssjlhbnr] a[data-astro-cid-ssjlhbnr]{min-height:44px;color:var(--ink);font-family:var(--font-display);border:1px solid var(--rule-strong);align-items:center;padding:.65rem .9rem;font-size:.75rem;font-weight:650;text-decoration:none;display:inline-flex}.example-nav[data-astro-cid-ssjlhbnr] a[data-astro-cid-ssjlhbnr]:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.example-group[data-astro-cid-ssjlhbnr]{scroll-margin-top:100px}.example-group[data-astro-cid-ssjlhbnr]+.example-group[data-astro-cid-ssjlhbnr]{margin-top:clamp(6rem,12vw,11rem)}.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr]{border-top:1px solid var(--rule-strong);grid-template-columns:minmax(0,1fr) minmax(16rem,.55fr);align-items:end;gap:2rem 4rem;margin-bottom:3rem;padding-top:1.4rem;display:grid}.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr] h2[data-astro-cid-ssjlhbnr],.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr] p[data-astro-cid-ssjlhbnr]{margin:0}.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr] h2[data-astro-cid-ssjlhbnr]{font-size:clamp(2.4rem,4.5vw,4.7rem);line-height:.98}.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr] p[data-astro-cid-ssjlhbnr]{max-width:34rem;color:var(--ink-soft)}@media (width<=760px){.examples-note[data-astro-cid-ssjlhbnr],.examples-grid[data-astro-cid-ssjlhbnr],.example-group[data-astro-cid-ssjlhbnr]>header[data-astro-cid-ssjlhbnr]{grid-template-columns:1fr}.examples-grid[data-astro-cid-ssjlhbnr]{gap:4rem}}