@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/lexend-vietnamese-600-normal.Cr1ePs6O.woff2)format("woff2"),url(/_astro/lexend-vietnamese-600-normal.BxEVPgxw.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/lexend-vietnamese-700-normal.BrGlFDtO.woff2)format("woff2"),url(/_astro/lexend-vietnamese-700-normal.NEp7hM5T.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/lexend-latin-600-normal.DdvlkEkX.woff2)format("woff2"),url(/_astro/lexend-latin-600-normal.DSBzZxpA.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/lexend-latin-700-normal.DqO8md6r.woff2)format("woff2"),url(/_astro/lexend-latin-700-normal.DVyJlN8t.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff")}:root{--brand:#35525a;--brand-deep:#1d3236;--brand-ink:#0f1f22;--gold:#f2d59c;--gold-strong:#e3bd6f;--gold-text:#7a5a1f;--paper:#f3f5f4;--surface:#fff;--ink:#17282b;--muted:#566a6e;--rule:#d6dfe0;--fire:#c4231a;--focus:#1f6fd1;--on-brand:#eef3f2;--font-display:"Lexend", "Be Vietnam Pro", system-ui, sans-serif;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-sm:.875rem;--t-base:1rem;--t-md:1.25rem;--t-lg:1.5625rem;--t-xl:clamp(1.6rem, 1.2rem + 1.4vw, 2.15rem);--t-2xl:clamp(2.1rem, 1.3rem + 3.4vw, 3.6rem);--space:clamp(1rem, .6rem + 1.6vw, 1.75rem);--wrap:76rem;--radius:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1b1d;--surface:#16262a;--ink:#e6eeee;--muted:#a2b5b8;--rule:#2c4246;--gold-text:#f2d59c;--brand-ink:#081214;--fire:#ef5a4f;--focus:#6aa8ff;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f1b1d;--surface:#16262a;--ink:#e6eeee;--muted:#a2b5b8;--rule:#2c4246;--gold-text:#f2d59c;--brand-ink:#081214;--fire:#ef5a4f;--focus:#6aa8ff;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.65 var(--font);margin:0}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .5em;font-weight:600;line-height:1.18}h1{font-size:var(--t-2xl);font-weight:700}h2{font-size:var(--t-xl)}h3{font-size:var(--t-md)}p{max-width:68ch;margin:0 0 1em}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--gold-text)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.muted{color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{z-index:50;background:var(--surface);padding:.5rem 1rem;top:8px;left:16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{line-height:0;display:inline-flex}.logo svg{width:100%;height:auto}.btn{border-radius:var(--radius);min-height:48px;font:600 var(--t-base)/1.2 var(--font);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.35rem;text-decoration:none;display:inline-flex}.btn-gold{background:var(--gold);color:var(--brand-ink)}.btn-gold:hover{background:var(--gold-strong);color:var(--brand-ink)}.btn-brand{background:var(--brand);color:var(--on-brand)}.btn-brand:hover{background:var(--brand-deep);color:var(--on-brand)}.btn-line{color:inherit;background:0 0;border-color:currentColor}.btn-line:hover{color:inherit;background:#ffffff14}.topbar{background:var(--brand-ink);color:var(--on-brand);font-size:var(--t-sm)}.topbar .wrap{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:.45rem;display:flex}.topbar a{color:var(--gold);text-decoration:none}.topbar .tb-list{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.site-header{background:var(--brand);color:var(--gold);z-index:20;position:sticky;top:0;box-shadow:0 1px #00000026}.site-header .wrap{align-items:center;gap:1.5rem;min-height:72px;display:flex}.brand-link{width:190px;color:var(--gold);margin-right:auto;display:block}.nav{gap:1.5rem;display:flex}.nav a{color:var(--on-brand);border-bottom:2px solid #0000;padding-block:.4rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}@media (width<=860px){.site-header .wrap{flex-wrap:wrap;gap:.25rem 1rem;padding-block:.6rem}.brand-link{width:150px}.header-cta{display:none}.nav{gap:1.1rem;width:100%;overflow-x:auto}.topbar .tb-hide{display:none}}.hero{background:var(--brand);color:var(--on-brand);position:relative;overflow:hidden}.hero-grid{align-items:center;gap:2rem;padding-block:clamp(2rem,5vw,4.5rem);display:grid}@media (width>=960px){.hero-grid{grid-template-columns:1.05fr 1fr}}.hero h1{color:#fff;max-width:16ch}.hero h1 span{color:var(--gold);display:block}.hero .lede{font-size:var(--t-md);color:#d4e0df;max-width:46ch}.commit{gap:.55rem 1.5rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}@media (width>=560px){.commit{grid-template-columns:1fr 1fr}}.commit li{align-items:baseline;gap:.6rem;font-weight:500;display:flex}.commit li:before{content:"";border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);flex:none;width:.95rem;height:.6rem;transform:rotate(-45deg)translateY(-2px)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-media{position:relative}.hero-media img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%}.proof-card{background:var(--surface);color:var(--ink);border-radius:var(--radius);border-left:4px solid var(--fire);max-width:20rem;font-size:var(--t-sm);padding:.9rem 1.1rem;position:absolute;bottom:-1rem;left:-1rem;box-shadow:0 10px 30px #00000040}.proof-card b{font-family:var(--font-display);font-size:var(--t-md);color:var(--fire);display:block}@media (width<=960px){.proof-card{max-width:none;margin-top:1rem;position:static}}.proofbar{background:var(--brand-deep);color:var(--on-brand)}.proofbar ul{gap:.8rem 2rem;margin:0;padding:1.1rem 0;list-style:none;display:grid}@media (width>=760px){.proofbar ul{grid-template-columns:repeat(3,1fr)}}.proofbar li{font-size:var(--t-sm);align-items:center;gap:.75rem;display:flex}.proofbar strong{color:var(--gold);font-family:var(--font-display);font-size:var(--t-base);font-weight:600;display:block}.proofbar .ic{border:2px solid var(--gold);width:2.4rem;height:2.4rem;color:var(--gold);font:700 .8rem var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}section{padding-block:clamp(2.5rem,6vw,4.5rem)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.sec-head h2{margin:0}.sec-head p{color:var(--muted);margin:.4rem 0 0}.kicker{color:var(--gold-text);font-weight:600;font-size:var(--t-sm);margin-bottom:.3rem}.bg-surface{background:var(--surface)}.bg-brand{background:var(--brand);color:var(--on-brand)}.bg-brand h2,.bg-brand h3{color:#fff}.pgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.25rem;display:grid}.pcard{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.pcard:hover{border-color:var(--brand);color:inherit}.pcard:hover h3{color:var(--gold-text)}.pcard .ph{aspect-ratio:4/3;background:var(--brand-deep);position:relative}.pcard .ph img{object-fit:cover;width:100%;height:100%}.pcard .ph svg.fig{width:46%;height:100%;color:var(--gold);margin:auto}.pcard .body{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.2rem 1.25rem;display:flex}.pcard h3{margin:0}.pcard p{color:var(--muted);margin:0;font-size:.95rem}.pcard .more{color:var(--gold-text);margin-top:auto;font-weight:600}.ei{background:var(--fire);color:#fff;font:700 .78rem var(--font-display);border-radius:3px;padding:.2rem .55rem;position:absolute;top:.75rem;left:.75rem}.tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:.15rem .55rem;font-size:.8rem}.mosaic{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=860px){.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:210px}.mosaic .big{grid-area:span 2/span 2}}.mosaic figure{border-radius:var(--radius);min-height:160px;margin:0;position:relative;overflow:hidden}.mosaic img{object-fit:cover;width:100%;height:100%}.mosaic figcaption{color:#fff;font-size:var(--t-sm);background:linear-gradient(#0000,#000000a6);padding:1.5rem .8rem .6rem;position:absolute;inset:auto 0 0}.docs{gap:1.25rem;display:grid}@media (width>=860px){.docs{grid-template-columns:1fr 1fr}}.doc{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:120px 1fr;align-items:start;gap:1.1rem;padding:1.1rem;display:grid}.doc img{border:1px solid var(--rule);border-radius:3px}.doc h3{margin-bottom:.35rem}.doc dl{font-size:var(--t-sm);grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:0;display:grid}.doc dt{color:var(--muted)}.doc dd{margin:0;font-weight:500}.steps{counter-reset:s;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=820px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:s;border-top:3px solid var(--gold);padding-top:1rem}.steps li:before{content:counter(s);font:700 2.2rem/1 var(--font-display);color:var(--gold);margin-bottom:.4rem;display:block}.steps p{color:#cfdcdb}.agrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem;display:grid}.acard{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);color:inherit;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;display:flex}.acard:hover{border-color:var(--brand);color:inherit}.acard h3{margin:0;font-size:1.08rem}.acard p{color:var(--muted);margin:0;font-size:.93rem}.prose{max-width:72ch}.prose h2{font-size:var(--t-lg);margin-top:2rem}.prose ul{margin:0 0 1.1em;padding-left:1.2rem}.prose li{margin-bottom:.35rem}.cta{background:var(--gold);color:var(--brand-ink)}.cta .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2.2rem;display:flex}.cta h2{color:var(--brand-ink);margin:0}.cta p{margin:.3rem 0 0}.cta .phones{flex-wrap:wrap;gap:.75rem;display:flex}.page-head{background:var(--brand);color:var(--on-brand);padding-block:2rem 2.2rem}.page-head h1{color:#fff;margin:.3rem 0 .5rem;font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem)}.page-head p{color:#d4e0df;font-size:var(--t-md);margin:0}.crumb{font-size:var(--t-sm);color:var(--gold)}.crumb a{color:var(--gold)}.prod-top{align-items:start;gap:2rem;display:grid}@media (width>=960px){.prod-top{grid-template-columns:1.15fr 1fr}}.gallery .main{aspect-ratio:4/3;background:var(--brand-deep);border-radius:var(--radius);overflow:hidden}.gallery .main img{object-fit:contain;width:100%;height:100%}.gallery .main svg{width:50%;height:100%;color:var(--gold);margin:auto}.thumbs{gap:.5rem;margin-top:.6rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.thumbs button{aspect-ratio:1;cursor:pointer;background:var(--rule);border:2px solid #0000;border-radius:4px;flex:none;width:84px;padding:0;overflow:hidden}.thumbs button[aria-current=true]{border-color:var(--gold-strong)}.thumbs img{object-fit:cover;width:100%;height:100%}.variants{border-top:2px solid var(--brand)}.variant{border-bottom:1px solid var(--rule);gap:.2rem 1.5rem;padding:.95rem 0;display:grid}@media (width>=760px){.variant{grid-template-columns:10rem 15rem 1fr}}.variant .code{font:600 .95rem var(--font-display);color:var(--gold-text)}.variant .name{font-weight:600}.variant p{color:var(--muted);margin:0}.two-col{gap:2rem;display:grid}@media (width>=960px){.two-col{grid-template-columns:1.6fr 1fr}}.spec{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);font-variant-numeric:tabular-nums;width:100%;overflow:hidden}.spec th,.spec td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:.75rem 1rem}.spec th{width:36%;color:var(--muted);font-weight:600}.spec thead th{background:var(--brand);color:var(--on-brand)}@media (width<=600px){.spec th,.spec td{width:auto;display:block}.spec tbody th{border:0;padding-bottom:0}}.scroll-x{overflow-x:auto}.scroll-x table{min-width:560px}.rfq{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--gold-strong);border-radius:var(--radius);align-self:start;padding:1.3rem 1.4rem;position:sticky;top:90px}.rfq ul{margin:0 0 1.2rem;padding-left:1.1rem}.rfq li{margin-bottom:.35rem}.drawing{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);margin:0;padding:clamp(.5rem,2vw,1.25rem)}.drawing svg{width:100%;height:auto}.drawing figcaption{font-size:var(--t-sm);color:var(--muted);margin-top:.6rem}.dwg-line{stroke:var(--ink);fill:none}.dwg-thin{stroke:var(--muted);fill:none;stroke-width:1px}.dwg-board{fill:#e6dcc3;stroke:var(--ink)}.dwg-steel{fill:#9aa7b0;stroke:var(--ink)}.dwg-text{fill:var(--ink);font:500 17px var(--font)}.dwg-text-sm{fill:var(--muted);font:400 14px var(--font)}.dwg-accent{stroke:var(--fire);fill:none}.dwg-accent-fill{fill:var(--fire)}.dwg-ei{fill:var(--fire);font-weight:700}.form,.form .row{gap:1rem;display:grid}@media (width>=640px){.form .row{grid-template-columns:1fr 1fr}}.field label{margin-bottom:.3rem;font-weight:600;display:block}.field .hint{font-weight:400;font-size:var(--t-sm);color:var(--muted)}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border-radius:var(--radius);border:1.5px solid #9aabae;min-height:48px;padding:.65rem .8rem}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--focus);outline-offset:0;border-color:var(--focus)}.check{align-items:flex-start;gap:.6rem;display:flex}.check input{flex:none;width:1.25rem;height:1.25rem;margin-top:.2rem}.hp{position:absolute;left:-5000px}.notice{border-radius:var(--radius);border:1.5px solid var(--fire);color:var(--fire);background:var(--surface);padding:1rem 1.2rem}.contact-card{background:var(--brand);color:var(--on-brand);border-radius:var(--radius);padding:1.5rem}.contact-card h2{color:#fff;font-size:var(--t-lg)}.contact-card dl{gap:.9rem;margin:0;display:grid}.contact-card dt{color:var(--gold);font-size:var(--t-sm);font-weight:600}.contact-card dd{margin:.15rem 0 0}.contact-card a{color:#fff}.big-phone{font:600 1.35rem var(--font-display);text-decoration:none}.site-footer{background:var(--brand-ink);color:#c8d6d5;padding-block:3rem 1.5rem}.site-footer a{color:#e7efee;text-decoration:none}.site-footer a:hover{color:var(--gold)}.fgrid{gap:2rem;display:grid}@media (width>=860px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1.1fr}}.site-footer h2{font-size:var(--t-base);color:var(--gold);margin-bottom:.8rem}.site-footer ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.site-footer .flogo{width:220px;color:var(--gold);margin-bottom:1rem}.site-footer .legal{font-size:var(--t-sm);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.callbar{z-index:30;background:var(--brand-ink);padding:.5rem 16px calc(.5rem + env(safe-area-inset-bottom,0px));gap:.5rem;display:none;position:fixed;inset:auto 0 0}.callbar .btn{flex:1;padding-inline:.4rem}@media (width<=760px){.callbar{display:flex}body{padding-bottom:76px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.on-dark{color:#fff}.pt-0{padding-top:0}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.h-md{font-size:var(--t-md)}.lede-sm{font-size:var(--t-md);color:var(--muted);max-width:52ch}.split{align-items:center;gap:2rem;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr}}.split img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.facts{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.facts li{gap:.6rem;display:flex}.facts li:before{content:"";border-left:3px solid var(--gold-strong);border-bottom:3px solid var(--gold-strong);flex:none;width:.9rem;height:.55rem;margin-top:.45rem;transform:rotate(-45deg)}.flogo-light{width:220px;color:var(--gold)}.pcard .ph{display:grid;overflow:hidden}.pcard .ph img{position:absolute;inset:0}.proof-card{text-decoration:none}.proof-card:hover{color:var(--ink)}.prod-top>*,.two-col>*,.split>*,.hero-grid>*{min-width:0}.gallery .main{display:grid}.nav a{white-space:nowrap}a.proof-card{display:block}p a,.prose a,li a{text-decoration:underline}.nav a,.site-footer a,.pcard,.acard,.btn,.proof-card{text-decoration:none}
