*,*: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{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;height:auto;display:block;content-visibility:auto}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--gridColumnCount: 12;--gridTemplateColumnsDefault: repeat(var(--gridColumnCount), minmax(0, 1fr)) [last-line]}header{padding-inline:4vmax;padding-block:1em}body#home header:has(>*:nth-child(2)){display:flex;justify-content:space-between;align-items:baseline}header small{display:flex;gap:1ch}header small a:not([class]){color:#0000004d}main{--flow-space: 4vmax;padding:4vmax}#home main{--flow-space: 4vmax}#home article{--flow-space: .5em}section#work{display:grid}section#work h2{grid-column:1/-1}section#work article{position:relative}section#work article:hover{opacity:100%!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{font-size:smaller;color:#0009}section#work article a{display:block;font-weight:500;text-wrap:balance}section#work article a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}section#work article small{color:#0000004d}section#work article figure{aspect-ratio:1;border-radius:var(--radius-l);pointer-events:none}.flow>*+*{margin-block-start:var(--flow-space, .5em)}.layout-grid{--layout-grid-min: 22ch;--layout-grid-gap: 3vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--layout-grid-min)),1fr));gap:var(--layout-grid-gap)}.layout-grid__col-all{grid-column:1/-1}.flex-layout-grid{--flex-grid-min: var(--layout-column-min, 20rem);--flex-grid-gap: var(--layout-gap, 2vmax);gap:var(--flex-grid-gap);display:flex;flex-wrap:wrap}.flex-layout-grid>*{flex:1 1 var(--flex-grid-min)}.flex-layout-grid h2{flex-basis:100%}#home figure{position:relative;border-radius:var(--radius-l);box-sizing:border-box;overflow:hidden;margin-block:1em}#home figure:before{border:1px inset oklch(0% 0 0 / 10%);border-radius:var(--radius-l);content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;transition:border .2s ease-in-out}#home article:hover figure:before{border-color:#0000004d}.case__meta{--layout-grid-min: 20ch;font-size:smaller}.case img,.case video{object-fit:contain;max-width:100%;height:auto;border-radius:var(--radius-m);border:1px inset oklch(0% 0 0 / 10%)}@media screen and (max-width: 768px){:root{--gridColumnCount: 1;--spacer: 1rem}body.case header article,body.case section article,body.case header h1,body.case section h2,body.case section figure,body.case section p,body.case section aside,body.case .lead,body.case figure#hero{grid-column:1 / -1!important;grid-row:auto!important}}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:#000000e5;font-size:20px;line-height:1.5}h1{max-width:70%;font-weight:400;font-size:3rem;line-height:110%;letter-spacing:-.025em}h2{grid-column:1/-1;font-size:2rem}h4{font-weight:600}h5,.text-muted{color:#0000004d}h4,h5{margin-block-end:.5rem}h1,h2,h3,h4,h5,h6,.lead{text-wrap:balance}h1 span,h2 span{color:#0000004d}.lead{max-width:60ch;font-size:larger}a{text-decoration-thickness:max(.05em,1px);text-underline-offset:.15em;color:#0009;text-decoration-color:#0000004d}a:hover{color:#000000e5;text-decoration-color:#0009}a.footnote{font-weight:400;font-size:smaller;text-decoration:none}.color-muted{color:#0000004d}small{color:#0009}article{--flow-space: .5em}figcaption{color:#0009;margin-block-start:.25rem;--flow-space: .5em}figcaption{font-size:smaller}dt{color:#0009}dt{margin-block-start:.5rem}#meta,#role{font-size:smaller}p{max-width:60ch}mark{background-color:#ffff004d}.footnote{position:relative}.footnote:before{position:absolute;top:.25em;left:-2.25rem;width:2rem;text-align:right;font-size:smaller;color:#0000004d;transition:opacity .2s .2s linear;white-space:nowrap}#footnote-1:before{content:"1. "}#footnote-2:before{content:"2. "}#footnote-3:before{content:"3. "}section#expertise ul{list-style:none;padding-inline-start:0;font-size:smaller;color:#0009}section#expertise ul strong{color:#000000e5;font-weight:400}section#expertise ul li+li{margin-block-start:.5em}#work figure img:first-child{object-fit:cover;min-height:100%;height:100%}#work article#aloud figure{overflow:visible}#work article#lighting figure img{object-fit:none}#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 .case-header{display:grid;gap:4vmax;grid-template-rows:min-content;grid-template-columns:var(--gridTemplateColumnsDefault);grid-template-rows:auto auto 1fr;margin:4vmax 0}#lighting main section#solution>article{grid-column:1/-1}#lighting header+header{--flow-space: 4vmax}#formbuilder h1{grid-row:1;grid-column:1 / span 4}#formbuilder figure#hero{grid-row:1 / span 3;grid-column:7 / -1}#formbuilder figure#hero img{background-color:#ffffff1a;object-position:left;object-fit:cover;background-size:cover;height:945px}#formbuilder #meta{grid-column:1 / auto;grid-row:3}#formbuilder #role{grid-column:2 / span 4;grid-row:3}#formbuilder .lead{grid-row:2;grid-column:1 / span 6}#formbuilder figure#process-topic-fig img,#formbuilder figure#process-config-fig img{border-radius:0;border:none}#convertiq h1{grid-row:1;grid-column:2 / -1}#convertiq #meta{grid-row:2;grid-column:1 / auto}#convertiq #role{rid-row:2;grid-column:2 / span 4}#convertiq .lead{grid-row:2;grid-column:7 / -1}#convertiq #hero{grid-row:auto;grid-column:1 / -1}:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% );--debug: oklch(63% .25 30 / 30%);--radius-xs: .25rem;--radius-s: .5rem;--radius-m: clamp(.25rem, .5vw + .15rem, .75rem);--radius-l: .75rem}