.project-hero[data-astro-cid-xnl3yi4e]{padding-top:calc(var(--navbar-h) + var(--space-5));padding-bottom:var(--space-6)}.project-hero__inner[data-astro-cid-xnl3yi4e]{max-width:800px}.breadcrumb[data-astro-cid-xnl3yi4e]{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#e6f1fb8c;margin-bottom:var(--space-3)}.breadcrumb[data-astro-cid-xnl3yi4e] a[data-astro-cid-xnl3yi4e]{color:#e6f1fbb3;text-decoration:none}.breadcrumb[data-astro-cid-xnl3yi4e] a[data-astro-cid-xnl3yi4e]:hover{color:var(--color-white);text-decoration:none}.hero-cat[data-astro-cid-xnl3yi4e]{margin-bottom:var(--space-2)}.project-hero__title[data-astro-cid-xnl3yi4e]{color:var(--color-white);font-size:clamp(1.75rem,4vw,3rem);margin-bottom:var(--space-3)}.project-hero__desc[data-astro-cid-xnl3yi4e]{font-size:1.125rem;color:#e6f1fbbf;max-width:640px;line-height:1.6}.project-cover[data-astro-cid-xnl3yi4e]{background:var(--color-primary);padding-bottom:var(--space-6)}.project-cover__img[data-astro-cid-xnl3yi4e]{width:100%;border-radius:var(--radius-lg);aspect-ratio:16/9;object-fit:cover;box-shadow:var(--shadow-xl)}.project-layout[data-astro-cid-xnl3yi4e]{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:1024px){.project-layout[data-astro-cid-xnl3yi4e]{grid-template-columns:1fr 320px;align-items:start}}.project-content[data-astro-cid-xnl3yi4e]{min-width:0}.project-sidebar[data-astro-cid-xnl3yi4e]{position:sticky;top:calc(var(--navbar-h) + var(--space-3))}.sidebar-card[data-astro-cid-xnl3yi4e]{background:var(--color-bg);border-radius:var(--radius-card);border:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-card__title[data-astro-cid-xnl3yi4e]{font-size:1rem;font-weight:700;color:var(--color-primary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.meta-list[data-astro-cid-xnl3yi4e]{display:flex;flex-direction:column;gap:12px}.meta-item[data-astro-cid-xnl3yi4e]{display:flex;flex-direction:column;gap:2px}.meta-item[data-astro-cid-xnl3yi4e] dt[data-astro-cid-xnl3yi4e]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.meta-item[data-astro-cid-xnl3yi4e] dd[data-astro-cid-xnl3yi4e]{font-size:.9375rem;color:var(--color-text);font-weight:500}.meta-url[data-astro-cid-xnl3yi4e]{color:var(--color-accent);font-weight:600}.sidebar-techs[data-astro-cid-xnl3yi4e] h3[data-astro-cid-xnl3yi4e]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.tech-badges[data-astro-cid-xnl3yi4e]{display:flex;flex-wrap:wrap;gap:6px}.sidebar-cta[data-astro-cid-xnl3yi4e]{border-top:1px solid var(--color-border);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-cta[data-astro-cid-xnl3yi4e] p[data-astro-cid-xnl3yi4e]{font-size:.9rem;font-weight:600;color:var(--color-primary)}.sidebar-cta[data-astro-cid-xnl3yi4e] .btn[data-astro-cid-xnl3yi4e]{width:100%;justify-content:center}.cta-band[data-astro-cid-xnl3yi4e]{text-align:center}.cta-band[data-astro-cid-xnl3yi4e] h2[data-astro-cid-xnl3yi4e]{color:var(--color-white);margin-bottom:var(--space-2)}.cta-band[data-astro-cid-xnl3yi4e] p[data-astro-cid-xnl3yi4e]{color:#e6f1fbb3;margin-bottom:var(--space-4)}.demo-section[data-astro-cid-xnl3yi4e]{padding-block:var(--space-6)}.demo-header[data-astro-cid-xnl3yi4e]{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-4)}.demo-header[data-astro-cid-xnl3yi4e] h2[data-astro-cid-xnl3yi4e]{margin-bottom:4px}.demo-header[data-astro-cid-xnl3yi4e] p[data-astro-cid-xnl3yi4e]{color:var(--color-text-muted);font-size:.9375rem}.demo-frame-wrap[data-astro-cid-xnl3yi4e]{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-xl);background:#fff}.demo-frame-bar[data-astro-cid-xnl3yi4e]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border-bottom:1px solid var(--color-border)}.demo-dot[data-astro-cid-xnl3yi4e]{width:12px;height:12px;border-radius:50%;flex-shrink:0}.demo-dot--red[data-astro-cid-xnl3yi4e]{background:#ff5f57}.demo-dot--yellow[data-astro-cid-xnl3yi4e]{background:#febc2e}.demo-dot--green[data-astro-cid-xnl3yi4e]{background:#28c840}.demo-frame-url[data-astro-cid-xnl3yi4e]{flex:1;font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-frame-open[data-astro-cid-xnl3yi4e]{color:var(--color-text-muted);display:flex;transition:color var(--transition-fast)}.demo-frame-open[data-astro-cid-xnl3yi4e]:hover{color:var(--color-accent)}.demo-frame[data-astro-cid-xnl3yi4e]{width:100%;height:600px;border:none;display:block}@media(max-width:767px){.demo-frame[data-astro-cid-xnl3yi4e]{height:420px}}