@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--blue:#0b3b72;--blue2:#062a52;--red:#e3262e;--ink:#10243b;--muted:#657587;--ice:#eef3f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Be Vietnam Pro,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.75}button{font:inherit}.topbar{z-index:20;color:#fff;border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 5vw;display:flex;position:absolute}.brand{background:#fff;border-radius:3px;align-items:center;padding:4px 9px;display:flex;box-shadow:0 6px 20px #041a3420}.brand-logo{object-fit:contain;width:108px;height:67px;display:block}.topbar nav{align-items:center;gap:27px;font-size:12px;font-weight:600;display:flex}.topbar nav>a:not(.nav-cta){opacity:.85}.topbar nav>a:hover{opacity:1}.nav-cta{color:var(--blue);background:#fff;border-radius:2px;padding:13px 18px}.nav-cta b{color:var(--red);margin-left:9px}.menu{background:0 0;border:0;padding:5px;display:none}.menu span{background:#fff;width:24px;height:2px;margin:5px;display:block}.hero{background:var(--blue2);color:#fff;height:min(900px,100vh);min-height:700px;position:relative;overflow:hidden}.hero-photo{background:linear-gradient(90deg,#041b35f7 0%,#052243d1 47%,#041b3540 100%),url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2000&q=85) 50%/cover;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.hero:after{content:"";border:90px solid #ffffff0c;border-radius:50%;width:460px;height:460px;position:absolute;top:150px;right:-130px}.hero-content{z-index:2;max-width:920px;padding:190px 8vw 80px;position:relative}.eyebrow{letter-spacing:2px;color:var(--blue);align-items:center;gap:12px;margin:0 0 30px;font:700 11px Manrope;display:flex}.eyebrow span{background:var(--red);width:32px;height:2px}.eyebrow.light{color:#dfeafb}.hero h1,.section h2,.contact h2{letter-spacing:-4px;margin:0;font:800 clamp(48px,6vw,88px)/1.06 Manrope}.hero h1 em,.section h2 em,.contact h2 em{color:#0000;-webkit-text-stroke:1px currentColor;opacity:.6;font-style:normal}.hero h1 em{color:#fff}.hero-lead{margin:24px 0 10px;font:500 clamp(20px,2vw,28px) Manrope}.hero-copy{color:#d4dfeb;max-width:570px;font-size:14px}.hero-actions{align-items:center;gap:32px;margin-top:34px;display:flex}.btn{letter-spacing:.4px;border-radius:2px;align-items:center;gap:36px;padding:17px 24px;font:700 12px Manrope;display:inline-flex}.btn.red{background:var(--red);color:#fff}.btn:hover{transform:translateY(-2px)}.text-link{font:600 12px Manrope}.text-link b{margin-left:10px}.hero-card{z-index:2;border-left:3px solid var(--red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#062a52dc;padding:22px 36px;position:absolute;bottom:70px;right:6vw}.hero-card span,.hero-card small{letter-spacing:2px;opacity:.65;font:600 9px Manrope;display:block}.hero-card strong{margin:7px 0;font:800 27px Manrope;display:block}.scroll{z-index:3;letter-spacing:2px;writing-mode:vertical-rl;align-items:center;gap:14px;font:600 8px Manrope;display:flex;position:absolute;bottom:0;left:2.4vw}.scroll i{height:48px;font-style:normal}.section{padding:105px 8vw}.section-head{border-bottom:1px solid #d9e0e6;justify-content:space-between;margin-bottom:70px;display:flex}.section-head .index{color:#8492a1;letter-spacing:1px;font:500 10px Manrope}.section-head.inverse{border-color:#ffffff25}.section-head.inverse .index{color:#9cb0c7}.about-grid{grid-template-columns:1.1fr .9fr;gap:8vw;display:grid}.section h2{color:var(--blue);letter-spacing:-3px;font-size:clamp(42px,5vw,72px)}.section h2 em{color:var(--blue)}.about-copy{padding-top:8px}.about-copy .lead{color:var(--ink);margin-top:0;font-size:19px;font-weight:500}.about-copy>p:not(.lead){color:var(--muted);font-size:13px}.line-link{border-bottom:2px solid var(--red);letter-spacing:.4px;margin-top:20px;padding-bottom:8px;font:700 11px Manrope;display:inline-block}.line-link b{color:var(--red);margin-left:25px}.values{border-top:1px solid #d9e0e6;grid-template-columns:repeat(3,1fr);margin-top:90px;display:grid}.values div{border-right:1px solid #d9e0e6;padding:28px 30px 0 0}.values div+div{padding-left:30px}.values b{color:var(--red);font:700 10px Manrope}.values strong,.values span{display:block}.values strong{margin:12px 0;font:700 18px Manrope}.values span{color:var(--muted);font-size:12px}.fields,.quality{background:var(--blue2);color:#fff}.fields-title,.quality-title,.projects-title,.products-intro{justify-content:space-between;align-items:flex-end;gap:50px;display:flex}.fields h2,.quality h2,.fields h2 em,.quality h2 em{color:#fff}.fields-title>p,.quality-title>p,.projects-title>p,.products-intro>p{color:#aebed0;max-width:430px;margin:0 0 8px;font-size:13px}.field-list{border-top:1px solid #ffffff25;margin-top:75px}.field-list article{border-bottom:1px solid #ffffff25;grid-template-columns:70px 1fr 1.1fr 40px;align-items:center;gap:30px;padding:32px 0;transition:all .3s;display:grid}.field-list article:hover{background:#ffffff06;padding-left:15px}.field-list b{color:var(--red);font:700 10px Manrope}.field-list h3{margin:0;font:600 22px Manrope}.field-list p{color:#9eb0c4;margin:0;font-size:12px}.field-list span{color:var(--red);font-size:25px}.products-intro>p{color:var(--muted)}.product-grid{border-top:1px solid #d9e0e6;border-left:1px solid #d9e0e6;grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.product-grid article{border-bottom:1px solid #d9e0e6;border-right:1px solid #d9e0e6;min-height:310px;padding:35px;position:relative}.product-grid article>span{color:#a2aeba;font:600 9px Manrope;position:absolute;top:25px;right:28px}.product-grid h3{color:var(--blue);margin:25px 0 4px;font:800 35px Manrope}.product-grid p{color:var(--muted);min-height:40px;font-size:11px}.product-grid a{color:var(--blue);border-bottom:1px solid #bbc6d0;padding-bottom:6px;font:700 10px Manrope}.product-grid a b{color:var(--red);margin-left:14px}.pile{align-items:flex-end;gap:8px;height:90px;display:flex}.pile i{border:7px solid #b7c2cc;border-radius:50%;width:56px;height:56px;display:block;box-shadow:inset 0 0 0 2px #edf0f3}.pile i:nth-child(2){width:72px;height:72px}.pile i:nth-child(3){width:88px;height:88px}.spec-note{color:var(--muted);justify-content:center;align-items:center;gap:15px;margin-top:35px;font:500 10px Manrope;display:flex}.spec-note b{color:var(--blue);font-size:14px}.spec-note i{background:#cbd3da;width:1px;height:16px;margin:0 15px}.capacity{background:var(--ice);grid-template-columns:1fr 1fr;padding:0;display:grid}.capacity-photo{background:linear-gradient(#0000 50%,#052b5699),url(https://images.unsplash.com/photo-1565008447742-97f6f38c985c?auto=format&fit=crop&w=1200&q=85) 50%/cover;min-height:760px;position:relative}.photo-label{color:#fff;position:absolute;bottom:50px;left:50px}.photo-label span{letter-spacing:2px;margin-bottom:10px;font:700 9px Manrope;display:block}.photo-label strong{font:700 24px/1.3 Manrope}.capacity-copy{padding:90px 8vw 80px 6vw}.capacity-copy .section-head{margin-bottom:60px}.capacity-copy>p{color:var(--muted);font-size:13px}.capacity-copy ul{border-top:1px solid #ccd5dd;margin-top:35px;padding:0;list-style:none}.capacity-copy li{border-bottom:1px solid #ccd5dd;padding:16px 0;font:600 12px Manrope}.capacity-copy li b{color:var(--red);margin-right:18px;font-size:9px}.quality-title{align-items:center}.process{border-top:1px solid #ffffff25;grid-template-columns:repeat(2,1fr);margin-top:70px;display:grid}.process article{border-bottom:1px solid #ffffff25;grid-template-columns:55px 1fr;gap:20px;padding:30px 30px 30px 0;display:grid}.process article:nth-child(odd){border-right:1px solid #ffffff25}.process article:nth-child(2n){padding-left:35px}.process b{color:var(--red);font:700 10px Manrope}.process h3{margin:0 0 5px;font:600 17px Manrope}.process p{color:#9fb0c3;margin:0;font-size:11px}.projects-title>p{color:var(--muted)}.project-grid{grid-template-rows:300px 300px;grid-template-columns:1.3fr .7fr;gap:10px;margin-top:70px;display:grid}.project-grid article{background-position:50%;background-size:cover;position:relative;overflow:hidden}.project-grid article:after{content:"";background:linear-gradient(#0000 25%,#041d39e8);position:absolute;inset:0}.project-grid .p1{background-image:url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85);grid-row:1/3}.project-grid article div{z-index:2;color:#fff;padding:32px;position:absolute;bottom:0}.project-grid span{letter-spacing:2px;color:#ff7f84;font:700 8px Manrope}.project-grid h3{margin:8px 0;font:700 24px Manrope}.project-grid p{color:#c9d5e0;margin:0;font-size:11px}.partners{text-align:center;background:var(--ice);padding:80px 8vw}.partners>p{letter-spacing:2px;color:var(--red);font:700 9px Manrope}.partners h2{color:var(--blue);max-width:900px;margin:20px auto 50px;font:600 clamp(20px,2.5vw,34px) Manrope}.partners div{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.partners span{color:#8a98a6;letter-spacing:1px;background:#fff;border:1px solid #dce3e9;padding:12px 20px;font:700 9px Manrope}.contact{color:#fff;background:#082e59;grid-template-columns:1.3fr .7fr;gap:9vw;padding:100px 8vw;display:grid;position:relative;overflow:hidden}.contact:after{content:"NH";color:#ffffff05;font:900 300px Manrope;position:absolute;bottom:-100px;right:-30px}.contact h2{font-size:clamp(44px,5vw,72px)}.contact h2 em{color:#fff}.contact>div>p:not(.eyebrow){color:#b5c4d4;max-width:600px;margin:24px 0 30px;font-size:13px}.contact aside{z-index:2;border-left:1px solid #ffffff30;padding-left:45px;position:relative}.contact aside h3{margin:5px 0 35px;font:700 15px/1.5 Manrope}.contact aside p{color:#c6d2df;font-size:12px}.contact aside small{letter-spacing:2px;color:#6e8aa6;margin-bottom:4px;font:700 8px Manrope;display:block}footer{color:#aab9c8;background:#041f3e;justify-content:space-between;align-items:center;padding:28px 8vw;font:500 9px Manrope;display:flex}footer .brand{color:#fff}footer>a:last-child{letter-spacing:1px}footer .brand-logo{width:126px;height:78px}.hero-photo{background-image:linear-gradient(90deg,#041b35f7 0%,#052243d1 47%,#041b352e 100%),url(/images/nam-hong/bai-coc-cau-truc.jpg)}.about-photo{background:var(--ice);height:clamp(320px,42vw,590px);margin:75px 0 0;position:relative;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.about-photo:after{content:"";background:linear-gradient(#0000,#041d39c7);position:absolute;inset:45% 0 0}.about-photo figcaption{z-index:2;color:#fff;position:absolute;bottom:30px;left:34px}.about-photo figcaption span,.about-photo figcaption strong{display:block}.about-photo figcaption span{letter-spacing:2px;color:#ff8b90;margin-bottom:8px;font:700 9px Manrope}.about-photo figcaption strong{font:700 21px Manrope}.values{margin-top:60px}.capacity-photo{background-image:linear-gradient(#0000 45%,#052b56a8),url(/images/nam-hong/day-chuyen-cau-truc.jpg)}.factory-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:8px;margin-top:70px;display:grid}.factory-gallery figure{background:#0a345f;margin:0;position:relative;overflow:hidden}.factory-gallery .gallery-wide{grid-column:span 2}.factory-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.factory-gallery figure:hover img{transform:scale(1.03)}.factory-gallery figure:after{content:"";background:linear-gradient(#0000,#041d39c7);position:absolute;inset:50% 0 0}.factory-gallery figcaption{z-index:2;letter-spacing:.3px;color:#fff;font:600 10px Manrope;position:absolute;bottom:16px;left:18px}.project-grid .p1{background-image:url(/images/nam-hong/du-an-nha-may-cu-tech.jpg)}.project-grid .p2{background-image:url(/images/nam-hong/du-an-ha-tang.jpg)}.project-grid .p3{background-image:url(/images/nam-hong/du-an-noxh-thanh-tri.jpg)}@media (width<=900px){.topbar{height:76px;padding:0 22px}.menu{z-index:22;display:block}.topbar nav{background:#062a52;flex-direction:column;align-items:flex-start;width:78%;height:100vh;padding:100px 35px;font-size:15px;display:none;position:absolute;top:0;right:0}.topbar nav.open{display:flex}.nav-cta{margin-top:15px}.hero{min-height:740px}.hero-content{padding:155px 24px 80px}.hero h1{letter-spacing:-2.5px;font-size:52px}.hero-card{bottom:35px;right:20px}.scroll{display:none}.section{padding:75px 24px}.section-head{margin-bottom:45px}.about-grid,.capacity,.contact{grid-template-columns:1fr}.about-grid{gap:35px}.section h2{letter-spacing:-2px}.values{grid-template-columns:1fr}.values div,.values div+div{border-bottom:1px solid #d9e0e6;border-right:0;padding:22px 0}.fields-title,.quality-title,.projects-title,.products-intro{display:block}.fields-title>p,.quality-title>p,.projects-title>p,.products-intro>p{margin-top:25px}.field-list article{grid-template-columns:35px 1fr 25px}.field-list article p{grid-column:2/3}.product-grid{grid-template-columns:repeat(2,1fr)}.capacity-photo{min-height:480px}.capacity-copy{padding:70px 24px}.process{grid-template-columns:1fr}.process article:nth-child(odd){border-right:0}.process article:nth-child(2n){padding-left:0}.project-grid{grid-template-rows:repeat(3,380px);grid-template-columns:1fr}.project-grid .p1{grid-row:auto}.contact{padding:75px 24px}.contact aside{border-top:1px solid #ffffff30;border-left:0;padding:35px 0 0}footer{text-align:center;flex-direction:column;gap:25px}}@media (width<=560px){.brand{padding:3px 7px}.brand-logo{width:92px;height:58px}.hero h1{font-size:45px}.hero-card{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.section{padding:65px 20px}.section h2{font-size:41px}.product-grid{grid-template-columns:1fr}.spec-note{flex-wrap:wrap}.spec-note i{display:none}.project-grid{grid-template-rows:repeat(3,310px)}footer p{order:3}}@media (width<=900px){.about-photo{margin-top:50px}.factory-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}}@media (width<=560px){.about-photo{height:310px}.about-photo figcaption{bottom:20px;left:20px}.about-photo figcaption strong{font-size:17px}.factory-gallery{display:block}.factory-gallery figure,.factory-gallery .gallery-wide{height:260px;margin-bottom:8px}}