@import"https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap";.nav-bar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:#fffffff2;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-right{display:flex;gap:2rem;align-items:center}.nav-link{color:#333;text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:#666}.home{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.blob-container{width:90%;max-width:900px;aspect-ratio:3/2;margin-top:4rem}.blob-shape{width:100%;height:100%;padding:2rem;display:flex;justify-content:center;align-items:center;background:#95d5b2;background-image:radial-gradient(circle at 50% 50%,#235c6a 0%,transparent 70%),radial-gradient(circle at 20% 50%,#74c69d 0%,transparent 70%),radial-gradient(circle at 80% 50%,#74c69d 0%,transparent 70%)!important;background-blend-mode:normal;animation:blobAnimation 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;border:2px solid rgba(255,255,255,.1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}@media (max-width: 768px){.blob-container{aspect-ratio:2/3;margin-top:2rem;width:95%}.blob-shape{padding:1.5rem}.content{padding:1rem;text-align:center}.content h1{font-size:2.5rem}.description{font-size:1rem;margin-bottom:1.5rem}.tab{width:1rem}.projects-button{padding:.4rem .8rem;font-size:.9rem}}@keyframes blobAnimation{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.content{color:#fff;text-align:left;padding-left:10%;padding-top:5%}.content *{color:#fff}.content h1{font-size:3rem;margin-bottom:.5rem}.name-details{display:flex;flex-direction:column;margin-bottom:1rem}.pronunciation{font-style:normal;margin-bottom:.2rem}.word-type{font-size:.9rem;color:#fff}.description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.tab{display:inline-block;width:1.5rem}.projects-button{display:inline-block;padding:.5rem 1rem;background-color:#fff;color:var(--primary-color);text-decoration:none;border-radius:20px;transition:all .3s ease}.projects-button:hover{background-color:var(--secondary-color);color:#fff}.about{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.bio{font-size:1.1rem;line-height:1.6;margin-top:2rem;max-width:500px}.design{padding:6rem 2rem 2rem;min-height:100vh}.projects-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.project-button{width:100%;position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:20px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.project-button:hover{transform:scale(1.02)}.project-image{width:100%;height:auto;display:block;border-radius:20px}.mobile-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.mobile-popup{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;position:relative;max-width:90%;text-align:center}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:5px 10px}.close-button:hover{color:#666}.mobile-popup p{margin:0;font-size:1rem;color:#333}.photography{padding:6rem 2rem 2rem;min-height:100vh;background-color:#f8f9fa}.featured-gallery{width:100%;max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1rem}.gallery-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item.large,.gallery-item.wide{grid-column:span 2;aspect-ratio:16/9}.gallery-item.tall{grid-row:span 2;aspect-ratio:3/4}.behance-link{text-align:center;margin:2rem 0}.behance-link a{color:#333;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.behance-link a:hover{background:#0000000d}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:0 auto}.bento-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.bento-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bento-item:hover img{transform:scale(1.05)}.large{grid-column:span 2;grid-row:span 2}.wide{grid-column:span 2}.tall{grid-row:span 2}.expanded-photo{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.expanded-photo img{max-height:90vh;max-width:90vw;object-fit:contain}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width: 480px){.bento-grid{grid-template-columns:repeat(2,1fr)}.large,.wide{grid-column:span 2}.tall{grid-row:span 2}}.category-btn{padding:.5rem 1rem;border:none;background-color:var(--secondary-color);color:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease}.category-btn:hover{background-color:var(--primary-color)}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem;width:100%;background-color:#f2f2f2;border-top:1px solid rgba(0,0,0,.05);font-size:.9rem;color:#333;margin-top:4rem}.footer-left{display:flex;align-items:center;gap:.5rem;font-size:.85rem;letter-spacing:.3px}.footer-right{display:flex;gap:1rem}.social-link{color:#333;transition:all .3s ease;opacity:.7;display:flex;align-items:center}.social-link:hover{opacity:1;transform:translateY(-2px)}.case-study p,.pain-points li,.research li,.next-steps li,.point p{line-height:1.6;color:#1a1a1a;margin-bottom:1rem}.pain-points ul,.next-steps ul{list-style:none;padding:0;margin-bottom:2rem}.pain-points li,.next-steps li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.pain-points li:before,.next-steps li:before{content:"•";position:absolute;left:0;color:#2a9d8f}.research-points{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.research-point{max-width:800px;margin:0 auto}.research-point h4{margin-bottom:1.5rem;color:#2a9d8f;font-size:1.25rem}.research-image{width:100%}.research-image img{width:100%;height:auto;display:block}@media (max-width: 768px){.research-points{gap:2rem}}.solution-container{display:flex;flex-direction:column;gap:6rem;margin-top:3rem}.solution-row{display:grid;grid-template-columns:400px 600px;gap:3rem;margin:0 auto;align-items:flex-start;justify-content:center}.solution-text h4{color:#2a9d8f;margin-bottom:1rem;font-size:1.25rem}.solution-text p{margin:0;line-height:1.6}.solution-image{width:500px;height:400px}.solution-image img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width: 768px){.solution-row{grid-template-columns:1fr;gap:2rem}.solution-image{width:100%;height:auto}}.visual-design{margin-top:8rem}.visual-design h3{color:#2a9d8f;margin-bottom:1.5rem}.visual-design ul{list-style:none;padding:0}.visual-design li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.visual-design li:before{content:"•";position:absolute;left:0;color:#2a9d8f}.cover-image{width:65%;max-width:800px;margin:0 auto 2rem}.overview{padding-top:4rem}.case-study h1,.case-study h2{font-size:1.75rem;margin-bottom:1.5rem;color:#333;font-weight:600;font-style:italic}.case-study h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333;font-weight:500}.pain-points-container{display:grid;grid-template-columns:400px 600px;gap:3rem;margin:2rem 0;align-items:flex-start;justify-content:center}.pain-points-image{width:550px;height:350px;margin-top:-.5rem}.pain-points-image img{width:100%;height:100%;display:block;object-fit:contain}.case-study p,.pain-points li,.next-steps li,.point p,.persona-info li,.user-journey li{line-height:1.6;color:#1a1a1a;margin-bottom:1rem}.overview-grid h3{margin-top:2rem}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;margin-top:2rem}.overview-grid h2{margin-top:0}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.redesign-row{display:flex;justify-content:center;gap:3rem;margin-bottom:4rem;align-items:center;max-width:900px;margin-left:auto;margin-right:auto}.redesign-video{flex:1;max-width:300px;min-height:250px;display:flex;align-items:center;justify-content:center}.demo-video{width:100%;height:100%;object-fit:contain;display:block}.redesign-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 4px 20px #0000001a}.redesign-text{max-width:400px}.redesign-points{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.redesign-point{padding:0}.redesign-point h4{color:#2a9d8f;margin-bottom:1rem;font-size:1.25rem}.redesign-point p{margin:0;line-height:1.6}@media (max-width: 768px){.redesign-row{grid-template-columns:1fr;gap:2rem}.redesign-image{order:-1}}.pain-points ul{list-style:none;padding:0;margin-bottom:2rem}.pain-points li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.pain-points li:before{content:"•";position:absolute;left:0;color:#2a9d8f}.persona-details{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:1.5rem;align-items:center;max-width:900px;margin-left:auto;margin-right:auto}.avatar-placeholder{width:350px;height:350px;margin:0 auto}.avatar-placeholder img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem}.chart-placeholder{background-color:#f5f5f5;border:2px dashed #ddd;padding:2rem;text-align:center;border-radius:8px}.wireframes-grid{display:grid;grid-template-columns:repeat(3,180px);gap:2rem;margin-top:2rem;justify-content:center}.wireframes-grid img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.wireframes-grid img:hover{transform:translateY(-5px)}.persona-info ul{list-style:none;padding:0;margin-bottom:2rem}.persona-info li{margin-bottom:1rem}.user-journey ol{list-style:none;padding:0;counter-reset:journey-counter}.user-journey ol li{margin-bottom:1rem;padding-left:2rem;position:relative}.user-journey ol li:before{counter-increment:journey-counter;content:counter(journey-counter) ".";position:absolute;left:0;font-weight:500}.persona-info h4{font-size:1.2rem;margin-bottom:1rem;font-weight:500}.user-journey h4{margin-bottom:1rem}.redesign-points{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.next-steps ul{list-style:none;padding:0}.next-steps li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.next-steps li:before{content:"→";position:absolute;left:0;color:#2a9d8f}@media (max-width: 768px){.overview-grid,.project-details,.persona-details,.redesign-points{grid-template-columns:1fr}.case-study{padding:1rem}}.case-study{max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;padding-top:5rem}.cover-image{width:65%;max-width:800px;margin:0 auto 4rem}.cover-image img{width:100%;height:auto;display:block}.case-study section{margin-bottom:4rem;padding:0 4rem}.overview{padding-top:2rem}.case-study h1{font-size:1.75rem;margin-bottom:2rem;color:#333;font-weight:600;font-style:italic}.case-study h2{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:500;font-style:normal}.case-study h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333;font-weight:500;font-style:normal}.case-study p,.pain-points li,.research li,.visual-design li,.strengths li,.opportunities li,.point p{line-height:1.6;color:#1a1a1a;margin-bottom:1rem}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;margin-top:-1rem}.overview-grid h2{font-size:1.5rem;margin-top:0}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem;align-items:start}.process-image img{width:100%;height:auto;border-radius:8px}.pain-points{max-width:500px}.nav-map{margin-top:2rem;margin-bottom:3rem;max-width:100%}.impact-section{display:grid;grid-template-columns:250px 300px;gap:2rem;margin:1.5rem auto 2rem;align-items:center;justify-content:center;max-width:fit-content}.impact-box{background-color:#fff;border-radius:12px;padding:1.2rem;max-width:250px;box-shadow:0 4px 6px #0000001a}.demo-video{width:220px;height:440px;overflow:hidden;border-radius:32px;position:relative}.demo-video video{width:105%;height:105%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.impact-box h3{color:#30a18b;font-size:1.2rem;margin-bottom:.6rem}.impact-box p{font-size:.9rem;line-height:1.4;color:#333;max-width:45ch}.nav-map img,.personas-image img{width:100%;height:auto}.personas-image{margin:1rem auto 1.5rem;max-width:500px}.pain-points ul,.research ul,.visual-design ul,.strengths ul,.opportunities ul{list-style:none;padding:0}.pain-points li,.research li,.visual-design li,.strengths li,.opportunities li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.pain-points li:before,.research li:before,.visual-design li:before,.strengths li:before,.opportunities li:before{content:"•";position:absolute;left:0;color:#2a9d8f}.feature-grid{display:flex;flex-direction:column;gap:5rem;margin:4rem auto;max-width:1200px;padding:0 2rem}.feature-item{display:grid;grid-template-columns:240px 180px;gap:8rem;align-items:center;justify-content:center;margin:0 auto}.map-feature,.rewards-feature{grid-template-columns:240px 400px;transform:translate(0);width:800px;margin:0 auto}.gallery-feature,.social-feature{grid-template-columns:240px 180px;transform:translate(0);width:600px;margin:0 auto}.feature-text{background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.feature-text h4{margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.feature-text p{font-size:.95rem;line-height:1.4;color:#666}.feature-image{width:180px;height:360px;border-radius:16px;overflow:hidden}.large-image{width:400px;height:400px}.gallery-image{width:180px;height:360px}.feature-image img{width:100%;height:100%;display:block;object-fit:contain}.point{background-color:#f9f9f9;padding:1.5rem;border-radius:8px}.point h4{font-size:1.2rem;margin-bottom:1rem;font-weight:500;color:#444}@media (max-width: 768px){.overview-grid,.project-details,.redesign-points{grid-template-columns:1fr}.case-study{padding:1rem}}:root{--background-color: #f2f2f2}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:#f2f2f2}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000;background:none;background-color:transparent!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}.nav-link{text-decoration:none;color:#2a9d8f;transition:color .2s ease}.nav>.nav-link{font-weight:700;font-size:1.8rem;font-family:Fuzzy Bubbles,cursive;letter-spacing:.5px}.nav-right .nav-link{font-size:.9rem;font-weight:500}.nav-link:hover{color:#1e7268}.nav-right{display:flex;gap:2rem}.nav-right a:hover{color:#1e7268}.case-study h2{font-size:2rem;font-weight:700;font-style:italic;margin-bottom:1rem;color:#2a2a2a}.case-study h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#2a2a2a}.case-study h4{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#2a2a2a}.case-study p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:1.5rem}:root{--primary-color: #006D77;--secondary-color: #83C5BE;--background-color: #FAFAFA;--text-color: #2C3E50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color)}.blob-shape{background:var(--primary-color);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;position:relative}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000;background-color:#fafafaf2}.nav-link{text-decoration:none;color:var(--text-color);font-weight:700;font-size:1.5rem}.nav-right{display:flex;gap:1rem}.nav-button{text-decoration:none;color:var(--text-color);padding:.5rem 1rem;border-radius:20px;background-color:var(--secondary-color);transition:all .3s ease}.nav-button:hover{background-color:var(--primary-color);color:#fff}