.project-gallery:where(.astro-2piwf5p4){min-width:0}.project-gallery-surface:where(.astro-2piwf5p4){border:1px solid var(--color-ink-muted);background:var(--color-ink-soft);border-radius:6px;margin:0;overflow:hidden}.project-gallery-stage:where(.astro-2piwf5p4){aspect-ratio:8/5;background:var(--color-ink);touch-action:pan-y pinch-zoom;display:grid;position:relative}.project-gallery-slide:where(.astro-2piwf5p4){opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0;min-height:0;transition:opacity .18s,visibility 0s linear .18s}.project-gallery-slide:where(.astro-2piwf5p4)[data-active]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.project-gallery-image:where(.astro-2piwf5p4){cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.project-gallery-image:where(.astro-2piwf5p4):disabled{cursor:default}.project-gallery-image:where(.astro-2piwf5p4) img{object-fit:contain;width:100%;height:100%}.project-gallery-expand:where(.astro-2piwf5p4){background:var(--color-ink);width:32px;height:32px;color:var(--color-paper);border:1px solid var(--color-ink-muted);border-radius:4px;place-items:center;display:grid;position:absolute;bottom:.65rem;right:.65rem}.project-gallery-footer:where(.astro-2piwf5p4){align-items:center;gap:.65rem;min-width:0;padding:.25rem .65rem;display:flex}.project-gallery-caption:where(.astro-2piwf5p4){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-stone);flex:1;font-size:.7rem;line-height:1.7;overflow:hidden}.project-gallery-count:where(.astro-2piwf5p4){background:color-mix(in srgb, var(--color-ink) 88%, transparent);color:var(--color-paper);font:.6rem/1.7 var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:3px;padding:.2rem .4rem;position:absolute;bottom:.65rem;left:.65rem}.project-gallery-arrows:where(.astro-2piwf5p4){pointer-events:none;justify-content:space-between;align-items:center;padding-inline:.4rem;display:flex;position:absolute;inset:0}.project-gallery:where(.astro-2piwf5p4) :where(.astro-2piwf5p4)[data-gallery-controls][hidden],.project-gallery:where(.astro-2piwf5p4):not([data-ready]) :where(.astro-2piwf5p4)[data-gallery-controls],.project-gallery:where(.astro-2piwf5p4):not([data-ready]) .project-gallery-expand:where(.astro-2piwf5p4){display:none}.project-gallery-indicators:where(.astro-2piwf5p4){scrollbar-width:none;flex:none;align-items:center;gap:.1rem;max-width:70%;display:flex;overflow-x:auto}.project-gallery-indicators:where(.astro-2piwf5p4)::-webkit-scrollbar{display:none}.project-gallery-arrow:where(.astro-2piwf5p4),.project-gallery-indicator:where(.astro-2piwf5p4){cursor:pointer;border-radius:4px;flex:none;place-items:center;display:grid}.project-gallery-arrow:where(.astro-2piwf5p4){pointer-events:auto;width:36px;height:44px;color:var(--color-paper);background:color-mix(in srgb, var(--color-ink) 88%, transparent);opacity:.3;transition:opacity .15s}.project-gallery-stage:where(.astro-2piwf5p4):hover .project-gallery-arrow:where(.astro-2piwf5p4),.project-gallery:where(.astro-2piwf5p4):focus-within .project-gallery-arrow:where(.astro-2piwf5p4){opacity:1}.project-gallery-indicator:where(.astro-2piwf5p4){flex:0 28px;min-width:24px;height:32px}.project-gallery-indicator:where(.astro-2piwf5p4) span:where(.astro-2piwf5p4){background:var(--color-stone);opacity:.5;border-radius:2px;width:20px;height:3px;display:block}.project-gallery-indicator:where(.astro-2piwf5p4):hover span:where(.astro-2piwf5p4){opacity:1}.project-gallery-indicator:where(.astro-2piwf5p4)[aria-current=true] span:where(.astro-2piwf5p4){background:var(--color-amber);opacity:1}.project-gallery:where(.astro-2piwf5p4) :where(.astro-2piwf5p4):is(button,dialog):focus-visible,.project-gallery:where(.astro-2piwf5p4):focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}.project-gallery-image:where(.astro-2piwf5p4):focus-visible{outline-offset:-4px}.project-gallery-lightbox:where(.astro-2piwf5p4){width:min(94vw,1800px);max-width:94vw;max-height:94dvh;color:var(--color-paper);background:var(--color-ink);border:1px solid var(--color-ink-muted);border-radius:8px;margin:auto;padding:1rem;overflow:auto}.project-gallery-lightbox:where(.astro-2piwf5p4)::backdrop{background:color-mix(in srgb, var(--color-ink) 88%, transparent)}html:has(.project-gallery-lightbox[open]){overflow:hidden}.project-gallery-dialog-bar:where(.astro-2piwf5p4){justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;font-size:.85rem;display:flex}.project-gallery-close:where(.astro-2piwf5p4){border:1px solid var(--color-ink-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .75rem;display:flex}.project-gallery-close:where(.astro-2piwf5p4):hover{border-color:var(--color-amber)}.project-gallery-lightbox:where(.astro-2piwf5p4) .project-gallery-stage:where(.astro-2piwf5p4){width:100%;max-height:min(70dvh,1100px)}.project-gallery-lightbox:where(.astro-2piwf5p4) .project-gallery-image:where(.astro-2piwf5p4){cursor:default}.project-gallery-lightbox:where(.astro-2piwf5p4) .project-gallery-expand:where(.astro-2piwf5p4){display:none}@media (width<=480px){.project-gallery-lightbox:where(.astro-2piwf5p4){padding:.65rem}.project-gallery-dialog-bar:where(.astro-2piwf5p4){font-size:.75rem}}@media (hover:none),(pointer:coarse){.project-gallery-arrow:where(.astro-2piwf5p4){opacity:.55;width:32px}.project-gallery-indicator:where(.astro-2piwf5p4){flex-basis:32px;height:44px}}@media (prefers-reduced-motion:reduce){.project-gallery-slide:where(.astro-2piwf5p4),.project-gallery-arrow:where(.astro-2piwf5p4){transition:none}}.examples-page{padding-block:2.5rem 4rem}.examples-intro{margin-bottom:2.5rem}.examples-intro h1{letter-spacing:-.045em;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:600;line-height:1.15}.examples-intro .section-intro{max-width:48rem}.examples-open-help,.examples-notices{color:var(--color-stone);max-width:48rem;margin-top:1rem;font-size:.8rem;line-height:1.8}.examples-overview{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:2rem;display:grid}.examples-overview a{border:1px solid var(--color-ink-muted);border-radius:4px;grid-template-rows:auto auto 1fr;grid-template-columns:22px minmax(0,1fr);align-content:start;gap:.35rem .6rem;padding:.8rem .65rem;display:grid}.examples-overview a:not(:has(img)){align-self:start}.examples-overview a:hover{background:var(--color-ink-soft);border-color:var(--color-amber)}.examples-overview a:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}.examples-overview-icon{color:var(--color-amber)}.examples-overview-title{font-size:.78rem;font-weight:600;line-height:1.5}.examples-overview-detail{color:var(--color-stone);grid-column:1/-1;font-size:.68rem;line-height:1.6}.examples-overview-thumbnail{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-ink-muted);border-radius:3px;grid-column:1/-1;align-self:end;width:100%;margin-top:.25rem;display:block}.example-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.example-project{min-width:0;scroll-margin-top:7rem}.example-project h2,.example-stress h2{letter-spacing:-.03em;font-size:1.5rem;font-weight:600;line-height:1.3}.example-featured{border-block:1px solid var(--color-ink-muted);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:2.5rem;margin-bottom:.5rem;padding-block:2rem;display:grid}.example-featured h2{margin-top:.65rem;font-size:1.8rem}.example-languages{color:var(--color-paper);margin-top:.75rem;font-size:.82rem;line-height:1.6}.example-description{color:var(--color-stone);margin-top:1rem;font-size:.9rem;line-height:1.85}.example-structure{color:var(--color-stone);font:.7rem/1.7 var(--font-mono);margin-top:1rem}.example-download{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.5rem;display:flex}.example-download .launch-button{text-align:left;gap:.6rem}.example-download svg{flex:none}.example-file-info{color:var(--color-stone);font:.65rem/1.7 var(--font-mono);white-space:nowrap}.example-attribution,.example-sources,.example-stress-credit{color:var(--color-stone);font-size:.75rem;line-height:1.8}.example-attribution{margin-top:1.5rem}.example-media{min-width:0}.example-text{border:1px solid var(--color-ink-muted);background:var(--color-ink-soft);border-radius:6px;flex-direction:column;padding:1.5rem;display:flex}.example-text .example-description{flex:1}.example-text .project-gallery{margin-top:1rem}.example-sources{border-top:1px solid var(--color-ink-muted);overflow-wrap:anywhere;margin-top:1.5rem;padding-top:1.25rem}.example-sources h3{color:var(--color-paper);margin-bottom:.65rem;font-size:.78rem;font-weight:600}.example-sources li+li,.example-sources p{margin-top:.65rem}.example-attribution a,.example-sources a,.example-stress-copy p a{color:var(--color-paper);text-decoration:underline;text-decoration-color:var(--color-amber);text-underline-offset:3px}.example-attribution a:hover,.example-sources a:hover,.example-stress-copy p a:hover{color:var(--color-amber)}.example-stress{border-top:1px solid var(--color-ink-muted);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem 4rem;margin-top:3.5rem;padding-top:2.5rem;scroll-margin-top:7rem;display:grid}.example-stress-copy>p{color:var(--color-stone);margin-top:1rem;font-size:.9rem;line-height:1.85}.example-stress-copy>.example-restriction{color:var(--color-paper);font-size:.8rem}.example-stress-copy>.text-link{margin-top:1rem}.example-stress-copy{min-width:0}.example-benchmark{border-top:1px solid var(--color-ink-muted);margin-top:1.5rem;padding-top:1.25rem}.example-benchmark h3{font-size:.85rem;font-weight:600}.example-benchmark dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.85rem;display:grid}.example-benchmark dl>div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.example-benchmark dt{color:var(--color-stone);font-size:.8rem}.example-benchmark dd{font-variant-numeric:tabular-nums;margin-top:auto;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600}.example-benchmark p{color:var(--color-stone);margin-top:.85rem;font-size:.75rem;line-height:1.8}.example-stress-credit{grid-column:1/-1;max-width:48rem}.example-stress-media{align-self:start;min-width:0}@media (width<=1000px){.examples-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.example-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.example-featured{grid-template-columns:1fr 1fr;gap:1.5rem}.example-stress{gap:2rem}}@media (width<=767px){.examples-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-page{padding-top:2rem}.example-projects,.example-featured,.example-stress{grid-template-columns:1fr}.example-featured{gap:2rem}.example-text{padding:1.25rem}.example-stress{margin-top:2.5rem;padding-top:2rem}}