@font-face{font-family:Vietnam;font-display:swap;src:url('fonts/BeVietnamPro-Regular.ttf')}@font-face{font-family:Vietnam;font-display:swap;src:url('fonts/BeVietnamPro-SemiBold.ttf');font-weight:600}@font-face{font-family:Vietnam;font-display:swap;src:url('fonts/BeVietnamPro-Bold.ttf');font-weight:700}
:root{--ink:#0e2451;--muted:#526784;--teal:#397eab;--paper:#f3f7fc;--line:#d4e0ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Vietnam,system-ui,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #309c98;outline-offset:5px}::selection{background:#c5e4f2}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.065em;line-height:1.08}h2{font-size:clamp(36px,4.3vw,64px)}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.page{overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;background:#0e2451;padding:24px max(6vw,24px)}.logo{line-height:0}.logo img{width:160px;height:auto}.main-nav{display:flex;gap:36px;color:#fff;font-size:13px}.main-nav a,.footer-nav a{text-decoration:none}.main-nav a:last-child{border:1px solid #677ea4;border-radius:40px;padding:8px 22px;margin:-8px 0}.main-nav a:hover{color:#8ecbd2}.hero{max-width:1480px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:52px 40px;padding:84px max(6vw,24px) 0;align-items:center;position:relative}.hero:before{content:'';position:absolute;z-index:-1;width:700px;height:700px;right:-350px;top:-200px;background:radial-gradient(circle,#d5e6fb,transparent 68%)}.hero>img{grid-column:2;grid-row:1;width:100%;border-radius:180px 180px 20px 20px;box-shadow:0 32px 65px #183f4318}.hero-copy{grid-column:1;grid-row:1}.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:.17em;color:var(--teal);margin-bottom:24px!important}.hero h1{font-size:clamp(44px,4.9vw,74px);margin-bottom:30px}.hero h1 span{font-family:Georgia,serif;color:var(--teal);font-weight:400;font-style:italic}.hero-copy>p:not(.eyebrow){max-width:490px;color:var(--muted);font-size:15px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.primary-link{display:inline-flex;gap:32px;align-items:center;background:var(--ink);color:#fff;text-decoration:none;padding:14px 25px;border-radius:40px;font-size:13px}.primary-link:hover{background:var(--teal)}.text-link{font-size:11px;text-underline-offset:5px}.hero-brand-panel{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:160px 1fr;gap:18px 52px;align-items:center}.hero-brand-panel img{width:160px;background:var(--ink);padding:14px;border-radius:8px}.hero-brand-panel p{font-size:13px;line-height:1.8;max-width:810px;color:var(--muted)}.hero-brand-panel>a{grid-column:2;font-size:11px;text-underline-offset:4px}.about{max-width:1480px;margin:auto;padding:110px max(6vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:56px 70px}.section-intro>p:last-child{max-width:350px;margin-top:26px;color:var(--muted);font-size:14px}.about-people{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.person-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:100px 100px 12px 12px;background:#e0e9e4;filter:saturate(.65)}.person:nth-child(2){margin-top:50px}.person h3{font-size:18px;margin-top:18px;font-weight:600;letter-spacing:-.04em}.person p{font-size:11px;color:var(--muted);margin:6px 0 14px}.linkedin{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;text-decoration:none;font-size:13px;font-weight:700}.linkedin:hover{background:var(--ink);color:white}.about-text{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:36px;font-size:14px;color:var(--muted);line-height:1.9}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:#e6eef9;padding:96px max(6vw,24px);position:relative}.contact-intro{padding-top:22px}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:320px;margin:28px 0}.contact-intro>a{font-size:14px;text-underline-offset:6px}.contact-form{padding:36px;background:#fff;border-radius:16px;box-shadow:0 20px 70px #17392b0a;max-width:720px;width:100%;justify-self:end}.contact-form fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}.contact-form legend{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr;gap:18px}.message-grid{grid-template-columns:1fr 1fr}.message-grid label:first-of-type,.message-grid label:last-of-type{grid-column:1/-1}.contact-form label{display:block;min-width:0}.contact-form label span{display:block;font-size:11px;margin-bottom:8px;color:var(--muted)}.contact-form b{color:var(--teal)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;color:var(--ink);background:#f8faff;border:1px solid var(--line);border-radius:6px;padding:11px 12px;font-size:13px;outline:none}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #397eab15}.contact-form button{width:100%;border:0;border-radius:6px;background:var(--ink);color:white;padding:15px 20px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.contact-form button:hover{background:var(--teal)}.contact-form button:disabled{opacity:.6;cursor:wait}.form-status{font-size:12px;margin-top:12px;line-height:1.5}.form-status[data-type=error]{color:#aa243e}.form-status[data-type=success]{color:#397eab}.back-to-top{position:absolute;bottom:22px;left:6vw;border:1px solid #b7c9e2;border-radius:50%;width:38px;height:38px;text-decoration:none;text-align:center;line-height:36px}.back-to-top:before{content:'↑'}.site-footer{background:var(--ink);color:white;padding:40px max(6vw,24px);display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-nav{display:flex;gap:22px;font-size:12px}.site-footer p{font-size:10px;color:#bacce4}.footer-linkedin{border:1px solid #5c779f;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;text-decoration:none;font-size:14px;font-weight:700}@media(min-width:1500px){.contact{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:900px){.hero{gap:40px 24px;padding-top:55px}.hero h1{font-size:46px}.hero-actions{gap:16px}.about{gap:40px;padding-top:70px;padding-bottom:70px}.contact{gap:32px;padding-top:60px;padding-bottom:70px}.contact-form{padding:24px}.site-footer{flex-wrap:wrap}}@media(max-width:650px){html{scroll-padding-top:20px}.site-header{padding:22px 24px}.logo img{width:112px}.main-nav{gap:16px;font-size:10px}.main-nav a:last-child{padding:0;border:0;margin:0}.hero{grid-template-columns:1fr;padding-top:45px;gap:36px}.hero-copy{grid-column:1;grid-row:1}.hero h1{font-size:clamp(40px,10.5vw,62px)}.hero>img{grid-column:1;grid-row:2;border-radius:120px 120px 14px 14px;max-width:440px;justify-self:center}.eyebrow{font-size:9px!important;letter-spacing:.12em}.hero-brand-panel{grid-template-columns:1fr;gap:18px}.hero-brand-panel>a{grid-column:1}.hero-brand-panel img{width:125px}.about{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.about-people{gap:22px}.person:nth-child(2){margin-top:28px}.person h3{font-size:17px}.about-text{grid-template-columns:1fr;gap:22px}.contact{grid-template-columns:1fr;gap:32px;padding-top:44px}.contact-intro{padding:0}.contact-form{padding:24px}.message-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;padding-top:32px;padding-bottom:32px;gap:20px}.footer-linkedin{align-self:flex-end;margin-top:-55px}.contact h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reuse the original logo as a quiet watermark behind the content. */
.hero,.about,.contact{isolation:isolate;position:relative}
.hero::after,.about::before,.contact::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/logo-pattern.svg") repeat;background-size:960px 800px;opacity:.09}

/* Use a transparent logo over the matching navy surfaces. */
.site-header,.hero-brand-panel img,.site-footer{background-color:#0e2451}

.hero::before{top:0}

.hero-brand-panel img{background:transparent;padding:0;border-radius:0}