@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";.background{background-image:url(/assets/background_img_compact-C9PdLpKB.png);background-size:max(100vw,3688px) max(100vh,2036px);background-repeat:no-repeat;background-position:calc(50% - 300px) calc(50% - 100px);overflow:hidden;height:100vh;z-index:-1}header{position:fixed;display:flex;left:0;right:0;top:0;height:var(--header-height);max-height:var(--header-height);min-width:19rem;align-items:center;justify-content:center;z-index:1}.header-frame{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:100%;max-width:var(--max-section-width);padding:0 1rem;border-bottom:1px solid var(--border-color)}.home-icon-container,.about-me-icon-container{position:relative;display:inline-block;width:2rem;height:2rem;background-size:cover;background-position:center;transition:background-image .3s ease-in-out;cursor:pointer;margin-left:1rem;margin-top:.5rem}.home-icon-container{background-image:url(/assets/home_icon_std-DduUB42s.png)}.home-icon-container:hover{background-image:url(/assets/home_icon_light-D6Vk6ser.png)}.about-me-icon-container{background-image:url(/assets/about_me_icon_std-CdVex0JB.png)}.about-me-icon-container:hover{background-image:url(/assets/about_me_icon_light-B3Y38pQ3.png)}.preview-container{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#0d252599;margin-bottom:1rem;margin-right:.2rem;margin-top:0;z-index:2;justify-content:center;column-gap:1rem}.preview-img{border:1px solid white;border-radius:var(--border-radius);width:22rem;height:22rem;flex-shrink:0}.preview-img img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.preview-content{flex:1 0;display:flex;flex-direction:column;padding:0 1rem}.preview-text{flex-grow:1;display:flex;flex-direction:column;justify-content:space-evenly}.preview-text p{display:flex;justify-content:center;text-align:center;font-size:1.5rem;margin:1rem 0}.preview-button{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:auto}.preview-button button,.preview-button .button-link{padding:.4rem .8rem;font-size:.9rem;cursor:pointer;background-color:transparent;color:var(--text-color-light);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:background-color .3s ease;text-decoration:none;display:inline-flex;align-items:center}@keyframes flash-background{0%{background-color:#aff0}50%{background-color:#aff3}to{background-color:#aff0}}.cta{background-color:#aff0;animation:flash-background 2s infinite}.preview-button button:hover,.preview-button .button-link:hover{background-color:var(--cta-button-color);color:#fff;animation:none}@media (max-width: 55rem){.preview-container{border:0;border-radius:0;margin-top:0;margin-left:0;margin-right:0}}@media (max-width: 41rem){.preview-container{flex-direction:column;align-items:center;border:0;border-radius:0;margin-top:0;margin-left:0;margin-right:0}}.home-container{position:relative;display:flex;align-items:center;margin:0 auto;width:100%;max-width:var(--max-section-width);min-width:19rem;padding:1rem 1rem 0}.home-navigation{position:relative;flex-grow:0;flex-shrink:0;flex-basis:13rem}.home-navigation ul{position:relative;list-style:none;display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem}.home-navigation li{position:relative;font-family:var(--default-font);font-size:var(--default-font-size);transition:background-color .3s ease,color .3s ease}.home-navigation li span{position:relative;cursor:pointer;color:var(--accent-1)}.home-navigation li span.active{color:var(--text-color-light);font-weight:600;font-size:120%}.home-navigation li span.stuck{font-size:120%}.stuck:before{content:"";position:absolute;top:50%;left:-.8rem;transform:translateY(-50%);width:.5rem;height:.5rem;background-color:var(--text-color-light);border-radius:50%}.home-preview{flex-grow:1;height:24.2rem;position:relative;overflow:hidden}.home-preview-vertical .home-preview-inner{transform:translateY(calc(var(--scroll-units) * 25rem));transition:transform .5s ease}.home-preview-horizontal .home-preview-inner{transform:translate(calc(var(--scroll-units) * 100vw));transition:transform .5s ease}.home-preview-inner{display:flex;flex-direction:column;transition:transform .5s ease}.home-preview-inner>*{flex-shrink:0;height:24rem}.home-preview-vertical{display:block}.home-preview-horizontal{display:none}@media (max-width: 55rem){.home-preview-vertical{display:none}.home-preview-horizontal{display:block}.home-preview{height:none}.home-preview-inner{flex-direction:row;background:linear-gradient(to bottom,#0d2525,#0d2525 20%,#0d252500 50%);width:1000rem}.home-preview-horizontal{overflow-x:hidden;overflow-y:hidden;height:auto;scroll-snap-type:x mandatory}.home-preview-horizontal .home-preview-inner>*{scroll-snap-align:start;width:100vw;height:auto}.home-navigation li span.active,.home-navigation li span.stuck{font-size:100%}.stuck:before{display:none}.home-container{display:block;padding:0 .3rem 0 .2rem}.home-navigation{flex-basis:auto;margin-bottom:.6rem}.home-navigation h2{display:none}.home-navigation ul{min-width:21rem;flex-direction:row;flex-wrap:nowrap;gap:5vw;padding:0 0 0 6.5rem;margin:0 0 -3.8rem}.home-navigation li{writing-mode:vertical-rl;transform:rotate(-30deg);transform-origin:bottom left}.home-navigation li span{display:inline-block;padding:0;padding:.6rem .3rem 0;height:13rem;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.home-navigation li span.active{color:#fff;border:none;font-weight:600;background-color:#0d2525;border:1px solid var(--border-color);border-radius:var(--border-radius);z-index:1}.preview-top-border{position:relative;margin-top:0;width:100%;height:1px;background-color:var(--border-color);z-index:-1}}.about-me-container{position:relative;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.about-me-left,.about-me-right{flex:1 0 45%}.about-me-left{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--light-background-color);padding:1rem}.about-me-top-left{position:relative;display:flex;flex-wrap:wrap}.about-me-image{width:100px;height:auto;margin-right:1rem}.about-me-left h2{flex:1;color:var(--text-color-dark)}.about-me-left p{color:var(--text-color-dark);padding:1rem 0 0;font-size:.9rem}.about-me-right-top{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--mid-background-color);margin-bottom:1rem;color:var(--text-color-dark);font-size:.8rem;padding:1rem}.contact-linkedin{align-items:center;text-align:center;margin-bottom:1rem;font-weight:700}.contact-linkedin a{display:inline-block;text-decoration:none;color:#0a66c2;font-weight:700;border:1px solid #0a66c2;border-radius:.4rem;padding:.4rem .4rem .6rem;background-color:#fff;min-width:8rem}.contact-linkedin a:hover{color:#034689;border-color:#022951;background-color:#eff;box-shadow:1px 1px 1px #00000080}.linkedin-icon{width:20px;height:20px;vertical-align:middle;margin-right:5px}.contact-email{text-align:center;margin-bottom:1rem}.contact-email a{text-decoration:none;color:var(--text-color-dark)}.contact-email a:hover{text-decoration:underline;color:#034689}.icon-email{color:var(--dark-background-color)}.contact-phone{text-align:center}.icon-phone{color:var(--dark-background-color)}.about-me-right-bottom{border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;background-color:#2ff2}.contact-form{width:100%;max-width:500px;padding:1rem}.form-group{margin-bottom:.6rem}.form-group input,.form-group textarea{width:100%;padding:.3rem;font-size:.8rem;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;background-color:var(--light-background-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-group button{width:100%;padding:10px 15px;font-size:16px;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}.form-group button:hover{background-color:#0056b3}footer{position:fixed;display:flex;left:0;right:0;bottom:0;color:var(--text-color-primary);height:var(--footer-height);align-items:center;justify-content:center}.footer-frame{border-top:1px solid var(--border-color);position:relative;display:flex;justify-content:space-between;margin:0 auto;width:100%;max-width:var(--max-section-width);padding:0 1rem}footer p{padding-right:.5rem;font-size:.8rem}.contact-me-link{padding-right:0rem;font-size:.8rem;color:var(--accent-1);text-decoration:none}.contact-me-link:hover{color:var(--text-color-light)}.results-container-outer{display:block;position:relative;padding:1rem}.results-header-row{display:flex;gap:3rem;align-items:center}.results-header-row a{border:1px solid var(--text-color-primary);padding:.2rem .8rem;border-radius:1rem;margin-bottom:1rem;text-decoration:none;color:var(--text-color-primary)}.results-header-row a:hover{color:#fff;background-color:var(--cta-button-color);scale:1.1}.results-header-row h2{font-size:2rem;color:var(--text-color-primary)}.results-container-inner{display:flex;flex-direction:column;row-gap:2rem;padding-bottom:1rem}.results-container-outer h3{margin-top:0rem;margin-bottom:0;width:100%}.results-row{display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:2rem;justify-content:center}.results-row-left{display:inline-flex;flex:0 0 25rem;align-self:center}.results-row-right{align-self:center;flex:1 1 auto;max-width:30rem;display:flex;flex-direction:column;row-gap:1rem}.results-img{width:25rem;height:25rem;align-self:center}.results-img img{width:100%;height:100%;object-fit:cover;border:1px solid var(--border-color);border-radius:var(--border-radius)}.results-cell{flex:1 1 auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem;background-color:#00000095;min-width:16rem;max-width:23rem}.results-cell.wide{max-width:30rem}.results-cell.v-wide{display:block;width:80%;max-width:80%;padding:1rem;margin:0 auto}.results-cell.v-wide img{display:block;width:min(40rem,80%);max-width:min(40rem,80%);height:auto;margin:1rem auto}.results-cell.v-wide h3{margin-bottom:1rem;color:var(--primary-color-light)}.results-cell.v-wide strong{font-weight:600;color:var(--accent-1)}.results-cell.figma{display:block;width:100%;min-width:100%;max-width:100%;text-align:center;border:none;padding:none;background-color:transparent}.results-cell.image{flex:0 0 30rem;text-align:center;border:none;padding:none;background-color:transparent;max-width:20rem;max-width:50rem}.results-cell.figma iframe{border:1px solid var(--border-color)}.figma-840px-alt{display:none}.results-cell a{position:relative;padding-left:1rem;color:var(--text-color-primary)}.results-cell a:before{content:"+";position:absolute;left:0;top:0;transform:translateY(-50%);width:.5rem;height:.5rem;color:var(--text-color-light);font-weight:700}.results-cell a:hover{color:var(--text-color-light);font-weight:700;text-decoration:underline}.disable{pointer-events:none}.results-cell p:not(:last-of-type){margin-bottom:1rem}.results-cell p:first-of-type{margin-bottom:1rem}.results-cell ol{margin:0;padding-left:20px}.results-cell li{margin:1rem}.story{border:1px solid var(--border-color);margin-bottom:1rem;padding:.5rem 1rem}.useCaseDg{display:block;margin-left:auto;margin-right:auto}@media (max-width: 900px){.figma-840px{display:none}.figma-840px-alt{display:block}}@media (max-width: 35rem){.results-container-inner{row-gap:1rem}}@media (max-width: 28rem){.results-row-left{flex:0 0 88vw}.results-img{width:88vw;height:88vw}}.popup{position:fixed;top:calc(var(--header-height) + 1rem);bottom:calc(var(--footer-height) + 1rem);left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10}.popup-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;max-height:100%;background:var(--dark-background-color);padding:.5rem max(3%,1rem) .2rem max(3%,1rem);margin:0 .2rem .1rem;border:.2rem solid #888888;border-radius:var(--border-radius);max-width:920px}.popup-content p,.popup-content h3{padding-bottom:1rem}.popup-buttons{display:flex;margin-top:.8rem;margin-left:auto;margin-right:auto;column-gap:2rem}.popup-button{background-color:var(--cta-button-color);color:var(--light-background-color);border:3px solid var(--border-color);cursor:pointer;padding:.4rem 1rem;margin-right:1rem;border-radius:var(--border-radius);text-decoration:none;font-weight:700;margin-left:auto;margin-right:auto}.popup-button:hover,.popup-button:active{background-color:var(--cta-button-hover-color)}.popup-close-icon{position:absolute;top:.8rem;right:1.8rem;background:none;border:none;cursor:pointer;outline:none;color:var(--light-background-color)}.popup-close-icon:hover,.popup-close-icon:active{color:var(--cta-button-hover-color)}:root{--main-bg-color: rgba(0, 7, 9, 1);--text-color-primary: #cbf4f0;--text-color-light: #ecffff;--text-color-dark: #000c0c;--accent-1: #8bd6d6;--border-radius: .5rem;--border-color: #a3ffff;--border-color-dark: #5ec9c9;--header-height: 2.9rem;--max-section-width: 1200px;--footer-height: 1.4rem;--default-font-size: 1rem;--default-font: "Montserrat", sans-serif;--default-line-height: 1.6;--default-letter-spacing: 1px;--default-font-weight: 500;--h1-font-size: 1.8rem;--h1-font: "Roboto", sans-serif;--h1-font-weight: 400;--h1-letter-spacing: .5px;--h2-font-size: 1.5rem;--h2-font: "Roboto", sans-serif;--h2-font-weight: 400;--h2-letter-spacing: .5px;--h3-font-size: 1.3rem;--h3-font: "Roboto", sans-serif;--h3-font-weight: 400;--h3-letter-spacing: .5px;--cta-button-color: #024646;--cta-button-hover-color: #6fd6ef;--dark-background-color: #0d2525;--mid-background-color: #8bd6d6;--light-background-color: #f0f9f9;--bubble-border-color: rgb(65, 65, 3);--bubble-border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--default-font);font-size:var(--default-font-size);line-height:var(--default-line-height);letter-spacing:var(--default-letter-spacing);font-weight:var(--default-font-weight);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectable,.selectable *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{color:var(--text-color-primary);background-color:var(--main-bg-color)}.content{position:fixed;top:calc(var(--header-height) + .3rem);bottom:calc(var(--footer-height) + .3rem);width:100%;overflow-y:auto;z-index:0}.inner-content{display:flex;position:relative;width:100%;max-width:var(--max-section-width);height:100%;z-index:0;padding-top:.2rem;padding-left:0rem;padding-right:0rem;margin-left:auto;margin-right:auto}#root{position:relative}h1{font-family:var(--h1-font);font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);letter-spacing:var(--h1-letter-spacing);color:var(--text-color-primary);margin:0}.h1-link{text-decoration:none;transition:background-size .3s ease,color .3s ease;display:inline-block}.h1-link:hover{color:var(--text-color-light)}h2{font-family:var(--h2-font);font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);letter-spacing:var(--h2-letter-spacing);color:var(--accent-1);margin:0;margin-bottom:1rem}h3{font-family:var(--h3-font);font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);color:var(--text-color-primary);margin:0;margin-bottom:1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--main-bg-color);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background-color:#a3ffff99;border-radius:10px;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#beffffe6}::-webkit-scrollbar-corner{background-color:var(--main-bg-color)}