.project-demo[data-astro-cid-dn5cu75s]{--demo-progress: 0%;position:relative}.project-demo__frame[data-astro-cid-dn5cu75s]{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);padding:clamp(1.5rem,1rem + 2vw,3rem);border:1px solid color-mix(in oklab,var(--color-border) 82%,var(--color-accent) 18%);background:linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 84%,var(--color-accent) 16%) 0%,var(--color-bg) 16rem),var(--color-bg);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}.project-demo__intro[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-sm);max-width:72rem}.project-demo__eyebrow[data-astro-cid-dn5cu75s],.project-demo__panel-kicker[data-astro-cid-dn5cu75s],.project-demo__step-signal[data-astro-cid-dn5cu75s],.project-demo__abstract-label[data-astro-cid-dn5cu75s],.project-demo__output-label[data-astro-cid-dn5cu75s]{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.project-demo__eyebrow[data-astro-cid-dn5cu75s],.project-demo__panel-kicker[data-astro-cid-dn5cu75s],.project-demo__step-signal[data-astro-cid-dn5cu75s],.project-demo__output-label[data-astro-cid-dn5cu75s]{color:color-mix(in oklab,var(--color-accent) 82%,var(--color-text) 18%)}.project-demo__heading-block[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-xs)}.project-demo__heading-block[data-astro-cid-dn5cu75s] h2[data-astro-cid-dn5cu75s]{font-size:clamp(2rem,1.6rem + 2vw,3.75rem);max-width:16ch}.project-demo__heading-block[data-astro-cid-dn5cu75s] p[data-astro-cid-dn5cu75s],.project-demo__note[data-astro-cid-dn5cu75s],.project-demo__panel[data-astro-cid-dn5cu75s] p[data-astro-cid-dn5cu75s],.project-demo__step[data-astro-cid-dn5cu75s] p[data-astro-cid-dn5cu75s],.project-demo__process-head[data-astro-cid-dn5cu75s] p[data-astro-cid-dn5cu75s],.project-demo__detail[data-astro-cid-dn5cu75s]{color:color-mix(in oklab,var(--color-text) 72%,var(--color-bg) 28%)}.project-demo__note[data-astro-cid-dn5cu75s]{max-width:60ch;font-size:var(--text-sm)}.project-demo__grid[data-astro-cid-dn5cu75s]{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem) minmax(0,1fr);gap:clamp(1rem,.7rem + 1vw,2rem);align-items:start}.project-demo__panel[data-astro-cid-dn5cu75s],.project-demo__process[data-astro-cid-dn5cu75s]{position:relative;display:grid;gap:var(--space-sm);padding:clamp(1rem,.7rem + 1vw,1.5rem);min-height:100%;border-radius:8px;border:1px solid color-mix(in oklab,var(--color-border) 88%,var(--color-accent) 12%);background:color-mix(in oklab,var(--color-bg) 90%,var(--color-bg-alt) 10%);transition:transform var(--duration-slow) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo)}.project-demo__panel[data-astro-cid-dn5cu75s] h3[data-astro-cid-dn5cu75s],.project-demo__step[data-astro-cid-dn5cu75s] h3[data-astro-cid-dn5cu75s]{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;line-height:1.25}.project-demo__detail[data-astro-cid-dn5cu75s]{font-size:var(--text-sm);max-width:44ch}.project-demo__visual[data-astro-cid-dn5cu75s]{position:relative;min-height:15rem;overflow:hidden;border-radius:8px;border:1px solid color-mix(in oklab,var(--color-border) 80%,var(--color-accent) 20%);background:linear-gradient(135deg,color-mix(in oklab,var(--color-bg-alt) 88%,var(--color-accent) 12%),var(--color-bg))}.project-demo__visual--asset[data-astro-cid-dn5cu75s] img[data-astro-cid-dn5cu75s]{width:100%;height:100%;min-height:15rem;object-fit:cover;display:block}.project-demo__visual--abstract[data-astro-cid-dn5cu75s],.project-demo__visual--output[data-astro-cid-dn5cu75s]{display:grid;align-content:space-between;gap:var(--space-md);padding:clamp(1rem,.7rem + 1vw,1.5rem)}.project-demo__scan-line[data-astro-cid-dn5cu75s]{position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.75;transform:translateY(1.5rem)}.project-demo__abstract-sheet[data-astro-cid-dn5cu75s],.project-demo__output-chip-row[data-astro-cid-dn5cu75s]{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.project-demo__abstract-sheet[data-astro-cid-dn5cu75s] span[data-astro-cid-dn5cu75s],.project-demo__output-chip-row[data-astro-cid-dn5cu75s] span[data-astro-cid-dn5cu75s]{padding:.55rem .8rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 76%,var(--color-accent) 24%);background:color-mix(in oklab,var(--color-bg) 84%,var(--color-accent) 16%);font-size:var(--text-xs);font-weight:600}.project-demo__output-card[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-xs);padding:var(--space-md);border-radius:8px;background:color-mix(in oklab,var(--color-bg) 80%,var(--color-accent) 20%);border:1px solid color-mix(in oklab,var(--color-border) 72%,var(--color-accent) 28%)}.project-demo__output-title[data-astro-cid-dn5cu75s]{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.project-demo__process[data-astro-cid-dn5cu75s]{grid-template-rows:auto auto 1fr}.project-demo__process-head[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-2xs)}.project-demo__rail[data-astro-cid-dn5cu75s]{position:relative;min-height:1.5rem}.project-demo__rail-track[data-astro-cid-dn5cu75s],.project-demo__rail-progress[data-astro-cid-dn5cu75s]{position:absolute;inset-inline:0;top:.75rem;height:1px;transform-origin:left center}.project-demo__rail-track[data-astro-cid-dn5cu75s]{background:color-mix(in oklab,var(--color-border) 88%,var(--color-text) 12%)}.project-demo__rail-progress[data-astro-cid-dn5cu75s]{width:var(--demo-progress);background:linear-gradient(90deg,color-mix(in oklab,var(--color-accent) 62%,var(--color-text) 38%),var(--color-accent));transition:width .7s var(--ease-out-expo)}.project-demo__steps[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-sm)}.project-demo__step[data-astro-cid-dn5cu75s]{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);padding:var(--space-sm);border-radius:8px;border:1px solid color-mix(in oklab,var(--color-border) 88%,var(--color-accent) 12%);background:color-mix(in oklab,var(--color-bg) 92%,var(--color-bg-alt) 8%);transition:transform var(--duration-slow) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo)}.project-demo__step-index[data-astro-cid-dn5cu75s]{font-family:var(--font-display);font-size:var(--text-2xl);line-height:.9;color:color-mix(in oklab,var(--color-accent) 76%,var(--color-text) 24%)}.project-demo__step-body[data-astro-cid-dn5cu75s]{display:grid;gap:var(--space-3xs)}.project-demo__proof[data-astro-cid-dn5cu75s]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.project-demo__proof-item[data-astro-cid-dn5cu75s]{padding:var(--space-sm);border-top:1px solid color-mix(in oklab,var(--color-accent) 26%,var(--color-border) 74%);font-size:var(--text-sm);color:color-mix(in oklab,var(--color-text) 76%,var(--color-bg) 24%)}.project-demo__actions[data-astro-cid-dn5cu75s]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-demo__actions[data-astro-cid-dn5cu75s] .btn[data-astro-cid-dn5cu75s]{min-height:48px}.project-demo[data-astro-cid-dn5cu75s][data-active-stage=input] [data-astro-cid-dn5cu75s][data-stage=input],.project-demo[data-astro-cid-dn5cu75s][data-active-stage=output] [data-astro-cid-dn5cu75s][data-stage=output],.project-demo[data-astro-cid-dn5cu75s][data-active-stage=process-0] [data-astro-cid-dn5cu75s][data-stage=process-0],.project-demo[data-astro-cid-dn5cu75s][data-active-stage=process-1] [data-astro-cid-dn5cu75s][data-stage=process-1],.project-demo[data-astro-cid-dn5cu75s][data-active-stage=process-2] [data-astro-cid-dn5cu75s][data-stage=process-2],.project-demo[data-astro-cid-dn5cu75s][data-active-stage=process-3] [data-astro-cid-dn5cu75s][data-stage=process-3]{transform:translateY(-4px);border-color:color-mix(in oklab,var(--color-accent) 46%,var(--color-border) 54%);background:color-mix(in oklab,var(--color-bg) 72%,var(--color-accent) 28%);box-shadow:0 16px 30px color-mix(in oklab,var(--color-accent) 12%,transparent)}.project-demo[data-astro-cid-dn5cu75s][data-active-stage=input] .project-demo__scan-line[data-astro-cid-dn5cu75s]{animation:project-demo-scan 1.4s var(--ease-out-expo) infinite}.project-demo--embedded[data-astro-cid-dn5cu75s] .project-demo__frame[data-astro-cid-dn5cu75s]{background:linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 88%,var(--color-accent) 12%) 0%,var(--color-bg) 14rem),var(--color-bg)}@keyframes project-demo-scan{0%{transform:translateY(1.5rem);opacity:0}20%{opacity:.7}to{transform:translateY(12rem);opacity:0}}@media(max-width:1100px){.project-demo__grid[data-astro-cid-dn5cu75s]{grid-template-columns:1fr}.project-demo__process[data-astro-cid-dn5cu75s]{order:2}.project-demo__rail-track[data-astro-cid-dn5cu75s],.project-demo__rail-progress[data-astro-cid-dn5cu75s]{top:.5rem}}@media(max-width:768px){.project-demo__frame[data-astro-cid-dn5cu75s]{padding:var(--space-md)}.project-demo__heading-block[data-astro-cid-dn5cu75s] h2[data-astro-cid-dn5cu75s]{max-width:12ch}.project-demo__proof[data-astro-cid-dn5cu75s]{grid-template-columns:1fr;gap:0}.project-demo__step[data-astro-cid-dn5cu75s]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-demo__panel[data-astro-cid-dn5cu75s],.project-demo__process[data-astro-cid-dn5cu75s],.project-demo__step[data-astro-cid-dn5cu75s],.project-demo__rail-progress[data-astro-cid-dn5cu75s]{transition:none}.project-demo__scan-line[data-astro-cid-dn5cu75s]{animation:none!important;transform:translateY(6rem);opacity:.55}}