*,: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{--gridColumnCount:12;--gridTemplateColumnsDefault:repeat(var(--gridColumnCount), minmax(0, 1fr)) [last-line]}header{padding-block:1em;padding-inline:4vmax}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)}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: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}.flow>*+*{margin-block-start:var(--flow-space,.5em)}.layout-grid{--layout-grid-min:22ch;--layout-grid-gap:3vw;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--layout-grid-min)), 1fr));gap:var(--layout-grid-gap);display:grid}.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);flex-wrap:wrap;display:flex}.flex-layout-grid>*{flex:1 1 var(--flex-grid-min)}.flex-layout-grid h2{flex-basis:100%}#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)}.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}@media screen and (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-area:auto/1/auto/-1!important}}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.5}h1{letter-spacing:-.025em;max-width:70%;font-size:3rem;font-weight:400;line-height:110%}h2{grid-column:1/-1;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:.5em}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}#work figure img:first-child{object-fit:cover;height:100%;min-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{grid-template-rows:min-content;grid-template-columns:var(--gridTemplateColumnsDefault);grid-template-rows:auto auto 1fr;gap:4vmax;margin:4vmax 0;display:grid}#lighting main section#solution>article{grid-column:1/-1}#lighting header+header{--flow-space:4vmax}#formbuilder h1{grid-area:1/1/auto/span 4}#formbuilder figure#hero{grid-area:1/7/span 3/-1}#formbuilder figure#hero img{object-position:left;object-fit:cover;background-color:#ffffff1a;background-size:cover;height:945px}#formbuilder #meta{grid-area:3/1}#formbuilder #role{grid-area:3/2/auto/span 4}#formbuilder .lead{grid-area:2/1/auto/span 6}#formbuilder figure#process-topic-fig img,#formbuilder figure#process-config-fig img{border:none;border-radius:0}#convertiq h1{grid-area:1/2/auto/-1}#convertiq #meta{grid-area:2/1}#convertiq #role{rid-row:2;grid-column:2/span 4}#convertiq .lead{grid-area:2/7/auto/-1}#convertiq #hero{grid-area:auto/1/auto/-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/.3);--radius-xs:.25rem;--radius-s:.5rem;--radius-m:clamp(.25rem, .5vw + .15rem, .75rem);--radius-l:.75rem}
