*,:before,:after{box-sizing:border-box}ul[class],ol[class]{padding:0}ul:not([class]),ol:not([class]){padding-inline-start:1.2em}body,h1,h2,h3,h4,h5,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{scroll-behavior:smooth;text-rendering:optimizespeed;min-height:100vh}ul[class],ol[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--space-gutter:4vmax;--space-section:max(2.5rem, var(--space-gutter));--space-gap:3vw;--space-row:max(1.5rem, var(--space-gap));--space-gap-flex:2vmax;--space-block:var(--space-row);--space-prose:.5em}header{padding-inline:var(--space-gutter);padding-block:1em}main{--flow-space:1em;padding:var(--space-gutter)}main.flow>section{--flow-space:var(--space-section)}:where(main.flow>section)>*{--flow-space:1em}main .flow>h2{--flow-space:var(--space-section)}.flow>*+*{margin-block-start:var(--flow-space,var(--space-prose))}.flow>:is(.layout-grid,.layout-canvas):not(section){--flow-space:var(--space-block)}.flow>:is(.layout-grid,.layout-canvas):not(section)>*{--flow-space:var(--space-prose)}.layout-grid{--layout-grid-min:22ch;--layout-grid-gap:var(--space-row) var(--space-gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--layout-grid-min)), 1fr));gap:var(--layout-grid-gap);display:grid}.layout-grid>h2,.layout-grid>h3,.layout-grid__col-all{grid-column:1/-1}.layout-canvas{--layout-canvas-gap:var(--space-row) var(--space-gap);gap:var(--layout-canvas-gap);grid-template-columns:[full-start inset-start aside-start]minmax(0,1fr)[aside-end inset-end full-end];display:grid}@media (width>48em){.layout-canvas{grid-template-columns:[full-start]repeat(3,minmax(0,1fr))[inset-start]repeat(6,minmax(0,1fr))[inset-end aside-start]repeat(3,minmax(0,1fr))[aside-end full-end]}}.layout-canvas>*{grid-column:full}.layout-canvas--subgrid{grid-template-columns:subgrid;column-gap:normal}.flex-layout-grid{--flex-grid-min:20rem;--flex-grid-gap:var(--space-gap-flex);gap:var(--flex-grid-gap);flex-wrap:wrap;display:flex}.flex-layout-grid>*{flex:1 1 var(--flex-grid-min)}.flex-layout-grid>h2{flex-basis:100%}html{color:oklch(0% 0 0/.9);--measure:60ch;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:20px;line-height:1.4}h1,h2,h3,h4,h5,h6{text-box:cap alphabetic;line-height:calc(1em + .35rem)}h1{letter-spacing:-.025em;max-width:20ch;font-size:clamp(1.8rem,1.2rem + 3.2vw,3rem);font-weight:400}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);font-weight:500}h3{font-size:clamp(1.15em,1em + .8vw,1.4em);font-weight:600}h4{font-size:1em;font-weight:600}h5{font-size:.75rem;font-weight:600}h5,.text-muted{color:oklch(0% 0 0/.3)}h5{margin-block-end:.5rem}h1,h2,h3,h4,h5,h6{text-wrap:balance}.lead{text-wrap:pretty}figcaption.flow>:is(h3,h4)+*{--flow-space:.75em}h1 span,h2 span{color:oklch(0% 0 0/.3)}.lead{max-width:var(--measure);font-size:larger}a{text-underline-offset:.15em;color:oklch(0% 0 0/.6);text-decoration-color:oklch(0% 0 0/.3);text-decoration-thickness:max(.05em,1px);transition:text-decoration-color .2s ease-out}a:hover{color:oklch(0% 0 0/.9);text-decoration-color:oklch(0% 0 0/.6)}a.footnote{font-size:smaller;font-weight:400;text-decoration:none}.color-muted{color:oklch(0% 0 0/.3)}small{color:oklch(0% 0 0/.6)}article{--flow-space:1em}figcaption{color:oklch(0% 0 0/.6);--flow-space:.5em;max-width:60ch;margin-block-start:.25rem;font-size:smaller}dt{color:oklch(0% 0 0/.6);margin-block-start:.5rem}#meta,#role{font-size:smaller}p{max-width:var(--measure)}p,li,dd,figcaption{overflow-wrap:break-word}ul:not([class]),ol:not([class]){max-width:calc(var(--measure) + 1.2em)}mark{background-color:oklch(96.8% .211 109.77/.3)}.footnote{position:relative}.footnote:before{text-align:right;color:oklch(0% 0 0/.3);white-space:nowrap;width:2rem;font-size:smaller;transition:opacity .2s linear .2s;position:absolute;top:.25em;left:-2.25rem}#footnote-1:before{content:"1. "}#footnote-2:before{content:"2. "}#footnote-3:before{content:"3. "}#footnote-4:before{content:"4. "}.error,.needs-work{color:red}.reveal{font:inherit;color:inherit;cursor:inherit;background:0 0;border:0;padding:0}.reveal[aria-expanded]{cursor:pointer;border-block-end:1px dashed oklch(0% 0 0/.3);transition:border-color .2s ease-out,background-color .2s ease-out}.reveal[aria-expanded]:hover,.reveal[aria-expanded]:focus-visible{border-block-end-color:oklch(0% 0 0/.6)}.reveal[aria-expanded=true]{border-block-end-color:oklch(0% 0 0/.2)}.reveal-target{transition:opacity .2s ease-out, display .2s allow-discrete}@starting-style{.reveal-target{opacity:0}}body#home header:has(>:nth-child(2)){justify-content:space-between;align-items:baseline;display:flex}header small{gap:2ch;display:flex}header small a:not([class]){color:oklch(0% 0 0/.3)}body#home main{row-gap:0}#work,#work>article{--flow-space:var(--space-gutter);row-gap:0}#work>article>*{--flow-space:.75em}#work small{color:oklch(0% 0 0/.45);display:block}#work p>a{color:oklch(0% 0 0/.9);font-weight:500}#work .entry__media{--layout-grid-min:20rem;--flow-space:1.5em}#work .entry__media img{width:100%}#work .entry__media--narrow{max-width:var(--entry-media-width,24rem)}@media (width>48em){#work .entry__media--triptych{--triptych-ratio:1}#work .entry__media--triptych>figure{grid-column:span 4}#work .entry__media--quadriptych>figure{grid-column:span 3}}#work .entry__media--triptych img{object-fit:cover;height:100%}#configurator .entry__media>figure{grid-column:1/-1}#configurator .entry__media video{width:100%;height:auto;display:block}#configurator .entry__media>figure:first-child{overflow:visible}#configurator .entry__media>figure:first-child img{z-index:2;position:relative;translate:0 -1rem}@media (width>48em){#configurator .entry__media>figure:first-child{grid-area:1/5/auto/span 4}#configurator .entry__media>figure:nth-child(2){grid-area:1/1/span 2/span 4}#configurator .entry__media>figure:nth-child(2) :is(img,video){object-fit:cover;object-position:top left;height:100%;position:absolute;inset:0}#configurator .entry__media>figure:nth-child(3){aspect-ratio:1600/640;grid-area:2/5/auto/span 8}#configurator .entry__media>figure:nth-child(3) img{object-fit:cover;object-position:top;height:100%}#configurator .entry__media>figure:nth-child(4){aspect-ratio:4/3;grid-area:1/9/auto/span 4}#configurator .entry__media>figure:nth-child(4) img{object-fit:cover;height:100%;position:absolute;inset:0}}#lighting .entry__media img{aspect-ratio:4/3;object-fit:cover;width:100%}#work #lighting .entry__media>figure{grid-column:1/-1}#work #lighting .entry__media video{width:100%;height:auto;display:block}@media (width>48em){#work #lighting .entry__media>figure{grid-column:span 3}#work #lighting .entry__media>figure:first-child{grid-area:1/1/span 2/span 6}#work #lighting .entry__media>figure:not(:first-child){aspect-ratio:auto}#work #lighting .entry__media>figure img{aspect-ratio:auto;height:100%;position:absolute;inset:0}#work #lighting .entry__media>figure:nth-child(5) img{object-position:top}}#aloud .entry__media>figure{grid-column:1/-1}@media (width>48em){#aloud .entry__media>figure{align-self:start}#aloud .entry__media>figure:first-child{grid-area:1/1/span 2/span 6}#aloud .entry__media>figure:nth-child(2){grid-area:1/7/span 2/span 3}#aloud .entry__media>figure:nth-child(3){grid-area:1/10/auto/span 3}#aloud .entry__media>figure:nth-child(4){grid-area:2/10/auto/span 3}}#aloud .entry__media>figure:nth-child(4){overflow:visible}#aloud .entry__media>figure:nth-child(4) img{transform:scale(1.15)}#formbuilder .entry__media>figure{grid-column:1/-1;align-self:start}@media (width>48em){#formbuilder .entry__media>figure:first-child{grid-column:full-start/span 8;align-self:stretch}#formbuilder .entry__media>figure:first-child img{object-fit:cover;height:100%;position:absolute;inset:0}#formbuilder .entry__media>figure:nth-child(2){grid-column:span 4}}#work .placeholder{aspect-ratio:var(--placeholder-ratio,4 / 3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L100 100 M100 0 L0 100' stroke='%23000' stroke-opacity='0.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%}#work .entry__media--crop figure{aspect-ratio:var(--entry-media-ratio,16 / 9)}#work .entry__media--crop img{object-fit:cover;object-position:var(--entry-media-position,center);height:100%}#home figure{border-radius:var(--radius-l);position:relative;overflow:hidden}#home figure:before{border-radius:var(--radius-l);content:"";z-index:1;border:1px solid oklch(0% 0 0/.1);position:absolute;inset:0}.case h1{text-box:trim-both ex alphabetic;font-weight:500}.case-header{--layout-canvas-gap:var(--space-gutter);margin-block:var(--space-gutter);grid-template-rows:auto auto 1fr}.case__meta{--layout-grid-min:20ch;font-size:smaller}.case img,.case video{object-fit:contain;border-radius:var(--radius-m);border:1px solid oklch(0% 0 0/.1);max-width:100%;height:auto}.case .placeholder{--flow-space:var(--space-block);aspect-ratio:var(--placeholder-ratio,16 / 9);border-radius:var(--radius-m);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L100 100 M100 0 L0 100' stroke='%23000' stroke-opacity='0.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%;border:1px solid oklch(0% 0 0/.1)}.case .placeholder figcaption{margin:1em}#lighting #approach>article{grid-column:1/-1}#lighting header+header{--flow-space:var(--space-gutter)}#lighting #users .user-group__list{--flow-space:1em}#lighting #users .user-group__list>*{--flow-space:1em}#formbuilder figure#hero img{object-position:left;object-fit:cover;background-color:#ffffff1a;background-size:cover;height:945px}#formbuilder figure#process-topic-fig img,#formbuilder figure#process-config-fig img{border:none;border-radius:0}@media (width>48em){#formbuilder .case-header h1{grid-area:1/1/auto/span 4}#formbuilder .case-header .lead{grid-area:2/1/auto/span 6}#formbuilder .case-header #meta{grid-area:3/1}#formbuilder .case-header #role{grid-area:3/2/auto/span 4}#formbuilder .case-header figure#hero{grid-area:1/7/span 3/-1}}@media (width>=64em){#formbuilder #approach #process-topic{grid-column:inset}#formbuilder #approach>aside.footnote{grid-column:aside}#formbuilder #approach #process-topic-fig,#formbuilder #approach #process-config-fig{grid-column:full-start/inset-end}#formbuilder #approach #process-config,#formbuilder #approach #process-defaults,#formbuilder #approach #process-config-details{grid-column:inset-start/full-end}#formbuilder #approach #process-config-details>figure{grid-column:span 3}#formbuilder #approach #process-config-details>#process-config-wide{grid-column:span 6}}@media (width>48em){#convertiq .case-header h1{grid-area:1/2/auto/-1}#convertiq .case-header #meta{grid-area:2/1}#convertiq .case-header #role{grid-area:2/2/auto/span 4}#convertiq .case-header .lead{grid-area:2/7/auto/-1}#cascading-user-needs .case-header h1{grid-area:1/1/auto/span 6}#cascading-user-needs .case-header .lead{grid-area:2/1/auto/span 6}#cascading-user-needs .case-header #meta{grid-area:3/1/auto/span 6;align-self:start}#cascading-user-needs .case-header figure#hero{grid-area:1/7/span 3/-1}#cascading-user-needs .case-header figure#hero img{max-width:min(100%,20rem);margin-block-start:-5rem;margin-inline-start:auto}}#cascading-user-needs figure#hero img{border:none;border-radius:0}#cascading-user-needs #approach>article{grid-column:1/-1}#cascading-user-needs .cascade,#cascading-user-needs .record{--figure-line:oklch(0% 0 0/.2);--flow-space:var(--space-block);max-width:56rem;margin-inline:0;font-size:.875rem}#cascading-user-needs .cascade figcaption,#cascading-user-needs .record figcaption{--flow-space:var(--space-prose);color:oklch(0% 0 0/.6);max-width:60ch;margin-block-start:1rem;font-size:.8125rem;line-height:1.5}#cascading-user-needs .cascade{--cascade-stub:1.75rem}#cascading-user-needs .cascade__tier{gap:var(--space-gap-flex);margin:0;padding:0;list-style:none;display:grid}#cascading-user-needs .cascade__need{border:1px solid var(--figure-line);border-radius:var(--radius-m);padding:.75em 1em}#cascading-user-needs .cascade__need small{color:oklch(0% 0 0/.45);margin-block-end:.25em;font-size:.75rem;display:block}#cascading-user-needs .cascade__need p{max-width:none;margin:0}#cascading-user-needs .cascade__need--enabler{border-color:oklch(0% 0 0/.55)}#cascading-user-needs .cascade__joint{height:var(--cascade-stub);grid-template-columns:1fr;display:grid}#cascading-user-needs .cascade__joint>span{position:relative}#cascading-user-needs .cascade__joint>span:first-child,#cascading-user-needs .cascade__joint>span:nth-child(3){display:none}#cascading-user-needs .cascade__joint>span:before{content:"";inset-block:0;border-left:1px solid var(--figure-line);position:absolute;left:50%}#cascading-user-needs .cascade__visibility{border-block-start:1px dashed var(--figure-line);color:oklch(0% 0 0/.4);text-align:end;max-width:none;margin:0;padding-block-start:.4em;padding-inline-end:.25em;font-size:.75rem;position:relative}#cascading-user-needs .cascade__visibility:before{content:"";inset-block:0;border-left:1px solid var(--figure-line);position:absolute;left:50%}#cascading-user-needs .cascade__visibility:after{content:"";inset-block-end:0;border-inline-end:1px solid var(--figure-line);border-block-end:1px solid var(--figure-line);width:.45rem;height:.45rem;position:absolute;left:50%;transform:translate(-50%,50%)rotate(45deg)}@media (width>=48em){#cascading-user-needs .cascade__tier,#cascading-user-needs .cascade__joint{grid-template-columns:repeat(3,1fr);column-gap:0}#cascading-user-needs .cascade__tier>.cascade__need{margin-inline:calc(var(--space-gap-flex) / 2)}#cascading-user-needs .cascade__joint>span:first-child,#cascading-user-needs .cascade__joint>span:nth-child(3){display:block}#cascading-user-needs .cascade__joint>span:first-child:before,#cascading-user-needs .cascade__joint>span:nth-child(3):before{inset-block:0 50%}#cascading-user-needs .cascade__joint>span:after{content:"";border-block-start:1px solid var(--figure-line);position:absolute;inset-block-start:50%}#cascading-user-needs .cascade__joint>span:first-child:after{inset-inline:50% 0}#cascading-user-needs .cascade__joint>span:nth-child(2):after{inset-inline:0}#cascading-user-needs .cascade__joint>span:nth-child(3):after{inset-inline:0 50%}}#cascading-user-needs .record pre{border:1px solid var(--figure-line);border-radius:var(--radius-m);color:oklch(0% 0 0/.6);tab-size:2;width:fit-content;max-width:100%;padding:1em 1.25em;font-size:.75rem;line-height:1.7;overflow-x:auto}#cascading-user-needs .record code{font:inherit}#cascading-user-needs .record__link{color:oklch(0% 0 0/.9)}#cascading-user-needs .record__added{background-color:oklch(96.8% .211 109.77/.3);display:block}@media (width>48em){#conversational-self-service .case-header h1{grid-area:1/1/auto/span 6}#conversational-self-service .case-header .lead{text-box:trim-end cap alphabetic;grid-area:1/7/auto/-1;align-self:end}#conversational-self-service .case-header #meta{grid-area:2/full;grid-template-columns:subgrid;column-gap:normal;margin-block-start:var(--space-row)}#conversational-self-service .case-header #meta>*{grid-column:span 3}#conversational-self-service .case-header figure#hero{grid-area:3/full}#conversational-self-service #approach>article:first-of-type{grid-column:full-start/inset-end}#conversational-self-service #approach>#footnote-3{grid-area:2/aside}}#conversational-self-service .concepts{grid-column:full;margin-inline:0;display:none}#conversational-self-service .concepts img{border:0;border-radius:0}#conversational-self-service .concepts figcaption{text-wrap:pretty;margin-block:1rem}@media (width>48em){#conversational-self-service .concepts{grid-column:full-start/inset-end;display:block}}@media (width>48em){#conversational-self-service #checks,#conversational-self-service #run-time{grid-column:inset}#conversational-self-service #approach>#footnote-4{grid-column:aside}}#conversational-self-service #agent-flows{row-gap:0}#conversational-self-service :is(#chat,#agent-flows)>figure,#conversational-self-service :is(#chat,#agent-flows)>figure+p{--flow-space:var(--space-block)}@media (width>48em){#conversational-self-service #agent-flows>:is(h3,p){grid-column:inset}#conversational-self-service #agent-flows #agent-flows-desktop{grid-column:full-start/inset-end}#conversational-self-service #agent-flows #agent-flows-chrome{grid-column:inset-start/full-end}}#conversational-self-service .record{--figure-line:oklch(0% 0 0/.2);--flow-space:var(--space-block);max-width:56rem;margin-inline:0;font-size:.875rem}#conversational-self-service .record pre{border:1px solid var(--figure-line);border-radius:var(--radius-m);color:oklch(0% 0 0/.6);width:fit-content;max-width:100%;padding:1em 1.25em;font-size:.75rem;line-height:1.7;overflow-x:auto}#conversational-self-service .record code{font:inherit}#conversational-self-service .record figcaption{--flow-space:var(--space-prose);color:oklch(0% 0 0/.6);max-width:60ch;margin-block-start:1rem;font-size:.8125rem;line-height:1.5}#conversational-self-service .record__muted{color:oklch(0% 0 0/.4)}#conversational-self-service .record__strong{color:oklch(0% 0 0/.9)}#conversational-self-service .job-map{--flow-space:var(--space-block);margin-inline:0;display:none}#conversational-self-service .job-map img{border-radius:0;padding:1rem 1rem 0}#conversational-self-service .job-map figcaption{text-wrap:pretty}@media (width>48em){#conversational-self-service .job-map{display:block}}#conversational-self-service #problem{container-type:inline-size}#conversational-self-service .themes{grid-template-columns:subgrid;row-gap:0;display:grid}#conversational-self-service .themes>*{grid-column:1/-1}#conversational-self-service .themes__list{--flow-space:var(--space-block);grid-template-columns:subgrid;gap:var(--space-row) var(--space-gap);display:grid}@media (width>48em){#conversational-self-service #context>h2{grid-column:2/-1}#conversational-self-service #context>article{grid-column:2/inset-end}#conversational-self-service #problem>:is(h2,div:first-of-type){margin-inline-start:calc((100% - 11 * var(--space-gap)) / 12 + var(--space-gap))}#conversational-self-service #context>aside.footnote{grid-area:2/aside}}#conversational-self-service #chat{row-gap:0}@media (width>48em){#conversational-self-service #chat>:is(h3,p){grid-column:inset}#conversational-self-service #chat>figure{grid-column:full-start/inset-end}#conversational-self-service #chat>#chat-card{grid-column:7/-1}}#conversational-self-service #stack{container-type:inline-size}@container (width>=calc(88ch + 9vw)){#conversational-self-service :is(#stack,.themes__list)>article:nth-of-type(3n+1){grid-column-start:1}#conversational-self-service .themes__list>#footnote-2{grid-area:2/4}}.note h1{font-weight:500}#pattern-playground figure#hero{border-radius:var(--radius-l);align-self:start;overflow:hidden}@media (width>48em){#pattern-playground .case-header h1{grid-area:1/1/auto/span 6}#pattern-playground .case-header .lead{grid-area:2/1/auto/span 6}#pattern-playground .case-header #meta{grid-area:3/1/auto/span 6}#pattern-playground .case-header figure#hero{grid-area:1/7/span 3/-1}}:root{--debug:oklch(63% .25 30/.3);--radius-m:0;--radius-l:0}