.section-shell:where(.astro-ut56v74m){gap:clamp(var(--space-lg), 3vw, var(--space-2xl));display:grid}.section-shell--surface:where(.astro-ut56v74m){padding:clamp(var(--space-lg), 3vw, var(--space-2xl));border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-panel) 92%, transparent), color-mix(in srgb, var(--bg-soft) 82%, transparent));box-shadow:var(--shadow-sm);border-radius:.5rem}.section-copy:where(.astro-ut56v74m){align-content:start;gap:var(--space-sm);max-width:34rem;display:grid}.section-copy--sticky:where(.astro-ut56v74m){align-self:start}.section-body:where(.astro-ut56v74m){min-width:0}.section-kicker:where(.astro-ut56v74m){color:var(--fg-subtle);letter-spacing:0;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.section-heading:where(.astro-ut56v74m){max-width:24ch;color:var(--fg);letter-spacing:0;text-align:left;margin:0;font-size:clamp(1.375rem,3vw,2rem);font-weight:800;line-height:1.15}.section-supporting:where(.astro-ut56v74m){max-width:58ch;color:var(--fg-muted);margin:0;font-size:1rem;line-height:1.7}.gallery-groups:where(.astro-ut56v74m){gap:clamp(1.5rem,3vw,2.25rem);display:grid}.gallery-group:where(.astro-ut56v74m){gap:.875rem;display:grid}.gallery-group-heading:where(.astro-ut56v74m){border-bottom:1px solid color-mix(in srgb, var(--border) 75%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-bottom:.625rem;display:flex}.gallery-group-heading:where(.astro-ut56v74m) h3:where(.astro-ut56v74m){color:var(--fg);letter-spacing:0;margin:0;font-size:1rem;font-weight:800}.gallery-group-heading:where(.astro-ut56v74m) span:where(.astro-ut56v74m){color:var(--fg-subtle);letter-spacing:0;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.gallery-grid:where(.astro-ut56v74m){grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.gallery-grid:where(.astro-ut56v74m){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1240px){.gallery-grid:where(.astro-ut56v74m){grid-template-columns:repeat(3,minmax(0,1fr))}}.screenshot-figure:where(.astro-ut56v74m){cursor:default;border-color:color-mix(in srgb, var(--border) 88%, transparent);height:100%;box-shadow:none;flex-direction:column;align-items:stretch;gap:.75rem;margin:0;padding:.625rem;display:flex;overflow:hidden}.screenshot-figure:where(.astro-ut56v74m):hover{border-color:color-mix(in srgb, var(--border) 88%, transparent);box-shadow:none;transform:none}.screenshot-shell:where(.astro-ut56v74m){border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--color-primary) 84%, transparent);border-radius:.5rem;overflow:hidden}.screenshot-topbar:where(.astro-ut56v74m){border-bottom:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--color-primary) 94%, var(--color-background) 6%);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.25rem;padding:.55rem .7rem;display:flex}.screenshot-topbar-dots:where(.astro-ut56v74m){flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.screenshot-topbar-dots:where(.astro-ut56v74m) span:where(.astro-ut56v74m){background:color-mix(in srgb, var(--fg-muted) 32%, transparent);border-radius:999px;width:.48rem;height:.48rem}.screenshot-topbar-label:where(.astro-ut56v74m){color:var(--fg-muted);letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;overflow:hidden}.img-trigger:where(.astro-ut56v74m){cursor:zoom-in;background:0 0;border:none;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.img-trigger:where(.astro-ut56v74m):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.img-frame:where(.astro-ut56v74m){aspect-ratio:16/10;background:var(--color-background);border-radius:0;position:relative;overflow:hidden}.screenshot-img:where(.astro-ut56v74m){object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform var(--motion-duration-base) var(--motion-ease-out);border-radius:0;display:block}.img-trigger:where(.astro-ut56v74m):hover .screenshot-img:where(.astro-ut56v74m),.img-trigger:where(.astro-ut56v74m):focus-visible .screenshot-img:where(.astro-ut56v74m){transform:scale(1.01)}.zoom-overlay:where(.astro-ut56v74m){pointer-events:none;transition:background var(--motion-duration-base) ease-out;background:#0f172a00;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.img-trigger:where(.astro-ut56v74m):hover .zoom-overlay:where(.astro-ut56v74m),.img-trigger:where(.astro-ut56v74m):focus-visible .zoom-overlay:where(.astro-ut56v74m){background:#0f172a1f}.zoom-icon:where(.astro-ut56v74m){width:2.5rem;height:2.5rem;color:var(--accent);opacity:0;transition:opacity var(--motion-duration-base) ease-out, transform var(--motion-duration-base) var(--motion-ease-out);background:#22c55e1a;border:1px solid #22c55e3d;border-radius:9999px;justify-content:center;align-items:center;display:flex;transform:scale(.8)}.zoom-hint:where(.astro-ut56v74m){color:#f8fafceb;letter-spacing:0;opacity:0;pointer-events:none;text-transform:uppercase;transition:opacity var(--motion-duration-base) ease-out, transform var(--motion-duration-base) var(--motion-ease-out);background:#0f172ac7;border:1px solid #e2e8f02e;border-radius:999px;padding:.32rem .55rem;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem;transform:translateY(.2rem)}.img-trigger:where(.astro-ut56v74m):hover .zoom-icon:where(.astro-ut56v74m),.img-trigger:where(.astro-ut56v74m):focus-visible .zoom-icon:where(.astro-ut56v74m){opacity:1;transform:scale(1)}.img-trigger:where(.astro-ut56v74m):hover .zoom-hint:where(.astro-ut56v74m),.img-trigger:where(.astro-ut56v74m):focus-visible .zoom-hint:where(.astro-ut56v74m){opacity:1;transform:translateY(0)}.screenshot-caption:where(.astro-ut56v74m){width:100%;max-width:58ch;color:var(--fg-muted);text-align:left;align-self:flex-start;gap:.3rem;margin:0;padding-inline:.125rem;font-size:.875rem;line-height:1.55;display:grid}.screenshot-caption-label:where(.astro-ut56v74m){color:var(--fg-subtle);letter-spacing:0;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.screenshot-dialog:where(.astro-ut56v74m){border:1px solid var(--border);background:var(--color-primary);width:min(95vw,1280px);max-height:92dvh;color:var(--fg);box-shadow:var(--shadow-xl), 0 0 0 1px #22c55e1a;border-radius:.5rem;padding:0;overflow-y:auto}.screenshot-dialog:where(.astro-ut56v74m)::backdrop{backdrop-filter:blur(4px);background:#000000c7}.dialog-inner:where(.astro-ut56v74m){flex-direction:column;display:flex}.dialog-header:where(.astro-ut56v74m){z-index:1;border-bottom:1px solid var(--border);background:var(--color-primary);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex;position:sticky;top:0}.dialog-copy:where(.astro-ut56v74m){gap:.25rem;min-width:0;display:grid}.dialog-title:where(.astro-ut56v74m),.dialog-caption-text:where(.astro-ut56v74m){margin:0}.dialog-title:where(.astro-ut56v74m){color:var(--fg);letter-spacing:0;font-weight:800}.dialog-caption-text:where(.astro-ut56v74m){color:var(--fg-muted);font-size:.875rem;line-height:1.5}.dialog-close:where(.astro-ut56v74m){white-space:nowrap;flex-shrink:0;align-items:center;gap:.375rem;min-height:44px;padding:.625rem .875rem;font-size:.8125rem;display:inline-flex}.dialog-img-wrap:where(.astro-ut56v74m){justify-content:center;align-items:flex-start;padding:1rem;display:flex}.dialog-img:where(.astro-ut56v74m){max-width:100%;height:auto;box-shadow:var(--shadow-lg);border-radius:.375rem;display:block}@media (width>=960px){.section-shell--split:where(.astro-ut56v74m){align-items:start;column-gap:clamp(var(--space-xl), 4vw, calc(var(--space-2xl) + var(--space-sm)));grid-template-columns:minmax(0,16.5rem) minmax(0,1fr)}.section-copy--sticky:where(.astro-ut56v74m){top:calc(4.5rem + var(--space-lg));position:sticky}}@media (width<=959px){.section-shell--surface:where(.astro-ut56v74m){padding:var(--space-lg)}}@media (width<=560px){.dialog-header:where(.astro-ut56v74m){flex-direction:column;align-items:flex-start}.dialog-close:where(.astro-ut56v74m){justify-content:center;width:100%}}@media (prefers-color-scheme:light){.section-shell--surface:where(.astro-ut56v74m){background:#ffffffeb;border-color:#64748b29;box-shadow:0 8px 20px #0f172a0f}.screenshot-shell:where(.astro-ut56v74m){background:#fff;border-color:#d7dee7}.screenshot-topbar:where(.astro-ut56v74m){background:#f8fafc;border-bottom-color:#e2e8f0}.screenshot-topbar-dots:where(.astro-ut56v74m) span:where(.astro-ut56v74m){background:#64748b59}.screenshot-dialog:where(.astro-ut56v74m){background:#fff;border-color:#e2e8f0}.screenshot-dialog:where(.astro-ut56v74m)::backdrop{background:#0f172aa6}.dialog-header:where(.astro-ut56v74m){background:#fff;border-bottom-color:#e2e8f0}}@media (prefers-reduced-motion:reduce){.screenshot-img:where(.astro-ut56v74m),.zoom-overlay:where(.astro-ut56v74m),.zoom-icon:where(.astro-ut56v74m),.zoom-hint:where(.astro-ut56v74m){transition:none!important}.img-trigger:where(.astro-ut56v74m):hover .screenshot-img:where(.astro-ut56v74m),.img-trigger:where(.astro-ut56v74m):focus-visible .screenshot-img:where(.astro-ut56v74m){transform:none!important}}