@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f7f9;--surface: #ffffff;--text: #0e1726;--muted: #556072;--primary: #0647b8;--on-primary: #ffffff;--amber: #f2b400;--crimson: #9e1220;--border: #dde2ea;--ink: #0e1726;--blue-grad: linear-gradient(180deg, #0a84c6, #0647b8);--crimson-grad: linear-gradient(180deg, #6e0a22, #b3140f);--amber-grad: linear-gradient(200deg, #c26400, #f2b400);--head: "Archivo Variable", "Archivo", "Arial Narrow", system-ui, sans-serif;--body: "Public Sans Variable", "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--slant: -24deg;color-scheme:light}[data-theme=dark]{--bg: #0b1220;--surface: #131c2e;--text: #e8edf5;--muted: #9aa7bd;--primary: #4da3ff;--on-primary: #0b1220;--crimson: #ff6b5e;--border: #243047;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--head);font-weight:750;line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.03}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.25rem;letter-spacing:-.01em}p{margin:0}a{color:var(--primary)}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:var(--surface);padding:.5rem 1rem}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border:2px solid var(--primary);border-radius:6px;background:var(--primary);color:var(--on-primary);font:600 1rem var(--body);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--amber)}.btn:disabled{opacity:.6;cursor:progress;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--primary)}.btn-small{padding:.45rem 1rem;font-size:.9375rem}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .15s}.nav-scrolled{border-bottom-color:var(--border)}.nav-row{display:flex;align-items:center;gap:.75rem;height:64px}.logo{display:inline-flex;align-items:center;gap:.6rem;margin-right:auto;color:var(--text);text-decoration:none}.logo-mark{height:30px;width:auto}.logo-text{font:750 1.2rem var(--head);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:1.75rem;margin-right:.5rem}.nav-links a:not(.btn){color:var(--text);text-decoration:none;font-weight:600;font-size:.9375rem}.nav-links a:not(.btn):hover{color:var(--primary)}.nav-menu{display:none}.hero{padding:clamp(3rem,8vw,6.5rem) 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}.hero mark{background:none;color:inherit;position:relative;white-space:nowrap;z-index:0}.hero mark:after{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.06em;height:.34em;background:var(--amber);transform:skew(var(--slant));z-index:-1}.lead{font-size:1.2rem;color:var(--muted);max-width:34rem;margin-top:1.5rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.bars{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:clamp(240px,32vw,400px);padding-left:15%}.bar{width:22%;transform:skew(var(--slant));transform-origin:bottom;border-radius:4px}.bar-blue{height:100%;background:var(--blue-grad);border-bottom-right-radius:70% 40%}.bar-crimson{height:62%;background:var(--crimson-grad)}.bar-amber{height:82%;background:var(--amber-grad);border-top-right-radius:60% 22%}.bar-short{width:14%;height:34%;border-top-right-radius:4px}.facts{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;margin:clamp(2.5rem,6vw,4.5rem) 0 0;padding:1.25rem 0;border-top:1px solid var(--border);font-weight:600;font-size:.9375rem}.facts li{display:flex;align-items:center;gap:.6rem}.facts li:before{content:"";width:10px;height:14px;background:var(--amber);transform:skew(var(--slant))}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section-alt{background:var(--surface);border-block:1px solid var(--border)}.section-lead{color:var(--muted);margin-top:.75rem;max-width:40rem}.services{display:grid;grid-template-columns:repeat(2,1fr);margin-top:2.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.service{padding:2rem;border-bottom:1px solid var(--border)}.service:nth-child(odd){border-right:1px solid var(--border)}.service:nth-last-child(-n+2){border-bottom:0}.service-num{display:block;font:750 .875rem var(--head);color:var(--primary);margin-bottom:1rem}.service p{color:var(--muted);margin-top:.6rem}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0}.chips li{font-size:.8125rem;font-weight:600;padding:.2rem .6rem;border:1px solid var(--border);border-radius:4px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.project{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.project-linked:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:6px 6px 0 var(--amber)}.project-art{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;background:var(--blue-grad);color:#fff;overflow:hidden}.project:nth-child(3n+2) .project-art{background:var(--crimson-grad)}.project:nth-child(3n) .project-art{background:var(--amber-grad);color:var(--ink)}.project-art:before{content:"";position:absolute;inset:-10% 38% -10% -12%;background:#ffffff24;transform:skew(var(--slant));transition:inset .25s}.project-linked:hover .project-art:before{inset:-10% 22% -10% -12%}.project-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-initials{position:relative;font:800 clamp(2.5rem,5vw,3.5rem) var(--head);letter-spacing:-.03em}.status{position:absolute;top:.75rem;right:.75rem;background:var(--amber);color:var(--ink);font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:4px}.project-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.25rem 1.4rem}.project-body p{color:var(--muted);font-size:.9688rem;margin:.5rem 0 1.1rem}.project-link{margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-weight:600;font-size:.9063rem}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem}.about-text{display:grid;gap:1.1rem;color:var(--muted);max-width:65ch}.cert{background:var(--ink);color:#e8edf5;border-top:6px solid #b3140f;padding:2.5rem 0}.cert-row{display:flex;gap:1.75rem;align-items:center}.cert-row img{border-radius:50%;background:#fff;flex:none}.cert h3{margin-bottom:.5rem}.cert-valid{color:var(--amber)}.cert p{color:#9aa7bd;font-size:.9375rem;max-width:70ch}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem}.contact-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.25rem;font:650 1.3rem var(--head)}.contact-list span{display:block;font:600 .8125rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact-list a{color:var(--text);text-decoration-color:var(--amber);text-decoration-thickness:3px;text-underline-offset:5px;overflow-wrap:anywhere}.form{display:grid;gap:1.1rem}.form label{display:grid;gap:.4rem;font-weight:600;font-size:.9375rem}.form input,.form textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:400 1rem var(--body)}.form textarea{resize:vertical}.form .btn{justify-self:start}.trap{position:absolute;left:-9999px;height:0;overflow:hidden}.form-note{min-height:1.6em;font-weight:600}.form-error{color:var(--crimson)}.footer{padding:2rem 0;font-size:.9375rem}.footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 2rem}.footer a{color:var(--text)}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.js .reveal.in{opacity:1;transform:none}.bar{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.bar:nth-child(2){animation-delay:90ms}.bar:nth-child(3){animation-delay:.18s}.bar:nth-child(4){animation-delay:.27s}@keyframes rise{0%{transform:skew(var(--slant)) scaleY(0)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.project{transition:none}}@media(max-width:900px){.hero-grid,.about,.contact{grid-template-columns:1fr}.about,.contact{gap:2rem}.bars{height:200px;justify-content:flex-start;padding-left:22%}.projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav-menu{display:grid}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.5rem 1.25rem 1.25rem;background:var(--bg);border-bottom:1px solid var(--border)}.nav-links.nav-open{display:flex}.nav-links a:not(.btn){padding:.85rem 0;border-bottom:1px solid var(--border)}.nav-links .btn{margin-top:1rem}.services,.projects{grid-template-columns:1fr}.service,.service:nth-child(odd){border-right:0;border-bottom:1px solid var(--border)}.service:last-child{border-bottom:0}.cert-row{flex-direction:column;align-items:flex-start}}