html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.MuiGrid-container{margin:0!important}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14pt;line-height:1.5;font-weight:400;color-scheme:light dark;color:#464646de;background-color:#e9e7e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:block;place-items:center;min-height:100vh;width:100%;overflow-x:hidden}.hidden{display:none}a{font-weight:500;color:#313131;font-weight:700;text-decoration:inherit}a:hover{color:#f0f}p{margin:0;padding:0;margin-bottom:1rem}.hr{position:relative;height:1px;width:100%;background:#313131}.spacer-s{height:2vh}.spacer-m{height:5vh}.spacer-l{height:10vh}.spacer-xl{height:25vh}@media (max-width: 1024px){.spacer-s{height:2em}.spacer-m{height:4em}.spacer-l{height:6em}.spacer-xl{height:10em}}@media (max-width: 512px){.spacer-s{height:1em}.spacer-m{height:2em}.spacer-l{height:3em}.spacer-xl{height:5em}}#main{margin:0 auto;text-align:center;padding:4rem 0 0;box-sizing:border-box;width:100%;min-height:calc(100vh - 4em)}#main:before{position:fixed;display:block;content:"";height:1rem;width:100vw;top:4rem;left:0;background:linear-gradient(180deg,#e9e7e5,#e9e7e500);z-index:20;pointer-events:none}img.contain{max-width:100%}img.contain.height-50{height:50vh;width:100%;object-fit:contain;object-position:center;background:#fff}img.contain.height-80{max-height:80vh}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.split.s21{grid-template-columns:1fr 2fr}.center-layout{display:grid;grid-template-columns:3fr 6fr 1fr}@media (max-width: 1440px){.center-layout{grid-template-columns:2fr 4fr .5fr}}@media (max-width: 1024px){.center-layout{grid-template-columns:1fr;width:calc(100% - 1em)}}@media (max-width: 512px){.center-layout{width:calc(100% - 3em)}}.sticky{position:sticky;display:block;top:5rem;height:2rem;margin-bottom:2rem;z-index:20;text-shadow:0 0 10px #e9e7e5}@media (max-width: 1024px){.sticky{position:relative;top:0;margin-bottom:0;height:auto}}.title-content{display:grid;grid-template-columns:3fr 6fr 3fr;gap:2em;text-align:left;margin:1em}@media (max-width: 1440px){.title-content{grid-template-columns:2fr 4fr .5fr}}@media (max-width: 1024px){.title-content{grid-template-columns:1fr;width:calc(100% - 1em)}}@media (max-width: 512px){.title-content{width:calc(100% - 3em)}}ul{padding:.5em 0 1em 1.5rem}ul li{line-height:1.5rem;padding-bottom:.5rem;list-style-type:circle}@font-face{font-family:ClashDisplay-Variable;src:url(/assets/ClashDisplay-Variable-Buk7cB_f.woff2) format("woff2"),url(/assets/ClashDisplay-Variable-Dt2PxZhp.woff) format("woff"),url(/assets/ClashDisplay-Variable-BHZjogP3.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal;line-height:1rem}body{text-shadow:0 0 3em rgba(0,0,0,.25)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:1px;font-family:ClashDisplay-Variable;font-weight:600;margin:0;padding-bottom:.5rem}strong{font-weight:600;padding-bottom:.5rem}.regular{font-weight:400}.light{font-weight:300}.bold,.strong{font-weight:600}.heavy{font-weight:700}.justify{text-align:justify}.clash{font-family:ClashDisplay-Variable;text-transform:uppercase}h1,.h1{font-size:3.052rem;line-height:2.8rem}h2,.h2{font-size:2.441rem;line-height:2.5rem}h3,.h3{font-size:1.953rem;line-height:1.8rem}h4,.h4{font-size:1.563rem;line-height:1.5rem}h5,.h5{font-size:1.25rem;line-height:1.25rem}h6,.h6{font-size:1.1rem;line-height:1.2rem}@media (max-width: 600px){h1,.h1{font-size:2rem;line-height:2.8rem}h2,.h2{font-size:1.8rem;line-height:2rem}h3,.h3{font-size:1.6rem;line-height:1.8rem}h4,.h4{font-size:1.4rem;line-height:1.5rem}h5,.h5{font-size:1.2rem;line-height:1.25rem}h6,.h6{font-size:1.1rem;line-height:1.2rem}}p{font-size:1rem;line-height:1.5rem;text-align:justify}header{display:flex;position:fixed;align-items:center;justify-content:space-between;top:0;padding:2rem 1rem;margin-top:0;width:100%;height:3rem;background:transparent;z-index:100;background:#000}header:hover{background:#000;transition:.25s linear}header h1{margin:0;padding:0;display:flex;align-items:center;justify-content:center}header h1 .logo{width:100%;height:auto}header .toggler{display:none}header nav{display:flex;align-items:center;justify-content:center;flex-direction:row;list-style-type:none}header nav li{padding:0 1rem}header nav li:last-child{padding-right:0}header nav li a{font-family:ClashDisplay-Variable;text-transform:uppercase;text-align:left;font-weight:600;font-size:1rem;letter-spacing:1.25pt;color:#fff}@media (max-width: 900px){header .toggler{display:block;background:#000;border:none;outline:none}header .toggler .icon{width:1.65rem;height:1.65rem}header nav{display:none;position:absolute;top:4rem;left:0;width:100%;height:calc(100vh - 4rem);flex-direction:column;justify-content:space-evenly;background:#323232d9}header nav.open{display:flex}header nav li a{font-size:2.5em;background:#000;padding:5vw 5vh}}#hero{position:relative;width:100vw;height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:5rem}#hero:after{content:"";width:calc(100vw - 2em);height:1px;background:#999;margin-top:2em}#hero .content{position:relative;width:50vw;z-index:1}#hero .logo{padding-right:2rem;margin-bottom:2rem}#hero .background{position:absolute;object-fit:cover;z-index:0;width:100%;height:100%}#hero.bottom-left{align-items:flex-end;justify-content:flex-start;text-align:left}#hero.bottom-left .content{padding:2rem;width:100%}#hero.mid-century{height:auto;flex-direction:column;justify-content:flex-start;padding:1rem}#hero.mid-century.no-padding{padding:0}#hero.mid-century .background{order:-1;position:relative;width:100%;height:70vh}@media (max-width: 512px){#hero.mid-century .background{height:50vh}}#hero.mid-century .content{margin-top:2rem;width:100%;display:grid;grid-template-columns:3fr 9fr;text-align:left;gap:0}@media (max-width: 1440px){#hero.mid-century .content{grid-template-columns:1fr}}#hero.mid-century .content .logo{object-fit:contain;max-width:100%}.grid{box-sizing:border-box;pointer-events:none;text-align:left;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0;padding:0;margin:0}.grid>*{padding-right:1rem}.grid.demo{position:fixed;top:0;height:100vh;margin-left:1rem;margin-right:1rem;width:calc(100vw - 2em);z-index:1000}.grid.demo>div{position:relative;outline:1px solid rgba(200,200,200,.25);display:flex;flex-direction:column;justify-content:space-between;text-align:center;align-items:center;font-size:15px;font-weight:700;padding:10px}@media (max-width: 1440px){.grid.demo{grid-template-columns:repeat(8,1fr)}.grid.demo>div:nth-child(n+9){display:none}}@media (max-width: 1024px){.grid.demo{grid-template-columns:repeat(6,1fr)}.grid.demo>div:nth-child(n+7){display:none}}@media (max-width: 512px){.grid.demo{grid-template-columns:repeat(4,1fr)}.grid.demo>div:nth-child(n+5){display:none}}footer{display:flex;justify-content:space-between;margin:0 auto;padding:1rem;width:100%;text-align:center;box-sizing:border-box;font-family:ClashDisplay-Variable;font-weight:600;text-transform:uppercase;background:#222;color:#ccc}footer .copyright{text-align:left;font-weight:600;white-space:nowrap}footer p{text-align:center;line-height:1em;margin-bottom:0}footer .other{display:flex;justify-content:flex-end;align-items:flex-start}footer .other a{line-height:1;padding:0 1rem;white-space:nowrap;text-align:right;color:#fff}footer .other a:hover{color:#f0f}footer .other a:hover span{color:#ccc}footer .other a:last-child{padding-right:0}footer .other a span{font-size:.65rem;font-weight:400;display:block}@media (max-width: 1024px){footer{background:#333;color:#fff;flex-direction:column-reverse;padding:2rem}footer .copyright,footer .other,footer>.span{padding:1rem}footer .copyright{font-size:1rem;text-align:center;color:#aaa}footer .other{font-size:1.5rem;flex-direction:column;text-align:center;align-items:center}footer .other a{color:#fefefe;padding:.25rem;display:block;text-align:center}footer .other span{color:#ccc;padding:.25rem;display:block;text-align:center}}.project-wrapper{display:grid;grid-template-columns:10fr 2fr;gap:0;margin:0 1rem}.project-wrapper .project-toc .toc{position:sticky;top:4rem;z-index:50;padding:1rem;margin-top:-1em;margin-right:-1rem;width:calc(100% + 1em);border-radius:0;background:#e9e7e5d9;box-shadow:0 0 10px #e9e7e5d9}.project-wrapper .project-toc .toc>button{background:#222;border:none;outline:none;padding:.5em 1rem;border-radius:1em;width:100%}.project-wrapper .project-toc .toc li button{font-family:ClashDisplay-variable;font-weight:600;color:#222;background:transparent;outline:none;border:none;text-transform:uppercase;font-size:1em;text-align:left;cursor:pointer}.project-wrapper ul{padding:.5em 0 1em 1.5rem}.project-wrapper ul li{line-height:1.5rem;padding-bottom:.5rem;list-style-type:circle}@media (max-width: 1440px){.project-wrapper h3{white-space:wrap;width:300px}.big-content,.title-content{grid-template-columns:2fr 4fr .5fr}}@media (max-width: 1024px){.project-wrapper{grid-template-columns:1fr}.project-toc{z-index:25;position:sticky;bottom:0;margin:-3em -1em 0;width:100vw;background:#fff}.project-toc .toc{display:flex;flex-direction:column;width:100%;padding:0;margin:0}.project-toc .toc>button{font-family:ClashDisplay-variable;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:1em;text-align:center;order:2;padding:1rem;width:100vw;border-radius:0;color:#fff;background:#222}.project-toc .toc>ul{order:0}.project-toc .toc>ul li{line-height:1em}.project-toc .toc.open{box-shadow:#64646f33 0 7px 29px}.project-toc .toc.open>ul{order:-1;height:100%;opacity:1}.project-toc .toc.close{box-shadow:none}.project-toc .toc.close>ul{opacity:0;pointer-events:none}.big-content{grid-template-columns:1fr}.title-content{grid-template-columns:1fr;width:calc(100% - 1em)}}@media (max-width: 512px){.project-wrapper{grid-template-columns:1fr;margin:2em}.project-toc{margin-left:-2em}.title-content{width:calc(100% - 3em)}}.project-wrapper{display:grid;grid-template-columns:10fr 2fr;gap:0;margin-left:1rem;margin-right:1rem}@media (max-width: 1440px){.project-wrapper h3{white-space:wrap;width:300px}}@media (max-width: 1024px){.project-wrapper{grid-template-columns:1fr}}@media (max-width: 512px){.project-wrapper{grid-template-columns:1fr;margin:2em}}.project-wrapper .project-info,.project-wrapper .project-toc{text-align:left}.project-wrapper .project-toc .toc{top:4rem;margin-top:-1em;margin-right:-1rem;width:calc(100% + 1em);position:sticky;border-radius:0rem;padding:1rem;z-index:50;background:#e9e7e5d9;box-shadow:0 0 10px #e9e7e5d9}.project-wrapper .project-toc .toc.close>ul{opacity:0;pointer-events:none;height:0}.project-wrapper .project-toc .toc.open>ul{max-height:100vh;opacity:1;pointer-events:auto}.project-wrapper .project-toc .toc>button{background:#222;border:none;outline:none;padding:.5em 1em;border-radius:1em;width:100%}.project-wrapper .project-toc .toc>ul{margin:1.5em}.project-wrapper .project-toc .toc ul,.project-wrapper .project-toc .toc li{list-style-type:none;margin:0;padding:.2em 0}.project-wrapper .project-toc .toc li{padding-left:1rem}.project-wrapper .project-toc .toc li button{font-weight:600;color:#222;background:transparent;outline:none;border:none;font-family:ClashDisplay-variable;text-transform:uppercase;font-size:1em;text-align:left;cursor:pointer}.project-wrapper .project-toc .toc li button:hover{color:#f0f}.project-wrapper .project-toc .toc ul li ul button{font-weight:300}@media (max-width: 1024px){.project-wrapper .project-toc{z-index:25;margin-top:-3em;position:sticky;margin-left:-1em;bottom:0;width:100vw;background:#fff}.project-wrapper .project-toc .toc{display:flex;flex-direction:column;margin:0;padding:0;width:100%;left:0}.project-wrapper .project-toc .toc>button{font-weight:600;font-family:ClashDisplay-Variable;text-transform:uppercase;letter-spacing:1px;font-size:1em;text-align:center;order:2;padding:1em;width:100vw;margin-bottom:0;border-radius:0;color:#fff;background:#222}.project-wrapper .project-toc .toc>ul{order:0}.project-wrapper .project-toc .toc>ul li{line-height:1em}.project-wrapper .project-toc .toc.open{box-shadow:#64646f33 0 7px 29px}.project-wrapper .project-toc .toc.open>ul{order:-1;height:100%;opacity:1}.project-wrapper .project-toc .toc.close{box-shadow:none}.project-wrapper .project-toc .toc.close>ul{opacity:0;pointer-events:none}}@media (max-width: 512px){.project-wrapper .project-toc{margin-left:-2em}}.project-wrapper .big-content{display:grid;grid-template-columns:2fr 7fr 1fr;gap:0}@media (max-width: 1440px){.project-wrapper .big-content{grid-template-columns:2fr 4fr .5fr}}@media (max-width: 1024px){.project-wrapper .big-content{grid-template-columns:1fr}}.project-wrapper .big-content>:last-child{padding-right:1rem}.project-wrapper .title-content{display:grid;grid-template-columns:3fr 6fr 1fr;gap:0}@media (max-width: 1440px){.project-wrapper .title-content{grid-template-columns:2fr 4fr .5fr}}@media (max-width: 1024px){.project-wrapper .title-content{grid-template-columns:1fr;width:calc(100% - 1em)}}@media (max-width: 512px){.project-wrapper .title-content{width:calc(100% - 3em)}}.project-wrapper .quote{font-size:1rem;line-height:1.2em;font-style:italic;display:inline-block}.project-wrapper .subtitle{display:inline-block;padding-bottom:.5rem;opacity:.6}.project-wrapper .bio{margin-bottom:1rem}.works-wrapper{margin:0;padding:0}.works-wrapper .work{position:relative}.works-wrapper .work.coming-soon:before{content:"COMING SOON";font-family:ClashDisplay-variable;font-weight:600;letter-spacing:1;font-size:4em;position:absolute;width:100%;height:calc(100% + 4em);top:-2em;left:0;display:flex;align-items:center;justify-content:center;z-index:25;background:#ffffff80}.works-wrapper .work .media{width:calc(100% - 2em);height:50vh;background:#ccc;margin:1em}.works-wrapper .work .media img{object-fit:cover;width:100%;height:100%}.works-wrapper .work .info{display:grid;grid-template-columns:3fr 6fr 3fr;gap:0;margin:1em;text-align:left}.works-wrapper .work .info .title{margin-right:1em}.works-wrapper .work .info .title h2{padding-bottom:0}.works-wrapper .work .info .description{width:83%}.works-wrapper .work .info .roles ul{padding:0}.works-wrapper .work .info .roles ul li{line-height:1.5em;list-style-type:none;padding:0 0 .1em}@media (max-width: 1440px){.works-wrapper .work .info{grid-template-columns:2fr 4fr 2fr}.works-wrapper .work .info .description{width:75%}}@media (max-width: 1024px){.works-wrapper .work .info{grid-template-columns:1fr}.works-wrapper .work .info .description{width:calc(100% - 1em)}}@media (max-width: 512px){.works-wrapper .work{width:calc(100% - 3em)}}.userflow-wrapper{position:relative;height:300px;cursor:grab}.userflow-wrapper:hover .marquee{opacity:0;transition:opacity .5s}.marquee{pointer-events:none;--gap: 1rem;display:flex;-webkit-user-select:none;user-select:none;gap:var(--gap);opacity:1;transition:opacity .5s;background-color:transparent;overflow:hidden;position:absolute;top:0;left:0;height:2em;width:100vw;white-space:nowrap;z-index:20}.marquee p{display:flex;justify-content:space-around;position:absolute;font-family:ClashDisplay-Variable;font-size:1em;width:auto;text-transform:uppercase;letter-spacing:1px;height:100%;margin:0;line-height:30px;text-align:center;opacity:.5;transform:translate(100vw);animation:scroll-left 30s linear infinite}.marquee p span{width:50px;display:inline-block}.marquee.bottom{top:calc(100% - 1.5em)}.marquee.bottom p{transform:translate(-100%);animation:scroll-right 30s linear infinite}@keyframes scroll-left{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes scroll-right{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.user-flow-carousel{cursor:grab;position:absolute;display:flex;flex-direction:row;margin:0;bottom:0;left:0;width:100vw;height:300px;background:#ccc}.user-flow-carousel .inner-carousel{position:relative;display:block;margin:0;top:0;height:300px;cursor:grab}.user-flow-carousel .inner-carousel .userflow{position:relative;display:flex;flex-direction:row;width:fit-content;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;height:150px;margin:0;pointer-events:none}.user-flow-carousel .inner-carousel .userflow .spacer{position:relative;display:block;width:25vw;height:50px;background:transparent;pointer-events:none}.user-flow-carousel .inner-carousel .userflow img{position:relative;display:block;width:auto;height:auto;margin-top:75px}.user-flow-carousel .inner-carousel .userflow img.decision{margin-top:75px;height:150px}.user-flow-carousel .inner-carousel .userflow img.start{margin-top:85.5px;height:129px}.user-flow-carousel .inner-carousel .userflow img.page,.user-flow-carousel .inner-carousel .userflow img.button,.user-flow-carousel .inner-carousel .userflow img.back,.user-flow-carousel .inner-carousel .userflow img.cancel{margin-top:120px;height:60px}.user-flow-carousel .inner-carousel .userflow img.yes,.user-flow-carousel .inner-carousel .userflow img.no,.user-flow-carousel .inner-carousel .userflow img.no1,.user-flow-carousel .inner-carousel .userflow img.no2,.user-flow-carousel .inner-carousel .userflow img.no3,.user-flow-carousel .inner-carousel .userflow img.arrow{margin-top:138.75px;height:22.5px}.user-flow-carousel .inner-carousel .userflow .repeat-forever{position:relative;display:flex;flex-direction:row;width:fit-content;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;height:calc(300px - 1em);margin:0}.user-flow-carousel .inner-carousel .userflow .repeat-forever .images{position:relative;display:flex;flex-direction:row;width:fit-content;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}.user-flow-carousel .inner-carousel .userflow .repeat-forever .images:before{content:"Painpoint 1 Loop";position:absolute;top:2.5rem;left:1rem;text-transform:uppercase;font-weight:600;font-family:ClashDisplay-Variable;z-index:2;color:#c90000}.user-flow-carousel .inner-carousel .userflow .repeat-forever .images:after{z-index:-1;content:"";position:absolute;top:2rem;left:0;width:100%;height:calc(100% - 1em);background:#ff000040;border-radius:1rem}.user-flow-carousel:before,.user-flow-carousel:after{display:block;content:"";pointer-events:none;position:absolute;top:0;height:300px;width:50px;z-index:5;opacity:.8}.user-flow-carousel:before{left:-1em;background:linear-gradient(90deg,#e9e7e5,#e9e7e5,#fff0)}.user-flow-carousel:after{right:0;background:linear-gradient(90deg,#fff0,#e9e7e5,#e9e7e5)}@media (max-width: 1024px){.user-flow-carousel:before{background:linear-gradient(90deg,#e9e7e5,#fff0)}.user-flow-carousel:after{background:linear-gradient(90deg,#fff0,#e9e7e5)}}@media (max-width: 512px){.user-flow-carousel{left:-2em}}.no-scroll{position:relative}.userflow-issues{position:relative;margin-bottom:0}.userflow-issues .painpoint-container{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2em;text-align:center;align-items:flex-start;justify-content:flex-start}@media (max-width: 768px){.userflow-issues .painpoint-container{grid-template-columns:1fr}}.userflow-issues .painpoint{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;font-weight:400;padding:0;color:#464646de;background:transparent;text-align:left;padding-bottom:1rem}.userflow-issues .painpoint .title{padding-top:1rem;color:#c60000;letter-spacing:1pt}.userflow-issues .painpoint.active{font-weight:700}.userflow-issues .painpoint span{opacity:.5;display:block}@media (max-width: 1024px){.userflow-issues .painpoint{text-align:center}}@media (max-width: 768px){.userflow-issues .painpoint{text-align:left}}.interactive-ui{height:min(500px,60vh);padding-top:3rem;padding-bottom:3rem;position:relative}.interactive-ui .carousel{position:absolute;left:0;width:100%;width:100vw;cursor:grab;overflow:visible}.interactive-ui .carousel:hover{cursor:grabbing}.interactive-ui .carousel .inner-carousel{display:flex;gap:5rem}.interactive-ui .carousel .inner-carousel:hover .screen{opacity:.5;transition:all .5s}.interactive-ui .carousel .inner-carousel .spacer{width:25vw;height:20px;position:relative;display:block}.interactive-ui .screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;height:min(500px,60vh);margin-bottom:1rem;opacity:1;transition:all .5s}.interactive-ui .screen>*{pointer-events:none}.interactive-ui .screen h4{text-align:center}.interactive-ui .screen .notes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:none}.interactive-ui .screen .notes .note{pointer-events:none;opacity:.5;transition:all .5s;margin-top:10px;position:absolute;top:50%;transform:translateY(-50%);width:100%;background:#fff;padding:2rem;border-radius:2rem;box-shadow:5px 10px 5px #000}.interactive-ui .screen .notes .left{left:-95%}.interactive-ui .screen .notes .right{left:95%}.interactive-ui .screen .notes li{list-style-type:none}.interactive-ui .screen .notes .strong{margin-bottom:1rem;letter-spacing:2pt}.interactive-ui .screen .notes p{margin-bottom:.5rem}.interactive-ui .screen .screenshot{position:relative;display:block;height:min(500px,60vh);transform:scale(.95);aspect-ratio:.46;transition:all .2s .2s}.interactive-ui .screen .screenshot img{width:100%;height:100%}.interactive-ui .screen .screenshot .hotspots button{position:absolute;top:0;left:0;width:2rem;height:2rem;font-weight:700;font-family:ClashDisplay-Variable;font-size:1.5rem;border-radius:100px;border:none}.interactive-ui .screen .screenshot .overlay{position:absolute;pointer-events:none;transition:all .2s;opacity:0;top:0;left:50%;transform:translate(-50%);z-index:2;height:min(500px,60vh);width:calc(1.23*min(500px,60vh))}.interactive-ui .screen:hover{z-index:9;opacity:1!important;transition:all .5s}.interactive-ui .screen:hover .screenshot{transform:scale(1);transition:all .2s;box-shadow:#64646f33 0 7px 29px}.interactive-ui .screen:hover .screenshot .overlay{opacity:1;filter:drop-shadow(0 0 20px rgba(0,0,0,.25));transition:all .2s .2s}.interactive-ui .screen:hover .notes{z-index:10}.interactive-ui .screen:hover .notes .note{margin-top:0;opacity:1;transition:opacity .25s delay 1s}.interactive-ui #p-landing .hotspots .hs-pp{top:22.5%;left:calc(50% - 1em)}.interactive-ui #p-landing .hotspots .hs-ui{top:65.4%;left:3%}.interactive-ui #p-landing .notes .n-pp{left:-60%;top:27%}.interactive-ui #p-landing .notes .n-ui{top:70%;left:90%}.interactive-ui #p-menu .notes .right{top:50%;left:80%}.interactive-ui #p-asset-time .notes .right{top:70%;left:80%}@media (max-width: 768px){#branding .typography-container .lato{grid-template-columns:1fr}#branding .typography-container .lato>div{width:100%}}#branding .color-container .color{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:100%;padding:1rem;border-radius:.5rem;color:#fff}#branding .color-container .color.c00ABEE{background-color:#00abee}#branding .color-container .color.c0076A8{background-color:#0076a8}#branding .color-container .color.cFFFFFF{background-color:#fff;color:#000}#branding .color-container .color.cE2E3E4{background-color:#e2e3e4;color:#000}#branding .color-container .color.c9D9D9D{background-color:#9d9d9d}#branding .color-container .color.c383F45{background-color:#383f45}#branding .color-container .color.c1D252C{background-color:#1d252c}#branding .color-container .color.c000000{background-color:#000}#branding .color-container .color-grid{position:relative;display:grid;grid-template-columns:4fr 2fr 1fr;gap:1rem;width:100%;box-sizing:border-box}#branding .color-container .color-grid>div{position:relative;display:flex;flex-direction:column;width:100%;height:40vh}#branding .color-container .color-grid .colors{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:100%;box-sizing:border-box}@media (max-width: 768px){#branding .color-container .color-grid{grid-template-columns:1fr;grid-template-rows:30vh 15vh 10vh;height:70vh}#branding .color-container .color-grid>div{height:100%}}.lauft-screens{position:relative;left:50vw;overflow:visible;aspect-ratio:2048/1345;max-height:80vh}.lauft-screens .image a{position:absolute;top:50%;transform:translate(-50%,-50%);display:block;width:220px;padding:2rem;color:#f4f4f4;background-color:#313131;border-radius:2rem;text-align:center;z-index:10;cursor:pointer}.lauft-screens .image img.fit,.lauft-screens .image:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;transform:translate(-50%);background:radial-gradient(closest-side,#e9e7e500,#e9e7e5);pointer-events:all;z-index:5}.lauft-screens .image:hover:before{background:radial-gradient(closest-side,#e9e7e580,#e9e7e5)}.lauft-screens .image img.fit{z-index:1}.lauft-screens .image img.fit:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:radial-gradient(closest-side,#e9e7e500,#ebf8e1,#e9e7e5);z-index:3}.lauft-ia{position:relative;left:50vw;overflow:visible;height:84vw}.lauft-ia img.fit{position:absolute;content:"";top:0;left:0;width:80vw;transform:translate(-50%);background:#000;background:radial-gradient(closest-side,#e9e7e500,#e9e7e5);pointer-events:all;z-index:5}@media (max-width: 1440px){.lauft-ia{height:104vw}}#lofi .lauft-ia{max-height:100vh;height:150vw}#lofi .lauft-ia img.fit{max-height:100vh;height:150vw;object-fit:contain;object-position:top}#ideation .split>div:nth-child(2){text-align:left}#ideation .split>div:nth-child(2) img.height-50{height:50vh;width:100%}@media (max-width: 512px){#ideation .split>div:nth-child(2) img.height-50{height:auto}}@media (max-width: 512px){#ideation .split{grid-template-columns:1fr}#ideation img.height-50{height:auto}}.lato{display:grid;grid-template-columns:1fr 2fr;gap:1rem;justify-items:center}.lato img{margin-bottom:1rem;aspect-ratio:2.5/1}.lato span{line-height:1.25em;margin-bottom:.5em;display:block}@media (max-width: 512px){.lato{grid-template-columns:1fr;justify-items:flex-start;gap:2rem}}.persona .split>div:nth-child(2){display:block;text-align:right}.persona .split>div:nth-child(2) img{max-width:80%;object-fit:cover;object-position:right top;height:auto}.persona .split>div:nth-child(2) p{max-width:80%;text-align:center;float:right}@media (max-width: 1024px){.persona .split>div:nth-child(2){grid-template-columns:1fr;text-align:center;display:block;align-items:center}.persona .split>div:nth-child(2) img{max-width:100%;object-fit:contain;object-position:center center}.persona .split>div:nth-child(2) p{margin:0 auto;float:none}}@media (max-width: 1024px) and (max-width: 512px){.persona .split{grid-template-columns:1fr}}@media (max-width: 1024px){.persona .split>div:nth-child(2){order:-1}}.persona .no-scroll{width:100%;overflow-x:visible}