*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-dark: #1a202c;--text-light: #4a5568;--bg-white: #ffffff;--bg-light: #f7fafc;--shadow: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-dark);background:var(--bg-light)}#root{width:100%;min-height:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth}.portfolio-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.portfolio-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 2rem;transition:transform .3s ease,background .3s ease,padding .3s ease;background:transparent}.portfolio-nav.scrolled{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 4px 20px #0000004d}.portfolio-nav.nav-hidden{transform:translateY(-100%)}.nav-container{margin:0 auto;padding:0;display:flex;justify-content:space-between;align-items:center}.nav-container .nav-logo{margin-right:auto}.nav-logo{font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center}.nav-logo-img{height:45px;width:auto;transition:transform .3s ease}.nav-logo:hover .nav-logo-img{transform:scale(1.1)}.nav-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;opacity:0;visibility:hidden;transition:all .4s ease}.nav-menu-overlay.open{opacity:1;visibility:visible}.nav-menu{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100vh;background:#0a0a0a;padding:3rem 2rem;transform:translate(100%);transition:transform .4s ease;overflow-y:auto;z-index:10000}.nav-menu.open{transform:translate(0)}.nav-menu-logo{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu-logo-img{height:50px;width:auto}.nav-menu-content{display:flex;flex-direction:column;gap:3rem}.nav-menu-section{display:flex;flex-direction:column;gap:1rem}.nav-menu-section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.5rem}.nav-menu-link{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:400;transition:all .3s ease;padding:.5rem 0;display:block;position:relative}.nav-menu-link:hover{color:#667eea;transform:translate(10px)}.nav-menu-link:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#667eea;transition:width .3s ease}.nav-menu-link:hover:before{width:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px;z-index:10001;position:relative}.menu-toggle span{width:25px;height:2px;background:#fff;transition:all .3s ease}.portfolio-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:8rem 2rem 4rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:brightness(1.2)}.hero-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out;z-index:2}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:3;opacity:0;transform:translateY(30px);transition:all 1s ease}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-greeting{font-size:1.5rem;font-weight:400;color:#323232;margin:0 0 1rem}.hero-title{font-size:4rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#323232;margin:0 0 2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start;align-items:center}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-sizing:border-box;line-height:1.5;text-align:center;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:calc(1rem - 2px) calc(2rem - 2px)}.btn-secondary:hover{border-color:#fff;background:#ffffff1a}.scroll-indicator{position:relative;z-index:3;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.mouse{width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:15px;position:relative}.mouse:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#ffffff80;border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.portfolio-best-design{padding:8rem 2rem;position:relative;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;min-height:60vh}.best-design-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#bddede4d;z-index:0}.best-design-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.best-design-content{margin-top:4rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.best-design-content.visible{opacity:1;transform:translateY(0)}.best-design-placeholder{text-align:center;padding:6rem 2rem;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:20px}.placeholder-text{font-size:1.5rem;color:#fff;margin:0 0 1rem;font-weight:600}.placeholder-subtext{font-size:1rem;color:#888;margin:0}.portfolio-process{padding:8rem 2rem;position:relative;background:linear-gradient(180deg,#111,#0a0a0a)}.process-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem}.section-header .section-title{font-size:4rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.25rem;color:#888;margin:0}.process-slider-wrapper{position:relative;margin:3rem 0;display:flex;align-items:center;gap:2rem}.process-slider{position:relative;overflow:hidden;min-height:250px;flex:1;touch-action:pan-y;-webkit-overflow-scrolling:touch}.process-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px) scale(.98);transition:all .5s cubic-bezier(.4,0,.2,1);visibility:hidden;pointer-events:none}.process-slide.active{position:relative;opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}.process-slide-content{padding:2rem;text-align:center}.process-icon-wrapper{width:60px;height:60px;background:transparent;border-radius:12px;padding:12px;text-align:center;margin:0 auto 1.5rem;display:inline-block}.process-icon-wrapper img{display:block;width:100%;height:100%;object-fit:contain}.process-arrow{background:transparent;border:none;border-radius:50%;width:60px;height:60px;text-align:center;line-height:60px;cursor:pointer;transition:all .3s ease;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:center}.process-arrow:hover{background:transparent;transform:scale(1.1)}.process-arrow img{display:block;margin:0 auto}.arrow-icon{width:30px;height:30px;filter:brightness(0) invert(1);opacity:.8}.process-slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.slider-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.slider-dot.active{background:#667eea;transform:scale(1.2)}.slider-dot:hover{background:#ffffff80}.process-grid{display:flex;flex-direction:column;gap:3rem;position:relative}.process-item{display:flex;align-items:flex-start;gap:2rem;opacity:0;transform:translate(-50px);transition:all .8s ease;position:relative}.process-icon{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.process-item.visible{opacity:1;transform:translate(0)}.process-number{font-size:4rem;font-weight:700;color:#ffffff1a;line-height:1;min-width:100px}.process-content{overflow-wrap:break-word;word-wrap:break-word;text-align:center;margin:0 auto}.process-title{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:#fff;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.process-description{font-size:1.1rem;color:#aaa;line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word}.process-connector{position:absolute;left:50px;top:80px;width:2px;height:calc(100% + 3rem);background:linear-gradient(180deg,rgba(102,126,234,.3) 0%,transparent 100%)}.portfolio-experiences{padding:8rem 2rem;position:relative;background:#0a0a0a}.experiences-container{max-width:1200px;margin:0 auto}.experiences-list{display:flex;flex-direction:column;gap:0;margin-top:4rem}.experience-container{width:100%;max-width:1200px;margin:0 auto 2rem;opacity:1;transform:translateY(0);transition:all .6s ease;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.experience-container.visible{opacity:1;transform:translateY(0)}.experience-image-link{display:block;width:100%;text-decoration:none;order:-1}.experience-image{width:100%;max-width:100%;height:auto;display:block;transition:transform .4s ease}.experience-image-link:hover .experience-image{transform:scale(1.02)}.experience-info-block{text-align:left}.experience-title-link{display:block;font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff;text-decoration:none;transition:color .3s ease}.experience-title-link:hover{color:var(--project-color, #4A90E2)}.experience-subtitle{font-size:1rem;color:#aaa;margin:0;line-height:1.5;font-weight:400}.portfolio-contact{padding:8rem 2rem 4rem;position:relative;background:linear-gradient(180deg,#0a0a0a,#111)}.contact-container{max-width:1200px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-description{font-size:1.1rem;color:#aaa;line-height:1.6;margin:1rem 0 2rem}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;gap:1rem;color:#fff;text-decoration:none;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s ease}.contact-link:hover{background:#ffffff0d;border-color:#667eea80;transform:translate(10px)}.link-icon{font-size:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.portfolio-footer{text-align:center;padding:2rem 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);color:#666}.project-detail{min-height:100vh;padding:8rem 2rem 4rem;background:#0a0a0a}.project-detail-container{max-width:1200px;margin:0 auto}.back-button{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;font-family:inherit}.back-button:hover{border-color:#667eea;background:#667eea1a;transform:translate(-5px)}.project-header{margin-bottom:4rem}.project-category{display:inline-block;padding:.5rem 1.5rem;background:#ffffff0d;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.project-title{font-size:4rem;font-weight:700;margin:0 0 1rem;color:#fff;line-height:1.2}.project-subtitle{font-size:1.5rem;color:#aaa;margin:0;line-height:1.6}.project-hero-image{width:100%;height:60vh;min-height:500px;margin-bottom:4rem;border-radius:0;overflow:hidden;box-shadow:0 20px 60px #00000080;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.project-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000004d,#000000b3)}.project-hero-image.radar-hero{opacity:1}.project-hero-image-wrapper{width:100%;height:60vh;min-height:500px;margin-bottom:4rem;border-radius:0;overflow:hidden;box-shadow:0 20px 60px #00000080;position:relative}.project-hero-image-img{width:100%;max-width:100%;height:100%;display:block;object-fit:cover}.project-hero-image-img.radar-hero{opacity:1}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-top:4rem}.project-description h2{font-size:2rem;font-weight:600;margin:0 0 1.5rem;color:#fff}.project-description p{font-size:1.1rem;color:#aaa;line-height:1.8;margin:0 0 1.5rem}.coming-soon{padding:1.5rem;background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;color:#ccc;font-style:italic}.project-details{display:flex;flex-direction:column;gap:2rem}.detail-item{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.detail-item h3{font-size:.875rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.detail-item p{font-size:1.1rem;color:#fff;margin:0}.project-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.project-not-found h1{font-size:3rem;color:#fff;margin:0 0 2rem}.project-logo-wrapper{margin-bottom:2rem}.project-logo{height:60px;width:auto}.project-intro{margin-top:4rem;max-width:900px}.project-description{font-size:1.25rem;color:#aaa;line-height:1.8;margin:0 0 3rem}.project-info-block{margin-bottom:3rem;padding:2rem;background:#ffffff08;border-left:4px solid var(--project-color, #667eea);border-radius:8px}.project-info-block h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#fff}.project-info-block p{font-size:1.1rem;color:#aaa;line-height:1.8;margin:0}.project-info-block ul{list-style:none;padding:0;margin:0}.project-info-block li{font-size:1.1rem;color:#aaa;line-height:1.8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.project-info-block li:before{content:"•";position:absolute;left:0;color:var(--project-color, #667eea);font-size:1.5rem;line-height:1}.project-sections{margin-top:6rem}.process-heading{font-size:2.5rem;font-weight:700;margin:0 0 4rem;color:#888;text-align:center}.project-section{margin-bottom:8.5rem}.section-content{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;font-weight:600;margin:0 0 1.5rem;color:#fff}.section-text{font-size:1.1rem;color:#aaa;line-height:1.8;margin:0 0 2rem}.section-image-wrapper{margin:2rem 0;border-radius:0;overflow:hidden;box-shadow:0 10px 40px #0000004d;background:#fff;padding:1rem}.section-content.white-background,.section-content.white-background .section-image-wrapper{box-shadow:none}.section-image{width:100%;max-width:100%;height:auto;display:block;background:#fff}.portfolio-page[data-project=yellowheart-app] .section-image-wrapper{background:transparent;padding:0}.portfolio-page[data-project=yellowheart-app] .section-image{background:transparent}.portfolio-page[data-project=relsci-radar] .section-image-wrapper{background:transparent;padding:0}.portfolio-page[data-project=relsci-radar] .section-image{background:transparent}.portfolio-page[data-project=relsci-radar] .section-image-wrapper:has(img[src*=radar-user-flow]),.portfolio-page[data-project=relsci-radar] .section-image[src*=radar-user-flow]{background:#fff}.portfolio-page[data-project=relsci-radar] .section-image-wrapper:has(img[src*=radar-user-flow]){padding:1.1rem}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper{background:transparent;padding:0}.portfolio-page[data-project=relationshipscience-com] .section-image{background:transparent}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=user-flow]),.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=sitemap]),.portfolio-page[data-project=relationshipscience-com] .section-image[src*=user-flow],.portfolio-page[data-project=relationshipscience-com] .section-image[src*=sitemap]{background:#fff}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=user-flow]),.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=sitemap]){padding:1rem}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=user-persona-bg]),.portfolio-page[data-project=relationshipscience-com] .section-image[src*=user-persona-bg]{background:transparent}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=user-persona-bg]){padding:0}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=profile]){justify-self:start;align-self:start}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=homepage-final]),.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=profile-wf]){width:100%;max-width:100%;box-sizing:border-box}.portfolio-page[data-project=relationshipscience-com] .section-image[src*=homepage-final],.portfolio-page[data-project=relationshipscience-com] .section-image[src*=profile-wf]{width:100%;max-width:100%;display:block;box-sizing:border-box}.portfolio-page[data-project=relationshipscience-com] .section-image-wrapper:has(img[src*=profile-wf]){justify-self:stretch;width:100%}.section-annotations{margin-top:2rem;padding-left:1.5rem;list-style:decimal}.section-annotations li{font-size:1rem;color:#aaa;line-height:1.6;margin-bottom:.75rem}.project-section.image-left,.project-section.image-right{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.project-section.image-left .section-image-wrapper{order:-1}.project-section.image-full .section-image-wrapper{margin:2rem auto;max-width:100%}.project-section.text-only{padding:4rem 2rem;border-radius:12px}.project-section.text-only.dark-bg{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.feature-item:hover{background:#ffffff0d;transform:translateY(-5px)}.feature-icon{width:32px;height:32px;border-radius:50%;background:var(--project-color, #667eea);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.feature-item span{font-size:1rem;color:#fff}.video-section{margin:4rem 0}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #0006;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.gif-section{margin:4rem 0}.gif-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin:2rem 0}.gif-image{width:100%;max-width:100%;height:auto;display:block;border-radius:0;box-shadow:0 10px 40px #00000080}.button-links-section{margin:4rem 0;text-align:center}.button-links-wrapper{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.project-button-link{display:inline-block;padding:1rem 2.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:1rem;font-weight:500;box-sizing:border-box;min-height:52px;line-height:1.2;vertical-align:middle;border-radius:50px;transition:all .3s ease;font-family:inherit}.project-button-link:hover{background:#ffffff1a;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 20px #667eea4d}@media (max-width: 968px){.project-content{grid-template-columns:1fr}.project-title{font-size:2.5rem}.project-section.image-left,.project-section.image-right{grid-template-columns:1fr}.project-section.image-left .section-image-wrapper{order:0}.features-grid{grid-template-columns:1fr}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-title{font-size:3rem}.contact-content{grid-template-columns:1fr}.nav-links{position:fixed;top:70px;left:0;right:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:2rem;transform:translateY(-100%);opacity:0;transition:all .3s ease}.nav-links.open{transform:translateY(0);opacity:1}.menu-toggle{display:flex}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media (max-width: 968px){.portfolio-nav,.portfolio-nav.scrolled{padding:1rem 1.5rem}.nav-container{padding:0}.portfolio-hero{padding:7rem 2rem 5rem}.portfolio-experiences,.portfolio-process{padding:7rem 2rem}.portfolio-contact,.project-detail{padding:7rem 2rem 4rem}.project-hero-image-wrapper{height:50vh;min-height:400px}.section-content{padding:2rem}}@media (max-width: 640px){.hero-title{font-size:2.5rem}.nav-menu{max-width:100%}.nav-menu-link{font-size:1.1rem}.section-title{font-size:2rem}.experiences-grid{grid-template-columns:1fr}.process-item{flex-direction:column}.process-number{font-size:3rem}.portfolio-hero{min-height:80vh;padding:5rem 1rem 3rem}.hero-content{padding:0 1rem}.portfolio-experiences,.portfolio-process{padding:5rem 1rem}.portfolio-contact,.project-detail{padding:5rem 1rem 2rem}.project-hero-image-wrapper{height:30vh;min-height:250px;margin-bottom:2rem}.section-content{padding:1.5rem}.section-text{margin-bottom:0}.section-image-wrapper{margin-top:0;padding:1rem}.section-image{width:100%;max-width:100%}.user-flow-image-audiyo{width:100%;max-width:100%;padding:1rem}.experience-container{margin-bottom:3rem}.experience-title-link{font-size:1.2rem}.experience-subtitle{font-size:.9rem}}.stakeholder-grid-section{margin:6.5rem 0}.stakeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.stakeholder-box{padding:2rem;border-radius:8px;min-height:150px;display:flex;align-items:center}.stakeholder-box.stakeholder-white{background:#fff}.stakeholder-box.stakeholder-dark{background:#1a1a1a}.stakeholder-box.stakeholder-light{background:#f5f5f5}.stakeholder-box-content.text-white{color:#fff}.stakeholder-box-content.text-black{color:#000}.stakeholder-box-title{display:block;font-size:1.1rem;margin-bottom:.75rem;font-weight:600}.stakeholder-box-text{font-size:.95rem;line-height:1.6}.competitive-analysis-section{margin:6.5rem 0;text-align:center}.competitive-logos{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:2rem;flex-wrap:wrap}.competitive-logo{height:60px;width:auto;opacity:.8;transition:opacity .3s ease}.competitive-slider{margin-top:3rem;position:relative}.slider-container{position:relative;display:flex;align-items:center;justify-content:center;gap:2rem}.competitive-analysis-section .slider-mask{width:100%;max-width:1200px;height:550px;position:relative;overflow:hidden;border-radius:8px}.slider-mask{width:100%;max-width:1200px;height:500px;position:relative;overflow:hidden;border-radius:8px}.slider-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;background-color:transparent}.slider-slide.active{opacity:1}.slider-arrow{background:transparent;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.slider-arrow:hover{background:transparent;transform:scale(1.1)}.slider-arrow img{width:30px;height:30px;filter:brightness(0) invert(1);opacity:.8}.slider-nav{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.slider-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:background .3s ease;padding:0}.slider-dot.active{background:#fffc}.slider-dot:hover{background:#fff9}.competitive-logo:hover{opacity:1}.verticals-grid-section{margin:6.5rem 0}.verticals-subtitle{font-size:1.2rem;margin:1rem 0 2rem;color:#aaa}.verticals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.vertical-box{padding:2rem 1rem;border-radius:8px;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.vertical-box.vertical-yellow{background:gold;color:#000}.vertical-box.vertical-black{background:#000;color:#fff}.vertical-box.vertical-red{background:#dc3545;color:#fff}.vertical-box.vertical-blue{background:#007bff;color:#fff}.vertical-box.vertical-green{background:#28a745;color:#fff}.vertical-box-text{font-weight:600;font-size:.95rem}.verticals-discover-wrapper{margin:40px 0}.verticals-discover-title{text-align:left;font-size:1.1rem;margin:0 0 1.5rem;color:#aaa}.verticals-discover-grid{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;margin:0}.discover-button{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;font-size:.9rem;color:#fff;transition:all .3s ease}.discover-button:hover{background:#ffffff1a;border-color:#fff3}.mvp-dark-section{margin:6.5rem 0;background:#1a1a1a;padding:3rem;border-radius:12px}.mvp-title{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;margin-top:2rem}.mvp-title:first-child{margin-top:0}.mvp-list{list-style:none;padding:0;margin:0}.mvp-item{color:#fff;padding:.75rem 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mvp-item:last-child{border-bottom:none}.wireframes-grid-section{margin:6.5rem 0}.wireframe-set{margin:3rem 0}.wireframe-set-title{font-size:1.3rem;margin-bottom:1rem;text-transform:capitalize;color:#fff}.wireframe-description{list-style:none;padding:0;margin:0 0 2rem}.wireframe-description li{color:#aaa;padding:.5rem 0;font-size:.95rem}.wireframe-images{display:grid;grid-template-columns:38.33% 38.33%;gap:1.5rem;margin-top:2rem;justify-content:center}.wireframe-image{width:100%;max-width:100%;height:auto;border-radius:0;border:1px solid rgba(255,255,255,.1)}.user-testing-dark-section{margin:6.5rem 0;background:#1a1a1a;padding:3rem;border-radius:12px}.user-testing-subjects{font-size:1.2rem;color:#fff;margin-bottom:2rem}.user-testing-section{margin:2rem 0}.user-testing-subtitle{font-size:1.1rem;color:#fff;margin-bottom:1rem}.user-testing-list{list-style:none;padding:0;margin:0}.user-testing-list li{color:#fff;padding:.5rem 0;font-size:1rem}.ab-testing-grid-section{margin:6.5rem 0}.ab-testing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.ab-test-item{text-align:center}.ab-test-image{width:100%;max-width:100%;height:auto;border-radius:0;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.ab-test-caption{color:#aaa;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.process-arrow{display:none}.portfolio-best-design{background-position:center center;background-attachment:scroll;padding:6rem 1.5rem}.stakeholder-grid{grid-template-columns:1fr}.verticals-grid{grid-template-columns:repeat(2,1fr)}.wireframe-images,.ab-testing-grid{grid-template-columns:1fr}.competitive-logos{gap:2rem}.competitive-logo{height:40px}.competitive-analysis-section .slider-mask{height:440px}.slider-mask{height:400px}.slider-arrow{width:50px;height:50px}.slider-arrow img{width:25px;height:25px}}.background-image-section{margin:6.5rem 0;position:relative}.background-image-section .section-title{text-align:center;margin-bottom:2rem}.background-image-container{width:100%;min-height:600px;border-radius:8px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}@media (max-width: 768px){.background-image-container{min-height:400px;background-attachment:scroll!important}}.competitive-analysis-audiyo-section{margin:6.5rem 0}.competitive-grid-audiyo{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.competitive-item-audiyo{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#ffffff0d;border-radius:8px}.competitive-image-audiyo{width:100%;max-width:100%;height:auto;margin-bottom:1rem;border-radius:0;background:#fff;padding:1rem}.competitive-name-audiyo{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem;text-transform:capitalize}.competitive-description-audiyo{color:#aaa;font-size:.95rem;line-height:1.6}.user-acquisition-section{margin:6.5rem 0}.survey-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.survey-image{width:100%;max-width:100%;height:auto;border-radius:0;background:#fff;padding:1rem}.chart-image-wrapper{margin:2rem 0;background:#fff;padding:1rem;border-radius:0}.chart-image{width:100%;max-width:100%;height:auto;border-radius:0;background:#fff}.user-flow-audiyo-section{margin:6.5rem 0}.user-flow-grid-audiyo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.user-flow-item-audiyo{display:flex;flex-direction:column;align-items:center;text-align:center}.user-flow-image-audiyo{width:100%;max-width:100%;height:auto;border-radius:0;margin-bottom:1rem;background:#fff;padding:1rem}.user-flow-description-audiyo{color:#aaa;font-size:.95rem;line-height:1.6}.features-needed-section{margin:6.5rem 0}.features-grid-audiyo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}.feature-button-audiyo{padding:1rem 1.5rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#fff;text-align:center;font-size:.95rem;transition:all .3s ease}.feature-button-audiyo:hover{background:#ff6b6b33;border-color:#ff6b6b80}.wireframes-audiyo-section{margin:6.5rem 0}.wireframe-set-audiyo{margin:4rem 0}.wireframe-set-title-audiyo{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:2rem;text-transform:capitalize}.wireframe-subtitle-audiyo{font-size:1.2rem;font-weight:600;color:#fff;margin:2rem 0 1rem}.wireframe-description-audiyo{color:#aaa;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.wireframe-iterations-audiyo{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.wireframe-iteration-audiyo{display:flex;flex-direction:column}.wireframe-iteration-image-audiyo{width:100%;max-width:100%;height:auto;border-radius:0;margin-bottom:1rem;background:#fff;padding:1rem}.wireframe-image-audiyo{background:#fff;padding:1rem}.wireframe-iteration-description-audiyo{color:#aaa;font-size:.9rem;line-height:1.6}.wireframe-images-audiyo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.wireframe-image-audiyo{width:100%;max-width:100%;height:auto;border-radius:0}@media (max-width: 768px){.competitive-grid-audiyo,.survey-images-grid,.user-flow-grid-audiyo,.features-grid-audiyo,.wireframe-iterations-audiyo,.wireframe-images-audiyo{grid-template-columns:1fr}}.iterations-section{margin:6.5rem 0}.iteration-group{margin:4rem 0}.iteration-group-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:2rem}.iteration-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0;align-items:start}.iteration-content{display:flex;flex-direction:column;align-self:start}.iteration-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1.5rem;margin-top:0}.iteration-points{list-style:none;padding:0;margin:0}.iteration-points li{color:#aaa;font-size:.95rem;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem;position:relative}.iteration-points li:before{content:"•";position:absolute;left:0;color:var(--project-color)}.iteration-image-wrapper{width:100%;align-self:start}.iteration-image{width:100%;max-width:100%;height:auto;border-radius:0;box-shadow:0 10px 40px #0000004d}.portfolio-page[data-project=aig-digital-payment] .iteration-item{align-items:start}.portfolio-page[data-project=aig-digital-payment] .iteration-content{align-self:start;padding-top:0}.portfolio-page[data-project=aig-digital-payment] .iteration-title{margin-top:0}.portfolio-page[data-project=aig-digital-payment] .iteration-image-wrapper{align-self:start;padding-top:0}.user-testing-aig-section{margin:6.5rem 0;background:#1a1a1a;padding:3rem;border-radius:12px}.user-testing-aig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.user-testing-aig-item{display:flex;flex-direction:column}.user-testing-aig-label{font-size:1.1rem;color:#fff;margin-bottom:1rem;text-transform:none}.user-testing-aig-value{color:#aaa;font-size:.95rem;line-height:1.6}.user-testing-aig-findings{grid-column:span 3}.user-testing-aig-list{list-style:none;padding:0;margin:0}.user-testing-aig-list li{color:#aaa;font-size:.95rem;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem;position:relative}.user-testing-aig-list li:before{content:"•";position:absolute;left:0;color:var(--project-color)}.conclusion-section{margin:6.5rem 0}.conclusion-list{list-style:none;padding:0;margin:2rem 0 0}.conclusion-list li{color:#aaa;font-size:.95rem;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem;position:relative}.conclusion-list li:before{content:"•";position:absolute;left:0;color:var(--project-color)}@media (max-width: 768px){.iteration-item{grid-template-columns:1fr;gap:2rem}.user-testing-aig-grid{grid-template-columns:1fr}.user-testing-aig-findings{grid-column:span 1}.experience-container{grid-template-columns:1fr;gap:2rem}.experience-image-link{order:0}.experience-info-block{text-align:center}.portfolio-nav{padding:1rem}.nav-logo-img{height:40px}.portfolio-hero{padding:6rem 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.project-detail{padding:6rem 1.5rem 3rem}.project-title{font-size:2.5rem}.project-subtitle{font-size:1.1rem}.project-hero-image-wrapper{height:40vh;min-height:300px;margin-bottom:3rem}.section-header .section-title{font-size:3rem}.section-title{font-size:1.8rem}.section-text{font-size:.95rem;margin-bottom:0}.section-image-wrapper{margin-top:0;padding:1rem}.section-image{width:100%;max-width:100%}.user-flow-image-audiyo{width:100%;max-width:100%;padding:1rem}.portfolio-process{padding:6rem 1.5rem}.process-container{max-width:100%}.portfolio-contact{padding:6rem 1.5rem 3rem}.contact-form{margin-top:2rem}.stakeholder-grid,.verticals-grid,.ab-testing-grid{grid-template-columns:1fr}.competitive-logos{gap:1.5rem}.competitive-logo{height:40px}.competitive-analysis-section .slider-mask{height:330px}.slider-mask{height:300px}.button-links-wrapper{flex-direction:column;align-items:stretch}.project-button-link{width:100%;text-align:center}.wireframes-grid,.wireframe-images,.image-grid,.verticals-discover-grid,.wireframe-iterations-audiyo,.wireframe-images-audiyo{grid-template-columns:1fr!important}.competitive-analysis-section .slider-mask{height:275px}.slider-mask{height:250px}.slider-container{gap:1rem}.slider-arrow{width:50px;height:50px}.slider-arrow img,.slider-arrow .arrow-icon{width:25px;height:25px}.video-wrapper iframe{height:300px}}@media (max-width: 480px){.portfolio-hero{padding:5rem 1rem 3rem}.hero-title{font-size:2rem}.portfolio-best-design{background-size:cover;background-position:50% 40%;background-attachment:scroll;padding:6rem 1rem;min-height:50vh}.project-title{font-size:2rem}.section-header .section-title{font-size:2.5rem}.section-title{font-size:1.5rem}.portfolio-experiences{padding:6rem 1rem}.portfolio-process{padding:5rem 1rem}.process-slider-wrapper{gap:1rem;margin:2rem 0}.process-arrow{display:none}.process-slide-content{text-align:center;padding:1.5rem 1rem}.process-icon-wrapper{width:100%;text-align:center;margin:0 auto 1.5rem}.process-content{width:100%;max-width:100%}.process-title{font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.process-description{font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.7}.portfolio-contact,.project-detail{padding:5rem 1rem 2rem}.project-hero-image-wrapper{height:30vh;min-height:250px}.experience-title-link{font-size:1.2rem}.experience-subtitle{font-size:.9rem}.wireframes-grid,.wireframe-images,.image-grid,.verticals-discover-grid,.wireframe-iterations-audiyo,.wireframe-images-audiyo,.competitive-grid-audiyo,.user-flow-grid-audiyo,.features-grid-audiyo{grid-template-columns:1fr!important}.slider-mask{height:180px}.video-wrapper iframe{height:200px}.nav-logo-img{height:35px}.nav-menu-logo-img{height:40px}}.toast-notification{position:fixed;bottom:30px;right:30px;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 32px #0006;border:1px solid rgba(102,126,234,.3);z-index:10000;animation:toastSlideIn .3s ease-out;max-width:400px;font-size:.95rem;line-height:1.5}.toast-notification:before{content:"✓ ";color:#667eea;font-weight:700;margin-right:.5rem}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-notification{bottom:20px;right:20px;left:20px;max-width:none;padding:1rem}}