.work-gallery{--demo-ink:#203b32;--demo-soft-ink:#5a6c51;gap:26px}
.work-preview{border-radius:10px;border:1px solid #c5d0b866}
.demo-commerce{background:#dfe6d3}
.demo-operations{background:#e1e7df}
.demo-ops-app{background:#f9faf5;color:#314b3c;border-color:#b8c8b355;box-shadow:0 17px 32px -23px #344b3570,0 1px 1px #344b350d}
.demo-operations .demo-preview-label,.demo-operations .demo-preview-foot{color:#5a6c51}
.demo-ops-header,.demo-ops-toolbar,.demo-ops-footer{border-color:#d8e0d1}
.demo-ops-logomark{background:#e4ebd9}
.demo-ops-brand-caption{color:#64775b}
.demo-ops-avatar{background:#e3ead7;color:#4c6943}
.demo-ops-online{border-color:#f9faf5}
.demo-ops-tab{color:#6b7b61}
.demo-ops-tab::after{background:#728c59}
.demo-ops-tab:hover{color:#35563a}
.demo-ops-tab.demo-is-active{color:#425d37;background:#e7eedf}
.demo-ops-brand,.demo-ops-logomark{color:#3f6145}
.demo-illustrative{color:#738168}
.demo-activity-chart{color:#6c8956}
.demo-activity-chart>path:last-of-type{stroke:#728c59}
.demo-activity-chart>circle{fill:#728c59}
.demo-run-button{background:#536e45;border-color:#49633e}
.demo-run-button:hover{background:#3d5833;box-shadow:0 2px 6px #49633e25}
.demo-ops-tab:focus-visible,.demo-run-button:focus-visible{outline-color:#4f6f40}
.demo-ops-metric{border-color:#d8e0d1}
.demo-ops-metric>span{color:#5e7353}
.demo-ops-metric small{color:#748469}
.demo-metric-dot,.demo-metric-connections>i{background:#8fa66f}
.demo-metric-dot{border-color:#e8eedf}
.demo-metric-spark{color:#7a945e}
.demo-chart-heading>span:first-child{color:#5b7150}
.demo-chart-heading>span:last-child{color:#748469}
.demo-chart-heading>span>i{background:#78935e}
.demo-chart-grid>span,.demo-chart-days{color:#7c8b71}
.demo-chart-grid>span::after{background:#e5ebdf}
.demo-workflow-status{color:#63795a}
.demo-flow-intro{color:#77896b}
.demo-flow-intro>span:first-child{color:#5c7351}
.demo-flow-step{border-color:#dee6d6}
.demo-flow-step:not(:last-child)::after{background:#cad7bd}
.demo-flow-icon{background:#edf2e6;color:#789267}
.demo-flow-copy strong{color:#4c6543}
.demo-flow-copy small{color:#738569}
.demo-flow-system{color:#798a6d}
.demo-flow-state i{background:#d8e2ce}
.demo-flow-step.demo-step-active{border-color:#a6ba81;background:#f0f5e5}
.demo-flow-step.demo-step-active .demo-flow-icon{background:#e0ebc9;color:#5a7a3f}
.demo-flow-step.demo-step-active .demo-flow-state i{background:#8da95b}
.demo-flow-step.demo-step-done .demo-flow-icon{background:#e0e9d0;color:#4e6e39}
@keyframes demo-stage-pulse{50%{box-shadow:0 0 0 4px #8da95b22}}
.work-project-info{padding-top:21px}
.work-project-kicker{font-family:var(--body);font-size:10px;letter-spacing:.025em;color:#5b7050}
.work-project-info h3{font-family:var(--display);font-size:29px;font-weight:400;line-height:1.15;letter-spacing:-.035em;color:#203b32;margin-top:12px}
.work-project-info>p{font-size:12px;line-height:1.85;color:#56684d;max-width:450px}
.work-project-tags>span{font-size:10px;color:#5c6e51;border-color:#becbad;border-radius:3px}
.demo-food-art,.demo-activity-chart{stroke:none}
@media(max-width:960px){.work-gallery{gap:18px}.work-project-info h3{font-size:25px}.work-project-info>p{font-size:11px}}
@media(max-width:760px){.work-gallery{grid-template-columns:1fr;gap:31px}.work-project-info h3{font-size:27px}.work-project-info>p{font-size:11px}.work-project-kicker{font-size:10px}.work-project-tags>span{font-size:10px}.work-preview{border-radius:9px}}