@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-size:62.5%}body,h1,h2,h3,h4,h5,h6{@apply font-lexend}}@layer components{.btn,.btn-outline,.btn-primary,.card,.card-hover,.nav-link,.nav-link.active,.section-container{@apply text-text-primary}}@keyframes glowing{0%{box-shadow:0 0 3px green}50%{box-shadow:0 0 20px green}to{box-shadow:0 0 3px green}}.live-btn{animation:glowing 1.5s infinite;background-color:green;border-radius:100%;height:1.2rem;width:1.2rem}.projects.list-view,.projects:not(.list-view){@apply grid grid-cols-1 md:grid-cols-2 gap-5}*{box-sizing:border-box;font-family:Lexend,sans-serif;font-size:62.2%;margin:0}[data-theme=light]{--header-overlay:#fffffff2}[data-theme=dark]{--header-overlay:#0b0a0ff2}body{background-color:var(--bg-color);box-sizing:border-box;color:var(--text-color);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body,html{max-width:100vw;width:100%}body.menu-open{overflow:hidden;position:fixed;width:100%}.site-header{background-color:initial;box-sizing:border-box;left:0;padding:16px 20px;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:40}.site-header.scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--header-overlay)}.header-container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;width:100%}.logo-container{flex-shrink:0}.logo-container,.logo-link{align-items:center;display:flex}.kene-logo-img{height:auto;max-width:100%;width:auto}.header-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.desktop-nav{display:block}.nav-list{gap:32px;list-style:none;margin:0;padding:0}.nav-item,.nav-list{align-items:center;display:flex}.nav-item{gap:8px}.nav-item,.nav-link{color:var(--text-color)}.nav-link{font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease;white-space:nowrap}.nav-link:after{background-color:var(--text-color);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.sun-circle{align-items:center;background:var(--toggle-bg);border:none;border-radius:100%;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:background-color .3s ease;width:38px}.sun-circle:hover{opacity:.9}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:14px;justify-content:space-between;padding:0;position:relative;width:20px;z-index:60}.hamburger-menu span{background-color:var(--text-color);border-radius:1px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-menu.active span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{align-items:center;background-color:var(--bg-color);bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:50}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-container{box-sizing:border-box;justify-content:center;max-width:100%;padding:0 20px}.mobile-menu-container,.mobile-nav-list{align-items:center;display:flex;flex-direction:column;width:100%}.mobile-nav-list{gap:32px;list-style:none;margin:0;padding:0}.mobile-nav-item{align-items:center;display:flex;flex-direction:column;gap:8px;padding:10px 0}.mobile-icon,.mobile-nav-link{color:var(--text-color)}.mobile-nav-link{font-size:24px;font-weight:500;text-decoration:none}.mobile-theme-toggle{align-items:center;background:var(--toggle-bg);border:none;border-radius:100%;cursor:pointer;display:flex;height:49px;justify-content:center;margin-bottom:24px;width:49px}@media (min-width:768px){.site-header{padding:16px 48px!important}}@media (min-width:1024px){.site-header{padding:16px 120px!important}}@media (min-width:1280px){.site-header{padding:16px 148px!important}}@media (max-width:768px){.site-header{background-color:var(--bg-color);border-top:1px solid var(--border-color);bottom:0;box-sizing:border-box;left:0;max-width:100vw;padding:12px 20px;right:0;top:auto;width:100vw}.site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--bg-color)}.header-container{margin:0;max-width:100%;padding:0;width:100%}.logo-container{flex:1}.kene-logo-img{height:32px;width:auto}.header-right{flex-shrink:0;gap:16px}.desktop-nav,.sun-circle{display:none}.hamburger-menu{display:flex}.mobile-menu{height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw}}@media (max-width:1024px) and (min-width:769px){.site-header{padding:16px 40px}.nav-list{gap:24px}.header-right{gap:16px}}@media (min-width:1200px){.site-header{padding:16px 200px}}[data-theme=light]{--footer-bg-image:url(/static/media/light-net.7be7042d2da2507de786.png) no-repeat center center;--footer-bg-image-mobile:url(/static/media/light-net-mobile.a5ffac2a82f3371b49c7.png) no-repeat center center}[data-theme=dark]{--footer-bg-image:url(/static/media/dark-net.0990c958a5ffd07c2385.png) no-repeat center center;--footer-bg-image-mobile:url(/static/media/dark-net-mobile.5d208a68194fbdf2eded.png) no-repeat center center}.footer-container{align-items:center;color:var(--text-color);display:flex;justify-content:center;padding-top:70px;position:relative;width:100%}.footer-container:before{background:var(--footer-bg-image);content:"";height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:100%;z-index:0}.footer-content{align-items:center;display:flex;flex-direction:column;max-width:800px;position:relative;text-align:center;z-index:1}.footer-heading,.footer-subheading{color:var(--secondary-text);font-size:32px;font-weight:600}.footer-subheading{line-height:50px;margin-bottom:30px}.footer-text{color:var(--tertiary-text);font-size:24px;font-weight:500;margin-bottom:20px}.footer-social-icons{height:70px;justify-content:center;margin-bottom:40px;margin-top:-20px;width:100%}.footer-icon-wrapper,.footer-social-icons{align-items:center;display:flex;position:relative}.footer-icon-wrapper{transition:transform .3s ease}.footer-icon-wrapper:first-child,.footer-icon-wrapper:nth-child(2),.footer-icon-wrapper:nth-child(3){transform:translateX(0);z-index:1}@media (hover:hover) and (pointer:fine){.footer-icon-wrapper:first-child:hover{z-index:2}.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(2),.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(3){transform:translateX(120px)}.footer-icon-wrapper:nth-child(2):hover{z-index:2}.footer-icon-wrapper:nth-child(2):hover~.footer-icon-wrapper:nth-child(3){transform:translateX(120px)}.footer-icon-wrapper:hover .footer-hover-text{opacity:1;transform:translateX(0)}.footer-icon:hover{color:var(--text-color)}}.footer-icon-wrapper:first-child,.footer-icon-wrapper:nth-child(2){margin-right:25px}.footer-icon-link{align-items:center;color:inherit;display:flex;position:relative;text-decoration:none}.footer-hover-text{color:var(--text-color);font-size:18px;left:70px;opacity:0;pointer-events:none;position:absolute;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.footer-icon{align-items:center;color:var(--tertiary-text);display:flex;justify-content:center;transition:color .3s ease}.footer-attribution>p{color:var(--tertiary-text);font-size:16px}.footer-attribution{margin-bottom:70px}.footer-link{color:var(--secondary-text);font-size:16px;margin-left:5px;text-decoration:none;text-decoration:underline;transition:color .3s ease}@media (hover:hover) and (pointer:fine){.footer-link:hover{color:var(--text-color)}}@media (max-width:768px){.footer-heading,.footer-subheading{font-size:28px}.footer-text{font-size:16px}.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(2),.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(3),.footer-icon-wrapper:nth-child(2):hover~.footer-icon-wrapper:nth-child(3){transform:translateX(0)}.footer-hover-text{display:none}.footer-icon-wrapper:first-child,.footer-icon-wrapper:nth-child(2){margin-right:20px}.footer-container{width:100%}.footer-container:before{background:var(--footer-bg-mobile);width:100%}}@media (max-width:480px){.footer-heading,.footer-subheading{font-size:24px}.footer-text{font-size:14px}.footer-hover-text{display:none}.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(2),.footer-icon-wrapper:first-child:hover~.footer-icon-wrapper:nth-child(3),.footer-icon-wrapper:nth-child(2):hover~.footer-icon-wrapper:nth-child(3){transform:translateX(0)}.footer-icon-wrapper:first-child,.footer-icon-wrapper:nth-child(2){margin-right:15px}}*{backface-visibility:hidden}.hero-heading,.mobile-button,.profile-image,.profile-image-hover,.skill-icon,.skill-tooltip{transform:translateZ(0);will-change:auto}.skill-icon:hover{will-change:transform}.profile-image-wrapper:hover .profile-image,.profile-image-wrapper:hover .profile-image-hover{will-change:opacity}.skill-tooltip{transform:translateZ(0) scale(.8);transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.skill-icon:hover .skill-tooltip{transform:translateZ(0) scale(1)}img{image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}.profile-image,.profile-image-hover{transition:opacity .3s ease}.hero-section,.profile-container{contain:layout style}.mobile-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease;will-change:background-color,color,border-color}html{scroll-behavior:smooth}@supports (-webkit-overflow-scrolling:touch){html{-webkit-overflow-scrolling:touch}}.skill-icon{transition:transform .3s ease,background-color .3s ease}.profile-image-wrapper:not(:hover) .profile-image,.profile-image-wrapper:not(:hover) .profile-image-hover,.skill-icon:not(:hover){will-change:auto}.home-container{isolation:isolate}@media (max-width:767px){.pointer-emoji{animation:none}.skill-tooltip{transition:opacity .2s ease}.skill-icon:hover{transform:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.home-container{background-color:var(--bg-color);color:var(--text-color);font-family:Lexend,sans-serif;padding-top:100px}.hero-section{display:flex;flex-direction:column;margin-bottom:40px;padding:0 20px}@media (min-width:768px){.hero-section{align-items:center;flex-direction:row;justify-content:space-between;margin-top:80px;padding:0 48px}}@media (min-width:1024px){.hero-section{padding:0 120px}}@media (min-width:1280px){.hero-section{padding:0 148px}}.hero-content{min-height:auto;width:100%}@media (min-width:768px){.hero-content{height:450px;max-width:600px;width:50%}}.hero-heading{color:var(--text-color);font-weight:500;line-height:1.3;margin-bottom:24px;transition:all .3s ease}@media (max-width:767px){.hero-heading{font-size:24px;line-height:1.3;margin-bottom:16px;padding:0 10px;text-align:center}.hero-heading.experience,.hero-heading.skills{font-size:20px;line-height:1.4;margin-bottom:12px}}.hero-content>.experience,.hero-content>.skills{font-size:24px;line-height:36px}@media (max-width:767px){.hero-content>.experience,.hero-content>.skills{font-size:20px;line-height:1.4}}.experience-second-section{color:var(--tertiary-text);font-size:16px;line-height:24px;margin-top:16px}@media (max-width:767px){.experience-second-section{font-size:14px;line-height:1.4;margin-top:12px;padding:0 10px;text-align:center}}.pivo-seed-link{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#654ea3,#eaafc8);-webkit-background-clip:text;background-clip:text;flex:none;flex-grow:0;font-size:16px;font-weight:600;line-height:24px;order:0}@media (max-width:767px){.pivo-seed-link{font-size:14px}}.pivo-seed-year{color:var(--tertiary-text);font-size:14px}@media (max-width:767px){.pivo-seed-year{font-size:12px}}@media (min-width:768px){.hero-heading{font-size:36px}}@media (min-width:1024px){.hero-heading{font-size:42px}}.key-prompt{color:var(--key-prompt-text);font-size:24px;line-height:1.8;margin-bottom:24px;margin-top:20px}.key-highlight{align-items:center;background-color:var(--key-prompt-button-background);border-radius:4px;color:var(--key-prompt-button-text);display:inline-flex;font-size:16px;height:24px;justify-content:center;margin:10px 4px;width:24px}.mobile-buttons{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px}.mobile-text{color:var(--tertiary-text);font-size:16px;margin-bottom:12px;text-align:center}.mobile-button-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.mobile-button{align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:50px;color:var(--tertiary-text);cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.mobile-button svg{height:14px;width:14px}.mobile-button.active{background-color:var(--card-bg);border-color:var(--text-color);color:var(--text-color)}.hero-description{color:var(--secondary-text);font-size:18px;line-height:1.6;margin-bottom:24px}.hero-description p{margin-bottom:16px}.pointer-emoji{animation:pointRight 2s infinite;display:inline-block;font-size:20px;margin-left:4px}@keyframes pointRight{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.profile-container{align-items:center;display:flex;display:none;flex-direction:column;margin-top:20px;position:relative;width:100%}@media (min-width:768px){.profile-container{align-items:flex-end;display:flex;margin-top:0;width:40%}}@media (min-width:1024px){.profile-container{padding-right:20px;width:45%}}@media (min-width:1280px){.profile-container{padding-right:40px}}.profile-image-wrapper{height:270px;margin:0 auto;position:relative;width:270px}.profile-image-container{height:100%;overflow:hidden;position:relative;width:100%}.profile-image,.profile-image-hover{display:block;height:auto;left:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.profile-image{opacity:1}.profile-image-hover{opacity:0;z-index:1}.profile-image-wrapper:hover .profile-image{opacity:0}.profile-image-wrapper:hover .profile-image-hover{opacity:1}@media (min-width:768px){.profile-image-wrapper{margin:0}}.profile-image{display:block;height:auto;position:relative;width:100%;z-index:1}.skill-icon{align-items:center;background-color:var(--bg-color);border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;transition:all .3s ease;width:56px;z-index:5}.ae-icon{z-index:6}.ai-icon{z-index:5}.figma-icon{z-index:6}.ps-icon{z-index:5}.skill-icon:hover{z-index:50!important}.skill-icon img{height:24px;transition:all .3s ease;width:24px}.skill-icon:hover{transform:scale(1.1)}.ps-icon:hover{background-color:#001e36}.ae-icon:hover{background:linear-gradient(180deg,#3b3a42,#28252e)}.ai-icon:hover{background-color:#300}.figma-icon:hover{background-color:#2c2f42}.ae-icon{left:6px;top:-10px}.ai-icon{right:10px;top:10px}.figma-icon{bottom:10px;left:5px}.ps-icon{bottom:20px;right:0}@media (min-width:768px){.ae-icon{left:30px;top:-10px}.ai-icon{right:-7px;top:20px}.figma-icon{bottom:50px;left:-20px}.ps-icon{bottom:20px;right:10px}}.skill-tooltip{background-color:#0b0a0f;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fcfcfc;font-size:14px;line-height:1.5;opacity:0;padding:16px;pointer-events:none;position:absolute;transition:all .3s ease;visibility:hidden;width:260px;z-index:100}.skill-icon:hover .skill-tooltip,.skill-tooltip.mobile-visible{opacity:1;visibility:visible}.ae-tooltip{left:70px;top:-10px}.ai-tooltip{right:70px;top:-10px}.figma-tooltip{bottom:-10px;left:70px}.ps-tooltip{bottom:-10px;right:70px}@media (max-width:767px){.skill-tooltip{font-size:12px;width:200px}.ae-tooltip,.figma-tooltip{left:60px}.ai-tooltip,.ps-tooltip{right:60px}}.status-container{align-items:center;display:flex;flex-direction:column;margin-top:50px;width:100%}@media (min-width:768px){.status-container{align-items:flex-end}}.live-status{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.live-indicator{animation:pulse 1.5s infinite;background-color:#10b981;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.live-text{color:var(--tertiary-text);font-size:16px}.company-logo{margin-top:4px;max-width:200px;width:100%}@media (max-width:767px){.profile-container{margin-top:20px}.status-container{align-items:center;margin-top:15px}.experience-second-section{text-align:center}}.projects-section{padding:0 20px 80px}@media (min-width:768px){.projects-section{padding:0 48px 80px}}@media (min-width:1024px){.projects-section{padding:0 148px 80px}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.section-title{color:var(--text-color);font-size:28px;font-weight:600}.view-all-link{color:var(--secondary-text);font-size:16px;text-decoration:none;transition:color .3s ease}.view-all-link:hover{color:var(--text-color)}.projects-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.spinner{color:var(--tertiary-text)}[data-theme=light]{--cred-popup-border:#e7e7e7}[data-theme=dark]{--cred-popup-border:#232327}.popup-overlay{align-items:center;backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credential-popup{background-color:var(--bg-color);border:1px solid var(--cred-popup-border);border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:30px;width:90%}.credential-popup h2{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:24px;margin-top:0}.credential-field{margin-bottom:20px}.credential-field label{color:var(--tertiary-text);display:block;font-size:16px;margin-bottom:8px}.input-with-copy{align-items:center;display:flex;width:100%}.input-with-copy input{background-color:var(--cred-popup-border);border:none;border-radius:6px;color:var(--tertiary-text);flex:1;font-size:16px;padding:15px;width:100%}.copy-button{align-items:center;background:#0000;border:none;color:var(--secondary-text);cursor:pointer;display:flex;justify-content:center;margin-left:-40px;padding:10px;transition:color .2s ease;z-index:5}.copy-button:hover{color:#fff}.credential-note{color:var(--tertiary-text);font-size:14px;line-height:1.5;margin-top:30px;text-align:center}.popup-actions{display:flex;justify-content:center;margin-top:30px}.open-project-button{background-color:var(--text-color);border:none;border-radius:6px;color:var(--bg-color);cursor:pointer;font-size:14px;padding:12px 24px;transition:background-color .2s ease}.open-project-button:hover{background-color:var(--secondary-text)}[data-theme=light]{--card-bg-hover:##FCFCFC;--portfolio-card-border:#e7e7e7;--portfolio-card-border-hover:#9d9d9f;--portfolio-card-button-bg:#fcfcfc;--portfolio-card-button-bg-hover:#0b0a0f;--portfolio-card-button-color:#232327;--portfolio-card-button-color-hover:#fcfcfc;--portfolio-card-button-border:#9d9d9f;--portfolio-card-button-box-shadow:-1px -1px 8px #ffffff4d,1px 1px 8px #ffffff4d;--portfolio-card-cat-bg:#e7e7e7;--grid-card-info-bg:#e7e7e799}[data-theme=dark]{--card-bg-hover:#0b0a0f;--portfolio-card-border:#232327;--portfolio-card-border-hover:#6d6c6f;--portfolio-card-button-bg:#0b0a0f;--portfolio-card-button-bg-hover:#fcfcfc;--portfolio-card-button-color:#9d9d9f;--portfolio-card-button-color-hover:#0b0a0f;--portfolio-card-button-border:#9d9d9f;--portfolio-card-button-box-shadow:-1px -1px 8px #ffffff4d,1px 1px 8px #ffffff4d;--portfolio-card-cat-bg:#232327;--grid-card-info-bg:#0b0a0fcc}.portfolio-card{border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.hover-bg-betweysure,.hover-bg-default,.hover-bg-gidigan,.hover-bg-liberterra,.hover-bg-pivo,.hover-bg-portfolio{background-color:var(--card-bg-hover)}.grid-card{border-radius:16px;border-width:1px;border:1px solid var(--portfolio-card-border);gap:8px;height:215px;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.card-bg-image{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .6s ease;width:100%}.grid-card.hovered .card-bg-image{transform:scale(1.05)}.card-overlay{align-items:center;backdrop-filter:blur(5px);background-color:var(--grid-card-info-bg);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%}.grid-card.hovered .card-overlay{opacity:1;visibility:visible}.card-overlay-content{padding:30px;text-align:center;width:100%}.card-title{color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:8px}.card-subtitle{color:var(--secondary-text);font-size:16px;margin-bottom:16px}.card-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.category-badge{color:var(--text-color);display:inline-block}.case-study-button{align-items:center;background-color:var(--text-color);border-radius:6px;color:var(--bg-color);display:inline-flex;font-size:16px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.arrow-icon{height:18px;margin-left:8px;width:18px}.card-info-bar{backdrop-filter:blur(5px);background-color:var(--grid-card-info-bg);bottom:0;height:90px;left:0;padding-top:20px;position:absolute;right:0;transition:opacity .3s ease}.grid-card.hovered .card-info-bar{opacity:0}.card-info-title{color:var(--text-color);font-size:20px;font-weight:500}.list-card{border:1px solid #0000;border:1px solid var(--portfolio-card-border);height:220px;margin-bottom:30px;position:relative;transition:all .3s ease}.list-card.hovered{border:1px solid var(--portfolio-card-border-hover);box-shadow:0 8px 30px #00000026}.list-card-content{display:flex;height:100%;position:relative}.list-card-image{height:100%;overflow:hidden;width:261px}.list-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.list-card.hovered .list-card-image img{transform:scale(1.05)}.list-card-details{display:flex;flex:1;flex-direction:column;height:100%;padding:24px;position:relative;width:67%}.list-card-header{margin-bottom:16px;width:70%}.list-card-title{color:var(--secondary-text);font-size:24px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.list-card.hovered .list-card-title{color:var(--text-color)}.list-card-subtitle{color:var(--tertiary-text);font-size:16px;transition:color .3s ease}.list-card.hovered .list-card-subtitle{color:var(--secondary-text)}.list-card-meta{bottom:24px;left:24px;position:absolute}.read-time{margin-right:24px}.read-time-icon{color:var(--tertiary-text);height:18px;transition:color .3s ease;width:18px}.list-card.hovered .read-time-icon{color:var(--secondary-text)}.read-time-text{font-size:14px;margin-left:6px;transition:color .3s ease}.list-card.hovered .read-time-text{color:var(--text-color)}.list-card-categories{display:flex;gap:12px;position:absolute;right:24px;top:24px}.primary-category,.secondary-category{align-items:center;background-color:var(--portfolio-card-cat-bg);border:1px solid #0000;border-radius:100px;display:flex;padding:4px 10px;transition:all .3s ease}.list-card.hovered .secondary-category{background-color:initial;border-color:var(--secondary-text)}.category-icon{color:var(--tertiary-text);height:14px;transition:color .3s ease;width:14px}.list-card.hovered .category-icon{color:var(--secondary-text)}.category-text{color:var(--text-color);font-size:12px;font-weight:400;margin-left:6px;transition:color .3s ease}.list-card-button{align-items:center;background-color:var(--portfolio-card-button-bg);border:1px solid var(--portfolio-card-border);border-radius:4px;bottom:24px;color:var(--portfolio-card-button-color);display:inline-flex;font-size:14px;gap:12px;height:48px;justify-content:center;padding:12px 16px;position:absolute;right:24px;text-decoration:none;transition:all .3s ease;width:197px}.list-card.hovered .list-card-button{background-color:var(--portfolio-card-button-bg-hover);border-color:var(--portfolio-card-button-border);color:var(--portfolio-card-button-color-hover)}.button-arrow-icon{height:16px;margin-left:8px;transition:color .3s ease;width:16px}.list-card.hovered .button-arrow-icon{color:var(--bg-color)}.project-icon{align-items:center;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;display:inline-flex;height:36px;justify-content:center;margin-bottom:8px;width:36px}.list-card-header{display:flex;flex-direction:column;position:relative}.list-card-header .project-icon{left:0;position:absolute;top:0;transform:translateY(-50%)}@media (max-width:768px){.list-card-header .project-icon{margin-bottom:12px;position:static;transform:none}.list-card-header{padding-top:12px}.grid-card{height:300px}.list-card{height:auto}.list-card-content{flex-direction:column}.list-card-image{height:200px;width:100%}.list-card-details{height:100%;width:100%}.list-card-meta{flex-direction:column;gap:12px}.grid-card{height:auto;max-width:100%}.list-card{border-radius:16px;height:auto;overflow:hidden}.list-card-image{height:240px;width:100%}.list-card-details{height:auto;min-height:200px;padding:20px;position:relative;width:100%}.list-card-header{margin-bottom:24px;width:100%}.list-card-title{font-size:22px;margin-bottom:6px}.list-card-subtitle{font-size:14px}.list-card-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;margin-top:24px;position:static}.primary-category,.secondary-category{font-size:11px;padding:4px 8px}.list-card-meta{display:flex;margin-bottom:20px;margin-top:0;position:static}.read-time{margin-right:0}.list-card-button{justify-content:center;margin-bottom:8px;margin-top:8px;padding:12px 16px;position:static;width:100%}.list-card.hovered .list-card-image img{transform:none}.list-card-content{display:flex;flex-direction:column}.list-card-categories,.list-card-meta{margin-bottom:16px}}[data-theme=light]{--bg-color:#fff;--secondary-text:#333;--tertiary-text:#666;--card-bg:#f5f5f5;--toggle-bg:#eee;--toggle-icon:#0b0a0f;--border-color:#ddd;--header-overlay:#ffffff4d;--key-prompt-text:#3c3b3f;--key-prompt-button-background:#6d6c6f;--key-prompt-button-text:#fcfcfc;--illustration-overlay-bg:#fffc}[data-theme=dark]{--secondary-text:#cececf;--tertiary-text:#9d9d9f;--card-bg:#232327;--toggle-bg:#232327;--toggle-icon:#fcfcfc;--border-color:#3c3b3f;--header-overlay:#0b0a0f4d;--key-prompt-text:#fcfcfc;--key-prompt-button-background:#fcfcfc;--key-prompt-button-text:#0b0a0f;--illustration-overlay-bg:#0b0a0fcc}.projects-section{color:var(--text-color);font-family:Lexend,sans-serif;padding:30px 150px}.projects-controls{align-items:center;display:flex;justify-content:space-between;position:relative}.tabs-container{-ms-overflow-style:none;cursor:grab;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tabs-container.dragging{cursor:grabbing}.tab-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:100px;color:var(--tertiary-text);cursor:pointer;display:flex;font-size:25px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:var(--secondary-text)}.tab-button.active{background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(90deg,#654ea3 0,#eaafc8 100%) border-box;border:1px solid #0000;color:var(--text-color)}.category-icon{align-items:center;display:flex;justify-content:center}.category-icon svg{height:18px;width:18px}.view-mode-toggle{gap:4px;padding:4px}.toggle-button,.view-mode-toggle{align-items:center;border-radius:100px;display:flex}.toggle-button{background-color:initial;border:none;color:var(--tertiary-text);cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.toggle-button.active{background-color:var(--bg-color);color:var(--text-color)}.toggle-divider{background-color:var(--border-color);height:24px;width:.5px}.toggle-icon{height:18px;width:18px}.projects{transition:height .4s ease,opacity .4s ease}.projects.list-view{display:flex;flex-direction:column;gap:24px;margin-top:30px}.projects.grid-view{animation:fadeIn .4s ease;display:grid;gap:40px 24px;grid-template-columns:repeat(1,1fr);opacity:1}.illustrations-masonry{display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:250px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.illustration-item{border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.illustration-item:nth-child(3n){grid-row:span 2}.illustration-item:nth-child(4n){grid-column:span 2}.illustration-item img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.illustration-item:hover img{transform:scale(1.05)}.illustration-overlay{background-color:var(--illustration-overlay-bg);bottom:0;left:0;padding:20px;position:absolute;transform:translateY(100%);transition:transform .3s ease;width:100%}.illustration-item:hover .illustration-overlay{transform:translateY(0)}.illustration-overlay h3{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:5px}.illustration-overlay p{color:var(--secondary-text);font-size:14px}.enlarged-view{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.enlarged-view.active{opacity:1;visibility:visible}.enlarged-image-container{border-radius:12px;max-height:90%;max-width:90%;overflow:hidden;position:relative}.enlarged-image{max-height:90vh;max-width:100%;object-fit:contain}.enlarged-info{background-color:var(--illustration-overlay-bg);bottom:0;color:var(--text-color);left:0;padding:20px;position:absolute;width:100%}.close-button{align-items:center;background-color:#fff3;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .3s ease;width:40px}.close-button:hover{background-color:#fff6}.close-button svg{color:#fff;height:24px;width:24px}.error-state{align-items:center;color:var(--tertiary-text);display:flex;flex-direction:column;font-size:18px;justify-content:center;padding:60px 0;text-align:center}.error-state p{margin-bottom:24px}.retry-button{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:50px;color:var(--text-color);cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background-color:var(--card-bg);border-color:var(--text-color)}@media (max-width:768px){.illustrations-masonry{grid-template-columns:1fr}.illustration-item:nth-child(3n),.illustration-item:nth-child(4n){grid-column:auto;grid-row:auto}.illustration-overlay{background-color:var(--illustration-overlay-bg);padding:10px;transform:translateY(0)}.illustration-overlay h3{font-size:16px}.illustration-overlay p{font-size:12px}.enlarged-image-container{width:95%}}.empty-state,.loading-spinner{align-items:center;display:flex;justify-content:center;padding:60px 0}.empty-state{color:var(--tertiary-text);flex-direction:column;font-size:18px}.card-info-bar{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.emoji-icon{font-size:16px}@media (max-width:768px){.projects-section{padding:30px 20px}.section-title{font-size:32px}.projects-controls{align-items:flex-start;flex-direction:column;gap:16px}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:scroll;width:100%}.view-mode-toggle{align-self:flex-end;display:none}}@media (min-width:768px){.projects.grid-view{grid-template-columns:repeat(2,1fr);margin-top:30px}}@media (min-width:1024px){.projects.grid-view{grid-template-columns:repeat(2,1fr)}}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}[data-theme=light]{--bg-color:#fcfcfc;--text-color:#0b0a0f;--secondary-text:#232327;--tertiary-text:#9d9d9f;--back-btn:#6d6c6f;--platform-icon-color:#232327;--impact-tag-red:#f96167;--impact-tag-yellow:#cabf60;--zoom-indicator-hover:#fffc;--setout-text:#e7e7e7;--border-color:#e7e7e7}[data-theme=dark]{--bg-color:#0b0a0f;--text-color:#fcfcfc;--secondary-text:#e7e7e7;--tertiary-text:#6d6c6f;--back-btn:#6d6c6f;--platform-icon-color:#e7e7e7;--impact-tag-red:#f96167;--impact-tag-yellow:#fdef78;--zoom-indicator-hover:#000c;--setout-text:#232327;--border-color:#232327}body{background:var(--bg-color)}.case-study-container{color:var(--text-color);margin:50px auto 0;max-width:1200px;overflow-x:hidden;padding:40px 20px;width:100%}.back-button{align-items:center;background-color:initial;border:none;color:var(--back-btn);cursor:pointer;display:inline-flex;font-size:16px;margin-bottom:40px;transition:all .3s ease}.case-study-header h1{align-self:stretch;color:var(--text-color);flex:none;flex-grow:0;font-size:32px;font-style:normal;font-weight:600;line-height:48px;margin-bottom:16px;order:0}.case-study-subtitle{color:var(--secondary-text);font-size:24px;margin-bottom:20px}.case-study-meta{display:flex;gap:8px;margin-bottom:20px}.category-badge{background-color:var(--card-bg);border-radius:100px;color:var(--secondary-text);font-size:12px;padding:6px 12px}.case-study-hero{margin-bottom:60px}.case-study-image{border-radius:12px;max-height:600px;object-fit:cover;width:100%}.case-study-content{display:flex;flex-direction:column;gap:30px}.case-study-section{padding-left:15px}.case-study-section h2{font-size:24px;font-weight:600;margin-bottom:24px}.case-study-section p{color:var(--secondary-text);font-size:16px;line-height:1.6}.case-study-cta{display:flex;justify-content:center;margin-top:60px}.case-study-overview{color:var(--text-color);max-width:1200px;padding-left:15px}.case-study-header{margin-bottom:48px}.case-study-header .subtitle{color:var(--secondary-text);font-size:16px;font-weight:400;margin-bottom:24px}.subtitle-column{display:flex;flex-direction:column}.category-tags{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.category-tag{background-color:var(--card-bg);border-radius:100px;color:var(--secondary-text);font-size:14px;font-weight:500;padding:6px 16px}.platform-icons{align-items:center;display:flex;gap:8px}.platform-icon .platform-icon-web{color:var(--platform-icon-color)}.platform-icon{background-color:var(--card-bg);border-radius:50%;color:var(--platform-icon-color);height:36px;justify-content:center;width:36px}.platform-icon,.read-time{align-items:center;display:flex}.read-time{color:var(--tertiary-text);gap:6px;margin-top:20px}.read-time-text{color:var(--secondary-text);font-size:16px;font-style:normal;font-weight:500;line-height:18px}.onboarding-process{border-radius:16px;margin-bottom:48px;overflow:hidden}.onboarding-image{display:block;height:auto;object-fit:contain;width:100%}.overview-text p{align-self:stretch;color:var(--secondary-text);flex:none;flex-grow:0;font-size:16px;font-style:normal;font-weight:500;line-height:2.4;line-height:24px;margin-bottom:20px;order:1}@media (max-width:768px){.case-study-header h1{font-size:24px}.case-study-header .subtitle{font-size:16px}.overview-text{font-size:14px}}.primary-button{align-items:center;background-color:var(--text-color);border-radius:6px;color:var(--bg-color);display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:16px 32px;text-decoration:none;transition:all .3s ease}.primary-button:hover{opacity:.9;transform:translateY(-2px)}.case-study-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--text-color);height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.case-study-error,.case-study-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.case-study-error h2,.case-study-not-found h2{font-size:32px;margin-bottom:16px}.case-study-error p,.case-study-not-found p{color:var(--secondary-text);font-size:18px;margin-bottom:32px}.challenge-title{color:var(--text-color);font-size:24px;font-weight:400;margin-bottom:32px}.challenge-intro{margin-bottom:48px}.challenge-intro p{color:var(--secondary-text);font-size:16px;line-height:1.7;margin-bottom:24px}.pain-points-intro{color:var(--text-color)!important;font-size:16px!important;font-weight:500}.pain-points-grid{display:grid;gap:64px;grid-template-columns:1fr;margin-bottom:80px}.pain-point-item{display:flex;flex-direction:column;gap:32px}.pain-point-image{align-items:center;background-color:#1a1a1f;border-radius:12px;display:flex;justify-content:center;overflow:hidden;padding:24px}.pain-point-image img{max-height:240px;max-width:100%;object-fit:contain}.pain-point-content h3{color:var(--text-color);font-size:24px;font-weight:400;margin-bottom:16px}.pain-point-content>p{color:var(--secondary-text);font-size:18px;line-height:1.7;margin-bottom:24px}.impact-tag{border-radius:100px;display:inline-block;font-size:20px;font-weight:500;margin-bottom:16px;padding:8px 16px}.impact-tag.churn,.impact-tag.confusion,.impact-tag.frustration,.impact-tag.trust{color:var(--impact-tag-red);font-size:24px;padding:0}.impact-tag.confusion,.impact-tag.frustration{color:var(--impact-tag-yellow)}.impact-description{color:var(--text-color);font-size:16px;line-height:1.6}.solution-title{color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:32px}.solution-intro{margin-bottom:48px}.solution-intro p{color:var(--secondary-text);font-size:18px;line-height:1.7;margin-bottom:24px}.solution-item{margin-bottom:40px;margin-top:30px}.solution-item-title{align-items:center;color:var(--text-color);display:flex;gap:12px;margin-bottom:32px}.solution-item-title,.solution-number{font-size:24px;font-weight:600}.solution-content{display:flex;flex-direction:column;gap:32px}.tiered-system-diagram{border-radius:12px;display:flex;gap:40px;margin-top:20px}.tiered-system-diagram-assessment-table{display:block}.tiered-system-steps{display:flex;flex-direction:column;gap:24px;width:50%}.step-item{display:flex;gap:16px}.step-number{align-items:center;background-color:#232327;border-radius:50%;color:var(--secondary-text);display:flex;font-weight:600;height:28px;justify-content:center;width:28px}.step-details{flex:1}.step-details h4{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:8px}.step-details p{color:var(--secondary-text);font-size:14px;line-height:1.5;margin-bottom:8px}.benefit-marker{align-items:center;display:flex;gap:8px;margin-top:8px}.benefit-icon{color:#10b981;font-weight:700}.benefit-text{color:#10b981;font-size:14px}.tiered-system-image{align-items:center;display:flex;justify-content:center;position:relative;width:50%}.tiered-system-image img{border-radius:8px;max-width:100%;padding-left:20px}.zoom-indicator{align-items:center;backdrop-filter:blur(8px);border:1px solid var(--back-btn);border-radius:4000px;color:var(--text-color);cursor:pointer;display:flex;font-size:22px;gap:8px;height:40px;padding:12px;position:absolute;right:90px;top:40px;visibility:hidden;width:148px}.tiered-system-diagram:hover .zoom-indicator{visibility:visible}.zoom-indicator-btn-text{color:#0b0a0f}.set-out-text{background:var(--setout-text);border-radius:8px;color:var(--secondary-text);flex:none;flex-grow:1;font-size:14px;font-weight:500;height:32px;order:0;padding-left:20px;padding-top:5px}.outcome-column{padding:16px}.outcome-column h4{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:16px}.outcome-column p{color:var(--secondary-text);font-size:14px;line-height:1.5;margin-bottom:12px}.outcome-column.highlight{border-radius:8px}.outcome-column.highlight h4{background:#478547;border-radius:8px;color:#e4f8e4;flex:none;flex-grow:1;font-size:14px;gap:8px;height:32px;order:2;padding:5px 16px}.solution-results{margin-top:24px}.solution-results p{color:var(--secondary-text);font-size:16px;line-height:1.7;margin-bottom:16px}.document-example{align-items:center;background-color:var(--bg-color);border-radius:12px;display:flex;justify-content:space-between;padding:32px}.document-after,.document-before{position:relative;width:45%}.document-arrow{align-items:center;display:flex;justify-content:center}.document-after img,.document-before img{border-radius:8px;width:100%}.document-label{color:var(--text-color);font-size:16px;font-weight:600;margin-top:16px;text-align:center}.document-description{color:var(--secondary-text);font-size:14px;margin-top:8px;text-align:center}.fee-structure-image{background-color:var(--bg-color);border-radius:12px;padding:32px;position:relative}.image-placeholder{align-items:center;background-color:var(--bg-color);border-radius:8px;display:flex;flex-direction:column;height:400px;justify-content:center;padding:24px;text-align:center}.image-placeholder p{color:var(--secondary-text);margin-bottom:16px}.image-description{color:var(--tertiary-text);font-size:14px;max-width:80%}.clickable-image{cursor:zoom-in;transition:opacity .2s ease}.clickable-image:hover{opacity:.9}.image-modal-overlay{align-items:center;backdrop-filter:blur(5px);background-color:#000000d9;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-modal-img{border-radius:4px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background-color:initial;border:none;border-radius:50%;color:#fcfcfc;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:background-color .2s ease;width:40px}.image-modal-close:hover{background-color:#ffffff1a}.zoom-indicator{cursor:zoom-in;transition:background-color .2s ease}.zoom-indicator:hover{background-color:var(--zoom-indicator-hover)}.solution-subtitle{flex:none;flex-direction:row;flex-grow:1}.solution-subtitle,.solution-subtitle-column{align-items:flex-start;border:1px solid var(--secondary-text);border-radius:8px;display:flex;gap:8px;justify-content:center;order:1;padding:8px 16px}.solution-subtitle-column{flex:none;flex-direction:column;flex-grow:1}.results-title{color:var(--text-color);font-size:24px;font-weight:500}.results-intro,.results-title{margin-bottom:32px}.results-intro p{color:var(--text-color);font-size:18px;line-height:1.7}.results-highlights{margin-bottom:48px}.results-list{list-style-type:none;margin:0;padding:0}.results-list li{color:var(--text-color);font-size:15px;font-weight:400;line-height:1.6;margin-bottom:16px;padding-left:16px;position:relative}.results-list-strong{font-size:15px;font-weight:600}.results-list li:before{color:var(--secondary-text);content:"•";font-weight:700;left:0;position:absolute}.results-list li strong{color:var(--secondary-text);font-weight:600}.future-enhancements{margin-top:50px}.future-title{color:var(--text-color);font-size:24px;font-weight:500;margin-bottom:24px}.future-intro{color:var(--secondary-text);font-size:16px;line-height:1.7;margin-bottom:32px}.enhancement-item{margin-bottom:16px}.enhancement-title{font-weight:700}.enhancement-desc,.enhancement-title{color:var(--secondary-text);font-size:16px;margin-bottom:8px}.enhancement-desc{line-height:1.6}.enhancement-potential{color:var(--secondary-text);font-size:16px;line-height:1.6;margin-bottom:24px}.process-flow-title{color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:24px;margin-top:48px}.process-flow-intro{color:var(--secondary-text);font-size:18px;line-height:1.7;margin-bottom:32px}.thank-you-text{font-size:20px}.desktop-text{display:inline}.mobile-text{display:none}.conclusion-title{color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:24px}.case-study-conclusion{margin-left:20px;margin-top:48px}.conclusion-content,.conclusion-content a{align-self:stretch;color:var(--secondary-text);flex:none;flex-grow:0;font-size:16px;font-style:normal;font-weight:500;line-height:24px;order:1}.secondary-content{margin-top:40px}.portfolio-features{flex:none;flex-direction:row;flex-grow:0;gap:24px;margin-top:50px;order:2;padding:0;width:1128px}.portfolio-features,.portfolio-features-list{align-items:flex-start;display:flex;height:184px}.portfolio-features-list{border:2px solid var(--border-color);border-radius:16px;flex:none;flex-direction:column;flex-grow:1;gap:16px;order:0;padding:24px;width:264px}.features-role-section{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:8px;order:0;padding:0}.features-role-text{color:var(--secondary-text);font-style:normal}.features-role-text,.features-role-text-list{font-size:16px;font-weight:400;line-height:24px}.features-role-text-list{align-self:stretch;color:var(--text-color);flex:none;flex-grow:0;margin-left:20px;order:1;padding-left:0}.features-role-text-list li{color:var(--text-color);font-weight:400}.portfolio-methods-section{align-items:flex-start;align-self:stretch;border:2px solid var(--border-color);border-radius:16px;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:24px;justify-content:center;margin-top:50px;order:3;padding:40px 32px}.methods{align-content:flex-start;align-self:stretch;flex-wrap:wrap;gap:50px 128px;margin-top:30px;order:1}.methods,.methods-list,.tools-list{align-items:flex-start;display:flex;flex:none;flex-direction:row;flex-grow:0;padding:0}.methods-list,.tools-list{gap:8px;order:0}.methods-title-text,.research-section-title,.tools-section-title{color:var(--secondary-text);font-size:24px;font-weight:500;line-height:32px}.methods-text,.tools-text{color:var(--secondary-text);flex:none;flex-grow:0;font-size:16px;font-weight:500;line-height:24px;order:1;text-align:center}.tools-section{align-self:stretch;border:2px solid var(--border-color);border-radius:16px;flex:none;flex-direction:column;flex-grow:0;gap:24px;justify-content:center;margin-top:50px;order:4;padding:40px 32px}.tools-list,.tools-section{align-items:flex-start;display:flex}.tools-list{align-content:flex-start;flex-wrap:wrap;gap:32px 108px;justify-content:space-between;order:1}.tools,.tools-list{flex:none;flex-direction:row;flex-grow:0;padding:0}.tools{align-items:center;display:flex;gap:16px;order:0}.research-section{align-items:flex-start;align-self:stretch;border:none;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:34px;justify-content:center;order:0;padding-left:20px}.research-section-text{align-self:stretch;color:var(--secondary-text);flex:none;flex-grow:0;font-size:16px;font-weight:400;line-height:24px;margin-top:30px;order:1}.research-section li{color:#e7e7e7;font-size:16px;font-weight:500;line-height:24px}.research-section-footer{align-items:center;align-self:stretch;border:1px solid var(--border-color);border-radius:8px;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:16px;height:80px;order:2;padding:16px}.research-section-text-secondary{color:var(--secondary-text);flex:none;flex-grow:1;font-size:13px;font-style:normal;font-weight:400;line-height:24px;order:1;width:50%}.research-section li{color:var(--text-color);font-weight:400}.research-findings-section{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:24px;padding-left:20px}.research-findings-title{color:var(--tertiary-text);font-size:16px;font-weight:400;line-height:24px}.research-findings-secondary-text{margin-top:10px}.interaction-hero-section li,.research-findings-secondary-text{color:var(--secondary-text);font-size:16px;font-weight:300;line-height:24px}.interaction-hero-section li{margin:0 0 20px}.user-persona-section{flex:none;flex-direction:column;flex-grow:0;padding-left:20px}.user-persona-img-section,.user-persona-section{align-items:flex-start;align-self:stretch;display:flex;gap:24px}.user-persona-img-section{flex:none;flex-direction:row;flex-grow:0;padding:0}.competitor-section{flex:none;flex-direction:column;flex-grow:0;padding-left:20px}.competitor-image-section,.competitor-section{align-items:flex-start;align-self:stretch;display:flex;gap:24px}.competitor-image-section{flex:none;flex-direction:row;flex-grow:0;padding:0}.design-assessment-section{padding-left:20px}.design-assessment-footer{align-items:center;align-self:stretch;border:1px solid var(--border-color);border-radius:8px;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:16px;margin-left:30px;padding:16px}.design-assessment-footer-text{color:var(--tertiary-text);font-size:14px;font-style:normal;font-weight:400;line-height:24px}.design-assessment-footer-link{color:var(--text-color);font-size:14px;font-weight:400;line-height:24px;text-decoration-line:underline}.ideation-section{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:24px;justify-content:center;order:0;padding-left:30px}.user-stories-section{max-width:100%;overflow:hidden;width:100%}.sitemap-section,.user-stories-section{gap:24px}.sitemap-section,.user-stories-section,.wireframes-section{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;justify-content:center;padding:0}.wireframes-section{gap:48px}.style-guide-section{border:none;max-width:100%;padding-left:30px}.prototype-section{border:none}.prototype-heading-text{color:var(--secondary-text);font-size:24px;font-style:normal;font-weight:500;line-height:32px}.prototype-number{margin-bottom:20px;margin-top:50px}.prototype-section-secondary-text{margin-top:20px}.portfolio-screens-img{margin-top:40px}.interaction-hero-section{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:24px;padding:32px 0}.hero-section-text-area{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:0}.hero-section-forth{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:24px;padding:32px 0}.mobile-screens-hero-img{margin-top:30px}.impact-section{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:28px;justify-content:center;padding-left:30px}.impact-section li{font-size:16px;font-weight:200;margin:0 0 10px}.impact-section-2{margin-top:50px}.impact-section li,.interaction-hero-section li{color:var(--text-color);font-weight:400}.image-screens-img-mobile,.mobile-screens-hero-mobile,.portfolio-screens-img-mobile,.style-guide-section-mobile,.tiered-system-diagram-mobile,.user-persona-img-section-mobile{display:none}.tiered-system-diagram-mobile{margin-top:30px}.image-screens-img-desktop,.mobile-screens-hero-desktop{display:block}.table-container img{display:block;height:auto;max-width:100%;width:auto}.case-study-footer{left:0;margin-top:80px;right:0;width:100%}.case-study-footer-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1200px;padding:24px 32px}.thank-you-text{color:var(--tertiary-text);flex:1;font-size:24px;font-weight:500;text-align:center}.prev-case-study-link{align-items:center;color:var(--secondary-text);display:flex;font-size:22px;font-weight:500;gap:12px;text-decoration:none;transition:all .3s ease}.prev-case-study-link:hover{opacity:.9;transform:translateX(-4px)}.prev-case-study-link svg{color:var(--tertiary-text);transition:transform .3s ease}.prev-case-study-link:hover svg{transform:translateX(-4px)}.next-case-study-link{align-items:center;color:var(--secondary-text);display:flex;font-size:22px;font-weight:500;gap:12px;text-decoration:none;transition:all .3s ease}.next-case-study-link:hover{opacity:.9;transform:translateX(4px)}.next-case-study-link svg{color:var(--tertiary-text);transition:transform .3s ease}.next-case-study-link:hover svg{transform:translateX(4px)}.user-stories-table{display:block}.user-stories-table-mobile{display:none}.mobile-phones-screen-image{display:block}.mobile-phones-screen-image-mobile{display:none}@media (max-width:768px){.case-study-footer{margin-bottom:30px;margin-top:60px;width:100%!important}.case-study-footer-content{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin:0!important;max-width:none!important;padding:6px 0!important;width:100%!important}.desktop-text{display:none}.mobile-text{color:var(--text-color);display:inline;font-size:16px;font-weight:500}.thank-you-text{display:none}.case-study-footer-content .next-case-study-link,.case-study-footer-content .prev-case-study-link{align-items:center!important;background-color:initial!important;border-radius:8px!important;color:var(--text-color)!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;font-weight:500!important;gap:18px!important;justify-content:center!important;line-height:1!important;max-width:fit-content!important;opacity:1!important;padding:12px 16px!important;text-decoration:none!important;transform:none!important;transition:all .2s ease!important;width:auto!important}.case-study-footer-content .next-case-study-link:hover,.case-study-footer-content .prev-case-study-link:hover{background-color:var(--card-bg)!important;opacity:1!important;transform:none!important}.case-study-footer-content .next-case-study-link svg,.case-study-footer-content .prev-case-study-link svg{display:block!important;height:24px!important;transition:transform .2s ease!important;vertical-align:middle!important;width:24px!important}.case-study-footer-content .next-case-study-link .mobile-text,.case-study-footer-content .prev-case-study-link .mobile-text{display:inline-block!important;line-height:24px!important;margin-top:10px!important;vertical-align:middle!important}.case-study-footer-content .prev-case-study-link:hover svg{transform:translateX(-2px)!important}.case-study-footer-content .next-case-study-link:hover svg{transform:translateX(2px)!important}.next-case-study-link svg,.prev-case-study-link svg{height:28px;width:28px}.mobile-phones-screen-image{display:none}.mobile-phones-screen-image-mobile{display:block}.table-container{-webkit-overflow-scrolling:touch;contain:layout style;margin-bottom:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;position:relative;scrollbar-width:thin;width:100%}.table-container img{max-width:none;min-width:150%;width:auto}}@media (max-width:768px){.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:var(--border-color);border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:var(--tertiary-text);border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.table-container:after{background:linear-gradient(to right,#0000,var(--bg-color,#0b0a0f4d));bottom:8px;content:"";pointer-events:none;position:absolute;right:0;top:0;width:20px}.mobile-phones-screen-image,.tiered-system-diagram-assessment-table{display:none}.mobile-phones-screen-image-mobile{display:block}}@media (min-width:769px){.table-container{overflow-x:visible}.table-container img{max-width:100%;min-width:auto;width:auto}.mobile-phones-screen-image,.table-container:after{display:none}.mobile-phones-screen-image-mobile{display:block}}@media (max-width:768px){.portfolio-features{display:flex;flex-direction:column;gap:16px;height:auto;margin-top:30px;width:100%}.portfolio-features-list{height:auto;min-height:160px;width:100%}.features-role-text{font-size:14px;line-height:20px}.research-section-text-secondary{font-size:14px;line-height:20px;width:50%}.research-section-footer{height:130px}.user-persona-img-section{display:none}.competitor-image-section,.user-persona-img-section-mobile{display:flex;flex-direction:column;gap:30px}.user-stories-table{display:none}.user-stories-table-mobile{display:block;max-width:100%;overflow:hidden;width:100%}.portfolio-screens-img-mobile,.style-guide-section-mobile,.tiered-system-diagram-mobile{display:block}.style-guide-section-mobile{padding-left:30px}.image-screens-img-desktop,.mobile-screens-hero-desktop,.portfolio-screens-img,.style-guide-section{display:none}.portfolio-screens-img-mobile{margin-top:30px}.interaction-hero-section{display:flex;flex-direction:column;margin-top:-70px;padding-left:30px}.image-screens-img-mobile{display:block;margin-bottom:30px;margin-top:30px}.hero-section-forth{margin-top:-60px}.mobile-screens-hero-mobile{display:block}.research-findings-secondary-text-2{text-align:center}.portfolio-methods-section{gap:16px;height:auto;margin-top:30px;padding:24px 16px;width:100%}.methods{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);overflow-x:auto;padding-bottom:8px}.methods-title-text{font-size:20px;line-height:28px}.methods-text{font-size:14px;line-height:20px}}@media (max-width:480px){.methods{grid-template-columns:1fr}}@media (max-width:768px){.zoom-indicator{display:none}.footer-content{flex-direction:column;gap:16px;padding:24px 16px;text-align:center}.case-study-footer-content{display:flex;flex-direction:column;max-width:100%}.thank-you-text{font-size:16px;margin:0 auto}.next-case-study-link{font-size:16px}.future-title,.process-flow-title,.results-title{font-size:24px}.enhancement-title,.results-list li{font-size:16px}.enhancement-desc,.enhancement-potential,.future-intro,.process-flow-intro{font-size:14px}.chart-container{flex-direction:column}.chart-legend{margin-bottom:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-overlay{animation:fadeIn .3s ease}.tiered-system-image img{cursor:zoom-in}@media (max-width:768px){.solution-title{font-size:28px}.solution-item-title{font-size:22px}.document-example,.tiered-system-diagram{flex-direction:column;gap:24px}.document-after,.document-before,.tiered-system-image,.tiered-system-steps{width:100%}.document-arrow{margin:16px 0;transform:rotate(90deg)}}@media (min-width:768px){.pain-points-grid{grid-template-columns:1fr}.pain-point-item{flex-direction:row}.pain-point-image{width:40%}.pain-point-content{width:60%}}@media (max-width:767px){.challenge-title{font-size:28px}.challenge-intro p,.pain-point-content>p{font-size:16px}.pain-points-intro{font-size:18px!important}.pain-point-item{flex-direction:column}.pain-point-content,.pain-point-image,.pain-point-img1{width:100%}}@media (max-width:768px){.case-study-header h1{font-size:24px}.case-study-subtitle{font-size:16px}.case-study-section h2{font-size:20px}.case-study-section p{font-size:16px}}
/*# sourceMappingURL=main.eba78477.css.map*/