body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family-system:-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.h1{font-size:2.0625rem;line-height:1.25}.h1,.h2{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-weight:500;letter-spacing:0;margin-bottom:1rem;margin-top:0}.h2{font-size:1.75rem;line-height:1.5}.h3{font-size:1.4375rem;margin-bottom:.75rem}.h3,.h4{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-weight:500;letter-spacing:0;line-height:1.5;margin-top:0}.h4{font-size:1.1875rem;margin-bottom:.5rem}.h5{font-weight:500;margin-bottom:.5rem}.h5,.p{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-size:1rem;letter-spacing:0;line-height:1.5;margin-top:0}.p{font-weight:400;margin-bottom:1em}.caption{font-size:.8125rem;font-weight:400;line-height:1.5;margin-bottom:0}.caption,h1{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);letter-spacing:0;margin-top:0}h1{font-size:2.0625rem;font-weight:500;line-height:1.25;margin-bottom:1rem}h2{font-size:1.75rem;margin-bottom:1rem}h2,h3{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-weight:500;letter-spacing:0;line-height:1.5;margin-top:0}h3{font-size:1.4375rem;margin-bottom:.75rem}h4{font-size:1.1875rem}h4,h5{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-weight:500;letter-spacing:0;line-height:1.5;margin-bottom:.5rem;margin-top:0}h5{font-size:1rem}p{font-weight:400;letter-spacing:0}ol,p,ul{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-system);font-size:1rem;line-height:1.5;margin-bottom:1em;margin-top:0}ol,ul{padding-left:1.5em}ol ol,ol ul,ul ol,ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.5em}li:last-child{margin-bottom:0}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#09090b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;padding-bottom:env(safe-area-inset-bottom,0)}.App{min-height:100vh}#root,.App{background-color:#09090b}a{color:#fff;text-decoration:none}a:hover{opacity:.8}.star-border-container{border-radius:20px;display:inline-block;overflow:hidden;position:relative}.mobile-menu-star-border.star-border-container{align-items:stretch;border-radius:.75rem!important;display:flex!important;overflow:hidden!important;width:100%!important}.mobile-menu-star-border .inner-content{border-radius:.75rem!important}.border-gradient-bottom{animation:star-movement-bottom linear infinite alternate;bottom:-12px;right:-250%}.border-gradient-bottom,.border-gradient-top{border-radius:50%;height:50%;opacity:.7;pointer-events:none;position:absolute;width:300%;z-index:0}.border-gradient-top{animation:star-movement-top linear infinite alternate;left:-250%;top:-12px}.inner-content{background:#000;border:none;border-radius:20px;color:#fff;font-size:16px;padding:16px 26px;position:relative;text-align:center;z-index:1}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.header{margin-bottom:5rem;padding:1.5rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:984px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo-link{cursor:pointer;display:block;text-decoration:none}.logo-link:hover{opacity:.8}.logo-image{display:block;height:auto;width:130px}.header-star-border .inner-content{background:#09090b;border:1px solid #414141;border-radius:1.125rem;padding:1.125rem 2.25rem}.nav{align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;border-radius:0;display:flex;gap:0;padding:0}.nav a{margin-bottom:0;transition:opacity .2s}.divider{background-color:#ffffff4d;height:12px;margin:0 1.5rem;width:1px}.mobile-menu-wrapper{align-items:stretch;display:none;flex:1 1;flex-direction:row;gap:.625rem;justify-content:flex-end;min-width:0}.mobile-menu-star-border{display:block;flex:1 1 auto;min-width:0}.mobile-menu-star-border .star-border-container,.mobile-menu-star-border.star-border-container{border-radius:.75rem!important;box-sizing:border-box;display:block!important;min-width:0;overflow:hidden!important;width:100%!important}.mobile-menu-star-border .inner-content{align-items:center;background:#09090b;display:flex;justify-content:center;padding:.875rem 1.5rem;white-space:nowrap;width:100%;z-index:1}.mobile-menu-star-border .inner-content,.mobile-menu-toggle{border:1px solid #414141;border-radius:1.125rem;box-sizing:border-box;height:50px;max-height:50px;min-height:50px;position:relative}.mobile-menu-toggle{background:#0000;cursor:pointer;display:none;flex-grow:0;flex-shrink:0;max-width:50px;min-width:50px;order:2;padding:.875rem;transition:all .3s ease;width:50px;z-index:10}.hamburger-line{background-color:#fff;border-radius:1px;display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:18px}.mobile-menu-toggle .hamburger-line:first-child{top:16px}.mobile-menu-toggle .hamburger-line:nth-child(2){top:22px}.mobile-menu-toggle .hamburger-line:nth-child(3){top:28px}.mobile-menu-toggle.menu-open .hamburger-line:first-child{top:22px;transform:translateX(-50%) rotate(45deg)}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(2){opacity:0;transform:translateX(-50%) scaleX(0)}.mobile-menu-toggle.menu-open .hamburger-line:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}.mobile-nav{align-items:center;background:#0000;border:none;border-radius:1.125rem;box-sizing:border-box;display:flex;flex:0 0;flex-direction:row;gap:0;height:50px;justify-content:center;max-height:50px;max-width:0;min-height:50px;min-width:0;opacity:0;order:1;overflow:hidden;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap;width:0}.mobile-nav.mobile-nav-open{flex:1 1 auto;flex-grow:1;max-width:none;min-width:0;opacity:1;overflow:visible;width:100%}.mobile-nav a{color:#fff;font-size:1rem;margin-bottom:0;text-decoration:none;transition:opacity .2s}.mobile-nav a:hover{opacity:.7}.mobile-divider{background-color:#ffffff4d;height:12px;margin:0 1.5rem;width:1px}@media (max-width:768px){.header{padding:0}.header-container{align-items:center;box-sizing:border-box;flex-direction:row;gap:0;justify-content:flex-start;padding:1rem 1rem 0;position:relative;width:100%}.logo{flex-shrink:0;transition:width .3s ease,margin .3s ease,opacity .3s ease}.logo.logo-hidden{margin:0!important;min-width:0!important;overflow:hidden;padding:0!important;width:0!important}.logo-image{transition:opacity .3s ease,transform .3s ease;width:120px}.logo-hidden{opacity:0;pointer-events:none;transform:translateX(-100%)}.header-star-border{display:none}.mobile-menu-wrapper{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1 auto;gap:.625rem;justify-content:flex-end;max-width:none;min-width:0;width:100%}.mobile-menu-toggle{border-radius:.75rem;display:flex;flex-grow:0;flex-shrink:0;max-width:50px;min-width:50px;width:50px}.mobile-menu-toggle,.mobile-nav,.mobile-nav.mobile-nav-open{height:50px;max-height:50px;min-height:50px}.mobile-nav{border-radius:.75rem;flex:0 0;min-width:0;width:0}.mobile-nav.mobile-nav-open{border-radius:.75rem;flex:1 1 auto;max-width:none;min-width:0;width:calc(100% - 50px - .625rem)}.mobile-menu-star-border{display:block;flex:1 1 auto;min-width:0}.mobile-menu-star-border .star-border-container,.mobile-menu-star-border.star-border-container{border-radius:.75rem!important;box-sizing:border-box;display:block!important;min-width:0;overflow:hidden!important;position:relative;width:100%!important}.mobile-menu-star-border .inner-content{background:#09090b;border:1px solid #414141;border-radius:.75rem!important;box-sizing:border-box;height:50px;max-height:50px;min-height:50px;min-width:0;overflow:hidden;position:relative;width:100%;z-index:1}.mobile-menu-star-border .border-gradient-bottom,.mobile-menu-star-border .border-gradient-top{pointer-events:none;z-index:0}}.about{padding:3rem 0}.about-container{margin:0 auto;max-width:984px;padding:0 2rem}.about-content{display:flex;flex-direction:column;gap:1.625rem}.profile-image{flex-shrink:0}.profile-image img{border-radius:50%;height:90px;object-fit:cover;width:90px}.about-text{flex:1 1}.name{margin-bottom:.25rem}.title{margin-bottom:1.625rem}.bio,.title{color:#ffffffe6}.bio{max-width:796px}@media (max-width:768px){.about-container{padding:0 1rem}.profile-image img{height:100px;width:100px}.about{margin-bottom:3.5rem;padding:0}}.aurora-container{height:100%;width:100%}.projects{padding:4rem 0}.projects-container{margin:0 auto;max-width:984px;padding:0 2rem}.section-title{margin-bottom:2rem}.projects-wrapper{display:flex;flex-direction:column;gap:1.5rem}.projects-row{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem}.projects-row-1{grid-template-columns:3fr 2fr}.projects-row-1 .project-image{height:100%;min-height:400px}.projects-row-1 .project-image img{object-fit:contain}.projects-row-1 .project-image video.project-video{height:auto;max-height:100%;object-fit:contain;width:100%}.projects-row-2,.projects-row-3{grid-template-columns:100%}.projects-row-3.projects-row-50{grid-template-columns:1fr 1fr}.project-card{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.project-card-link{color:inherit;cursor:pointer;text-decoration:none}.project-card-link:hover{opacity:1}.project-image{align-items:center;background-color:#1a1a1a;border-radius:8px;display:flex;flex:1 1;justify-content:center;margin-bottom:1rem;min-height:400px;overflow:hidden;position:relative;width:100%}.project-image-bg{border-radius:8px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.project-cover-ascii-bg{background:#0c0e15}.project-cover-ascii{inset:0;pointer-events:none;position:absolute;z-index:2}.project-image-silk{overflow:hidden}.project-image-silk .silk-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.project-image-aurora{overflow:hidden}.project-image img.project-image-full{z-index:3}.project-image-scale-wrap{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transform-origin:center center;transition:transform .6s cubic-bezier(.25,.46,.45,.94);z-index:2}.project-card-link:hover .project-image-scale-wrap{transform:scale(1.02) rotate(-2deg)}.project-image img{display:block;height:auto;max-height:80%;max-width:80%;object-fit:contain;position:relative;width:auto;z-index:2}.project-image img.project-image-full{display:block;height:auto!important;left:2.5rem;max-height:calc(100% - 5rem)!important;max-width:calc(100% - 5rem)!important;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 5rem)!important;z-index:2}.project-image-video{background-color:initial;height:auto;min-height:auto}.project-image video.project-video{background-color:#1a1a1a;border-radius:8px;display:block;height:auto;object-fit:contain;position:relative;vertical-align:top;width:100%;z-index:3}.project-image video.project-video.playing{background-image:none}.project-image video.project-video.playing:before{display:none}.project-image video.project-video[poster]{z-index:4}.project-image video.project-video:not([poster]){z-index:5}.project-image-multiple{background:#e9e9e9;overflow:hidden}.project-images-wrapper{align-items:center;display:flex;gap:1rem;height:100%;justify-content:center;padding:2rem;position:relative;width:100%}.project-info{padding:.5rem 0}.project-title{margin-bottom:.25rem;transition:color .35s ease}.project-card-link:hover .project-title,.project-subtitle{color:#ffffffb3}@media (max-width:768px){.projects-container{padding:0 1rem}.section-title{margin-bottom:1.5rem}.projects-row-1,.projects-row-2,.projects-row-3,.projects-row-3.projects-row-50{grid-template-columns:100%}.project-card{width:100%}.project-image{margin-bottom:.75rem;min-height:300px}.project-image-video{background-color:initial;height:auto;min-height:auto}.project-image img.project-image-full{left:4rem!important;max-height:none!important;max-width:calc(100% - 8rem)!important;object-fit:cover;top:1rem!important;transform:none!important;width:calc(100% - 8rem)!important}.project-info{padding-bottom:.5rem;padding-top:0}.project-subtitle,.project-title{margin-bottom:0}.projects{margin-bottom:3.5rem;padding:0}}.experience{padding:4rem 0}.experience-container{margin:0 auto;max-width:984px;padding:0 2rem}.experience-list{gap:1.5rem;margin-top:2rem}.experience-item,.experience-list{display:flex;flex-direction:column}.experience-item{border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem 1.75rem}.experience-content{align-items:flex-start;display:flex;justify-content:space-between}.experience-left{display:flex;flex-direction:column;gap:.125rem}.experience-company{margin-bottom:0}.experience-period,.experience-role{color:#ffffffe6;margin-bottom:0}@media (max-width:768px){.experience-container{padding:0 1rem}.experience-content{flex-direction:column;gap:.5rem}.experience-period{align-self:flex-start;margin-bottom:0}.experience-role{margin-bottom:0}.experience-list{gap:0}.experience-item{margin-bottom:1.5rem;padding:1.5rem}.experience-item:last-child{margin-bottom:0}.experience{margin-bottom:3.5rem;padding:0}.section-title{margin-bottom:1.5rem}}.about-me{padding:4rem 0}.about-me-container{margin:0 auto;max-width:984px;padding:0 2rem}.about-me-text{color:#ffffffe6;margin-top:2rem}@media (max-width:768px){.about-me-container{padding:0 1rem}.about-me{margin-bottom:3.5rem;padding:0}.section-title{margin-bottom:1.5rem}}.footer{margin-top:4rem;padding:3rem 0}.footer-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:984px;padding:0 2rem}.footer-line{background-color:#ffffff1a;height:1px;width:100%}.footer-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.footer-left{justify-content:flex-start}.footer-center,.footer-left{align-items:center;display:flex}.footer-center{justify-content:center;text-align:center}.footer-nav{align-items:center;display:flex;gap:0;justify-content:flex-end}.footer-nav a{margin-bottom:0;transition:opacity .2s}.footer-nav a:hover{opacity:.7}.footer-nav .divider{background-color:#ffffff4d;height:12px;margin:0 .75rem;width:1px}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-content{gap:1rem;grid-template-columns:1fr;text-align:center}.footer-center,.footer-left,.footer-nav{justify-content:center}}.image-modal-backdrop{background-color:#000000e6;bottom:0;cursor:pointer;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.image-modal-backdrop,.image-modal-content{align-items:center;display:flex;justify-content:center}.image-modal-content{cursor:default;max-height:100%;max-width:100%;position:relative}.image-modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:2.5rem;justify-content:center;line-height:1;padding:0;position:absolute;right:0;top:-2.5rem;transition:opacity .2s;width:2.5rem;z-index:10001}.image-modal-close:hover{opacity:.7}.image-modal-picture{display:block}.image-modal-image{border-radius:8px;height:auto;max-height:90vh;max-width:100%;object-fit:contain;width:auto}@media (max-width:768px){.image-modal-backdrop{padding:1rem}.image-modal-close{font-size:2rem;height:2rem;top:-2rem;width:2rem}.image-modal-image{max-height:85vh}}.interview-results{margin-top:2.5rem;width:100%}.interview-content{align-items:flex-start;display:flex;gap:2rem}.interview-chart{align-items:center;display:flex;flex-shrink:0;height:371.48px;justify-content:center;position:relative;width:396px}.chart-svg{filter:drop-shadow(0 19.616px 19.616px rgba(50,50,71,.08)) drop-shadow(0 29.424px 39.232px rgba(50,50,71,.08));height:100%;width:100%}.chart-segment{opacity:1;transform-origin:center}.chart-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chart-label{color:#999;font-size:.99625rem;margin-bottom:.25rem;text-transform:lowercase}.chart-value{color:#fff;font-size:1.45625rem;font-weight:500}.interview-list{flex:1 1;gap:1.5rem}.interview-item,.interview-list{display:flex;flex-direction:column}.interview-item{gap:.375rem}.interview-header{align-items:center;display:flex;gap:0}.interview-indicator{border-radius:6px;flex-shrink:0;height:10px;margin:0 .5rem 0 0;padding:0;width:10px}.interview-title{color:#fff;flex:1 1;font-size:1rem;font-weight:500;line-height:1.5;margin:0;padding:0}.interview-percentage{display:inline;font-weight:500;line-height:inherit;margin:0;padding:0}.interview-description{color:#e9e9e9;font-size:1rem;line-height:1.5;margin-bottom:0;padding:0}@media (max-width:768px){.interview-results{margin-top:0}.interview-content{flex-direction:column;gap:2rem}.interview-chart{margin:0 auto;max-width:396px;width:100%}}.slider-container{-webkit-user-drag:none;-webkit-overflow-scrolling:touch;-webkit-padding-start:0;-webkit-padding-end:0;background-color:#1a1a1a;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:24px 24px;border-radius:12px;box-sizing:border-box;cursor:grab;min-height:400px;overflow-x:auto;overflow-y:hidden;padding:2rem 0;position:relative;scroll-margin:0;scroll-padding:0;user-select:none;-webkit-user-select:none;width:100%}.slider-container:active{cursor:grabbing}.slider-container::-webkit-scrollbar{height:8px}.slider-container::-webkit-scrollbar-track{background:#0000}.slider-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.slider-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.slider-wrapper{display:flex;gap:0;margin:0;padding:0;width:-webkit-fit-content;width:fit-content}.slider-wrapper>*{margin:0!important;padding:0!important}.slider-container>picture,.slider-image,.slider-wrapper picture{display:block;flex-shrink:0}.slider-image{border:none;box-sizing:border-box;height:auto;margin:0;max-height:400px;min-height:300px;object-fit:contain;outline:none;padding:0;width:auto}.ab-test-results{gap:2.5rem;margin-top:48px}.ab-test-item,.ab-test-results{display:flex;flex-direction:column}.ab-test-item{gap:16px}.ab-test-item h5,.ab-test-task{margin-bottom:0}.ab-test-task{color:#ffffffe6}.ab-test-variants{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.ab-variant{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.variant-label{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:500;height:32px;justify-content:center;width:32px}.variant-a .variant-label{background-color:#ffffff1a;color:#fff}.variant-b .variant-label{background-color:#61a0ff;color:#fff}.variant-b{background-color:#1e252e;border-color:#2d3948}.variant-metrics{display:flex;flex-direction:column;gap:.375rem}.variant-metrics p{color:#ffffffe6;margin:0}.ab-test-conclusion{margin-top:1rem}.ab-test-conclusion h5{margin-bottom:1rem}.ab-test-conclusion p{color:#ffffffe6;line-height:1.6;margin-bottom:0}@media (max-width:768px){.ab-test-results-container{padding:0 1rem}.ab-test-variants{grid-template-columns:1fr}}.case-study{background-color:#09090b;min-height:100vh;position:relative}.case-study-with-ballpit{overflow:hidden}.ballpit-background{left:0;pointer-events:none;position:fixed;top:0;z-index:0}.ballpit-background,.ballpit-canvas{height:100%;width:100%}.case-study-with-ballpit .case-study-container,.case-study-with-ballpit .header{position:relative;z-index:1}.case-study-container{margin:0 auto;max-width:984px;padding:3rem 2rem}.case-video-fullwidth{left:50%;margin:0 -50vw;padding:0;position:relative;right:50%;width:100vw}.case-video-fullwidth-video{display:block;height:auto;width:100%}.case-header{margin-bottom:4rem}.case-logo{align-items:center;display:flex;gap:1rem}.logo-icon{display:block;flex-shrink:0;height:48px;object-fit:contain;width:48px}.logo-text h5{margin-bottom:.25rem}.logo-text .caption{color:#ffffffb3;margin-bottom:0}.case-section{margin-bottom:4rem}.case-section.process-title-section{margin-bottom:.25rem}.case-section.process-title-section h3{margin-bottom:0}.case-section h3,.case-section.define-section h3,.case-section.design-section h3,.case-section.discovery-section h3,.case-section.handoff-section h3,.case-section.problem-section h3,.case-section.test-section h3,.case-section.validate-section h3,.case-section.whats-next-section h3{margin-bottom:1rem}.case-section.define-section h5{margin-bottom:1.25rem;margin-top:2rem}.case-section.define-section h5:first-of-type{margin-top:0}.case-section.define-section .slider-container+h5{margin-top:2rem}.design-flow-title{margin-bottom:1rem}.user-flow-container{align-items:center;background-color:#1a1a1a;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:24px 24px;border-radius:12px;display:flex;justify-content:center;overflow:hidden;padding:2rem 0;width:100%}.user-flow-image{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.design-mockups-title{margin-top:3rem}.process-nav-wrapper{background-color:#09090b;border-bottom:none;margin-bottom:2rem;margin-top:0;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.process-nav{margin:0 auto;max-width:984px;padding:0}.process-nav h3{margin-bottom:1rem}.process-steps{background-color:#ffffff0d;border-radius:9999px;display:flex;flex-wrap:nowrap;gap:.5rem;padding:.25rem;width:100%}.process-step{background-color:initial;border:none;border-radius:9999px;color:#ffffff80;cursor:pointer;flex:1 1;font-family:var(--font-family-system);font-size:1rem;font-weight:500;line-height:1.5;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;white-space:nowrap}.process-step:hover{color:#ffffffb3}.process-step.active{background-color:#fff;color:#09090b;font-weight:500}.process-section{padding-top:2rem}.case-section p:has(+.case-image),.case-section p:has(+.design-mockups),.case-section p:has(+.slider-container),.case-section p:has(+.test-images-container){margin-bottom:0}.case-section .case-image+p,.case-section h5+.case-image,.case-section h5+.design-mockups,.case-section h5+.slider-container,.case-section p+.case-image,.case-section p+.design-mockups,.case-section p+.slider-container,.case-section p+.test-images-container{margin-top:1rem}.case-image{border-radius:12px;margin-top:0;overflow:hidden;transition:opacity .2s ease;width:100%}.case-image[style*="cursor: pointer"]{cursor:pointer}.case-image[style*="cursor: pointer"]:hover{opacity:.9}.design-mockups{display:flex;flex-direction:column;gap:1.25rem;margin-top:0}.design-mockups .case-image{margin-top:0}.case-image img,.case-image picture{will-change:opacity}.case-image img,.case-image picture,.case-image-img{border:none;display:block;height:auto;margin:0;padding:0;vertical-align:bottom;width:100%}.case-image-inner-shadow{border-radius:18px;overflow:hidden;position:relative}.case-image-inner-shadow:after{border-radius:18px;bottom:0;box-shadow:inset 0 0 5px 0 #ffffff4d;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.case-image-img-rounded{border-radius:18px}.case-image-line{margin-bottom:0;margin-top:0;width:100%}.case-image-line img,.case-image-line picture{border:none;display:block;height:auto;margin:0;padding:0;vertical-align:bottom;width:100%}.attention-columns{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-auto-rows:minmax(0,auto);grid-template-columns:1fr auto 1fr;margin-top:2rem}.attention-column{display:flex;flex-direction:column}.attention-column-left,.attention-column-right{gap:1rem}.attention-column-center{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.case-image-center-wrapper{align-items:flex-start;display:flex;gap:1.5rem}.attention-column-center .case-image{display:block;flex:0 0 auto;width:auto}.attention-column-center .case-image img,.attention-column-center .case-image picture{display:block;height:auto;max-width:100%;object-fit:contain;width:auto}.case-image-mirrored img,.case-image-mirrored picture{transform:scaleX(-1)}.attention-column .case-image{margin-top:0}@media (max-width:768px){.attention-columns{gap:2rem;grid-template-columns:1fr}.attention-column-center{display:none}}.interview-intro{margin-bottom:0;margin-top:4rem}.case-section .case-image+.interview-intro{margin-top:2rem!important}.discovery-list{list-style:none;margin:1.5rem 0;padding:0}.discovery-list li{color:#ffffffe6;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.discovery-list li:before{color:#ffffff80;content:"•";left:0;position:absolute}.validate-results-list{list-style:none;margin:1.5rem 0;padding:0}.validate-results-list li{color:#ffffffe6;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.validate-results-list li:before{color:#ffffff80;content:"•";left:0;position:absolute}.results-list{list-style:none;margin:1.5rem 0;padding:0}.results-list li{color:#ffffffe6;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.results-list li:before{color:#ffffff80;content:"•";left:0;position:absolute}.jobs-list{display:flex;flex-direction:column;gap:.5rem}.job-item{color:#ffffffe6;margin-bottom:0}.hypotheses-list{display:flex;flex-direction:column;gap:2rem}.hypothesis-item{background-color:initial;border-left:2px solid #ffffff2e;border-radius:0;padding:0 0 0 1.25rem}.hypothesis-text{color:#ffffffe6;margin-bottom:.75rem}.hypothesis-priority{background-color:#ffffff14;border-radius:6px;color:#ffffffb3;display:inline-block;font-size:.875rem;margin:0;padding:.375rem .75rem}.test-images-container{display:flex;flex-direction:column;gap:0;margin-top:0}.test-images-container>p{margin-bottom:1rem;margin-top:1rem}.test-images-container>p:first-of-type{margin-top:0}.test-images-container>.test-image-wrapper{margin-bottom:2rem}.test-images-container>.test-image-wrapper:last-child{margin-bottom:0}.test-image-wrapper{align-items:center;background-color:#1a1a1a;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:24px 24px;border-radius:12px;display:flex;justify-content:center;padding:2rem;width:100%}.test-image{display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.test-image-wrapper-small .test-image{border-radius:12px;margin:0 auto;max-width:85%}.visitor-app-blocks{gap:2rem;margin-top:1rem}.visitor-app-block,.visitor-app-blocks{display:flex;flex-direction:column}.visitor-app-block p{margin-bottom:0;margin-top:0}.visitor-app-block p+.case-image{margin-bottom:0;margin-top:1rem!important}.archive-case{margin-bottom:4rem}.archive-case:last-child{margin-bottom:0}.archive-blocks p+.case-image{margin-bottom:0;margin-top:1.125rem}.archive-blocks .case-image+.case-image{margin-top:1.25rem}.archive-images-row{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;justify-items:stretch;margin-top:1.125rem}.archive-images-row .case-image{display:flex;flex-direction:column;line-height:0;margin-bottom:0;margin-top:0!important;min-width:0;padding:0;width:100%}.archive-images-row .case-image img,.archive-images-row .case-image picture{display:block;margin:0;padding:0;vertical-align:top}.archive-images-row+.case-image{margin-top:1.25rem}@media (max-width:768px){.archive-images-row{grid-template-columns:1fr}.case-study-container{padding:1rem 1rem 2rem}.case-section{margin-bottom:3rem}.case-section.whats-next-section{margin-top:0}}@media (max-width:768px){.case-section:has(.case-image:last-child){margin-bottom:3rem}.process-nav-wrapper{margin-bottom:1rem;padding:1rem 0}.process-nav h3{margin-bottom:.5rem}.process-steps{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.process-steps::-webkit-scrollbar{display:none}.process-steps{gap:.5rem}.process-step{font-size:.875rem;padding:1rem 1.5rem;scroll-snap-align:center}.interview-intro{margin-top:1.5rem}.case-section.define-section .slider-container+h5,.case-section.define-section .slider-container+h5:first-of-type{margin-top:2rem!important}.case-section .case-image:last-child{margin-bottom:0}.case-section+.case-section{margin-top:0}.test-image-wrapper-small .test-image{border-radius:0}}
/*# sourceMappingURL=main.861f8f09.css.map*/