*,:before,:after{box-sizing:border-box}ul[class],ol[class]{padding:0}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{content-visibility:auto;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-gap:3vw;--space-gap-flex:2vmax;--space-block:var(--space-gap);--space-prose:.5em}header{padding-inline:var(--space-gutter);padding-block:1em}main{--flow-space:var(--space-gutter);padding:var(--space-gutter)}.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-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__col-all{grid-column:1/-1}.layout-canvas{--layout-canvas-gap: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}.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);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{line-height:1.1}h1{letter-spacing:-.025em;max-width:70%;font-size:3rem;font-weight:400}h2{font-size:2rem}h4{font-weight:600}h5,.text-muted{color:oklch(0% 0 0/.3)}h4,h5{margin-block-end:.5rem}h1,h2,h3,h4,h5,h6,.lead{text-wrap:balance}h1 span,h2 span{color:oklch(0% 0 0/.3)}.lead{max-width:60ch;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)}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;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:60ch}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. "}section#expertise ul{color:oklch(0% 0 0/.6);padding-inline-start:0;font-size:smaller;list-style:none}section#expertise ul strong{color:oklch(0% 0 0/.9);font-weight:400}section#expertise ul li+li{margin-block-start:.5em}body#home header:has(>:nth-child(2)){justify-content:space-between;align-items:baseline;display:flex}header small{gap:1ch;display:flex}header small a:not([class]){color:oklch(0% 0 0/.3)}section#work article{--flow-space:.5em;position:relative}section#work article:hover{opacity:1!important}section#work article,section#work article *{transition-property:opacity,border-color,color,border-width;transition-duration:.2s;transition-timing-function:ease-out}section#work article p{color:oklch(0% 0 0/.6);font-size:smaller}section#work article a{text-wrap:balance;font-weight:500;display:block}section#work article a:before{content:"";position:absolute;inset:0}section#work article small{color:oklch(0% 0 0/.3)}section#work article figure{aspect-ratio:1;border-radius:var(--radius-l);pointer-events:none}#home figure{border-radius:var(--radius-l);box-sizing:border-box;margin-block:1em;position:relative;overflow:hidden}#home figure:before{border-radius:var(--radius-l);content:"";z-index:1;border:1px inset oklch(0% 0 0/.1);width:100%;height:100%;transition:border .2s ease-in-out;position:absolute;top:0;left:0}#home article:hover figure:before{border-color:oklch(0% 0 0/.3)}#work figure img:first-child{object-fit:cover;height:100%;min-height:100%}#work article#aloud figure{overflow:visible}#work article#aloud img:first-child{object-fit:scale-down;object-position:center center;transform:scale(1.2)}#work article#formbuilder img:first-child{object-position:left top}.case h1{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 inset oklch(0% 0 0/.1);max-width:100%;height:auto}#lighting #approach>article{grid-column:1/-1}#lighting header+header{--flow-space:var(--space-gutter)}#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-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}}.note h1{font-weight:500}#pattern-playground figure#hero{aspect-ratio:1;border-radius:var(--radius-l);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/8/span 3/-1}}:root{--debug:oklch(63% .25 30/.3);--radius-m:clamp(.25rem, .5vw + .15rem, .75rem);--radius-l:.75rem}