body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.navbar{padding:2rem 40px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease;z-index:1000}.navbar,body.light-mode .navbar{background-color:initial}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.logo,.navbar-content{align-items:center;display:flex}.logo{margin:0;text-decoration:none;transition:opacity .3s ease}.logo-image{height:40px;transition:transform .3s ease;width:auto}.logo:hover .logo-image{transform:scale(1.05)}body.light-mode .logo-image{filter:invert(1)}.project2-page .logo{color:#121212}.project2-page .logo-image{filter:invert(0) brightness(0)}.project2-page .nav-links-container{background:#00000008;border:1px solid #00000014}.project2-page .nav-link{color:#999}.project2-page .nav-link.active{color:#000}.project2-page .nav-link.inactive{color:#999}.project2-page .nav-link:hover,.takomo-page .nav-link.active{color:#000}.takomo-page .nav-link.inactive{color:#999}.takomo-page .nav-link:hover{color:#000}.project2-page .hamburger-line,.takomo-page .hamburger-line{background-color:#121212}.nav-links-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:12px 24px;transition:all .3s ease}body.light-mode .nav-links-container{background:#00000008;border:1px solid #00000014}.nav-links{display:flex;gap:2rem}.nav-link{display:inline-block;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link,.nav-link.active{color:#fff}.nav-link.inactive{color:#999}.nav-link:hover{color:#fff;font-size:15px;transform:translateY(-2px)}body.light-mode .nav-link.active{color:#121212}body.light-mode .nav-link.inactive{color:#666}body.light-mode .nav-link:hover{color:#121212;font-size:15px;transform:translateY(-2px)}.hamburger-menu{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:center;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:#fff;height:2px;margin:2px 0;transform-origin:center;transition:all .3s ease;width:20px}body.light-mode .hamburger-line{background-color:#121212}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{align-items:center;background-color:#121212;display:none;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%;z-index:1000}.mobile-nav.open{transform:translateX(0)}body.light-mode .mobile-nav{background-color:#f2f2f2}.mobile-nav-link{color:#fff;font-family:Geist Mono,monospace;font-size:24px;font-weight:400;text-decoration:none;transition:all .3s ease}.mobile-nav-link.active{color:#fff}.mobile-nav-link.inactive{color:#999}.mobile-nav-link:hover{color:#fff;transform:translateY(-2px)}body.light-mode .mobile-nav-link.active{color:#121212}body.light-mode .mobile-nav-link.inactive{color:#666}.takomo-page .mobile-nav-link.active,body.light-mode .mobile-nav-link:hover{color:#121212}.takomo-page .mobile-nav-link.inactive{color:#666}.takomo-page .mobile-nav-link:hover{color:#121212}.takomo-page .mobile-nav{background-color:#f2f2f2}@media (max-width:768px){.navbar{padding:2rem 30px}.nav-links-container{display:none}.hamburger-menu,.mobile-nav{display:flex}}@media (max-width:480px){.navbar{padding:2rem 20px}}.hero{align-items:center;background-color:#121212;display:flex;justify-content:center;min-height:60vh;padding:4rem 40px;transition:background-color .3s ease}body.light-mode .hero{background-color:#f2f2f2}.hero-content{align-items:center;display:flex;gap:2rem;justify-content:flex-start;margin:0 auto;max-width:1400px;width:100%}.hero-text{flex:1 1;text-align:left}.toggle-section{align-items:center;display:flex;height:100%;justify-content:center}.hero-name{color:#fff;font-family:Geist,sans-serif;font-size:80px;font-weight:300;line-height:1.1;margin-bottom:1rem;transition:color .3s ease}body.light-mode .hero-name{color:#121212}.hero-title{color:#999;font-family:Geist,sans-serif;font-size:80px;font-weight:300;line-height:1.4;margin-bottom:0;transition:color .3s ease}body.light-mode .hero-title{color:#666}.hero-typing-text{color:#fff;font-family:Geist Mono,monospace;font-size:18px;font-weight:400;line-height:1.4;margin-bottom:0;margin-left:1rem;margin-top:1rem;min-height:1.4em;text-align:left;transition:color .3s ease}body.light-mode .hero-typing-text{color:#121212}.typing-cursor{animation:blink 1s infinite;color:#fff}body.light-mode .typing-cursor{color:#121212}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.toggle-switch{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #333;border-radius:50px;box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #ffffff1a,0 4px 8px #0006;cursor:pointer;height:40px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px}.toggle-switch:hover{box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #ffffff1a,0 6px 12px #00000080;transform:translateY(-1px)}.toggle-switch.light{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border-color:#ccc;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 4px 8px #0003}.toggle-switch.light:hover{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 6px 12px #0000004d}.toggle-slider{background-color:initial;border-radius:50px;height:100%;position:relative;transition:all .4s ease;width:100%}.toggle-handle{background:linear-gradient(145deg,#fff,#e0e0e0);border:1px solid #fff3;border-radius:50%;box-shadow:0 3px 6px #0000004d,0 1px 2px #0003,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000001a;height:36px;left:1px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:36px}.toggle-handle:hover{box-shadow:0 4px 8px #0006,0 2px 4px #0000004d,inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #0000001a}.toggle-switch.light .toggle-handle{background:linear-gradient(145deg,#121212,#2a2a2a);border:1px solid #0003;box-shadow:0 3px 6px #0006,0 1px 2px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;transform:translateX(39px) translateY(-50%)}.toggle-switch.light .toggle-handle:hover{box-shadow:0 4px 8px #00000080,0 2px 4px #0006,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000004d}@media (max-width:768px){.hero{padding:4rem 30px}.hero-content{flex-direction:column;gap:2rem}.hero-content,.hero-text{text-align:center}.hero-name,.hero-title{font-size:60px}.hero-typing-text{font-size:16px;margin-left:0;text-align:center}.resume-btn{font-size:.9rem;padding:.875rem 1.75rem}.toggle-switch{box-shadow:inset 0 1px 3px #0000004d,inset 0 -1px 3px #ffffff1a,0 3px 6px #0006;height:32px;width:65px}.toggle-switch:hover{box-shadow:inset 0 1px 3px #0000004d,inset 0 -1px 3px #ffffff1a,0 4px 8px #00000080}.toggle-switch.light{box-shadow:inset 0 1px 3px #ffffff4d,inset 0 -1px 3px #0000001a,0 3px 6px #0003}.toggle-handle{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000001a;height:28px;left:1px;top:50%;transform:translateY(-50%);width:28px}.toggle-switch.light .toggle-handle{box-shadow:0 2px 4px #0006,0 1px 2px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;transform:translateX(32px) translateY(-50%)}}@media (max-width:480px){.hero{padding:4rem 20px}.hero-name,.hero-title{font-size:50px}.hero-typing-text{font-size:14px;margin-left:0;text-align:center}.toggle-switch{box-shadow:inset 0 1px 2px #0000004d,inset 0 -1px 2px #ffffff1a,0 2px 4px #0006;height:28px;width:55px}.toggle-switch:hover{box-shadow:inset 0 1px 2px #0000004d,inset 0 -1px 2px #ffffff1a,0 3px 6px #00000080}.toggle-switch.light{box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000001a,0 2px 4px #0003}.toggle-handle{box-shadow:0 1px 3px #0000004d,0 1px 1px #0003,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000001a;height:24px;left:1px;top:50%;transform:translateY(-50%);width:24px}.toggle-switch.light .toggle-handle{box-shadow:0 1px 3px #0006,0 1px 1px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;transform:translateX(26px) translateY(-50%)}}.projects{background-color:#121212;padding:.5rem 40px 6rem;transition:background-color .3s ease}body.light-mode .projects{background-color:#f2f2f2}.projects-content{margin:0 auto;max-width:1400px;width:100%}.resume-section{margin-bottom:4rem}.graphic-design-section,.resume-section{display:flex;justify-content:center;width:100%}.graphic-design-section{margin-top:8rem}.graphic-design-btn{align-items:center;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .6s cubic-bezier(.4,0,.2,1)}.graphic-design-btn:hover{background-color:#fff;box-shadow:0 8px 25px #fff3;color:#121212;transform:translateY(-2px)}.graphic-design-btn .arrow-container{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px}.graphic-design-btn .arrow-icon{position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}.graphic-design-btn .arrow-out{opacity:1;transform:translate(0)}.graphic-design-btn .arrow-in{opacity:0;transform:translate(-20px,20px)}.graphic-design-btn:hover .arrow-out{opacity:0;transform:translate(20px,-20px)}.graphic-design-btn:hover .arrow-in{opacity:1;transform:translate(0)}body.light-mode .graphic-design-btn{border-color:#121212;color:#121212}body.light-mode .graphic-design-btn:hover{background-color:#121212;box-shadow:0 8px 25px #12121233;color:#f2f2f2}.graphic-design-text-section{display:flex;justify-content:center;margin-top:7.75rem;width:100%}.graphic-design-text{color:#fff;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.4;margin:0;text-align:center;transition:color .3s ease}.graphic-design-text .highlight-text{color:#999;transition:color .3s ease}body.light-mode .graphic-design-text{color:#121212}body.light-mode .graphic-design-text .highlight-text{color:#666}.projects-heading{font-family:Geist,sans-serif;font-size:48px;font-weight:300;line-height:1.2;margin-bottom:4rem;text-align:center}.heading-name{color:#fff}.heading-name,.heading-title{font-weight:300;transition:color .3s ease}.heading-title{color:#999}body.light-mode .heading-name{color:#121212}body.light-mode .heading-title{color:#666}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.project-card{aspect-ratio:1.3;border-radius:0;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-4px)}.project-image{display:block;height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.project-overlay{background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:2rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-overlay-content{display:flex;flex-direction:column;margin-top:auto}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image{filter:brightness(.7)}.coming-soon{cursor:default}.coming-soon:hover{box-shadow:none;transform:none}.coming-soon:hover .project-overlay{opacity:.8}.coming-soon:hover .project-image{filter:brightness(.8)}.coming-soon-text{color:#fff;left:2rem;margin-top:.5rem;opacity:0;position:absolute;text-align:left;top:3rem;transition:opacity .3s ease}.coming-soon:hover .coming-soon-text{opacity:.8}.project-title{font-size:24px;margin-bottom:0}.project-description,.project-title{color:#fff;font-family:Geist Mono,monospace;font-weight:300;text-align:left;transition:color .3s ease}.project-description{font-size:16px;line-height:1.4;margin-bottom:.5rem;opacity:.9}.project-date{color:#999;font-family:Geist Mono,monospace;font-size:14px;font-weight:300;text-align:left;transition:color .3s ease}body.light-mode .coming-soon-text,body.light-mode .project-date,body.light-mode .project-description,body.light-mode .project-title{color:#fff}@media (max-width:768px){.projects{padding:.5rem 30px 6rem}.resume-section{margin-bottom:2.5rem}.resume-btn{font-size:.9rem;padding:.875rem 1.75rem}.graphic-design-section{margin-top:3rem}.graphic-design-btn{font-size:.9rem;padding:.875rem 1.75rem}.projects-heading{font-size:36px}.projects-grid{gap:30px;grid-template-columns:1fr 1fr}.project-overlay{padding:1.5rem}.project-title{font-size:20px}.coming-soon-text{font-size:13px;left:1.5rem;top:2.5rem}.project-date{font-size:12px}}@media (max-width:480px){.projects{padding:.5rem 20px 4rem}.resume-section{margin-bottom:2rem}.graphic-design-section{margin-top:2rem}.projects-heading{font-size:28px}.projects-grid{gap:20px;grid-template-columns:1fr}.project-overlay{padding:1rem}.project-title{font-size:18px}.coming-soon-text{font-size:12px;left:1rem;top:2rem}.project-date{font-size:11px}}.about{align-items:center;background-color:#121212;display:flex;min-height:100vh;padding:6rem 40px;position:relative;transition:background-color .3s ease}body.light-mode .about{background-color:#f2f2f2}.about-content{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:60vh;width:100%}.about-image-section{align-items:center;display:flex;grid-column:1;justify-content:center;order:1}.about-image-container{aspect-ratio:3/4;border-radius:0;max-width:500px;overflow:hidden;position:relative;width:100%}.about-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.about-image:hover{transform:scale(1.02)}.about-text-section{display:flex;flex-direction:column;gap:2rem;grid-column:2;order:2}.about-name{color:#fff;font-family:Geist,sans-serif;font-size:80px;font-weight:200;line-height:1.1;margin:0;text-align:left;transition:color .3s ease}body.light-mode .about-name{color:#121212}.about-description{color:#fff;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0;opacity:.9;text-align:left;transition:color .3s ease}body.light-mode .about-description{color:#121212}.about-resume-section{margin-top:2rem}.resume-btn{align-items:center;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .6s cubic-bezier(.4,0,.2,1)}.resume-btn:hover{background-color:#fff;box-shadow:0 8px 25px #fff3;color:#121212}body.light-mode .resume-btn{border-color:#121212;color:#121212}body.light-mode .resume-btn:hover{background-color:#121212;box-shadow:0 8px 25px #12121233;color:#f2f2f2}.resume-btn:hover .arrow-out{opacity:0;transform:translate(20px,-20px)}.resume-btn:hover .arrow-in{opacity:1;transform:translate(0)}@media (max-width:1024px){.about-content{gap:4rem}.about-name{font-size:64px}}@media (max-width:768px){.about{padding:4rem 30px}.about-content{gap:3rem;grid-template-columns:1fr;text-align:center}.about-image-section{grid-column:1;order:1}.about-text-section{grid-column:1;order:2}.about-image-container{margin:0 auto;max-width:400px}.about-name{font-size:48px}.about-description{font-size:15px}.resume-btn{font-size:.9rem;padding:.875rem 1.75rem}}@media (max-width:480px){.about{padding:3rem 20px}.about-content{gap:2.5rem}.about-image-container{max-width:300px}.about-name{font-size:36px}.about-description{font-size:14px}.resume-btn{font-size:.85rem;padding:.75rem 1.5rem}}.experience-section{align-items:center;background-color:#121212;display:flex;justify-content:center;padding:0 40px;text-align:center;transition:background-color .3s ease}body.light-mode .experience-section{background-color:#f2f2f2}.jobs-section{align-items:center;background-color:#121212;display:flex;justify-content:center;margin-top:0;padding:0 40px 4rem;transition:background-color .3s ease}body.light-mode .jobs-section{background-color:#f2f2f2}.skills-section{align-items:center;background-color:#121212;display:flex;flex-direction:column;padding:4rem 40px;text-align:center;transition:background-color .3s ease}body.light-mode .skills-section{background-color:#f2f2f2}.skills-title{color:#fff;font-family:Geist,sans-serif;font-size:48px;font-weight:200;line-height:1.2;margin:0 0 3rem;text-align:left;transition:color .3s ease}body.light-mode .skills-title{color:#121212}.skills-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:1000px}.skill-item{background-color:#ffffff0d;border:none;border-radius:0;color:#fff;flex-shrink:0;font-family:Geist Mono,monospace;font-size:18px;font-weight:400;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.skill-item:hover{background-color:#ffffff1a;border-color:#555}body.light-mode .skill-item{background-color:#1212120d;border-color:#ccc;color:#121212}body.light-mode .skill-item:hover{background-color:#1212121a;border-color:#999}.fun-section{align-items:center;background-color:#121212;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:4rem 40px;text-align:center;transition:background-color .3s ease}body.light-mode .fun-section{background-color:#f2f2f2}.fun-title{color:#fff;font-family:Geist,sans-serif;font-size:48px;font-weight:200;line-height:1.2;margin:0 0 2rem;text-align:left;transition:color .3s ease}body.light-mode .fun-title{color:#121212}.fun-text{color:#fff;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0;max-width:600px;opacity:.9;text-align:left;transition:color .3s ease}body.light-mode .fun-text{color:#121212}.experience-title{margin:0}.experience-list{margin:0 auto;max-width:600px;width:100%}.job-description ul{color:#fff;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.6;margin:0;opacity:.9;padding-left:1.5rem;text-align:left;transition:color .3s ease}body.light-mode .job-description ul{color:#121212}.job-description li{margin-bottom:.5rem}.job-description li:last-child{margin-bottom:0}.experience-title{color:#fff;font-family:Geist,sans-serif;font-size:48px;font-weight:200;line-height:1.2;margin:0 0 3rem;text-align:center;text-align:left;transition:color .3s ease}body.light-mode .experience-title{color:#121212}.experience-list{display:flex;flex-direction:column;gap:1rem}.job-item{border:none;border-radius:0;overflow:hidden;transition:border-color .3s ease}.job-title,body.light-mode .job-item{border:none}.job-title{align-items:center;background-color:initial;color:#fff;cursor:pointer;display:flex;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all .3s ease;width:100%}.job-title:hover{background-color:#ffffff0d}body.light-mode .job-title{color:#121212}body.light-mode .job-title:hover{background-color:#1212120d}.job-arrow{flex-shrink:0;transition:transform .3s ease}.job-arrow.expanded{transform:rotate(180deg)}.job-description{background-color:#ffffff05;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.job-description.expanded{max-height:400px;padding:1.5rem 2rem}body.light-mode .job-description{background-color:#12121205}.job-description p{color:#fff;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.6;margin:0;opacity:.9;text-align:left;transition:color .3s ease}body.light-mode .job-description p{color:#121212}@media (max-width:768px){.experience-section{padding:0 30px}.jobs-section{margin-top:0;padding:0 30px 3rem}.experience-title{font-size:36px;margin-bottom:2rem}.job-title{font-size:15px}.job-description.expanded,.job-title{padding:1.25rem 1.5rem}.job-description p,.job-description ul{font-size:13px}.skills-section{padding:3rem 30px}.skills-title{font-size:36px;margin-bottom:2.5rem}.skill-item{font-size:16px;padding:.625rem 1.25rem}.skills-list{gap:1.25rem}.fun-section{padding:3rem 30px}.fun-title{font-size:36px;margin-bottom:1.5rem}.fun-text{font-size:15px}}@media (max-width:480px){.experience-section{padding:0}.jobs-section{margin-top:0}.experience-title{font-size:28px}.job-title{font-size:14px}.job-description.expanded,.job-title{padding:1rem 1.25rem}.job-description p,.job-description ul{font-size:12px}.skills-section{padding:2rem 20px}.skills-title{font-size:28px;margin-bottom:2rem}.skill-item{font-size:14px;padding:.5rem 1rem}.skills-list{gap:1rem}.fun-section{padding:2rem 20px}.fun-title{font-size:28px;margin-bottom:1rem}.fun-text{font-size:14px}}.fun-page{background-color:#121212;min-height:100vh;padding:40px;transition:background-color .3s ease}body.light-mode .fun-page{background-color:#f2f2f2}.fun-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px}.fun-section{border:none;border-radius:0;overflow:hidden;transition:border-color .3s ease}.fun-section-title{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-family:Geist Mono,monospace;font-size:48px;font-weight:400;gap:2rem;justify-content:space-between;padding:2rem;text-align:left;transition:all .3s ease;width:100%}.fun-section-title:hover{background-color:#ffffff0d}body.light-mode .fun-section-title{color:#121212}body.light-mode .fun-section-title:hover{background-color:#1212120d}.fun-arrow{align-items:center;display:flex;flex-shrink:0;font-family:Geist Mono,monospace;font-weight:400;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.fun-arrow.expanded{transform:rotate(180deg)}.view-uxui-section{display:flex;justify-content:center;margin-top:4rem;padding-bottom:2rem}.view-uxui-btn{align-items:center;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.view-uxui-btn:hover{background-color:#fff;box-shadow:0 8px 25px #fff3;color:#121212;transform:translateY(-2px)}.view-uxui-btn .arrow-container{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px}.view-uxui-btn .arrow-icon{position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}.view-uxui-btn .arrow-out{opacity:1;transform:translate(0)}.view-uxui-btn .arrow-in{opacity:0;transform:translate(-20px,20px)}.view-uxui-btn:hover .arrow-out{opacity:0;transform:translate(20px,-20px)}.view-uxui-btn:hover .arrow-in{opacity:1;transform:translate(0)}body.light-mode .view-uxui-btn{border:1px solid #121212;color:#121212}body.light-mode .view-uxui-btn:hover{background-color:#121212;box-shadow:0 8px 25px #0003;color:#f2f2f2}.fun-image-grid{align-content:flex-start;background-color:#ffffff05;display:flex;flex-wrap:wrap;gap:0;margin:0 auto;max-height:0;max-width:1000px;overflow:hidden;transition:max-height .5s ease}.fun-image-grid.expanded{max-height:5000px}body.light-mode .fun-image-grid{background-color:#12121205}.image-item{display:inline-block;flex-shrink:0;margin:0;overflow:hidden;padding:0;position:relative;width:33.333%}.image-item img{display:block;height:auto;object-fit:contain;transition:transform .3s ease;width:100%}.image-item:hover img{transform:scale(1.05)}.illustrations-grid .image-item{width:50%}@media (max-width:768px){.fun-page{padding:30px}.fun-section-title{font-size:36px;padding:1.5rem}.image-item{width:50%}.illustrations-grid .image-item{width:100%}.image-item img{height:auto;margin:0 auto;max-width:80%}.fun-image-grid.expanded{max-height:15000px}}@media (max-width:480px){.fun-page{padding:20px}.fun-section-title{font-size:28px;padding:1rem}.image-item{width:100%}.image-item img{height:auto;margin:0 auto;max-width:70%}.fun-image-grid.expanded{max-height:20000px}}.ux-club-page{align-items:center;background-color:#121212;display:flex;justify-content:center;min-height:100vh;padding:40px;transition:background-color .3s ease}body.light-mode .ux-club-page{background-color:#f2f2f2}.ux-club-content{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:800px;text-align:center}.ux-club-description{color:#fff;font-family:Geist Mono,monospace;font-size:18px;font-weight:400;line-height:1.6;margin:0;opacity:.9;transition:color .3s ease}body.light-mode .ux-club-description{color:#121212}.see-website-btn{align-items:center;background-color:initial;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.see-website-btn:hover{background-color:#ffffff1a;box-shadow:0 0 20px #ffffff4d}body.light-mode .see-website-btn{border-color:#121212;color:#121212}body.light-mode .see-website-btn:hover{background-color:#1212121a;box-shadow:0 0 20px #1212124d}.arrow-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.arrow-out{transform:translateX(0) translateY(0)}.arrow-in{transform:translateX(-8px) translateY(8px)}.see-website-btn:hover .arrow-out{opacity:0;transform:translateX(8px) translateY(-8px)}.see-website-btn:hover .arrow-in{opacity:1;transform:translateX(0) translateY(0)}@media (max-width:768px){.ux-club-page{padding:30px}.ux-club-content{gap:2.5rem}.ux-club-description{font-size:16px}}@media (max-width:480px){.ux-club-page{padding:20px}.ux-club-content{gap:2rem}.ux-club-description{font-size:15px}.see-website-btn{font-size:15px;padding:.875rem 1.75rem}}.project2-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9e9e9;min-height:100vh;text-rendering:optimizeLegibility}.project2-hero{align-items:flex-start;min-height:100vh;padding:0 40px 4rem}.project2-content,.project2-hero{display:flex;justify-content:center}.project2-content{align-items:center;gap:2rem;margin:0 auto;max-width:1400px;width:100%}.project2-gif{flex:1 1;max-width:500px}.project2-hero-gif{border-radius:12px;height:auto;max-width:340px;object-fit:contain;transform:translateZ(0);width:100%;will-change:transform}.project2-text{flex:1 1;max-width:600px}.project2-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:60px;font-weight:300;line-height:1.1;margin-bottom:2rem;text-align:left}@supports (-webkit-appearance:none){.project2-title{font-size:62px}.detail-label,.detail-value,.project2-description{font-size:17px}.section-title{font-size:34px}.section-description{font-size:17px}}.project2-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:2.5rem;text-align:left}.project2-details{margin-bottom:3rem}.project2-problem-goal{background-color:#e9e9e9;border-top:2px solid #000;padding:4rem 40px}.project2-problem-goal-content{align-items:flex-start;display:flex;flex-direction:row;gap:4rem;margin:0 auto;max-width:1400px}.insights-section{border-top:2px solid #000}@media (max-width:768px){.project2-hero{align-items:flex-start;padding:0 30px 4rem}.project2-content{flex-direction:column;gap:3rem}.project2-gif{max-width:100%}.gif-placeholder{height:300px}.project2-title{font-size:48px}.detail-label,.detail-value,.project2-description{font-size:16px}.detail-item{flex-direction:column;gap:.5rem}.detail-label{margin-right:0;min-width:auto}.project2-problem-goal{padding:4rem 30px}.project2-problem-goal-content{flex-direction:column;gap:3rem}.section-title{font-size:28px}.process-section{padding:4rem 30px}.process-content{flex-direction:column;gap:3rem}.process-gif{max-width:100%}.process-gif .gif-placeholder{height:500px;width:250px}.process-number{font-size:32px}.process-title{font-size:22px}.process-description{font-size:13px}.insights-section{padding:4rem 30px}.insights-number{font-size:40px}.insights-title{font-size:28px}}@media (max-width:480px){.project2-hero{align-items:flex-start;padding:0 20px 4rem}.project2-title{font-size:40px}.detail-label,.detail-value,.project2-description{font-size:16px}.gif-placeholder{height:250px}.prototype-btn{font-size:.9rem;padding:.875rem 1.75rem}.project2-problem-goal{padding:4rem 20px}.project2-problem-goal-content{flex-direction:column;gap:2.5rem}.section-title{font-size:24px}.process-section{padding:4rem 20px}.process-content{flex-direction:column;gap:2.5rem}.process-number{font-size:36px}.process-title{font-size:24px}.process-gif .gif-placeholder{height:400px;width:200px}.process-number{font-size:28px}.process-title{font-size:20px}.process-description{font-size:12px}.insights-section{padding:4rem 20px}.insights-number{font-size:36px}.insights-title{font-size:24px}}.persona-image-section{border-top:2px solid #000}.project3-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9e9e9;min-height:100vh;text-rendering:optimizeLegibility}.project3-page .navbar{background-color:initial}.project3-page .logo-image{filter:invert(1) brightness(0)}.project3-page .nav-links-container{background:#00000008;border:1px solid #00000014}.project3-page .nav-link,.project3-page .nav-links a,.project3-page .nav-logo{color:#999!important}.project3-page .nav-link.active{color:#000!important}.project3-page .nav-link.inactive{color:#999!important}.project3-page .nav-link:hover,.project3-page .nav-links a:hover,.project3-page .nav-logo:hover{color:#000!important}.insights-section,.persona-image-section,.process-section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.insights-section.animate-in,.persona-image-section.animate-in,.process-section.animate-in{opacity:1;transform:translateY(0)}.process-section:first-child{transition-delay:.1s}.process-section:nth-child(2){transition-delay:.2s}.process-section:nth-child(3){transition-delay:.3s}.persona-image{transition:transform .3s ease,box-shadow .3s ease}.persona-image:hover{box-shadow:0 12px 35px #0003;transform:scale(1.02)}.project-gif{animation:float 6s ease-in-out infinite}.insights-description,.insights-title,.process-description,.process-title{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.insights-section.animate-in .insights-description,.insights-section.animate-in .insights-title,.process-section.animate-in .process-description,.process-section.animate-in .process-title{opacity:1;transform:translateY(0)}.process-section.animate-in .process-title{transition-delay:.2s}.process-section.animate-in .process-description{transition-delay:.3s}.project3-hero{min-height:100vh;padding:.5rem 40px 4rem}.project3-content,.project3-hero{align-items:center;display:flex;justify-content:center}.project3-content{gap:2rem;margin:0 auto;max-width:1400px;width:100%}.project3-gif{flex:1 1;max-width:500px}.gif-placeholder{align-items:center;background-color:#d0d0d0;border:2px dashed #b0b0b0;border-radius:12px;color:#666;display:flex;font-family:Geist Mono,monospace;font-size:16px;height:400px;justify-content:center;width:100%}.project-gif{max-width:350px}.project3-text{flex:1 1;max-width:600px}.project3-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:60px;font-weight:300;line-height:1.1;margin-bottom:2rem;text-align:left}@supports (-webkit-appearance:none){.project3-title{font-size:62px}.detail-label,.detail-value,.project3-description{font-size:17px}.section-title{font-size:34px}.section-description{font-size:17px}}.project3-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:2.5rem;text-align:left}.project3-details{margin-bottom:3rem}.project3-problem-goal{background-color:#e9e9e9;padding:4rem 40px}.project3-problem-goal-content{align-items:flex-start;display:flex;flex-direction:row;gap:4rem;margin:0 auto;max-width:1400px}.overview-section{background-color:#e9e9e9;padding:6rem 40px}.overview-content{margin:0 auto;max-width:1200px;text-align:center}.overview-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.1;margin-bottom:4rem}.overview-layout{display:flex;gap:3rem;margin-top:2rem}.overview-image-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;flex:2 1;height:450px}.overview-cards-column{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.overview-card{background-color:#f1f2f4;border-radius:16px;box-shadow:0 4px 20px #0000001a;flex:1 1;padding:2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.satisfaction-card-container{height:200px;margin-bottom:1.5rem}.satisfaction-card{align-items:flex-start;background-color:#f1f2f4;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:2rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.satisfaction-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.satisfaction-icon{position:absolute;right:1rem;top:1rem}.dumbbell-icon{stroke:#000;color:#000}.satisfaction-content{align-items:flex-start;display:flex;flex-direction:column}.satisfaction-score{font-family:Geist,sans-serif;font-size:24px;font-weight:300;line-height:1;margin-bottom:.75rem}.satisfaction-label,.satisfaction-score{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}.satisfaction-label{font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.3}.card-number{font-size:24px;font-weight:600}.card-number,.card-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;margin-bottom:1rem}.card-title{font-size:20px;font-weight:400;line-height:1.3}.card-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6}.competitive-analysis-card,.market-research-card,.user-research-card{height:auto;min-height:600px}.personas-journeys-card{height:auto;min-height:450px}.table-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:16px;font-weight:500;margin-bottom:1rem;text-align:left}.sr1{top:25%;transform:translate(-45%)}.sr2{top:25%;transform:translate(-55%,-60%)}.ui-image{border-radius:12px;box-shadow:0 4px 12px #0000001a}.ui1{top:15%;transform:translate(-45%);width:70%;z-index:2}.ui1,.ui2{left:50%;position:absolute}.ui2{top:25%;transform:translate(-55%,-40%);width:65%;z-index:1}.jump-to-process-section{display:flex;justify-content:center;margin-left:-40px;margin-right:-40px;margin-top:3rem;padding-bottom:3rem;padding-left:40px;padding-right:40px;position:relative}.jump-to-process-section:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.jump-to-process-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:initial;border:1px solid #000;border-radius:50px;color:#000;cursor:pointer;display:inline-flex;font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.jump-to-process-btn:hover{background-color:#000;box-shadow:0 8px 25px #0003;color:#e9e9e9;transform:translateY(-2px)}.process-section{background-color:#e9e9e9;padding:4rem 40px}.process-content{align-items:flex-start;display:flex;gap:40px;justify-content:center;margin:0 auto;max-width:1200px}.process-text{flex:0.7 1;max-width:450px}.process-gif{flex:0.8 1;max-width:300px}.process-number{font-size:36px;line-height:1;margin-bottom:.75rem}.process-number,.process-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-weight:300;text-align:left}.process-title{font-size:24px;line-height:1.2;margin-bottom:1rem}.process-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.5;margin:0;text-align:left}.process-gif .gif-placeholder{border-radius:30px;height:700px;margin:0 auto;width:350px}.process-gif-image{border-radius:30px;display:block;height:auto;margin:0 auto;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease;width:350px;will-change:transform}.process-gif-image:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.02)}.insights-section{background-color:#e9e9e9;padding:4rem 40px}.insights-section.no-border{border-top:none;padding-top:1rem}.insights-content{margin:0 auto;max-width:800px}.insights-number{font-size:48px;line-height:1;margin-bottom:4rem}.insights-number,.insights-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-weight:300;text-align:left}.insights-title{font-size:32px;line-height:1.2;margin-bottom:1.5rem}.insights-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 1.5rem;text-align:left}.insights-description:last-child{margin-bottom:0}.competitive-analysis-image{margin-top:2rem;text-align:center}.ca-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.branding-section{background-color:#e9e9e9;padding:6rem 40px}.branding-content{margin:0 auto;max-width:1200px;text-align:center}.branding-title{font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.1;margin-bottom:2rem}.branding-description,.branding-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}.branding-description{font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.branding-cards-container{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px}.branding-card-container{flex:1 1;max-width:380px}.branding-card{background-color:#20211e;border-radius:16px;box-shadow:0 4px 20px #0000001a;height:280px;transition:transform .3s ease,box-shadow .3s ease}.branding-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.branding-grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:66.67% 1fr;grid-template-rows:auto auto;margin:2rem auto 0;max-width:1200px}.branding-wide-card{background-color:#20211e;border-radius:16px;box-shadow:0 4px 20px #0000001a;grid-column:1;grid-row:1;height:280px;transition:transform .3s ease,box-shadow .3s ease}.branding-wide-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.branding-tall-card-container{grid-column:2;grid-row:1/3}.branding-tall-card{background-color:#20211e;border-radius:16px;box-shadow:0 4px 20px #0000001a;height:560px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.branding-tall-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.branding-bottom-cards-container{display:flex;gap:2rem;grid-column:1;grid-row:2}.branding-bottom-card-container{flex:1 1}.branding-bottom-card{background-color:#20211e;border-radius:16px;box-shadow:0 4px 20px #0000001a;height:248px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.branding-bottom-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}@media (max-width:768px){.project3-hero{padding:4rem 30px}.project3-content{flex-direction:column;gap:3rem}.project3-gif{max-width:100%}.gif-placeholder{height:300px}.project3-title{font-size:48px}.detail-label,.detail-value,.project3-description{font-size:16px}.detail-item{flex-direction:column;gap:.5rem}.detail-label{margin-right:0;min-width:auto}.project3-problem-goal{padding:4rem 30px}.project3-problem-goal-content{flex-direction:column;gap:3rem}.section-title{font-size:28px}.process-section{padding:4rem 30px}.process-content{flex-direction:column;gap:3rem}.process-gif{max-width:100%}.process-gif .gif-placeholder{height:500px;width:250px}.process-number{font-size:32px}.process-title{font-size:22px}.process-description{font-size:13px}.insights-section{padding:4rem 30px}.insights-number{font-size:40px}.insights-title{font-size:28px}.overview-title{font-size:32px}.overview-layout{gap:2rem;grid-template-columns:1fr}.overview-image-section{min-height:300px}.overview-cards-column{gap:1rem}.satisfaction-card-container{height:150px;margin-bottom:1rem}.satisfaction-score{font-size:20px}.satisfaction-label{font-size:12px}.icon-circle{height:28px;width:28px}.smile-icon{height:14px;width:14px}.card-number{font-size:20px}.card-title{font-size:18px}.card-description{font-size:14px}.discovery-title{font-size:32px}.discovery-subsections{gap:.75rem}.discovery-subtitle{font-size:13px;padding:10px 16px;width:160px}.discovery-content-section{margin-top:3rem}.discovery-content-card{flex-direction:column;height:auto}.card-left-column,.card-right-column{padding:1.5rem}.discovery-content-title{font-size:20px}.branding-section{padding:4rem 30px}.branding-title{font-size:32px}.branding-cards-container{align-items:center;flex-direction:column;gap:1.5rem}.branding-card-container{max-width:500px;width:100%}.branding-card{height:210px}.branding-grid-container{gap:1.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin:1.5rem auto 0}.branding-wide-card{grid-column:1;grid-row:1;height:210px}.branding-tall-card-container{grid-column:1;grid-row:2}.branding-tall-card{height:420px}.branding-bottom-cards-container{flex-direction:row;gap:1.5rem;grid-column:1;grid-row:3}.branding-bottom-card-container{flex:1 1}.branding-bottom-card{height:186px}}@media (max-width:480px){.project3-hero{padding:4rem 20px}.project3-title{font-size:40px}.detail-label,.detail-value,.project3-description{font-size:16px}.gif-placeholder{height:250px}.prototype-btn{font-size:.9rem;padding:.875rem 1.75rem}.project3-problem-goal{padding:4rem 20px}.project3-problem-goal-content{flex-direction:column;gap:2.5rem}.section-title{font-size:24px}.process-section{padding:4rem 20px}.process-content{flex-direction:column;gap:2.5rem}.process-number{font-size:36px}.process-title{font-size:24px}.process-gif .gif-placeholder{height:400px;width:200px}.process-number{font-size:28px}.process-title{font-size:20px}.process-description{font-size:12px}.insights-section{padding:4rem 20px}.insights-number{font-size:36px}.insights-title{font-size:24px}.discovery-section{padding:4rem 20px}.overview-title{font-size:28px}.overview-layout{gap:1.5rem;grid-template-columns:1fr}.overview-image-section{min-height:250px}.overview-cards-column{gap:1rem}.satisfaction-card-container{height:125px;margin-bottom:1rem}.satisfaction-score{font-size:18px}.satisfaction-label{font-size:12px}.icon-circle{height:24px;width:24px}.smile-icon{height:12px;width:12px}.card-number{font-size:18px}.card-title{font-size:16px}.card-description{font-size:14px}.discovery-title{font-size:28px}.discovery-subsections{gap:.5rem}.discovery-subtitle{font-size:11px;padding:8px 10px;width:140px}.discovery-content-section{margin-top:2rem}.discovery-content-card{flex-direction:column;height:auto}.card-left-column,.card-right-column{padding:1.25rem}.discovery-content-title{font-size:18px}.discovery-content-description,.discovery-content-list li{font-size:14px}.branding-section{padding:4rem 20px}.branding-title{font-size:28px}.branding-description{font-size:14px}.branding-cards-container{gap:1rem}.branding-card-container{max-width:380px}.branding-card{height:175px}.branding-grid-container{gap:1rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin:1rem auto 0}.branding-wide-card{grid-column:1;grid-row:1;height:175px}.branding-tall-card-container{grid-column:1;grid-row:2}.branding-tall-card{height:350px}.branding-bottom-cards-container{flex-direction:column;gap:1rem;grid-column:1;grid-row:3}.branding-bottom-card-container{width:100%}.branding-bottom-card{height:159px}}.persona-image-section{background-color:#e9e9e9;padding:2rem 40px}.persona-image-section.no-border{border-top:none}.persona-image-container{margin:0 auto;max-width:800px;text-align:center}.persona-image-container.small{max-width:400px}.persona-image-container.medium{max-width:500px}.persona-image-wrapper{cursor:pointer;display:inline-block;position:relative;transition:transform .3s ease}.persona-image-wrapper:hover{transform:scale(1.02);transition:transform .2s ease}.persona-image{border-radius:12px;box-shadow:0 8px 25px #00000026;height:auto;max-width:100%;transition:all .3s ease}.user-flow-wrapper .persona-image,.wireframe-image{background:#0000;box-shadow:none}.click-indicator{align-items:center;background:#000c;border-radius:20px;bottom:20px;color:#fff;display:flex;font-family:Geist Mono,monospace;font-size:12px;gap:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:20px;transform:translateY(10px);transition:all .3s ease}.persona-image-wrapper:hover .click-indicator{opacity:1;transform:translateY(0)}.click-text{white-space:nowrap}.arrow-indicator{animation:bounce 2s infinite;font-size:14px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(0)}40%{transform:translateX(3px)}60%{transform:translateX(2px)}}.persona-dots{display:flex;gap:12px;justify-content:center;margin-top:2rem}.persona-dot{background-color:#ccc;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.persona-dot.active{background-color:#000;transform:scale(1.2)}.persona-dot:hover{background-color:#666}.user-flow-wrapper{display:inline-block;position:relative}.image-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:24px;font-weight:300;margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.persona-image-section{padding:4rem 30px}}@media (max-width:480px){.persona-image-section{padding:4rem 20px}}@media (max-width:768px){.project-gif{max-width:250px}.process-gif-image{width:250px}}@media (max-width:480px){.project-gif{max-width:200px}.process-gif-image{width:200px}}.high-fidelity-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;margin:0 auto;max-width:800px}.grid-item{border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.grid-item:hover{box-shadow:0 12px 35px #0003;transform:scale(1.02);transition:transform .2s ease,box-shadow .2s ease}.grid-image{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.high-fidelity-grid{gap:1rem;max-width:650px}}@media (max-width:600px){.high-fidelity-grid{gap:.75rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-width:500px}}@media (max-width:480px){.high-fidelity-grid{gap:.75rem;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);max-width:300px}}.prototype-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:750px}.prototype-item{border-radius:12px;overflow:hidden;position:relative;transition:transform .2s ease}.prototype-item:hover{transform:scale(1.02)}.prototype-image{border-radius:12px;display:block;height:auto;object-fit:cover;width:100%}@media (max-width:768px){.prototype-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:500px}}@media (max-width:480px){.prototype-grid{gap:.5rem;grid-template-columns:1fr 1fr;max-width:300px}}.stats-container{display:flex;gap:2rem;justify-content:center;margin:3rem auto;max-width:800px}.stat-box{background-color:#d0d0d0;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1;max-width:300px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-box:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.stat-number{font-family:Geist,sans-serif;font-size:3rem;font-weight:300;margin-bottom:.5rem}.stat-label,.stat-number{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}.stat-label{font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.stats-container{gap:1.5rem;margin:2rem auto}.stat-box{padding:1.5rem}.stat-number{font-size:2.5rem}}@media (max-width:480px){.stats-container{flex-direction:column;gap:1rem;max-width:300px}.stat-box{max-width:none;padding:1.25rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-element.visible{opacity:1;transform:translateY(0)}.takomo-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9e9e9;min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility}.takomo-page .navbar{background-color:initial}.takomo-page .logo-image{filter:invert(1) brightness(0)}.takomo-page .nav-links-container{background:#00000008;border:1px solid #00000014}.takomo-page .nav-link,.takomo-page .nav-links a,.takomo-page .nav-logo{color:#999!important}.takomo-page .nav-link.active{color:#000!important}.takomo-page .nav-link.inactive{color:#999!important}.takomo-page .nav-link:hover,.takomo-page .nav-links a:hover,.takomo-page .nav-logo:hover{color:#000!important}.takomo-hero{align-items:flex-start;display:flex;justify-content:center;min-height:80vh;padding:2rem 40px 4rem}.takomo-content{gap:4rem;margin:0 auto;max-width:1400px;width:100%}.takomo-content,.takomo-gif-container{align-items:center;display:flex;justify-content:center}.takomo-gif-container{flex:1 1}.takomo-gif{border-radius:0;max-height:500px;max-width:100%;object-fit:contain}.project-gif{border-radius:12px;height:auto;max-width:500px;object-fit:contain;transform:translateZ(0);width:100%;will-change:transform}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.takomo-text{flex:1 1;max-width:600px;text-align:left}@supports (-webkit-appearance:none){.takomo-title{font-size:62px}.detail-label,.detail-value,.takomo-description{font-size:17px}.section-title{font-size:34px}.section-description{font-size:17px}}.takomo-title{font-family:Geist,sans-serif;font-size:60px;font-weight:300;line-height:1.1;margin-bottom:2rem}.takomo-description,.takomo-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;text-align:left}.takomo-description{font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:2.5rem}.takomo-details{margin-bottom:3rem}.detail-item{align-items:flex-start;display:flex;margin-bottom:1rem}.detail-label{color:#000;font-weight:500;margin-right:1rem;min-width:120px}.detail-label,.detail-value{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist Mono,monospace;font-size:16px;text-align:left}.detail-value{color:#666;flex:1 1;font-weight:400}.prototype-btn-container{display:flex;justify-content:center;margin-top:2rem}.prototype-btn{align-items:center;background-color:initial;border:1px solid #000;border-radius:50px;color:#000;cursor:pointer;display:inline-flex;font-family:Geist Mono,monospace;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.prototype-btn:hover{background-color:#000;box-shadow:0 8px 25px #0003;color:#e9e9e9;transform:translateY(-2px)}.arrow-container{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px}.arrow-icon{position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}.arrow-out{opacity:1;transform:translate(0)}.arrow-in{opacity:0;transform:translate(-20px,20px)}.prototype-btn:hover .arrow-out{opacity:0;transform:translate(20px,-20px)}.prototype-btn:hover .arrow-in{opacity:1;transform:translate(0)}.coming-soon-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;margin-top:2rem;text-align:center}.takomo-problem-goal{background-color:#e9e9e9;padding:4rem 40px}.takomo-problem-goal-content{align-items:flex-start;display:flex;flex-direction:row;gap:4rem;margin:0 auto;max-width:1400px}.goal-section,.problem-section{flex:1 1;max-width:none}.section-title{font-family:Geist,sans-serif;font-size:32px;font-weight:300;line-height:1.2;margin-bottom:1.5rem}.section-description,.section-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;text-align:left}.section-description{font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0}@media (max-width:768px){.takomo-hero{padding:4rem 30px}.takomo-content{flex-direction:column;gap:3rem}.takomo-gif{max-height:300px;max-width:100%}.takomo-title{font-size:48px}.detail-label,.detail-value,.takomo-description{font-size:16px}.detail-item{flex-direction:column;gap:.5rem}.detail-label{margin-right:0;min-width:auto}.takomo-problem-goal{padding:4rem 30px}.takomo-problem-goal-content{flex-direction:column;gap:3rem}.section-title{font-size:28px}.discovery-subsections{grid-gap:.75rem;display:grid!important;flex-wrap:wrap!important;gap:.75rem;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;margin:0 auto;max-width:500px}.discovery-subtitle{font-size:12px;max-width:220px;padding:.6rem .8rem;text-align:center;width:100%}.discovery-section{padding:4rem 30px}.discovery-content{padding:0 15px}.discovery-content-section{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 6px}.discovery-content-card{margin:0 0 2rem;max-width:100%;width:100%}}@media (max-width:480px){.takomo-hero{padding:4rem 20px}.takomo-gif{max-height:250px}.takomo-title{font-size:40px}.takomo-description{font-size:16px}.discovery-subsections{grid-gap:.5rem;display:grid!important;flex-wrap:wrap!important;gap:.5rem;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;margin:0 auto;max-width:350px}.discovery-subtitle{font-size:10px;max-width:170px;padding:.4rem .5rem;text-align:center;width:100%}.discovery-section{padding:4rem 20px}.discovery-content{padding:0 10px}.discovery-content-section{box-sizing:border-box;display:block!important;margin:0 auto;max-width:100%;padding:0;width:100%}.discovery-content-card{box-sizing:border-box;flex-direction:column!important;height:auto!important;margin:0 calc(-50vw + 50%) 2rem;max-width:100vw;min-height:auto!important;width:100vw}.discovery-content-card .card-left-column,.discovery-content-card .card-right-column{height:auto!important;min-height:auto!important;width:100%!important}.discovery-section .discovery-content-section .discovery-content-card{flex-direction:column!important;height:auto!important;min-height:auto!important}.card-right-column{align-items:center;display:flex;flex:none;flex-direction:column;height:auto!important;justify-content:flex-start;min-height:auto!important;padding:2rem;position:relative!important;width:100%!important}.market-research-images{align-items:center!important;display:flex!important;flex-direction:column!important;height:auto!important;justify-content:flex-start!important;margin-top:2rem!important;opacity:1!important;padding:0!important;position:static!important;visibility:visible!important;width:100%!important}.market-research-images .sr-image{width:100%!important}.models-image-container{flex-direction:column!important;justify-content:flex-start!important}.image-navigation,.models-image-container{align-items:center!important;display:flex!important;height:auto!important;margin-top:1rem!important;padding:.5rem!important;width:100%!important}.image-navigation{flex-direction:row!important;gap:1rem!important;justify-content:center!important}.models-image,.single-image,.sr-image,.ui-image{display:block!important;height:auto!important;max-width:80%!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:10!important}.image-container{align-items:center!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:300px!important;position:relative!important;width:100%!important}.single-image{margin:0 auto!important;position:relative!important}.market-research-images .sr-image,.single-image{display:block!important;height:auto!important;max-width:100%!important;opacity:1!important;visibility:visible!important}.market-research-images .sr-image{margin:1rem 0!important;position:static!important;transform:none!important}.project-gif{max-width:300px}.personas-journeys-card .card-right-column{flex:2 1!important;min-height:400px!important}.personas-journeys-card .card-left-column{flex:1 1!important}.personas-journeys-images{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1rem!important;height:100%!important;justify-content:center!important;min-height:350px!important}.personas-journeys-images .up-image{display:block!important;height:auto!important;margin:0!important;max-width:90%!important;opacity:1!important;position:static!important;transform:none!important;visibility:visible!important}}.discovery-section{background-color:#e9e9e9;padding:6rem 40px}.discovery-content{margin:0 auto;max-width:1200px;text-align:center}.part-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#999;font-family:Geist Mono,monospace;font-size:12px;font-weight:500;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.part-label-small{margin-bottom:1rem}.part-label-small,.section-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#999;font-family:Geist Mono,monospace;font-size:11px;font-weight:400;text-align:left}.section-label{margin-bottom:.5rem}.discovery-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.1;margin-bottom:4rem}.discovery-subsections{flex-wrap:nowrap;gap:1rem;margin:0 auto;width:100%}.discovery-subsections,.discovery-subtitle{align-items:center;display:flex;justify-content:center}.discovery-subtitle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:initial;border:2px solid #000;color:#000;cursor:pointer;flex-shrink:0;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;padding:12px 30px;text-align:center;transition:all .3s ease;white-space:nowrap;width:220px}.discovery-subtitle:hover{background-color:#f0f0f0;transform:scale(1.05)}.discovery-subtitle.active{background-color:#000;border:2px solid #000;color:#fff}.discovery-content-section{margin-left:auto;margin-right:auto;margin-top:4rem;max-width:1200px;padding:0 6px}.discovery-content-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;height:400px;margin-bottom:2rem;overflow:hidden;padding:0}.card-left-column{background-color:#e9e9e9}.card-left-column,.card-right-column{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:3rem}.card-right-column{background-color:#f1f2f4}.discovery-content-title{font-family:Geist,sans-serif;font-size:24px;margin-bottom:1rem}.discovery-content-description,.discovery-content-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-weight:400;text-align:left}.discovery-content-description{font-family:Geist Mono,monospace;font-size:16px;line-height:1.6;margin-bottom:0}.discovery-content-list{list-style:none;margin:0;padding:0}.discovery-content-list li{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:.5rem;text-align:left}.discovery-content-list li:before{color:#000;content:"• ";font-weight:700}.competitive-analysis-card,.market-research-card,.personas-journeys-card,.user-research-card{height:auto;min-height:450px}.small-text{font-size:14px}.card-left-column .discovery-content-list{margin-top:1.5rem}.card-left-column .discovery-content-list.small-text li{font-size:14px}.chart-sidebar{display:flex;flex-direction:column;height:100%;width:100%}.chart-navigation{justify-content:space-between;margin-bottom:1rem;padding:.5rem}.chart-navigation,.nav-arrow{align-items:center;display:flex}.nav-arrow{background:none;border:1px solid #e0e0e0;border-radius:50%;color:#000;cursor:pointer;height:32px;justify-content:center;transition:all .3s ease;width:32px}.nav-arrow:hover{background-color:#f5f5f5;border-color:#000}.chart-indicator{color:#666;font-family:Geist Mono,monospace;font-size:12px;font-weight:500}.chart-container{flex:1 1;overflow:hidden;position:relative}.chart-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateX(100%);transition:all .5s ease;width:100%}.chart-slide.active{opacity:1;transform:translateX(0)}.competitive-analysis-table{height:100%;overflow:auto;width:100%}.analysis-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-collapse:collapse;color:#000;font-family:Geist Mono,monospace;font-size:8px;width:100%}.analysis-table th{border:1px solid #e0e0e0;font-size:8px;font-weight:500;padding:4px 3px;text-align:left;vertical-align:top}.title-row th{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:Geist,sans-serif;font-size:10px;font-weight:600;padding:4px 3px;text-align:center}.header-row th{background-color:#000;color:#fff;font-size:8px;font-weight:500}.analysis-table td{border:1px solid #e0e0e0;min-height:20px;padding:4px 3px;text-align:left;vertical-align:top}.analysis-table tr:nth-child(2n){background-color:#fafafa}.market-research-images{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.sr-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.sr1{transform:translate(-45%,-25%);width:80%;z-index:2}.sr1,.sr2{left:50%;position:absolute;top:50%}.sr2{transform:translate(-55%,-85%);width:75%;z-index:1}.user-research-images{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.ui-image{height:auto;max-width:100%}.image-navigation{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.image-indicator{color:#666;font-family:Geist Mono,monospace;font-size:12px;font-weight:400}.image-container{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:100%}.image-slide{height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}.image-slide.active{opacity:1}.single-image{border-radius:8px;height:100%;object-fit:contain;width:100%}.models-image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.models-image{border-radius:8px;height:auto;object-fit:contain;width:85%}.personas-journeys-images{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.hmw-content{margin:0 auto;max-width:1200px;padding:2rem 0;text-align:center}.hmw-title{color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;margin:0 0 1rem}.hmw-description,.hmw-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hmw-description{color:#666;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.6;margin:0}.wireframes-section{align-items:center;background-color:#e9e9e9;display:flex;justify-content:center;min-height:50vh;padding:6rem 40px}.wireframes-content{margin:0 auto;max-width:1400px;text-align:center}.wireframes-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;margin:0 0 2rem}.wireframes-rectangle{align-items:center;background-color:#20211e;border-radius:12px;display:flex;height:800px;justify-content:center;margin:0 auto;width:1200px}.wireframes-image{max-height:100%;max-width:100%;object-fit:contain}@media (max-width:768px){.wireframes-section{padding:4rem 20px}.wireframes-content{max-width:100%;padding:0 10px}.wireframes-rectangle{height:500px;max-width:100%;width:100%}.wireframes-title{font-size:28px}}@media (max-width:480px){.wireframes-section{padding:3rem 15px}.wireframes-content{padding:0 5px}.wireframes-rectangle{height:400px}.wireframes-title{font-size:24px}}.evaluative-research-section{align-items:center;background-color:#e9e9e9;display:flex;justify-content:center;min-height:50vh;padding:6rem 40px}.evaluative-research-content{margin:0 auto;max-width:1200px;text-align:center}.evaluative-research-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;margin:0 0 2rem}.evaluative-research-card{max-width:1200px;min-height:450px;width:1200px}.evaluative-research-card .card-left-column,.evaluative-research-card .card-right-column{flex:none;width:600px}.user-quote-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.user-quote{color:#333;font-family:Geist,sans-serif;font-size:24px;font-weight:400;line-height:1.4;margin-bottom:3rem;max-width:400px;text-align:left}.participant-info{align-items:center;display:flex;gap:1rem}.participant-icon{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;min-height:48px;min-width:48px;width:48px}.smile-icon{stroke:#000;color:#000}.participant-details{display:flex;flex-direction:column;text-align:left}.participant-name{color:#333;font-size:18px;margin-bottom:.25rem}.participant-description,.participant-name{font-family:Geist Mono,monospace;font-weight:400}.participant-description{color:#666;font-size:14px;line-height:1.3}@media (max-width:1200px){.evaluative-research-card{display:flex!important;max-width:100%;width:100%}.evaluative-research-card .card-left-column,.evaluative-research-card .card-right-column{display:block!important;opacity:1!important;visibility:visible!important;width:100%}}@media (max-width:1024px) and (min-width:769px){.evaluative-research-section .evaluative-research-card{flex-direction:column!important;height:auto!important;max-width:100%!important;min-height:auto!important;width:100%!important}.evaluative-research-section .evaluative-research-card .card-left-column{display:block!important;flex:none!important;opacity:1!important;order:1;padding:2rem!important;visibility:visible!important;width:100%!important}.evaluative-research-section .evaluative-research-card .card-right-column{background-color:#f1f2f4!important;display:block!important;flex:none!important;height:auto!important;min-height:400px!important;opacity:1!important;order:2;padding:3rem!important;visibility:visible!important;width:100%!important}.evaluative-research-section .user-quote-container{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;min-height:300px!important}.evaluative-research-section .user-quote{font-size:24px!important;line-height:1.4!important;margin-bottom:3rem!important;max-width:100%!important;text-align:center!important}.evaluative-research-section .participant-info{align-items:center!important;display:flex!important;gap:1.5rem!important;justify-content:center!important}.evaluative-research-section .participant-icon{height:56px!important;width:56px!important}.evaluative-research-section .participant-name{font-size:20px!important}.evaluative-research-section .participant-description{font-size:16px!important}}@media (max-width:768px){.evaluative-research-section{padding:4rem 20px}.evaluative-research-content{padding:0 10px}.evaluative-research-card{display:flex!important;flex-direction:column!important;height:auto;max-width:100%;min-height:auto;width:100%}.evaluative-research-card .card-left-column{order:1}.evaluative-research-card .card-left-column,.evaluative-research-card .card-right-column{display:block!important;flex:none;opacity:1!important;padding:2rem;visibility:visible!important;width:100%}.evaluative-research-card .card-right-column{background-color:#f1f2f4!important;order:2}.user-quote{font-size:20px;margin-bottom:2rem;max-width:100%}.participant-icon{height:40px;width:40px}.participant-name{font-size:16px}.participant-description{font-size:13px}.evaluative-research-title{font-size:28px}}@media (max-width:480px){.evaluative-research-section{padding:3rem 15px}.evaluative-research-content{padding:0 5px}.evaluative-research-card{box-sizing:border-box;display:flex!important;flex-direction:column!important;margin:0 calc(-50vw + 50%);max-width:100vw;width:100vw}.evaluative-research-card .card-left-column{order:1}.evaluative-research-card .card-left-column,.evaluative-research-card .card-right-column{display:block!important;opacity:1!important;padding:1.5rem;visibility:visible!important;width:100%!important}.evaluative-research-card .card-right-column{background-color:#f1f2f4!important;order:2}.user-quote-container{display:flex!important;height:auto!important;min-height:auto!important;opacity:1!important;visibility:visible!important}.user-quote{display:block!important;font-size:18px;margin-bottom:1.5rem}.participant-info,.user-quote{opacity:1!important;text-align:center;visibility:visible!important}.participant-info{display:flex!important;flex-direction:column;gap:.5rem}.participant-details{display:block!important;opacity:1!important;text-align:center;visibility:visible!important}.participant-icon{height:36px;width:36px}.participant-name{font-size:14px}.participant-description{font-size:12px}.evaluative-research-title{font-size:24px}}.up-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.up1{transform:translate(-45%);width:80%;z-index:2}.up1,.up2{left:50%;position:absolute;top:35%}.up2{transform:translate(-55%,-60%);width:75%;z-index:1}.final-design-section{align-items:center;background-color:#e9e9e9;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:50vh;padding:6rem 40px}.final-design-content{margin:0 auto;max-width:1200px;text-align:center}.final-design-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;margin:0 0 2rem}.final-design-rectangle{align-items:center;background-color:#f1f2f4;border-radius:12px;display:flex;height:700px;justify-content:center;margin:2rem auto 0;width:1000px}.final-design-gif{border-radius:8px;height:85%;object-fit:contain;width:85%}.final-design-image-container{align-items:center;display:flex;justify-content:center;margin-top:2rem;width:100%}.final-design-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;height:700px;object-fit:contain;width:1000px}.outcomes-section{margin:4rem auto 0;max-width:1200px;text-align:center}.outcomes-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin:0 0 3rem}.outcomes-rectangles{align-items:stretch;display:flex;gap:2rem;justify-content:center}.outcome-rectangle{align-items:flex-start;background-color:#f1f2f4;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;height:220px;justify-content:flex-end;max-width:400px;padding:2rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.outcome-rectangle:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.outcome-icon{position:absolute;right:1rem;top:1rem}.icon-circle{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.accessibility-icon,.chart-icon,.clock-icon,.smile-icon{stroke:#000;color:#000}.outcome-content{align-items:flex-start;display:flex;flex-direction:column}.outcome-number{font-family:Geist,sans-serif;font-size:24px;font-weight:300;line-height:1;margin-bottom:.75rem}.outcome-number,.outcome-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}.outcome-text{font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.3}.reflection-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin:4rem 0 3rem}.what-differently-section{align-items:flex-start;display:flex;gap:6rem;justify-content:flex-start;margin-top:2rem}.what-differently-title{flex:0 0 auto;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin:0}.what-differently-description,.what-differently-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;text-align:left}.what-differently-description{flex:0 0 50%;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 0 auto}.section-divider{background-color:#e0e0e0;height:1px;margin-top:3rem;width:100%}.next-project-btn-container{display:flex;justify-content:center;margin-top:4rem}.recommendations-section{margin:3rem auto 0;max-width:1200px;text-align:center}.recommendations-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Geist,sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin:0 0 1rem}.recommendations-description{color:#666;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto 2rem;max-width:700px}.final-design-card{background-color:#f1f2f4;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:1000px;min-height:650px;overflow:hidden;padding:2rem;position:relative;width:100%}.final-images-container{-ms-overflow-style:none;height:580px;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-width:none;width:100%}.final-images-container::-webkit-scrollbar{display:none}.final-images-wrapper{display:flex;height:100%;width:300%}.final-image-slide{align-items:center;display:flex;height:100%;justify-content:center;padding:.5rem;width:33.333%}.final-image-slide img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.final-nav-controls{gap:1rem;margin-bottom:1rem;padding:0 1rem}.final-nav-arrow,.final-nav-controls{align-items:center;display:flex;justify-content:center}.final-nav-arrow{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.final-nav-arrow:hover{background:#fff;transform:scale(1.1)}.final-nav-arrow svg{color:#333}@media (max-width:768px){.final-design-section{gap:1.5rem;padding:4rem 20px}.final-design-title{font-size:28px}.final-design-image-container{margin-top:1.5rem}.final-design-rectangle{align-items:center;display:flex;height:450px;justify-content:center;margin-top:1.5rem;max-width:100%;width:100%}.final-design-image{height:450px;width:100%}.recommendations-section{margin-top:2rem}.recommendations-title{font-size:28px}.recommendations-description{font-size:14px;max-width:90%}.outcomes-section{margin-top:3rem}.outcomes-title{font-size:28px}.outcomes-rectangles{align-items:center;flex-direction:column;gap:1.5rem}.outcome-rectangle{height:170px;max-width:100%;width:100%}.outcome-number{font-size:20px}.outcome-text{font-size:12px}.reflection-title{font-size:28px;margin:3rem 0 2rem}.what-differently-section{flex-direction:column;gap:2rem;justify-content:flex-start;margin-top:1.5rem}.what-differently-title{font-size:28px;margin:0}.what-differently-description{flex:none;font-size:14px}.section-divider{margin-top:2rem}.next-project-btn-container{margin-top:3rem}.icon-circle{height:28px;width:28px}.final-images-container{height:380px}.final-nav-arrow{height:40px;width:40px}.final-nav-controls{margin-bottom:.5rem;padding:0 .5rem}}@media (max-width:480px){.outcome-rectangle{height:145px}.outcome-number{font-size:18px}.outcome-text{font-size:12px}.icon-circle{height:24px;width:24px}}.footer{background-color:#121212;border-top:1px solid #333;padding:2rem 40px;transition:background-color .3s ease,border-color .3s ease}body.light-mode .footer{background-color:#f2f2f2;border-top-color:#e0e0e0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.footer-text{color:#fff;font-family:Geist Mono,monospace;font-size:14px;font-weight:400;transition:color .3s ease}body.light-mode .footer-text{color:#121212}.email-link{color:inherit;cursor:pointer;position:relative;text-decoration:none;transition:all .3s ease}.email-link:hover{text-decoration:underline;-webkit-text-decoration-color:currentColor;text-decoration-color:initial;text-underline-offset:2px}.footer-social{gap:1rem}.footer-social,.social-link{align-items:center;display:flex}.social-link{border:1px solid #fff;border-radius:50%;color:#fff;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background-color:#fff;box-shadow:0 4px 12px #fff3;color:#121212;transform:translateY(-2px)}body.light-mode .social-link{border-color:#121212;color:#121212}body.light-mode .social-link:hover{background-color:#121212;box-shadow:0 4px 12px #12121233;color:#f2f2f2}.instagram-icon,.linkedin-icon{height:20px;width:20px}@media (max-width:768px){.footer{padding:1.5rem 30px}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-text{font-size:13px}.social-link{height:36px;width:36px}.instagram-icon,.linkedin-icon{height:18px;width:18px}}@media (max-width:480px){.footer{padding:1rem 20px}.footer-text{font-size:12px}.social-link{height:32px;width:32px}.instagram-icon,.linkedin-icon{height:16px;width:16px}}.custom-cursor{background:radial-gradient(circle,#fffc 0,#fff6 50%,#0000 100%);border-radius:50%;box-shadow:0 0 20px #fff9,0 0 40px #fff6,0 0 60px #fff3;height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.4,0,.2,1),height .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);width:20px;will-change:transform,width,height,background,box-shadow;z-index:9999}.custom-cursor.hovering{background:radial-gradient(circle,#ffffffe6 0,#ffffff80 50%,#0000 100%);box-shadow:0 0 30px #fffc,0 0 60px #fff9,0 0 90px #fff6;height:40px;width:40px}.custom-cursor.project-hovering{align-items:center;background:#0003;border:2px solid #fff;border-radius:50%;box-shadow:none;display:flex;height:100px;justify-content:center;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border .2s cubic-bezier(.4,0,.2,1);width:100px}.cursor-text{color:#fff;font-family:Geist Mono,monospace;font-size:11px;font-weight:400;opacity:.9;pointer-events:none;text-align:center}body.light-mode .custom-cursor{background:radial-gradient(circle,#121212cc 0,#12121266 50%,#0000 100%);box-shadow:0 0 20px #12121299,0 0 40px #12121266,0 0 60px #12121233}body.light-mode .custom-cursor.hovering{background:radial-gradient(circle,#121212e6 0,#12121280 50%,#0000 100%);box-shadow:0 0 30px #121212cc,0 0 60px #12121299,0 0 90px #12121266}body.light-mode .custom-cursor.project-hovering{background:#0003;border:2px solid #121212}body.light-mode .cursor-text{color:#fff}.custom-cursor.project-page{background:radial-gradient(circle,#000c 0,#0006 50%,#0000 100%);box-shadow:0 0 20px #0009,0 0 40px #0006,0 0 60px #0003}.custom-cursor.project-page.hovering{background:radial-gradient(circle,#000000e6 0,#00000080 50%,#0000 100%);box-shadow:0 0 30px #000c,0 0 60px #0009,0 0 90px #0006}.custom-cursor.project-page.project-hovering{background:#fff3;border:2px solid #000}.custom-cursor.project-page .cursor-text{color:#000}.App{background-color:#121212;color:#fff;font-family:Geist Mono,monospace;min-height:100vh;text-align:center;transition:background-color .3s ease}body.light-mode .App{background-color:#f2f2f2;color:#121212}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#121212;color:#fff;font-family:Geist Mono,monospace;overflow-x:hidden;transition:background-color .3s ease}body.light-mode{background-color:#f2f2f2;color:#121212}.App.project2-page,.App.project3-page,.App.takomo-page,body.light-mode .App.project2-page,body.light-mode .App.project3-page,body.light-mode .App.takomo-page{background-color:#e9e9e9;color:#121212}
/*# sourceMappingURL=main.4ab2bd7b.css.map*/