.work-stamp{font-size:.6875rem;letter-spacing:.08em;color:var(--clay);border-top:1px solid var(--line);padding-top:1.25rem}.work-premise{font-size:.9375rem;margin:.75rem 0 3rem;max-width:48rem}
.work-scene{padding:3rem 0 4rem;border-top:1px solid var(--line);scroll-margin-top:1rem}.work-scene-heading{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 5vw;margin-bottom:2rem}.work-scene-heading .eyebrow{grid-column:1/-1;margin:0}.work-scene-heading h2{font-size:clamp(2.4rem,3.8vw,3.8rem)}.work-scene-heading>p:last-child{font-size:1rem;align-self:center;max-width:38rem}
.work-demo{border:1px solid var(--line);background:#faf8f2;padding:1.5rem;min-width:0}.work-chooser{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.work-chooser>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.work-demo select,.work-demo input{font:inherit;display:block;color:var(--ink);border:1px solid var(--line);background:#faf8f2;border-radius:0;min-height:44px;max-width:100%;padding:.65rem .75rem;min-width:0}.work-chooser select{width:16rem;font-size:.875rem}.work-note{font-size:.75rem;color:var(--muted);margin-top:1rem}.work-button{display:inline-flex;gap:1.5rem;align-items:center;min-height:44px;border:0;border-bottom:1px solid var(--clay);padding:.6rem 0;background:transparent;color:var(--blue);font-size:.875rem;text-align:left}.work-button:hover{border-bottom-color:var(--blue)}
.web-example{border:1px solid var(--line)}.web-example-top{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);font-size:.6875rem;letter-spacing:.08em}.web-example-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.web-example-intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.web-example-intro h3{font-family:Cardo,Georgia,serif;font-weight:400;font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;letter-spacing:-.025em}.web-example-intro p{font-size:.875rem;max-width:30rem}.web-example-blocks{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.web-example-blocks>div{padding:1rem;border-top:1px solid var(--clay);background:#eeede6}.web-example-blocks span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.web-example-blocks p{font-size:.8125rem;margin-top:.5rem;color:var(--muted)}
.web-restaurant .web-example-body{grid-template-columns:.8fr 1.2fr}.web-restaurant .web-example-blocks>div:nth-child(2){grid-column:1/-1;grid-row:1;min-height:95px}.web-restaurant .web-example-blocks>div:first-child{grid-column:1/-1}.web-cabinet .web-example-blocks{grid-template-columns:1fr}.web-cabinet .web-example-blocks>div{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;padding:.75rem}.web-cabinet .web-example-blocks p{margin:0}.web-commerce .web-example-body{grid-template-columns:1.1fr .9fr}.web-commerce .web-example-blocks{order:-1}.web-commerce .web-example-blocks>div:first-child{grid-column:1/-1;min-height:110px}
.work-form>.work-note{margin:0 0 1rem}.work-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem}.work-form-fields label{font-size:.8125rem}.work-form-fields input{width:100%;margin-top:.5rem;font-size:.9375rem}.work-form>.work-button{margin-top:1.5rem}.structured-request{padding:1.5rem;border-left:2px solid var(--clay);background:#eeede6}.structured-request .eyebrow{margin-bottom:1.25rem}.structured-request dl,.tool-example dl,.flow-record dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin:0}.work-demo dt{font-size:.6875rem;color:var(--muted);margin-bottom:.5rem}.work-demo dd{font-size:1rem;line-height:1.5;margin:0;overflow-wrap:anywhere}.structured-request .work-button{margin-top:1rem}
.work-pipeline{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 1.5rem;gap:1rem}.work-pipeline li{position:relative}.work-pipeline li:not(:last-child)::after{content:'→';position:absolute;right:-.8rem;top:1.3rem;color:var(--clay)}.work-pipeline button{width:100%;min-height:64px;border:1px solid var(--line);padding:.7rem .5rem;background:transparent;color:var(--ink);font-size:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.work-pipeline button span{font-size:.625rem;color:var(--muted)}.work-pipeline button[aria-pressed=true]{background:var(--blue);color:var(--paper)}.work-pipeline button[aria-pressed=true] span{color:var(--paper)}.flow-record{padding:1.5rem;background:#eeede6}.flow-record dl{grid-template-columns:1fr 1fr 1.4fr}.flow-record .record-next dd,.tool-example .record-next dd{font-family:Cardo,Georgia,serif;font-size:1.8rem;color:var(--blue)}
.tool-example{padding:1.5rem;background:#eeede6}.tool-example dl{grid-template-columns:repeat(2,1fr)}.tool-example .record-next{grid-column:1/-1;padding-top:1.25rem;border-top:1px solid var(--line)}.tool-example select{width:100%;margin:0;font-size:.9375rem}.work-end{padding:3rem 0 4rem;border-top:1px solid var(--line)}.work-end h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.work-end p{margin:1.25rem 0}.work-end .round-link{margin-top:.5rem}.work-change{animation:work-settle .22s var(--ease)}@keyframes work-settle{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.work-scene-heading{grid-template-columns:1fr;gap:1rem}.work-scene-heading h2{font-size:2.5rem}.work-demo{padding:1rem}.web-example-body,.web-restaurant .web-example-body,.web-commerce .web-example-body{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.web-commerce .web-example-blocks{order:0}.flow-record dl{grid-template-columns:1fr 1fr}.flow-record .record-next{grid-column:1/-1}.work-pipeline{gap:.5rem}.work-pipeline li:not(:last-child)::after{display:none}}
@media(max-width:500px){.work-scene{padding:2.5rem 0}.work-scene-heading h2{font-size:2.2rem}.work-chooser{display:block}.work-chooser>span{display:block;margin-bottom:.75rem}.work-chooser select{width:100%}.web-example-top{padding:.8rem;font-size:.6rem}.web-example-body,.web-restaurant .web-example-body,.web-commerce .web-example-body{padding:1rem}.web-example-blocks{grid-template-columns:1fr}.web-example-intro h3{font-size:2rem}.web-cabinet .web-example-blocks>div{grid-template-columns:1fr;gap:.3rem}.work-form-fields,.structured-request dl,.tool-example dl{grid-template-columns:1fr}.structured-request,.tool-example,.flow-record{padding:1rem}.work-pipeline{grid-template-columns:1fr;gap:0}.work-pipeline li:not(:last-child){padding-bottom:.6rem}.work-pipeline li:not(:last-child)::after{display:block;content:'';height:.6rem;width:1px;background:var(--clay);left:1rem;top:auto;bottom:0}.work-pipeline button{flex-direction:row;align-items:center;gap:1rem;min-height:44px;padding:.7rem}.flow-record dl{grid-template-columns:1fr}.work-end h2{font-size:2.3rem}.work-button{font-size:.8125rem}.work-chooser>span{font-size:.6875rem}}