.section--demos[data-astro-cid-nzhzjknt]{background:var(--color-bg)}.demo-grid[data-astro-cid-nzhzjknt]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.demo-card[data-astro-cid-nzhzjknt]{display:block}.demo-card__trigger[data-astro-cid-nzhzjknt]{display:block;width:100%;padding:0;margin:0;background:var(--color-bg-elev);border:1px solid var(--color-line);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),background var(--t-base) var(--ease);overflow:hidden}.demo-card__trigger[data-astro-cid-nzhzjknt]:hover,.demo-card__trigger[data-astro-cid-nzhzjknt]:focus-visible{transform:translateY(-4px);border-color:var(--color-accent);background:var(--color-bg-elev)}.demo-card__trigger[data-astro-cid-nzhzjknt]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-card__media[data-astro-cid-nzhzjknt]{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border-bottom:1px solid var(--color-line)}.demo-card__img[data-astro-cid-nzhzjknt]{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.demo-card__trigger[data-astro-cid-nzhzjknt]:hover .demo-card__img[data-astro-cid-nzhzjknt],.demo-card__trigger[data-astro-cid-nzhzjknt]:focus-visible .demo-card__img[data-astro-cid-nzhzjknt]{transform:scale(1.04)}.demo-card__media-overlay[data-astro-cid-nzhzjknt]{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0000 40%,#0000008c);opacity:0;transition:opacity var(--t-base) var(--ease)}.demo-card__trigger[data-astro-cid-nzhzjknt]:hover .demo-card__media-overlay[data-astro-cid-nzhzjknt],.demo-card__trigger[data-astro-cid-nzhzjknt]:focus-visible .demo-card__media-overlay[data-astro-cid-nzhzjknt]{opacity:1}.demo-card__play[data-astro-cid-nzhzjknt]{display:inline-flex;align-items:center;gap:.5ch;padding:.65em 1.1em;background:var(--color-accent);color:#08090b;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.demo-card__badge[data-astro-cid-nzhzjknt]{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:.5ch;padding:.35em .7em;background:#08090bc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-text);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1)}.demo-card__body[data-astro-cid-nzhzjknt]{padding:var(--sp-4) var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.demo-card__top[data-astro-cid-nzhzjknt]{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-2)}.demo-card__title[data-astro-cid-nzhzjknt]{margin:0;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600;line-height:1.15}.demo-card__client[data-astro-cid-nzhzjknt]{margin:0;color:var(--color-text-3);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.demo-card__desc[data-astro-cid-nzhzjknt]{margin:var(--sp-1) 0 0;color:var(--color-text-2);line-height:1.5;font-size:.95rem}.demo-card__stack[data-astro-cid-nzhzjknt]{list-style:none;margin:var(--sp-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.demo-card__stack[data-astro-cid-nzhzjknt] li[data-astro-cid-nzhzjknt]{padding:.25em .6em;background:#ffffff0a;border:1px solid var(--color-line);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;color:var(--color-text-2)}.demo-card__cta[data-astro-cid-nzhzjknt]{margin-top:var(--sp-2);display:inline-block;color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;transition:transform var(--t-base) var(--ease)}.demo-card__trigger[data-astro-cid-nzhzjknt]:hover .demo-card__cta[data-astro-cid-nzhzjknt],.demo-card__trigger[data-astro-cid-nzhzjknt]:focus-visible .demo-card__cta[data-astro-cid-nzhzjknt]{transform:translate(4px)}.demo-grid__hint[data-astro-cid-nzhzjknt]{margin:var(--sp-4) 0 0;text-align:center;color:var(--color-text-3);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em}.demo-modal[data-astro-cid-nzhzjknt][hidden]{display:none}.demo-modal[data-astro-cid-nzhzjknt]{position:fixed;inset:0;z-index:1000;opacity:0;transition:opacity .22s var(--ease)}.demo-modal[data-astro-cid-nzhzjknt].is-open{opacity:1}.demo-modal__backdrop[data-astro-cid-nzhzjknt]{position:absolute;inset:0;background:#08090bd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.demo-modal__panel[data-astro-cid-nzhzjknt]{position:absolute;inset:5vh 5vw;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-line);overflow:hidden;box-shadow:0 30px 80px #00000080}.demo-modal__bar[data-astro-cid-nzhzjknt]{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);background:var(--color-bg-elev);border-bottom:1px solid var(--color-line);gap:var(--sp-2)}.demo-modal__bar-left[data-astro-cid-nzhzjknt]{display:flex;align-items:center;gap:.7ch;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em}.demo-modal__bar-right[data-astro-cid-nzhzjknt]{display:flex;align-items:center;gap:var(--sp-2)}.demo-modal__btn[data-astro-cid-nzhzjknt]{background:transparent;border:1px solid var(--color-line);color:var(--color-text);padding:.5em .9em;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.demo-modal__btn[data-astro-cid-nzhzjknt]:hover{border-color:var(--color-accent)}.demo-modal__btn--close[data-astro-cid-nzhzjknt]{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:.9rem}.demo-modal__banner[data-astro-cid-nzhzjknt]{padding:var(--sp-2) var(--sp-3);background:#e8ff3a14;border-bottom:1px solid var(--color-line);color:var(--color-text);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em}.demo-modal__frame-wrap[data-astro-cid-nzhzjknt]{position:relative;flex:1;background:var(--color-bg)}.demo-modal__iframe[data-astro-cid-nzhzjknt]{width:100%;height:100%;border:0;background:var(--color-bg)}.demo-modal__loading[data-astro-cid-nzhzjknt]{position:absolute;inset:0;display:grid;place-items:center;gap:12px;background:var(--color-bg);color:var(--color-text-2);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em}.demo-modal__loading[data-astro-cid-nzhzjknt][hidden]{display:none}.demo-modal__spinner[data-astro-cid-nzhzjknt]{width:28px;height:28px;border:2px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;animation:demoSpin .9s linear infinite}@keyframes demoSpin{to{transform:rotate(360deg)}}body.demo-modal-open{overflow:hidden}@media(max-width:880px){.demo-grid[data-astro-cid-nzhzjknt]{grid-template-columns:1fr;gap:var(--sp-2)}.demo-modal__panel[data-astro-cid-nzhzjknt]{inset:0;border:0}.demo-card__body[data-astro-cid-nzhzjknt]{padding:var(--sp-3)}.demo-card__media-overlay[data-astro-cid-nzhzjknt]{opacity:1;background:linear-gradient(180deg,#0000 60%,#0009)}.demo-card__play[data-astro-cid-nzhzjknt]{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.demo-card__trigger[data-astro-cid-nzhzjknt],.demo-card__img[data-astro-cid-nzhzjknt],.demo-card__media-overlay[data-astro-cid-nzhzjknt],.demo-card__cta[data-astro-cid-nzhzjknt],.demo-modal[data-astro-cid-nzhzjknt]{transition:none}.demo-modal__spinner[data-astro-cid-nzhzjknt]{animation:none}}