*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f2f0ea;--bg-card: #e8e5dc;--text-primary: #4a5568;--text-secondary: #718096;--text-dark: #2d3748;--accent: #8b9eb5;--accent-light: #c5cdd8;--white: #ffffff;--tag-bg: #ddd8cc;--tag-text: #5a6a7a;--blob: #ddd8ce}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;text-align:justify}a{text-decoration:none;color:inherit}@media(max-width:768px){body{text-align:left}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;gap:80px;padding:24px 0;background-color:var(--bg)}.nav-item{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);font-family:inherit;padding:4px 0;position:relative;transition:color .2s}.nav-item:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.nav-item:hover{color:var(--text-dark)}.nav-item.active{color:var(--text-dark);font-weight:500}.nav-item.active:after{transform:scaleX(1)}.home-section{min-height:100vh;display:flex;align-items:center;padding:100px 80px 60px;position:relative;overflow:hidden}.home-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto}.home-text{flex:1}.home-greeting{font-size:1.3rem;color:var(--text-secondary);margin-bottom:8px}.home-name{font-size:3rem;font-weight:600;color:var(--text-dark);margin-bottom:10px;line-height:1.15}.home-title{font-size:1.05rem;color:var(--text-secondary);margin-bottom:20px}.home-intro{font-size:.8rem;color:var(--text-secondary);line-height:1.7;max-width:460px;margin-bottom:40px}.home-links{display:flex;gap:16px}.icon-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--tag-bg);color:var(--text-secondary);transition:background .2s,color .2s,transform .2s}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:var(--accent-light);color:var(--text-dark);transform:translateY(-2px)}.home-photo-wrapper{position:relative;width:380px;height:420px;flex-shrink:0}.home-blob-bg{position:absolute;top:50%;right:40px;transform:translateY(-50%);width:46%;height:72%;background:var(--blob);border-radius:60% 40% 50% 60%/50% 60% 40% 50%;z-index:0}.home-blob-accent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:410px;height:410px;background:var(--blob);border-radius:50% 60% 45% 55%/55% 45% 60% 50%;z-index:1}.home-photo-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;overflow:hidden;border:12px solid white;z-index:2;box-shadow:0 8px 32px #0000001a}.home-photo-circle img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.home-section{padding:100px 24px 60px;flex-direction:column}.home-content{flex-direction:column-reverse;gap:40px;text-align:center}.home-links{justify-content:center}.home-name{font-size:2.2rem}.home-blob-bg{display:none}.home-photo-wrapper{width:260px;height:260px}.home-blob-accent{width:280px;height:280px}.home-photo-circle{width:190px;height:190px}}.about-section{padding:100px 80px;max-width:1100px;margin:0 auto}.section-header{display:flex;justify-content:center;margin-bottom:48px}.section-title{font-size:1.8rem;font-weight:500;color:var(--text-dark)}.about-bio{text-align:justify;max-width:820px;margin:0 auto 56px;font-size:1rem;color:var(--text-secondary);line-height:1.8}.skills-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;margin-bottom:72px}.skill-card{background:var(--bg-card);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;overflow:hidden;isolation:isolate}.skill-bg-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--text-secondary);opacity:.07;z-index:-1;pointer-events:none}.skill-card h3{font-size:1rem;font-weight:600;color:var(--text-dark)}.skill-card ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.skill-card li{background:var(--bg);color:var(--text-secondary);font-size:.82rem;line-height:1;padding:7px 14px;border-radius:999px;border:1px solid var(--accent-light)}.timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.timeline-heading{font-size:1.15rem;font-weight:600;color:var(--text-dark);margin-bottom:24px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:16px;position:relative;padding-bottom:28px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--text-secondary);flex-shrink:0;margin-top:5px;position:relative}.timeline-item:not(:last-child) .timeline-dot:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:2px;background:var(--accent-light);bottom:-28px}.timeline-content{flex:1}.timeline-title{font-size:.95rem;font-weight:500;color:var(--text-dark);line-height:1.4;margin-bottom:2px}.timeline-org{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px}.timeline-desc{font-size:.85rem;color:var(--text-secondary)}.timeline-citation{font-size:.78rem;color:var(--text-secondary);margin-top:4px;line-height:1.5}.timeline-link{color:var(--accent);text-decoration:underline;word-break:break-all}@media(max-width:768px){.about-section{padding:80px 24px}.skills-grid,.timeline-grid{grid-template-columns:1fr}.skill-bg-icon{inset:auto;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%)}}.projects-section{padding:100px 80px;max-width:1100px;margin:0 auto}.projects-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:56px}.projects-intro p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;text-align:justify}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{background:none;border:none;cursor:pointer;border-radius:16px;position:relative;z-index:1;text-align:left;padding:0;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:scale(1.15);box-shadow:0 12px 40px #0000001f;z-index:2}.project-thumbnail{position:relative;width:100%;aspect-ratio:3 / 2;background:var(--bg-card);overflow:hidden;border-radius:16px 16px 0 0}.project-card.dark .project-thumbnail{background:#1a2332}.project-thumbnail img{width:100%;height:100%;object-fit:fill;display:block}.project-thumbnail-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);font-weight:500;pointer-events:none}.project-thumbnail img+.project-thumbnail-placeholder{display:none}.project-card.dark .project-thumbnail-placeholder{color:#fff9}.project-info{background:#ebe8de;border-radius:0 0 16px 16px;padding:14px 16px 18px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--tag-bg);color:var(--tag-text);font-size:.78rem;padding:4px 12px;border-radius:20px;font-weight:500;white-space:nowrap}.tag-ongoing{background:#c4a882;color:#fff}.tag-nda{background:#6b7280;color:#fff}@media(max-width:768px){.projects-section{padding:80px 24px}.projects-intro,.projects-grid{grid-template-columns:1fr}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:24px;padding:60px 24px 50px;text-align:center}.footer-heading{font-size:1.8rem;font-weight:600;color:var(--text-dark)}.text{font-weight:400;font-size:1rem;max-width:420px;color:var(--text-secondary);margin:0}.footer-links{display:flex;gap:16px}.proj-page{max-width:900px;margin:0 auto;padding:100px 48px}.proj-back{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-family:inherit;padding:0;margin-bottom:48px;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.proj-back:hover{color:var(--text-dark)}.proj-header{display:flex;flex-direction:column;align-items:center;margin-bottom:64px}.proj-header-pill{font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:700;line-height:1.2;color:#636765;margin-bottom:28px;text-align:center}.proj-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;font-size:.88rem;color:var(--text-secondary);text-align:left}.proj-meta span strong{color:var(--text-dark);font-weight:500}.proj-section{margin-bottom:52px}.proj-section-title{font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:600;color:#636765;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--bg-card)}.proj-section p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.proj-section ul{padding-left:20px;font-size:.93rem;color:var(--text-secondary);line-height:1.8}.proj-section ul li{margin-bottom:6px}.proj-section ul li strong{color:var(--text-dark);font-weight:500}.proj-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.proj-two-col-left,.proj-two-col-right{font-size:.93rem;color:var(--text-secondary);line-height:1.8}.proj-subsection{margin-bottom:28px}.proj-subsection-title{font-size:.95rem;font-weight:600;color:var(--text-dark);margin-bottom:10px}.proj-highlight{background:var(--bg-card);border-radius:12px;padding:24px 28px;margin:20px 0}.proj-highlight p{margin:0;font-size:.93rem;color:var(--text-secondary);line-height:1.8}.proj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.proj-tag{background:var(--tag-bg);color:var(--tag-text);font-size:.78rem;padding:4px 14px;border-radius:20px;font-weight:500}.proj-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.proj-stage-card{background:var(--bg-card);border-radius:12px;padding:20px 18px}.proj-stage-card h4{font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.proj-stage-card ul{padding-left:16px;font-size:.82rem}.proj-citation{font-size:.82rem;color:var(--text-secondary);font-style:italic;line-height:1.6;margin:8px 0 4px 20px}.proj-citation a{color:var(--accent);text-decoration:underline}.proj-divider{height:1px;background:var(--bg-card);margin:48px 0}.proj-img{width:100%;border-radius:12px;margin:24px 0;display:block}.proj-img--wide{width:100%}.proj-img--small{max-width:60%;margin-left:auto;margin-right:auto}.proj-img--portrait{max-width:400px;margin-left:auto;margin-right:auto}.proj-text-with-img{display:flex;gap:32px;align-items:flex-start}.proj-text-with-img ul{flex:1}.proj-img--inline{width:220px;flex-shrink:0;margin:0;border-radius:12px;display:block}.proj-img-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.proj-img--pair-item{width:100%;margin:0;border-radius:12px;display:block;object-fit:contain}p.proj-img-caption{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:-12px;margin-bottom:16px;font-style:italic}.proj-img-pair--code-video{grid-template-columns:1.4fr 1fr}.proj-img--why-mobile,.proj-img--solution-mobile{display:none}.proj-img-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:24px 0;align-items:start}.proj-img-trio-item{display:flex;flex-direction:column}.proj-img-trio-img{width:100%;border-radius:12px;display:block;object-fit:contain;border:1px solid var(--border-color, rgba(0, 0, 0, .08))}.proj-img-trio-label{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:8px;font-style:italic}@media(max-width:700px){.proj-page{padding:80px 20px 60px}.proj-two-col,.proj-stages,.proj-meta,.proj-img-pair{grid-template-columns:1fr}.proj-img--portrait,.proj-img--small{max-width:100%}.proj-text-with-img{flex-direction:column;align-items:stretch}.proj-img--inline{width:75%!important;margin:0 auto!important}.proj-img-trio{grid-template-columns:1fr}.proj-two-col--coming-soon{gap:4px}.proj-two-col--coming-soon .proj-subsection{margin-bottom:0}.proj-img-pair--landing{grid-template-columns:1.2fr 1fr;gap:10px;height:100px;min-height:0}.proj-img-pair--landing .proj-img--pair-item{width:auto!important;height:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain;margin:0 auto}.proj-img-pair--landing .proj-img--landing-phone{height:118%!important;max-height:118%!important}p.proj-img-caption--landing{margin-bottom:36px}.proj-img-pair--status .proj-img--pair-item{max-width:85%;margin:0 auto}.proj-img-trio{display:flex;grid-template-columns:unset;overflow-x:scroll;gap:14px;margin:24px -20px 4px;padding:0 20px 8px;scroll-padding-left:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.proj-img-trio::-webkit-scrollbar{height:6px}.proj-img-trio::-webkit-scrollbar-track{background:transparent}.proj-img-trio::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.proj-img-trio-item{flex:0 0 70%;scroll-snap-align:start}.proj-img-trio-scrollbar{display:block;position:relative;height:4px;background:var(--bg-card);border-radius:2px;margin:0 0 24px;overflow:hidden}.proj-img-trio-scrollbar-thumb{position:absolute;top:0;height:100%;background:var(--accent);border-radius:2px}.proj-img--settings-mobile{max-width:95%!important}.proj-img--insights-mobile,.proj-img--current-mobile{max-width:90%!important}.proj-solution-sidebar{display:none!important}.proj-img--why-mobile,.proj-img--solution-mobile{display:block;max-width:50%;margin:24px auto 0;border-radius:12px}.proj-img-pair--code-video{grid-template-columns:1.4fr 1fr;gap:10px}}.proj-img-trio-scrollbar{display:none}