/* VNTender corporate presentation, adapted to the supplied Trung Hau service reference. */
:root{--espresso:#112c43;--ink:#1e2933;--muted:#5c6670;--bronze:#0864a4;--paper:#f4f7fa;--line:#e2e8ee;--max:1280px;--blue:#0864a4}
body{background:#fff;color:var(--ink);font-size:15px;line-height:1.8}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;line-height:1.35}
p{color:var(--muted)}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding:88px 0}
.eyebrow{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.09em;margin-bottom:20px}.eyebrow:before{display:none}
.btn{min-height:48px;border-radius:6px;background:var(--blue);color:#fff;font-size:13px;font-weight:500;gap:25px;padding:12px 23px}.btn:hover{background:#074a79}.btn.light{color:var(--blue);background:#fff}.btn.light:hover{background:#eaf2f8}.btn.navy{background:var(--espresso)}
.text-link{font-size:13px;border-color:#b8c4ce;font-weight:500;gap:15px}.text-link:hover{color:var(--blue)}
.topline{display:none}.header{background:#fff;border-bottom:1px solid #eff2f5;position:sticky;top:0;z-index:30}.header-inner{height:90px;gap:30px}.logo{flex-shrink:0;gap:11px}.logo .vnt-symbol{width:47px;height:47px;object-fit:contain}.logo strong{font-size:28px;letter-spacing:-1.2px;line-height:1}.logo small{font-size:9px;font-weight:500;letter-spacing:.14em;color:#707d88;margin-top:8px}.nav{gap:27px}.nav>a,.nav-group>button{font-size:13px;text-transform:uppercase;font-weight:600;color:#263039;letter-spacing:.015em;padding:32px 0}.nav>a{position:relative}.nav>a.active:after,.nav-group.selected>button:before{content:'';position:absolute;bottom:22px;left:0;right:0;height:2px;background:var(--blue)}.nav-group>button{position:relative}.nav>a.active,.nav a:hover,.nav-group>button:hover{color:var(--blue)}.nav-group>button:after{width:5px;height:5px}.dropdown{top:75px;width:270px;border-top:2px solid var(--blue);box-shadow:0 10px 35px #122c431c;border-radius:0 0 8px 8px}.dropdown a{font-size:13px;line-height:1.5}.dropdown a.active{color:var(--blue)}
/* Banner + rounded white service area reproduce the reference's main composition. */
.inner-hero{height:auto;min-height:330px;text-align:center;display:flex;align-items:center;background:#16384f}.inner-hero img{opacity:.65;object-position:center 43%;height:100%;filter:saturate(.7)}.inner-hero:after{background:linear-gradient(0deg,#123d58a8,#0c304969)}.inner-hero .wrap{padding:40px 0;display:flex;flex-direction:column;align-items:center}.inner-hero .eyebrow{color:white;font-size:17px;letter-spacing:.035em;font-weight:500;margin-bottom:15px}.inner-hero h1{font-size:clamp(38px,4.6vw,62px);font-weight:700;line-height:1.25;max-width:1050px;margin:0;letter-spacing:-.025em}.inner-hero p{max-width:680px;color:#eaf1f5;font-size:15px}.inner-hero .breadcrumbs{display:none}.inner-hero:has(+.section .proof-page){background:#16384f}.inner-hero+.section{position:relative;border-radius:26px 26px 0 0;margin-top:-22px;background:#fff;z-index:2}
.th-tabs{position:relative;z-index:2;margin-top:-24px;background:#fff;border-radius:26px 26px 0 0;border:0;padding:42px 0 28px}.th-tabs .wrap{justify-content:center;gap:12px;flex-wrap:wrap;overflow:visible}.th-tabs a{padding:8px 18px;line-height:1.4;font-size:13px;text-transform:uppercase;letter-spacing:.02em;border:0;border-radius:9px;font-weight:500;white-space:nowrap;color:#38424b}.th-tabs a.active,.th-tabs a:hover{background:var(--blue);color:#fff;border:0}
.th-service-feature{display:grid;grid-template-columns:58% 42%;align-items:center;margin-top:25px;margin-bottom:24px;min-height:450px}.th-feature-image{position:relative;margin:0;min-width:0;height:480px;overflow:hidden;border-radius:26px}.th-feature-image img{height:100%;width:100%;object-fit:cover}.th-feature-image figcaption,.th-home-service-layout figcaption{position:absolute;left:18px;bottom:13px;color:#fff;background:#142c4599;padding:3px 10px;border-radius:3px;font-size:10px}.th-feature-copy{position:relative;z-index:2;margin-left:-64px;padding-top:48px;padding-bottom:35px}.th-blue-title{display:flex;align-items:center;gap:25px;padding:26px 30px;font-size:clamp(23px,2.2vw,31px);font-weight:600;background:var(--blue);color:#fff;border-radius:15px;min-height:102px;margin:0 0 22px;text-transform:uppercase}.th-blue-title:before{content:'';width:3px;height:45px;flex-shrink:0;background:#fff;border-radius:2px}.th-feature-copy>p{margin:0 5px 22px 100px;font-size:15px;line-height:1.85;color:#303a43}.th-feature-copy>.text-link{margin-left:100px}.th-service-details{padding-top:54px;padding-bottom:80px}.th-service-details .detail-grid{grid-template-columns:1.7fr 1fr;gap:80px}.detail-copy h3{font-size:25px;color:var(--ink);font-weight:600;margin:30px 0 14px}.detail-copy h3:first-child{margin-top:0}.scope-list li{font-size:15px;padding-block:16px;color:var(--muted)}.scope-list li:before{color:var(--blue)}.side-panel{border-radius:14px;background:var(--paper);padding:34px;border-left:3px solid var(--blue)}.side-panel p{font-size:14px}.side-panel h3{font-size:23px;line-height:1.4}.side-panel .btn{margin-top:8px}.th-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.th-service-tile{position:relative;padding:30px 28px;border-top:2px solid var(--blue);background:var(--paper);border-radius:0 0 12px 12px;transition:background .2s}.th-service-tile:hover{background:#e8f0f6}.th-service-tile>span{font-size:13px;color:var(--blue)}.th-service-tile h2{font-size:23px;margin:16px 0 12px}.th-service-tile p{font-size:14px;margin-bottom:35px}.th-service-tile>b{position:absolute;right:28px;bottom:24px;color:var(--blue);font-size:20px;font-weight:400}
/* Homepage uses generous photography and a restrained editorial hierarchy. */
.th-home-hero{position:relative;height:620px;min-height:540px;max-height:780px;background:#1b3a52;overflow:hidden;color:white}.th-home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 53%;filter:saturate(.65)}.th-home-hero:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#102d46bd,#102d464a 72%),linear-gradient(0deg,#152f4545,transparent 60%)}.th-home-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding-block:50px}.th-home-hero-copy>span{font-size:13px;letter-spacing:.12em;color:#f1f6fa;margin-bottom:23px}.th-home-hero h1{font-size:clamp(37px,4.4vw,62px);font-weight:600;line-height:1.28;letter-spacing:-.01em;max-width:1000px}.th-home-hero p{font-size:16px;color:#eaf0f6;margin:24px 0 32px}.th-home-hero .btn{min-height:50px}.th-scroll{position:absolute;z-index:3;bottom:27px;right:48px;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px}.th-intro-split{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.th-intro-split h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.4;max-width:540px}.th-intro-split p{margin-bottom:20px;font-size:15px}.th-intro-split strong{color:var(--ink);font-weight:500}.th-intro-split .text-link{margin-top:5px}.th-home-intro{border-radius:24px 24px 0 0;position:relative;margin-top:-22px;background:white;z-index:2;padding-top:80px}
.th-home-services{padding:76px 0 85px;background:var(--paper)}.th-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:40px}.th-section-head h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3}.th-section-head .eyebrow{margin-bottom:12px}.th-section-head .text-link{white-space:nowrap}.th-home-service-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:stretch}.th-home-service-layout figure{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:510px}.th-home-service-layout figure img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:44% center}.th-home-service-list>a{display:grid;grid-template-columns:25px 1fr 24px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #d9e2eb;min-height:85px;transition:color .2s}.th-home-service-list>a:first-child{padding-top:0}.th-home-service-list>a:last-child{border-bottom:0;padding-bottom:0}.th-home-service-list>a>span{color:var(--blue);font-size:12px}.th-home-service-list h3{font-size:21px;font-weight:600;line-height:1.4}.th-home-service-list p{font-size:13px;margin-top:5px;line-height:1.7}.th-home-service-list b{font-size:20px;color:var(--blue);font-weight:400}.th-home-service-list>a:hover h3{color:var(--blue)}
.th-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{border-radius:14px;background:#fff;box-shadow:none;border:1px solid #e7edf2;overflow:hidden;min-width:0}.project-card:hover{box-shadow:0 16px 40px #18374f10;border-color:#c7d8e6}.th-project-image{position:relative;margin:0;width:100%;aspect-ratio:1.5;overflow:hidden}.th-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .th-project-image img{transform:scale(1.04)}.th-project-image figcaption{position:absolute;bottom:12px;left:14px;background:#17354e99;color:#fff;font-size:10px;padding:2px 9px;border-radius:3px}.project-card-copy{padding:23px 24px 25px}.project-card .proof-card-top{font-size:10px;letter-spacing:0;gap:15px;line-height:1.6}.project-card .proof-card-top span:first-child{color:var(--blue)}.project-card h3{margin-top:13px;font-size:20px;line-height:1.5;letter-spacing:-.02em}.project-card .proof-client{font-size:12px!important;line-height:1.75!important;color:#64717b!important}.project-card .proof-details{font-size:12px!important;color:#53626e!important;border-color:var(--line)}.project-card .proof-details strong{color:var(--blue);font-size:10px}.project-card-copy>a{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--blue);padding-top:16px;margin-top:12px;border-top:1px solid var(--line)}.th-note{font-size:11px;color:#7a8792;margin-top:22px}.th-home-news{background:#f7f9fb}.news-grid{gap:28px}.news-card .image-box{height:auto;aspect-ratio:1.6;border-radius:13px;overflow:hidden}.news-card .image-box img{height:100%;object-fit:cover}.news-meta{font-size:11px;letter-spacing:0;margin:18px 0 12px;color:#74818b}.news-meta span:first-child{color:var(--blue)}.news-card h3{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin-bottom:10px}.news-card p{font-size:14px;line-height:1.8}.news-card .text-link{margin-top:20px;font-size:12px}.th-contact-band{background:var(--blue);color:white;padding:40px 0}.th-contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.th-contact-band span{font-size:11px;letter-spacing:.09em}.th-contact-band h2{font-size:27px;margin-top:7px;letter-spacing:-.015em}.th-contact-band .th-phone{font-size:25px;letter-spacing:.025em;white-space:nowrap;font-weight:500}.th-contact-band .btn{flex-shrink:0;min-width:165px}.th-contact-band .btn span{font-size:19px}
/* Existing editorial and contact content share the same typography and shell. */
.intro-grid{gap:80px}.intro-grid h2,.approach h2{font-size:36px}.intro-copy p{font-size:15px}.company-facts dd{font-size:14px}.large-image{border-radius:22px;object-fit:cover}.statement{font-size:26px;padding:42px;border-radius:16px;background:var(--paper)}.expertise{background:var(--paper)}.value{border-color:var(--blue)}.value h3{font-size:22px}.value p{font-size:14px}.approach{background:var(--espresso)}.approach p,.step>span{color:#c5d6e4}.step p{font-size:14px}.field-item .field-photo{border-radius:17px;overflow:hidden}.field-item .eyebrow{color:var(--blue)}.field-item h2{font-size:27px}.article{max-width:900px}.article h2{font-size:29px}.article h3{font-size:23px;margin:30px 0 16px}.article .news-grid{margin-top:25px}.contact-grid{gap:65px}.contact-form{background:var(--paper);border-radius:17px}.contact-info h2{font-size:33px}.contact-form h2{font-size:26px}.form-field input,.form-field textarea,.form-field select{border:1px solid #cfdbe5;border-radius:5px;font-size:15px}.filterbar button{border-radius:5px}.filterbar button.active{background:var(--blue);border-color:var(--blue)}#blog-search{background:#fff!important;border-radius:6px}input[type=search]{font-size:16px}.photo-note{font-size:11px;color:#73818c}
.proof-page{padding:0!important}.proof-page .proof-kicker,.proof-home .proof-kicker{color:var(--blue);font-size:12px;letter-spacing:.09em}.proof-page-intro{max-width:800px;margin-bottom:35px}.proof-page-intro h2{font-size:36px;font-weight:600;letter-spacing:-.02em}.proof-page-intro p{font-size:15px}.proof-page .proof-grid{gap:28px;margin-top:30px}.proof-page .proof-contact{padding:35px;border-radius:14px;background:var(--paper);align-items:center}.proof-page .proof-contact h2{font-size:29px;letter-spacing:-.02em}.proof-page .proof-contact .btn{background:var(--blue)}.proof-page .proof-disclaimer{font-size:11px!important;color:#74818b!important}.proof-extra .news-card{border-radius:13px}.proof-more{color:var(--blue)}
/* Compact footer, with company details and useful navigation only. */
.th-footer{background:#112c43;color:#e6eef5;padding:58px 0 22px}.th-footer-grid{display:grid;grid-template-columns:1.05fr 1.25fr .7fr;gap:80px}.th-footer .logo strong{color:#fff}.th-footer .logo small{color:#b8cad8}.th-footer .vnt-symbol{background:#fff;border-radius:7px;padding:3px;filter:none}.th-footer p{color:#a9bfd0;font-size:13px;margin-top:12px;max-width:350px}.th-company{display:block;font-size:14px;font-weight:500;margin-top:28px;color:#e4eef6}.th-footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;margin-bottom:22px}.th-footer li{font-size:13px;color:#b9cbd9;line-height:1.9;margin:8px 0}.th-footer a:hover{color:#fff}.th-footer .footer-bottom{margin-top:40px;padding-top:20px;border-color:#ffffff20;color:#91aabd;font-size:11px;align-items:center}.back-top{border-radius:5px;background:var(--blue)}
@media(min-width:1600px){.wrap{width:min(1380px,calc(100% - 112px))}.th-home-hero{height:690px}.th-service-feature{min-height:500px}.th-feature-image{height:540px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav{gap:17px}.nav>a,.nav-group>button{font-size:11px}.logo strong{font-size:25px}.logo .vnt-symbol{width:40px;height:40px}.th-home-service-layout{gap:35px}.th-intro-split{gap:45px}.th-feature-copy{margin-left:-48px}.th-feature-copy>p,.th-feature-copy>.text-link{margin-left:76px}.th-contact-band .th-phone{font-size:21px}.th-footer-grid{gap:45px}}
@media(max-width:900px){.header-inner{height:78px}.menu-button{display:block;color:var(--ink)}.nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px;box-shadow:0 18px 30px #16395315;max-height:calc(100svh - 78px);overflow:auto}.menu-open .nav{display:flex}.nav>a,.nav-group>button{font-size:13px;padding:14px 0;width:100%;text-align:left}.nav>a.active:after,.nav-group.selected>button:before{display:none}.nav-group.selected>button{color:var(--blue)}.dropdown{position:static;box-shadow:none;width:100%;border:0;border-left:2px solid var(--line);border-radius:0;padding:0 12px;margin-bottom:12px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:none}.nav-group.open .dropdown{display:block}.nav a.active{color:var(--blue)}.inner-hero{height:auto;min-height:290px}.th-service-feature{grid-template-columns:55% 45%;min-height:380px}.th-feature-image{height:420px}.th-blue-title{font-size:23px;padding:20px;gap:18px;min-height:90px}.th-feature-copy>p,.th-feature-copy>.text-link{margin-left:65px;font-size:14px}.th-service-details .detail-grid{gap:35px;grid-template-columns:1.5fr 1fr}.th-service-grid{grid-template-columns:repeat(2,1fr)}.th-home-service-layout{grid-template-columns:.85fr 1.15fr;gap:30px}.th-home-service-list h3{font-size:19px}.th-home-service-list>a{gap:12px}.th-project-grid,.proof-page .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.th-project-grid>.project-card:last-child{grid-column:auto}.th-contact-band .wrap{flex-wrap:wrap}.th-contact-band .wrap>div{flex:1 0 100%}.th-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.th-footer-grid>div:last-child{grid-column:2}.th-footer-grid .footer-brand{grid-row:1/3}.intro-grid{gap:38px}.intro-grid h2{font-size:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.approach .wrap{gap:45px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.section{padding:56px 0}.header-inner{height:74px}.logo .vnt-symbol{width:39px;height:39px}.logo strong{font-size:25px}.logo small{display:block;font-size:8px;margin-top:6px}.nav{top:74px;padding-inline:18px;max-height:calc(100svh - 74px)}.inner-hero{height:auto;min-height:235px}.inner-hero .wrap{padding:35px 0}.inner-hero .eyebrow{font-size:12px;margin-bottom:13px;letter-spacing:.015em}.inner-hero h1{font-size:34px;line-height:1.3}.inner-hero p{font-size:14px}.inner-hero+.section{border-radius:20px 20px 0 0;margin-top:-18px}.th-tabs{margin-top:-18px;border-radius:20px 20px 0 0;padding:27px 0 16px}.th-tabs .wrap{gap:7px;justify-content:center}.th-tabs a{padding:8px 11px;font-size:11px;border-radius:7px}.th-service-feature{display:block;min-height:0;margin-top:14px;margin-bottom:0}.th-feature-image{height:290px;border-radius:17px}.th-feature-copy{margin:-40px 0 0;padding:0 0 8px;position:relative}.th-blue-title{font-size:22px;border-radius:11px;padding:21px 20px;margin:0 0 21px 22px;min-height:90px;line-height:1.4}.th-blue-title:before{height:40px;width:2px}.th-feature-copy>p{margin:0 3px 20px;font-size:15px;line-height:1.85}.th-feature-copy>.text-link{margin-left:3px;font-size:13px}.th-service-details{padding-top:28px;padding-bottom:55px}.th-service-details .detail-grid{grid-template-columns:1fr;gap:35px}.detail-copy h3{font-size:23px}.side-panel{padding:25px}.th-service-grid{grid-template-columns:1fr;gap:18px}.th-service-tile{padding:25px}.th-service-tile h2{font-size:22px}.th-home-hero{height:510px;min-height:510px}.th-home-hero>img{object-position:60% center}.th-home-hero:after{background:linear-gradient(90deg,#0d2c48c9,#0d2c4859)}.th-home-hero-copy{padding:45px 0 70px}.th-home-hero-copy>span{font-size:10px;letter-spacing:.06em;margin-bottom:22px}.th-home-hero h1{font-size:clamp(30px,8.3vw,39px);line-height:1.4;font-weight:600;letter-spacing:-.02em}.th-home-hero p{font-size:14px;max-width:310px;margin:21px 0 28px}.th-home-hero .btn{font-size:13px}.th-scroll{right:20px;bottom:32px;width:35px;height:35px}.th-home-intro{margin-top:-20px;border-radius:20px 20px 0 0;padding-top:48px}.th-intro-split{grid-template-columns:1fr;gap:26px}.th-intro-split h2{font-size:29px;line-height:1.4}.th-intro-split p{font-size:15px}.th-home-services{padding:50px 0 56px}.th-section-head{align-items:flex-start;gap:18px;margin-bottom:28px;flex-direction:column}.th-section-head h2{font-size:29px;line-height:1.4}.th-section-head .eyebrow{font-size:11px;margin-bottom:10px}.th-home-service-layout{grid-template-columns:1fr;gap:30px}.th-home-service-layout figure{height:270px;min-height:270px;border-radius:16px}.th-home-service-list>a{padding:19px 0;min-height:80px;gap:12px}.th-home-service-list h3{font-size:20px}.th-home-service-list p{font-size:13px}.th-project-grid,.proof-page .proof-grid{grid-template-columns:1fr;gap:23px}.project-card{border-radius:13px}.project-card-copy{padding:21px 22px}.project-card h3{font-size:20px}.th-note{line-height:1.8;font-size:11px}.news-grid{grid-template-columns:1fr;gap:36px}.news-card .image-box{aspect-ratio:1.6}.news-card h3{font-size:21px}.th-contact-band{padding:33px 0}.th-contact-band .wrap{gap:23px;align-items:flex-start;flex-direction:column}.th-contact-band h2{font-size:24px}.th-contact-band .th-phone{font-size:25px}.th-contact-band .btn{font-size:13px}.th-footer{padding:44px 0 20px}.th-footer-grid{grid-template-columns:1fr;gap:31px}.th-footer-grid>div:last-child{grid-column:auto}.th-footer-grid .footer-brand{grid-row:auto}.th-footer .logo small{display:block;font-size:8px}.th-footer h3{margin:0 0 17px}.th-company{margin-top:22px}.th-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;line-height:1.8;margin-top:30px}.intro-grid{grid-template-columns:1fr;gap:26px}.intro-grid h2,.approach h2{font-size:29px}.large-image{height:280px;border-radius:15px;margin-top:40px}.statement{padding:26px;font-size:21px;border-radius:12px;margin-top:35px}.values-grid{grid-template-columns:1fr;gap:30px}.approach{padding:55px 0}.approach .wrap{grid-template-columns:1fr;gap:30px}.fields-list{grid-template-columns:1fr;gap:35px}.field-item .field-photo{height:260px}.article h2{font-size:25px}.article h3{font-size:21px}.contact-form{padding:25px 20px}.contact-info h2{font-size:28px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-field input,.form-field select,.form-field textarea{font-size:16px}.contact-form h2{font-size:24px}.proof-page-intro h2{font-size:29px}.proof-page .proof-contact{padding:25px;flex-direction:column;align-items:flex-start;gap:25px;margin-top:40px}.proof-page .proof-contact h2{font-size:25px}.proof-page-intro p{font-size:15px}.th-feature-image figcaption{bottom:58px}.th-footer .logo{width:max-content}.th-home-hero h1 br{display:block}.section a:focus-visible,.header a:focus-visible{outline:3px solid #0a75b7;outline-offset:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}