.demonstrations[data-astro-cid-4apjq7n4]{--demo-accent:#9ac5e8;--demo-muted:#a7b8ca;--demo-border:#ffffff20;color:#eaf0f7;background:#0b121c;display:block}.demonstrations[data-astro-cid-4apjq7n4] h1[data-astro-cid-4apjq7n4],.demonstrations[data-astro-cid-4apjq7n4] h2[data-astro-cid-4apjq7n4],.demonstrations[data-astro-cid-4apjq7n4] h3[data-astro-cid-4apjq7n4]{letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:550}.demonstrations[data-astro-cid-4apjq7n4] p[data-astro-cid-4apjq7n4]{color:var(--demo-muted);line-height:1.7}.demonstrations[data-astro-cid-4apjq7n4] [data-astro-cid-4apjq7n4]:is(a,button):focus-visible{outline:2px solid var(--demo-accent);outline-offset:4px}.demo-intro[data-astro-cid-4apjq7n4]{background:radial-gradient(at 85% 5%,#23415c66,#0000 75%);padding:clamp(6.75rem,11vw,8.75rem) 0 2.5rem}.demo-intro[data-astro-cid-4apjq7n4] .tag[data-astro-cid-4apjq7n4]{color:var(--demo-accent)}.demo-intro[data-astro-cid-4apjq7n4] h1[data-astro-cid-4apjq7n4]{margin:.9rem 0 1rem;font-size:clamp(2.25rem,4.8vw,4.35rem);line-height:1.08}.demo-intro[data-astro-cid-4apjq7n4] em[data-astro-cid-4apjq7n4]{color:var(--demo-accent);font-style:normal}.demo-intro[data-astro-cid-4apjq7n4] p[data-astro-cid-4apjq7n4]{max-width:44rem;margin:0 0 1.4rem}.demo-actions[data-astro-cid-4apjq7n4]{flex-wrap:wrap;gap:.75rem;display:flex}.demonstrations[data-astro-cid-4apjq7n4] .btn[data-astro-cid-4apjq7n4]{text-align:center;white-space:normal;min-height:44px}.demo-gallery[data-astro-cid-4apjq7n4]{padding-bottom:clamp(3rem,7vw,5.5rem)}.demo-card[data-astro-cid-4apjq7n4],.demo-gallery[data-astro-cid-4apjq7n4]{scroll-margin-top:6rem}.demo-gallery-heading[data-astro-cid-4apjq7n4]{border-top:1px solid var(--demo-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.15rem;padding-top:1.15rem;display:flex}.demo-gallery-heading[data-astro-cid-4apjq7n4] h2[data-astro-cid-4apjq7n4]{margin:0;font-size:clamp(1.6rem,3vw,2rem)}.demo-label[data-astro-cid-4apjq7n4]{color:var(--demo-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.demo-grid[data-astro-cid-4apjq7n4]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.demo-card[data-astro-cid-4apjq7n4]{min-width:0}.demo-film[data-astro-cid-4apjq7n4]{border:1px solid var(--demo-border);color:inherit;background:#111d29;border-radius:4px;flex-direction:column;height:100%;text-decoration:none;display:flex}.demo-card[data-astro-cid-4apjq7n4]:target .demo-film[data-astro-cid-4apjq7n4],.demo-film[data-astro-cid-4apjq7n4]:is(:hover,:focus-visible){color:inherit;border-color:#8bb4d7;text-decoration:none}.demo-poster[data-astro-cid-4apjq7n4]{aspect-ratio:16/9;background:#172636;border-radius:3px 3px 0 0;position:relative;overflow:hidden}.demo-poster[data-astro-cid-4apjq7n4] img[data-astro-cid-4apjq7n4]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.demo-play[data-astro-cid-4apjq7n4]{color:#fff;background:#0b121cdd;border:1px solid #eaf0f7a6;border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.demo-film[data-astro-cid-4apjq7n4]:is(:hover,:focus-visible) .demo-play[data-astro-cid-4apjq7n4]{background:var(--demo-accent);color:#0b121c}.demo-duration[data-astro-cid-4apjq7n4]{color:#fff;font-variant-numeric:tabular-nums;background:#0b121ce8;border-radius:3px;padding:.12rem .45rem;font-size:.75rem;position:absolute;inset:auto .65rem .65rem auto}.demo-card-body[data-astro-cid-4apjq7n4]{flex-direction:column;flex:1;padding:1.1rem;display:flex}.demo-card[data-astro-cid-4apjq7n4] h3[data-astro-cid-4apjq7n4]{margin:.38rem 0 .5rem;font-size:1.25rem;line-height:1.3}.demo-card[data-astro-cid-4apjq7n4] p[data-astro-cid-4apjq7n4]{margin:0 0 1rem;font-size:.89rem}.demo-products[data-astro-cid-4apjq7n4]{flex-wrap:wrap;gap:.35rem;margin:auto 0 0;padding:0;list-style:none;display:flex}.demo-products[data-astro-cid-4apjq7n4] li[data-astro-cid-4apjq7n4]{border:1px solid var(--demo-border);color:#c8d6e5;border-radius:3px;padding:.15rem .48rem;font-size:.69rem}.demo-final[data-astro-cid-4apjq7n4]{border-top:1px solid var(--demo-border);background:#13202d;padding:clamp(2.5rem,6vw,4.5rem) 0}.demo-final[data-astro-cid-4apjq7n4]>.container[data-astro-cid-4apjq7n4]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.demo-final[data-astro-cid-4apjq7n4] h2[data-astro-cid-4apjq7n4]{margin:0 0 .55rem;font-size:clamp(1.75rem,3vw,2.5rem)}.demo-final[data-astro-cid-4apjq7n4] p[data-astro-cid-4apjq7n4]{margin:0}.demo-dialog[data-astro-cid-4apjq7n4]{box-sizing:border-box;color:#eaf0f7;color-scheme:dark;overscroll-behavior:contain;background:#111d29;border:1px solid #536a80;border-radius:4px;width:min(54rem,100% - 1.5rem);max-height:calc(100dvh - 1.5rem);margin:auto;padding:clamp(.85rem,3vw,1.5rem);position:fixed;inset:0;overflow:auto}.demo-dialog[data-astro-cid-4apjq7n4]::backdrop{background:#050a11d9}.demo-dialog-header[data-astro-cid-4apjq7n4]{justify-content:space-between;align-items:start;gap:.65rem;margin-bottom:1rem;display:flex}.demo-dialog-header[data-astro-cid-4apjq7n4] h2[data-astro-cid-4apjq7n4]{margin:.15rem 0 0;font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.2}.demo-dialog-header[data-astro-cid-4apjq7n4] button[data-astro-cid-4apjq7n4]{padding:.55rem .8rem}.demo-player[data-astro-cid-4apjq7n4]{background:#050a11}.demo-player[data-astro-cid-4apjq7n4] video[data-astro-cid-4apjq7n4]{width:100%;height:auto;max-height:62dvh;display:block}.demo-embed[data-astro-cid-4apjq7n4]{aspect-ratio:16/9;position:relative}.demo-embed[data-astro-cid-4apjq7n4]:has([data-loaded=false]){min-height:210px}.demo-dialog[data-astro-cid-4apjq7n4] p[data-astro-cid-4apjq7n4]{margin:.9rem 0 .5rem}.demo-dialog-links[data-astro-cid-4apjq7n4]{flex-wrap:wrap;gap:0 1.25rem;display:flex}.demo-dialog-links[data-astro-cid-4apjq7n4] a[data-astro-cid-4apjq7n4]{color:var(--demo-accent);align-items:center;min-height:44px;font-size:.85rem;display:inline-flex}@media (width<=1000px){.demo-grid[data-astro-cid-4apjq7n4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.demo-grid[data-astro-cid-4apjq7n4]{grid-template-columns:minmax(0,1fr)}}
