@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#4d6d9a;--accent-dark:#344967;--text:#1f2933;--panel:#0a0c10d9;--panel-text:#fff;--muted:#ffffffb3;--border:#ffffff2e;--link:#9db8e0;--radius:4px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1.0625rem;line-height:1.5}h1,h2,p{margin:0}h1{letter-spacing:-.01em;font-size:2.5rem;font-weight:600;line-height:1.1}h2{font-size:1.2rem;font-weight:600;line-height:1.3}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.container{background-position:120% 0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;animation:.5s ease-out page-in;display:flex}@keyframes page-in{0%{opacity:0}}.view{margin-block:auto;animation:.2s ease-out view-in}@keyframes view-in{0%{opacity:0}}.content{flex-direction:column;flex:1;padding:24px 20px;display:flex}.panel{background:var(--panel);border-radius:var(--radius);color:var(--panel-text);border:1px solid #0000;padding:20px 24px}.panel :focus-visible{outline-color:var(--panel-text)}@media screen and (width>=800px){.container{background-position:40% 0;background-size:contain;grid-template-columns:250px 1fr;align-items:center;height:100vh;display:grid}.content{height:100vh;padding:40px 40px 40px 20px;overflow-y:auto}}.navbar{z-index:10;background:var(--accent);flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.nav-title{color:#fff;font-size:1.15rem;font-weight:600}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:0;padding:12px 16px;font-size:1.5rem;line-height:1;transition:transform .2s;display:block}.nav-toggle.open{transform:rotate(90deg)}.links-container{grid-template-rows:0fr;width:100%;transition:grid-template-rows .2s;display:grid}.links-container.open{grid-template-rows:1fr}.links-inner{overflow:hidden}.nav-link{text-align:left;width:100%;font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;border-left:4px solid #0000;padding:12px 16px;transition:all .2s ease-in-out;display:block}.nav-link:hover{background:var(--accent-dark)}.nav-link.active{background:var(--accent-dark);border-left-color:#fff}@media screen and (width>=800px){.navbar{background:0 0;display:block;position:static}.nav-toggle,.nav-title{display:none}.links-container{display:block}.links-inner{flex-direction:column;gap:10px;display:flex;overflow:visible}.nav-link{background:var(--accent);align-items:center;height:50px;padding:0 0 0 40px;font-size:15px;display:flex}.nav-link:hover{padding-left:50px;font-size:20px}.nav-link:hover,.nav-link.active{background:var(--accent-dark)}}.about,.contact{flex-direction:column;gap:8px;max-width:520px;display:flex}.eyebrow{color:var(--muted)}@media screen and (width<=799px){.about,.contact{margin-inline:auto}}@media screen and (width>=800px){.about,.contact{border-radius:var(--radius) 0 0 var(--radius);max-width:none;margin:0 -40px 0 26%;padding:28px 40px}}.text-link{color:var(--link);text-decoration:underline}.contact-links{gap:16px;margin-top:8px;display:flex}.contact-logo{width:40px;display:block}.contact-link{transition:all .2s ease-in-out}.contact-link:hover{transform:scale(1.1)}.contact-logo.invert{filter:invert()}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media screen and (width>=1200px){.projects-grid{margin-left:15%}}.card{flex-direction:column;gap:10px;padding:12px;transition:border-color .2s;display:flex}.card:hover,.card:focus-within{border-color:var(--link)}.card-img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);width:100%;margin-bottom:10px;display:block}.card a:hover .card-title{color:var(--link)}.card-desc{color:var(--muted);font-size:.9rem}.tags{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:.8rem}