*{box-sizing:border-box} :root{--green:#073b68;--deep:#052b4d;--red:#f58220;--ink:#243746;--muted:#667786;--line:#e0e7ed;--pale:#f4f7fa}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1240px,92%);margin:auto}.topbar{background:#f5f8fb;border-bottom:1px solid var(--line);font-size:12px;color:#526576}.top-inner{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.top-inner a:hover{color:var(--red)}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 14px #102b1710}.nav-wrap{display:flex;align-items:center;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;min-width:340px}.logo-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:0 0 auto;min-width:86px}.logo-mark{font-size:36px;font-weight:800;color:var(--green);text-shadow:-3px 0 var(--red);line-height:.95}.logo-words{font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.2px;color:var(--red);white-space:nowrap}.brand-title{display:block}.brand b{display:block;color:var(--green);font-size:17px;line-height:1.35;white-space:nowrap}.brand small{display:block;font-size:10px;color:#6d776d}.nav{display:flex;align-items:center;gap:17px;margin-left:auto}.nav a{font-size:12px;font-weight:700;white-space:nowrap;padding:28px 0;border-bottom:3px solid transparent}.nav a:hover{color:var(--green);border-color:var(--red)}.nav-contact{background:var(--green);color:#fff;padding:11px 15px;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap}.menu-toggle{display:none;border:0;background:var(--green);color:#fff;padding:9px 12px;border-radius:5px;font-size:20px}.hero{position:relative;min-height:440px;color:#fff;background:#173b52;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0b2639ed 0%,#173b52d9 38%,#173b5254 70%,#102d4038),url('https://lapduan.duanviet.com.vn/images/banner_lapduan.png?auto=format&fit=crop&w=2000&q=85') center/cover}.hero-inner{position:relative;padding:66px 0 45px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--red);margin-bottom:12px}.hero .eyebrow{color:#d9f4df}.hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 18px;max-width:760px}.hero h1 em,.intro-grid em,.env-grid em{font-style:normal;color:#a7e3a9}.hero p{max-width:660px;color:#eef6ef;font-size:16px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 19px;border-radius:5px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer}.red{background:var(--red);color:#fff}.outline{border-color:#ffffffaa;color:#fff}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#e1edf6}.hero-caption{position:absolute;right:4%;bottom:18px;font-size:10px;letter-spacing:1.3px;color:#e8f3e9}.quick-services{background:#fff;position:relative;margin-top:-1px;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0}.quick-grid>a{display:flex;align-items:center;gap:13px;padding:15px;background:#f5f8fb;border:1px solid #e9eef3;border-radius:7px}.quick-grid i{font-style:normal;display:grid;place-items:center;flex:0 0 44px;height:44px;background:var(--green);color:white;border-radius:50%;font-size:24px}.quick-grid a:nth-child(even) i{background:var(--red)}.quick-grid b{font-size:12px;display:block}.quick-grid small{font-size:11px;color:var(--muted);display:block;line-height:1.45;margin-top:4px}.section{padding:70px 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.section h2,.intro-grid h2,.service-band h2,.contact-grid h2{font-size:clamp(27px,3vw,39px);line-height:1.25;margin:0 0 17px;letter-spacing:-.8px}.intro-grid h2 em,.env-grid h2 em{color:var(--green)}.intro-grid p,.field-grid p,.project-card p{color:var(--muted);font-size:13px}.lead{font-size:16px!important;color:#39453a!important}.text-link{font-weight:700;color:var(--green);font-size:13px;display:inline-block;margin-top:12px}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.value-grid article{border:1px solid var(--line);padding:20px;border-radius:7px;background:#fff}.value-grid article>b{color:var(--red);font-size:12px}.value-grid h3{font-size:15px;margin:8px 0}.value-grid p{margin:0;font-size:12px}.fields-section{background:var(--pale)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head h2{margin:0 0 7px}.section-head p{margin:0;color:var(--muted);font-size:14px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.field-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.field-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #12351a12}.field-card img{width:100%;height:165px;object-fit:cover}.field-card>div{padding:15px 16px 17px;position:relative}.field-card span{color:var(--red);font-weight:800;font-size:11px}.field-card h3{font-size:15px;margin:4px 0}.field-card p{margin:0}.projects-section{padding-top:72px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filter-btn{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.project-card{border:1px solid var(--line);border-radius:7px;padding:17px 14px;display:flex;gap:12px;align-items:flex-start;background:#fff;min-height:180px}.file-icon{background:#e8f1f8;color:var(--green);border-radius:5px;font-size:11px;font-weight:800;padding:13px 9px;flex:0 0 auto}.project-card span{font-size:9px;letter-spacing:.6px;color:var(--red);font-weight:800}.project-card h3{font-size:13px;line-height:1.45;margin:5px 0}.project-card p{font-size:11px;line-height:1.55;margin:0 0 8px}.project-card a{font-size:11px;color:var(--green);font-weight:700}.note{font-size:11px;color:#778177;margin-top:20px}.service-band{background:linear-gradient(125deg,#102d40,#1c4962);color:#fff;padding:65px 0}.service-band .eyebrow{color:#ffd4d4}.service-band h2{max-width:750px}.band-lead{color:#e0eaf2;max-width:650px}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0}.design-grid article{background:#ffffff12;border:1px solid #ffffff2e;border-radius:7px;padding:21px}.design-symbol{font-size:28px;color:#ffcccc}.design-grid h3{font-size:15px;line-height:1.4}.design-grid p{font-size:12px;color:#e0eaf2}.white-btn{background:#fff;color:var(--green)}.env-grid{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.env-grid h2{font-size:38px;line-height:1.25}.env-photo{width:100%;height:420px;object-fit:cover;border-radius:8px}.env-card{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.env-card>span{color:var(--red);font-size:14px;font-weight:800}.env-card h3{font-size:15px;margin:0 0 5px}.env-card p{font-size:12px;color:var(--muted);margin:0}.green-btn{background:var(--green);color:#fff;margin-top:18px}.media-section{background:#f5f8fb}.media-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.media-grid h2{font-size:30px;line-height:1.3}.media-grid p{color:var(--muted);font-size:13px}.video-box{position:relative;border-radius:8px;overflow:hidden;color:#fff}.video-box img{width:100%;height:255px;object-fit:cover;filter:brightness(.75)}.video-box span{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:var(--red);border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.video-box b{position:absolute;left:20px;bottom:17px}.news-mini article{padding:16px 0;border-bottom:1px solid var(--line)}.news-mini article span{color:var(--red);font-size:10px;font-weight:800}.news-mini article h3{font-size:15px;margin:5px 0}.news-mini article p{margin:0}.partners{padding:30px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partners-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.partners h2{font-size:21px;margin:0}.partner-links{display:flex;gap:10px;flex-wrap:wrap}.partner-links a{padding:10px 13px;border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:600}.partner-links a:hover{border-color:var(--green);color:var(--green)}.contact-section{background:#f1f6fa;padding:65px 0}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:65px}.contact-grid h2 em{font-style:normal;color:var(--green)}.contact-grid>div>p{color:var(--muted);max-width:500px}.contact-line{display:flex;gap:15px;margin-top:19px;color:var(--green);font-size:20px}.contact-line span{display:flex;flex-direction:column;color:var(--ink);font-size:13px}.contact-line small{color:var(--muted);font-size:11px}.contact-grid #contact-form{background:#fff;padding:25px;border-radius:8px;box-shadow:0 8px 30px #17371a0b}.contact-grid #contact-form h3{margin:0 0 16px}.contact-grid label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.contact-grid input,.contact-grid select,.contact-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid #dce5dc;border-radius:4px;padding:11px;font:inherit;font-size:13px;background:#fff}.form-status{font-size:11px;color:var(--muted)}.footer{background:#102d40;color:#e8f1f8;padding-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:50px;padding-bottom:30px}.footer-brand b{color:#fff}.footer-brand small{color:#cbdceb}.footer-brand .logo-words{color:#ff9b46}.footer-brand .logo-mark{color:#fff;text-shadow:-3px 0 var(--red)}.footer p,.footer a:not(.brand){font-size:12px;color:#d5e1eb}.footer h4{font-size:12px;letter-spacing:1px}.footer-grid>div:not(:first-child) a{display:block;margin:7px 0}.footer-bottom{text-align:center;padding:14px;background:#0b2230;font-size:11px;color:#cbdceb}.floating{position:fixed;right:16px;bottom:25px;z-index:30;display:flex;flex-direction:column;gap:9px}.floating a{width:53px;height:53px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--green);color:#fff;font-size:15px;font-weight:800;box-shadow:0 4px 15px #0002}.floating a:first-child{background:var(--red)}.floating small{font-size:9px;font-weight:500}.floating a:nth-child(2){background:#0879df;font-size:12px}.hidden{display:none!important}
@media(max-width:1100px){.nav-wrap{gap:12px}.brand{min-width:300px}.brand b{font-size:13px}.logo-lockup{min-width:72px}.logo-mark{font-size:32px}.logo-words{font-size:10px}.nav{gap:10px}.nav a{font-size:10px}.nav-contact{display:none}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.top-inner{gap:5px;flex-direction:column;font-size:11px}.nav-wrap{min-height:70px;justify-content:space-between;flex-wrap:wrap;padding:8px 0}.brand{min-width:0;gap:7px}.brand b{font-size:10px;white-space:normal}.brand small{font-size:8px}.logo-lockup{min-width:60px}.logo-mark{font-size:29px}.logo-words{font-size:9px}.menu-toggle{display:block}.nav{display:none;order:3;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 5px;border-bottom:1px solid var(--line);font-size:12px}.hero{min-height:420px}.hero-inner{padding:48px 0 45px}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:14px}.hero-caption{font-size:8px;left:4%;right:auto}.hero-tags{gap:9px;font-size:10px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-grid>a{padding:11px;gap:8px}.quick-grid i{flex-basis:35px;height:35px;font-size:19px}.quick-grid b{font-size:10px}.quick-grid small{font-size:10px}.section{padding:48px 0}.intro-grid,.env-grid,.media-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.value-grid{gap:9px}.value-grid article{padding:14px}.section-head{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-card img{height:115px}.field-card>div{padding:11px}.field-card h3{font-size:12px}.field-card p{font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-card{padding:12px 9px;gap:8px;min-height:190px}.file-icon{padding:10px 7px;font-size:9px}.project-card h3{font-size:11px}.project-card p{font-size:10px}.project-card a{font-size:10px}.design-grid{grid-template-columns:1fr 1fr;gap:9px}.design-grid article{padding:14px}.design-grid h3{font-size:13px}.design-grid p{font-size:11px}.env-photo{height:250px}.partners-inner{align-items:flex-start;flex-direction:column}.partner-links a{font-size:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.contact-grid form{padding:19px}.floating{right:9px;bottom:12px}.floating a{width:45px;height:45px}.video-box img{height:210px}}
@media(max-width:390px){.field-grid{grid-template-columns:1fr 1fr}.field-card img{height:95px}.project-grid{grid-template-columns:1fr}.project-card{min-height:0}.quick-grid{grid-template-columns:1fr}.hero h1{font-size:31px}.design-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* Updates: visual direction inspired by lapduan.vn; restrained navy, warm amber and light neutral surfaces. */
.dossier-intro{background:#f4f7f9;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;padding:20px 22px;margin:20px 0 24px}
.dossier-intro h3{font-size:17px;margin:0 0 8px;color:var(--green)}
.dossier-intro p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.project-image-card{display:block;padding:0;overflow:hidden;min-height:0;transition:transform .2s,box-shadow .2s}
.project-image-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #102d4015}
.project-image-card>img{width:100%;height:142px;object-fit:cover}
.project-image-card>a>img{width:100%;height:142px;object-fit:cover}
.project-copy{padding:13px 14px 15px}
.project-copy>span{font-size:9px;letter-spacing:.45px;color:var(--red);font-weight:800}
.project-copy h3{font-size:13px;line-height:1.45;margin:5px 0 7px}
.project-copy p{font-size:11px;line-height:1.55;margin:0 0 9px;color:var(--muted)}
.project-copy a{font-size:11px;color:var(--green);font-weight:700}
.news-layout{grid-template-columns:1.15fr .85fr;gap:38px}
.news-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;margin-top:18px}
.news-feature>img{width:100%;height:100%;min-height:260px;object-fit:cover}
.news-feature-copy{padding:18px 18px 18px 0}
.news-feature-copy>span{font-size:10px;letter-spacing:.5px;color:var(--red);font-weight:800}
.news-feature-copy h3{font-size:18px;line-height:1.4;margin:9px 0}
.news-feature-copy p{font-size:12px;line-height:1.7;color:var(--muted)}
.news-mini article{padding:15px 0}
.news-mini article h3{line-height:1.45}
@media(max-width:760px){.project-image-card>img{height:112px}.project-copy{padding:10px}.project-copy h3{font-size:11px}.project-copy p{font-size:10px}.dossier-intro{padding:15px}.news-layout{grid-template-columns:1fr;gap:28px}.news-feature{grid-template-columns:1fr;gap:0}.news-feature>img{height:190px;min-height:0}.news-feature-copy{padding:15px}.news-feature-copy h3{font-size:16px}}

/* Final palette pass: navy blue + orange, matching the requested Lapduan.vn-inspired direction. */
:root{--green:#073b68;--deep:#052b4d;--red:#f58220;--ink:#243746;--muted:#667786;--line:#e0e7ed;--pale:#f4f7fa}
.topbar{background:#f5f8fb;color:#526576}
.quick-grid>a{background:#f7f9fc;border-color:#e7edf3}
.service-band{background:linear-gradient(125deg,#052b4d,#0a4778)}
.contact-section{background:#f1f6fa}
.footer{background:#052b4d}
.footer-bottom{background:#031f38}
.filter-btn.active,.filter-btn:hover{background:#f58220;border-color:#f58220}
.nav-contact,.menu-toggle,.green-btn{background:#073b68}
.btn.red,.floating a:first-child{background:#f58220}