:root{--navy:#132132;--deep:#0c1724;--gold:#d5b78d;--ink:#1b2b3b;--muted:#64707a;--line:#dce1e5;--paper:#f4f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #a6793d;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.brand strong{display:block;font:28px Georgia,serif;letter-spacing:3px}.brand strong span{font:18px 'Microsoft YaHei',sans-serif;letter-spacing:2px;margin-left:18px}.brand small{font-size:12px;letter-spacing:2px}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-contact{border:1px solid var(--ink);padding:10px 24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy);color:white;min-height:660px}.hero-copy{padding:64px 10% 35px 11%}.eyebrow{font:12px Georgia,serif;letter-spacing:2.5px;color:#927044;margin:0 0 24px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(38px,4.5vw,67px);font-weight:400;line-height:1.35;letter-spacing:2px;margin:0 0 25px}h1 em{font-style:normal;color:var(--gold)}.lead{max-width:450px;color:#c8d0d8;font-size:16px;line-height:2}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:32px 0 50px}.button{display:inline-block;padding:13px 26px;border:1px solid transparent;cursor:pointer;font-size:15px}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#e5cba9}.text-link{font-size:14px;border-bottom:1px solid #7e8793;padding:7px 0}.hero-note{font-size:12px;letter-spacing:1px;color:#b7c0ca;display:flex;gap:30px;border-top:1px solid #ffffff25;padding-top:20px}.hero-art{background:#233446;position:relative;min-height:450px;background-size:cover;background-position:center}.art-label{position:absolute;bottom:40px;left:40px;color:#fff;font:13px/1.9 Georgia,serif;letter-spacing:2px;border-left:2px solid var(--gold);padding-left:18px;text-shadow:0 1px 6px #000}.intro{padding:74px 6%;display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:45px;align-items:start;border-bottom:1px solid var(--line)}h2{font-weight:400;font-size:34px;line-height:1.5;margin:0}.intro p:last-child{margin:0;color:var(--muted)}footer{padding:30px 6%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:800px){header{height:auto;min-height:100px;gap:20px;padding:20px 6%;flex-wrap:wrap}nav{gap:20px;flex-wrap:wrap}.nav-contact{padding:5px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 20px}.hero-art{min-height:350px}.intro{grid-template-columns:1fr;gap:20px;padding:45px 6%}h2{font-size:29px}.hero-note{flex-wrap:wrap;gap:10px 20px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art{background-image:linear-gradient(0deg,rgba(7,18,31,.35),transparent 55%),url(architecture.png)}.section{padding:85px 6%;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head>p{color:var(--muted);max-width:340px}.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.practice-grid article{padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.practice-grid article:hover{background:var(--paper)}.number{font:15px Georgia,serif;color:#937347}h3{font-weight:500;font-size:23px;margin:17px 0 10px}.practice-grid p{color:var(--muted);max-width:460px}.tags{margin-top:25px;font-size:13px;letter-spacing:1px;color:#7d643f}.about{background:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.about p{color:var(--muted)}.about h2{margin-bottom:30px}.firm-name{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font:12px/2 Georgia,serif;letter-spacing:.5px}.lawyer{background:white;padding:42px;border-top:3px solid #ad8956;align-self:center}.lawyer h3{font-size:37px;margin:0}.lawyer h3 span{font-size:18px;margin-left:12px}.lawyer .latin{font:16px Georgia,serif}.rule{height:1px;background:var(--line);margin:30px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #a88b64;padding-top:25px}.steps span{font-size:13px;color:#8d6c3e}.steps p{color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;background:var(--paper)}details{border-bottom:1px solid #ccd2d8;padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:17px;padding:5px 0}details p{color:var(--muted);padding-right:20px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;background:var(--navy);color:white}.contact .eyebrow{color:var(--gold)}.contact h2{font-size:38px}.contact p{color:#c4ccd5}.contact .actions{margin-bottom:20px}.contact-note{font-size:13px;max-width:450px}address{font-style:normal}address>div{border-bottom:1px solid #ffffff25;padding:0 0 20px;margin-bottom:20px}address span{display:block;color:var(--gold);font:12px Georgia,serif;letter-spacing:2px;margin-bottom:10px}address a{font-size:20px;overflow-wrap:anywhere}address p{margin:8px 0}address .vn{font-size:13px;line-height:1.8;color:#aebac8}.legal-note{padding:22px 6%;font-size:12px;color:var(--muted)}@media(max-width:800px){.section{padding:50px 6%}.section-head{display:block;margin-bottom:30px}.practice-grid,.about,.steps,.faq,.contact{grid-template-columns:1fr;gap:28px}.practice-grid{gap:0}.practice-grid article{padding:26px}.lawyer{padding:30px}.contact h2{font-size:30px}.hero-art{min-height:350px}.hero h1{font-size:44px}.firm-name{overflow-wrap:anywhere}}@media(max-width:380px){nav{gap:12px;font-size:13px}.hero h1{font-size:37px}.hero-copy .actions{gap:16px}}

/* Lawyer profiles */
.team-section{border-bottom:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.team-card{border:1px solid var(--line);min-width:0;scroll-margin-top:30px}.team-heading{display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px;align-items:center;padding:28px;background:var(--paper);border-bottom:1px solid var(--line)}.team-heading img{width:150px;height:184px;object-fit:cover;object-position:center 20%;display:block}.team-role{font-size:14px;color:#806038;margin:0 0 10px}.team-heading h3{font-size:30px;margin:0;line-height:1.5}.team-heading h3 span{font-size:16px;white-space:nowrap}.team-latin{font:16px/1.5 Georgia,'Times New Roman',serif;margin:8px 0;overflow-wrap:anywhere}.team-education{font-size:14px;line-height:1.8;color:var(--muted);margin:12px 0 0}.team-body{padding:28px}.team-body>p:first-child{margin:0 0 20px;color:var(--muted)}.team-areas{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.team-areas span{font-size:14px;background:var(--paper);padding:4px 10px}.team-license{font-size:14px;border-top:1px solid var(--line);padding-top:18px;margin:24px 0 18px;color:var(--muted)}.team-license strong{font-weight:400;color:var(--ink);font-size:16px;overflow-wrap:anywhere}.team-more{padding:12px 0;border:0}.team-more summary{font-size:16px}.team-more ul{padding-left:20px;color:var(--muted);font-size:15px}.team-more li+li{margin-top:8px}@media(max-width:1100px) and (min-width:801px){.team-heading{grid-template-columns:110px minmax(0,1fr);padding:22px;gap:18px}.team-heading img{width:110px;height:150px}.team-heading h3{font-size:26px}nav{gap:22px}}@media(max-width:800px){.team-grid{grid-template-columns:1fr;gap:24px}.team-heading{padding:24px;gap:22px}.team-body{padding:24px}}@media(max-width:440px){.team-heading{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:20px}.team-heading img{width:100px;height:140px}.team-heading h3{font-size:26px}.team-role,.team-education{font-size:14px}.team-body{padding:20px}}@media(max-width:320px){.team-heading{grid-template-columns:1fr}.team-heading img{width:140px;height:172px}}
/* Brand and language navigation */
header{height:auto;min-height:100px;gap:20px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:58px;height:58px;object-fit:contain}.brand-words{display:block}.language-switch{display:flex;align-items:center;gap:13px;font-size:14px;flex-wrap:wrap}.language-switch a{padding:5px 0;color:var(--muted);border-bottom:2px solid transparent}.language-switch a[aria-current=page]{color:var(--ink);border-color:#9a7544}.footer-mark{width:44px;height:44px;object-fit:contain;flex-shrink:0}footer{align-items:center}html[lang=en] .brand strong>span,html[lang=vi] .brand strong>span{display:none}html[lang=en] h1,html[lang=vi] h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.5vw,54px);letter-spacing:0;line-height:1.25;overflow-wrap:break-word}html[lang=en] .hero-copy,html[lang=vi] .hero-copy{padding-left:8%;padding-right:7%}html[lang=en] .team-heading h3,html[lang=vi] .team-heading h3{font-size:24px;overflow-wrap:anywhere}html[lang=en] .team-heading h3 span,html[lang=vi] .team-heading h3 span{display:block}html[lang=en] .team-heading,html[lang=vi] .team-heading{align-items:start}html[lang=en] .eyebrow,html[lang=vi] .eyebrow{line-height:1.8}html[lang=en] .hero-note,html[lang=vi] .hero-note{flex-wrap:wrap}nav{flex-wrap:wrap;gap:22px}@media(max-width:1200px){.language-switch{margin-left:auto}header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}}@media(max-width:800px){header nav{justify-content:flex-start;gap:14px 22px}.language-switch{margin-left:0}.brand-mark{width:50px;height:50px}.brand strong{font-size:25px}.brand strong span{font-size:16px;margin-left:12px}html[lang=en] .team-heading,html[lang=vi] .team-heading{grid-template-columns:110px minmax(0,1fr)}html[lang=en] .team-heading img,html[lang=vi] .team-heading img{width:110px;height:150px}footer{align-items:flex-start}}@media(max-width:380px){html[lang=en] .team-heading,html[lang=vi] .team-heading{grid-template-columns:1fr}html[lang=en] .hero-copy,html[lang=vi] .hero-copy{padding-left:6%;padding-right:6%}}

/* Coordinated navy and slate backgrounds across all language versions. */
:root{--navy:#152c42;--deep:#101f30;--paper:#eff3f6;--line:#d7e0e7;--muted:#536372}
body{background:#f6f8fa}
header{background:#fcfdfe;border-bottom-color:#e1e7ec}
.hero{background:linear-gradient(135deg,#102234 0%,#1d3b54 100%)}
.intro{background:#edf2f6;border-bottom-color:#d8e1e9}
#practice{background:#fafbfd}
.practice-grid article{background:#fff}
.practice-grid article:hover{background:#edf3f7}
.about{background:linear-gradient(120deg,#e5edf3 0%,#f2f5f8 100%)}
.lawyer{background:#fff;box-shadow:0 10px 32px rgba(18,39,57,.05)}
.team-section{background:#eaf0f5;border-bottom-color:#d6e0e8}
.team-card{background:#fff;border-color:#d3dee7;box-shadow:0 6px 22px rgba(18,39,57,.04)}
.team-heading{background:linear-gradient(120deg,#f8fafc 0%,#edf2f6 100%)}
.team-areas span{background:#edf2f6;color:#344d60}
#approach{background:#fafbfd}
.faq{background:#eef2f6}
.contact{background:linear-gradient(120deg,#19374e 0%,#112638 100%)}
.legal-note,footer{background:#0e1e2d;color:#b9c6d1}
footer{border-top-color:#ffffff1c}
/* Selected matters */
.cases-section{background:#f8fafc;border-bottom:1px solid var(--line)}.case-intro{margin:0 0 25px;color:var(--muted);font-size:16px}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-card{background:#fff;border:1px solid var(--line);padding:32px}.case-label{display:flex;gap:18px;color:#806038;font-size:14px}.case-card h3{font-size:24px}.case-card>p:not(.case-caption),.case-card details p{color:var(--muted);font-size:16px}.case-caption{font-size:13px;color:#806038;margin:24px 0 8px}.case-card details{border-top:1px solid var(--line);border-bottom:0;padding:16px 0 0}.case-card summary{font-size:15px}.case-note{font-size:13px;color:var(--muted);max-width:950px;margin:28px 0 0}@media(max-width:800px){.cases-grid{grid-template-columns:1fr}.case-card{padding:24px}}

/* Client marks sit behind labels, with generous separation from case studies. */
.clients-section{background:linear-gradient(145deg,#edf2f6,#f8fafc);border-top:1px solid #dce4ec;border-bottom:1px solid #dce4ec}
.client-wall{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.client-tile{position:relative;min-height:156px;display:flex;align-items:flex-end;justify-content:center;padding:20px 12px;background:rgba(255,255,255,.78);border:1px solid #dce3e9;border-radius:3px;overflow:hidden;text-align:center}
.client-watermark{position:absolute;top:28px;left:10%;width:80%;height:62px;object-fit:contain;opacity:.36;transition:opacity .2s}
.client-tile:hover .client-watermark{opacity:.8}
.client-name{position:relative;font-size:14px;font-weight:600;color:#273e51;line-height:1.5}
.client-rule{position:absolute;top:52px;width:42px;height:2px;background:#b39a68}
.client-dark{background:#274359;border-color:#274359}.client-dark .client-name{color:#fff}.client-dark .client-watermark{opacity:.65}
@media(max-width:1000px){.client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.client-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-tile{min-height:140px;padding:16px 9px}.client-name{font-size:13px}.client-watermark{top:22px;height:55px}}

.representative-matters{margin-top:64px;padding-top:48px;border-top:1px solid #d5dfe7}.representative-matters>h3{font-size:28px;color:#142d41;margin:0 0 14px}.matter-intro{color:#536475}.matter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 40px}.matter-nav a{padding:10px 16px;border:1px solid #cbd7e1;background:white;color:#244257;text-decoration:none;font-size:14px;border-radius:3px}.matter-nav a:hover,.matter-nav a:focus-visible{background:#244257;color:white}.matter-group{margin-top:40px;scroll-margin-top:110px}.matter-group h4{font-size:22px;color:#19384e;display:flex;gap:18px;align-items:baseline;margin:0 0 22px}.matter-group h4>span{color:#a48b5d;font-size:14px;font-weight:400}.matter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.matter-card{background:#fff;border:1px solid #dce4eb;padding:26px 28px;border-top:3px solid #bba579}.matter-card h5{font-size:18px;line-height:1.55;margin:0 0 12px;color:#203b50}.matter-card p{font-size:15px;line-height:1.9;margin:0;color:#536475}@media(max-width:650px){.matter-grid{grid-template-columns:1fr}.matter-card{padding:22px}.matter-nav a{font-size:13px;padding:9px 12px}.representative-matters>h3{font-size:24px}.matter-group h4{font-size:20px}}

.viac-matters{margin-top:26px}.viac-heading{font-size:17px;font-weight:600;color:#7f6941;margin-bottom:16px}.viac-matters .matter-card{background:#f0f5f8;border-top-color:#335b76}

#lawyer-zhang .team-heading img{object-fit:contain;object-position:center;background:#e5e9ed}

.team-monogram{width:150px;height:184px;display:grid;place-items:center;background:#e3eaf0;color:#607487;font:40px Georgia,serif;letter-spacing:4px}#lawyer-zhang-yuxiang .team-heading img{object-position:center top}@media(max-width:1100px) and (min-width:801px){.team-monogram{width:110px;height:150px}}@media(max-width:440px){.team-monogram{width:100px;height:140px}}@media(max-width:800px){html[lang=en] .team-monogram,html[lang=vi] .team-monogram{width:110px;height:150px}}