.site-header[data-v-d5bafd85]{position:fixed;inset:0 0 auto 0;z-index:100;padding:18px 0;transition:background .3s ease,box-shadow .3s ease,padding .3s ease}.site-header.scrolled[data-v-d5bafd85]{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-line);padding:10px 0}.header-inner[data-v-d5bafd85]{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img[data-v-d5bafd85]{height:34px;width:auto}.nav[data-v-d5bafd85]{display:flex;align-items:center;gap:32px;font-family:var(--font-alt);font-size:.95rem;font-weight:500}.nav-link[data-v-d5bafd85]{display:inline-flex;align-items:center;gap:6px;position:relative;padding:0;font:inherit;color:var(--color-text);transition:color var(--transition)}.nav-link[data-v-d5bafd85]:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:var(--color-primary);transition:width var(--transition)}.nav-link[data-v-d5bafd85]:hover{color:var(--color-primary)}.nav-link[data-v-d5bafd85]:hover:after{width:100%}.nav-trigger svg[data-v-d5bafd85]{transition:transform var(--transition)}.nav-item.is-open .nav-trigger svg[data-v-d5bafd85]{transform:rotate(180deg)}.nav-item[data-v-d5bafd85]{position:relative}.dropdown[data-v-d5bafd85]{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,8px);min-width:190px;display:flex;flex-direction:column;gap:2px;padding:8px;background:#fff;border:1px solid var(--color-line);border-radius:14px;box-shadow:0 20px 44px #0000001f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s}.dropdown[data-v-d5bafd85]:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px}.dropdown a[data-v-d5bafd85]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:9px;color:var(--color-text);white-space:nowrap;transition:background var(--transition),color var(--transition)}.dropdown a[data-v-d5bafd85]:after{display:none}.dropdown a[data-v-d5bafd85]:hover{background:var(--color-surface);color:var(--color-primary)}.nav-item.is-open .dropdown[data-v-d5bafd85]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.header-actions[data-v-d5bafd85]{display:flex;align-items:center;gap:12px}.cv-btn[data-v-d5bafd85]{padding:11px 22px;font-size:.88rem}.menu-toggle[data-v-d5bafd85]{display:none;color:var(--color-dark)}@media (max-width: 900px){.menu-toggle[data-v-d5bafd85]{display:inline-flex}.nav[data-v-d5bafd85]{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 24px 24px;background:#fff;box-shadow:0 12px 24px #00000014;transform:translateY(-12px);opacity:0;pointer-events:none;transition:var(--transition)}.nav.open[data-v-d5bafd85]{transform:none;opacity:1;pointer-events:auto}.nav-link[data-v-d5bafd85]{padding:10px 0;width:100%}.nav-trigger[data-v-d5bafd85]{justify-content:space-between}.nav-item[data-v-d5bafd85]{width:100%}.dropdown[data-v-d5bafd85]{position:static;transform:none;min-width:0;padding:0 0 0 16px;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-item.is-open .dropdown[data-v-d5bafd85]{max-height:220px;transform:none}.dropdown[data-v-d5bafd85]:before{display:none}.dropdown a[data-v-d5bafd85]{padding:9px 0}.cv-btn span[data-v-d5bafd85],.cv-btn svg[data-v-d5bafd85]{display:none}}@media (max-width: 520px){.cv-btn[data-v-d5bafd85]{display:none}}.hero[data-v-b79940f0]{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;background:radial-gradient(circle at 78% 20%,rgba(1,112,185,.08),transparent 42%),var(--color-bg);overflow:hidden}.hero-inner[data-v-b79940f0]{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px}.eyebrow[data-v-b79940f0]{font-family:var(--font-alt);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:500;color:var(--color-muted);margin-bottom:8px}.hero-title[data-v-b79940f0]{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(3rem,9vw,7rem);line-height:.98;letter-spacing:-.04em;color:var(--color-dark)}.hero-subtitle[data-v-b79940f0]{font-family:var(--font-alt);font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:500;color:var(--color-soft);margin-top:12px}.hero-social[data-v-b79940f0]{display:flex;gap:12px;margin-top:40px}.hero-social a[data-v-b79940f0]{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-line);color:var(--color-dark);transition:var(--transition)}.hero-social a[data-v-b79940f0]:hover{background:var(--color-dark);color:#fff;border-color:var(--color-dark);transform:translateY(-3px)}.hero-portrait[data-v-b79940f0]{display:flex;justify-content:center}.hero-portrait img[data-v-b79940f0]{width:min(420px,90%);border-radius:180px 180px 24px 24px;object-fit:cover;box-shadow:0 30px 60px #0000001f}.scroll-hint[data-v-b79940f0]{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;font-family:var(--font-alt);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-soft)}.scroll-hint svg[data-v-b79940f0]{animation:bob-b79940f0 1.8s infinite}@keyframes bob-b79940f0{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width: 900px){.hero[data-v-b79940f0]{padding-top:140px}.hero-inner[data-v-b79940f0]{grid-template-columns:1fr;text-align:center;gap:40px}.hero-portrait[data-v-b79940f0]{order:-1}.hero-portrait img[data-v-b79940f0]{width:min(300px,70%)}.hero-social[data-v-b79940f0]{justify-content:center}.scroll-hint[data-v-b79940f0]{display:none}}.about-grid[data-v-a9e48ecf]{display:grid;grid-template-columns:120px 1fr;gap:40px}.about-body[data-v-a9e48ecf]{max-width:900px}.about-text[data-v-a9e48ecf]{font-size:1.05rem;color:var(--color-muted);margin-bottom:24px}.about-body .btn[data-v-a9e48ecf]{margin-top:16px}@media (max-width: 768px){.about-grid[data-v-a9e48ecf]{grid-template-columns:1fr;gap:16px}}.section-head[data-v-c908a2c4]{margin-bottom:48px}.head-row[data-v-c908a2c4]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.view-all[data-v-c908a2c4]{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-alt);font-weight:500;color:var(--color-primary);transition:gap var(--transition)}.view-all[data-v-c908a2c4]:hover{gap:14px}.project-grid[data-v-c908a2c4]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card[data-v-c908a2c4]{display:block}.project-card.wide[data-v-c908a2c4]{grid-column:1 / -1}.thumb[data-v-c908a2c4]{overflow:hidden;border-radius:var(--radius);background:var(--color-surface-2);border:1px solid var(--color-line)}.thumb img[data-v-c908a2c4]{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top center;transition:transform .6s ease}.project-card:hover .thumb img[data-v-c908a2c4]{transform:scale(1.04)}.project-info[data-v-c908a2c4]{padding:20px 4px 0}.project-info h3[data-v-c908a2c4]{font-family:var(--font-alt);font-size:1.2rem;font-weight:600;color:var(--color-dark)}.project-info p[data-v-c908a2c4]{font-size:.9rem;color:var(--color-soft);margin-top:4px}@media (max-width: 768px){.project-grid[data-v-c908a2c4]{grid-template-columns:1fr;gap:28px}}.skills[data-v-31bfe6b1]{background:var(--color-surface-2)}.section-head[data-v-31bfe6b1]{max-width:820px;margin-bottom:56px}.skills-intro[data-v-31bfe6b1]{margin-top:20px;color:var(--color-muted);font-size:1.02rem}.skill-grid[data-v-31bfe6b1]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skill-card[data-v-31bfe6b1]{padding:40px 36px;border:1px solid var(--color-line);border-radius:var(--radius);background:#fff;transition:var(--transition)}.skill-card[data-v-31bfe6b1]:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 24px 50px #00000014}.skill-icon[data-v-31bfe6b1]{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#0170b91a;color:var(--color-primary);margin-bottom:24px}.skill-card h3[data-v-31bfe6b1]{font-family:var(--font-alt);font-size:1.25rem;font-weight:600;color:var(--color-dark);margin-bottom:12px}.skill-card p[data-v-31bfe6b1]{color:var(--color-muted);font-size:.95rem}@media (max-width: 768px){.skill-grid[data-v-31bfe6b1]{grid-template-columns:1fr}.skill-card[data-v-31bfe6b1]{padding:32px 24px}}.clients[data-v-6e5fd958]{overflow:hidden}.clients .section-title[data-v-6e5fd958]{max-width:720px}.marquee[data-v-6e5fd958]{margin:64px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track[data-v-6e5fd958]{display:flex;width:max-content;animation:scroll-6e5fd958 32s linear infinite}.marquee:hover .marquee-track[data-v-6e5fd958]{animation-play-state:paused}.marquee-group[data-v-6e5fd958]{display:flex;align-items:center;gap:72px;padding-right:72px}.marquee-group img[data-v-6e5fd958]{height:46px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:var(--transition)}.marquee-group img[data-v-6e5fd958]:hover{filter:grayscale(0);opacity:1}@keyframes scroll-6e5fd958{to{transform:translate(-50%)}}.big-cta[data-v-6e5fd958]{display:block;text-align:center;font-family:var(--font-display);font-style:italic;font-size:clamp(2.2rem,7vw,5.5rem);letter-spacing:-.03em;color:var(--color-dark);padding:24px 0 8px;transition:color var(--transition)}.big-cta[data-v-6e5fd958]:hover{color:var(--color-primary)}.section-head[data-v-3aa43051]{max-width:900px;margin-bottom:40px}.resume-intro[data-v-3aa43051]{margin-top:20px;color:var(--color-muted);font-size:1.02rem}.tabs[data-v-3aa43051]{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:var(--color-surface);margin-bottom:48px}.tab[data-v-3aa43051]{padding:10px 24px;border-radius:999px;font-family:var(--font-alt);font-weight:500;font-size:.92rem;color:var(--color-muted);transition:var(--transition)}.tab.active[data-v-3aa43051]{background:var(--color-dark);color:#fff}.timeline-list[data-v-3aa43051]{position:relative;padding-left:32px}.timeline-list[data-v-3aa43051]:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1.5px;background:var(--color-line)}.timeline-item[data-v-3aa43051]{position:relative;padding-bottom:40px}.timeline-item[data-v-3aa43051]:last-child{padding-bottom:0}.timeline-marker[data-v-3aa43051]{position:absolute;left:-32px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--color-primary)}.timeline-content h3[data-v-3aa43051]{font-family:var(--font-alt);font-size:1.15rem;font-weight:600;color:var(--color-dark);line-height:1.4}.period[data-v-3aa43051]{color:var(--color-primary);font-size:.9rem;font-weight:500;margin-top:4px}.place[data-v-3aa43051]{color:var(--color-soft);font-size:.9rem}@media (max-width: 600px){.tabs[data-v-3aa43051]{display:flex;width:100%}.tab[data-v-3aa43051]{flex:1;padding:10px 12px;font-size:.82rem}}.contact[data-v-820137c0]{padding:120px 0;background:var(--color-dark);color:#fff;text-align:center}.contact-title[data-v-820137c0]{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(2.2rem,6vw,5rem);line-height:1.05;letter-spacing:-.03em}.contact-email[data-v-820137c0]{display:inline-block;margin-top:32px;font-family:var(--font-alt);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:500;color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px;transition:var(--transition)}.contact-email[data-v-820137c0]:hover{color:#7cc0e8;border-color:#7cc0e8}.contact-social[data-v-820137c0]{display:flex;justify-content:center;gap:14px;margin-top:48px}.contact-social a[data-v-820137c0]{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;transition:var(--transition)}.contact-social a[data-v-820137c0]:hover{background:#fff;color:var(--color-dark)}.site-footer[data-v-d9122ae2]{padding:32px 0;background:var(--color-dark);border-top:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:.85rem;text-align:center}:root{--color-primary: #0170b9;--color-text: #3a3a3a;--color-muted: #4b4f58;--color-soft: #6b7280;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-surface-2: #f2f5f7;--color-line: #e6e8eb;--color-dark: #111111;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-alt: "Be Vietnam Pro", var(--font-body);--container: 1200px;--radius: 20px;--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:110px 0;position:relative}.section-number{font-family:var(--font-display);font-style:italic;font-size:1.5rem;color:var(--color-primary);margin-bottom:16px}.section-title{font-family:var(--font-alt);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--color-dark)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-size:.95rem;font-weight:500;transition:var(--transition);border:1px solid transparent}.btn-primary{background:var(--color-dark);color:#fff}.btn-primary:hover{background:var(--color-primary)}.btn-outline{border-color:var(--color-dark);color:var(--color-dark)}.btn-outline:hover{background:var(--color-dark);color:#fff}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media (max-width: 768px){.section{padding:72px 0}}