:root{--ink:#17312c;--green:#12342f;--deep:#09251f;--cream:#faf7ee;--gold:#edbd58;--red:#a33225;--muted:#526761;--line:#e0e6de;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.23em}img{max-width:100%;display:block}img[hidden]{display:none}h1,h2,h3,p,figure{margin:0 0 .8em}h1,h2,h3{line-height:1.14}h1{font-size:clamp(2.35rem,5.5vw,5.5rem);letter-spacing:-.057em;margin-bottom:.32em}h2{font-size:clamp(1.6rem,3vw,2.7rem);letter-spacing:-.045em}h3{font-size:1.16rem}main{min-height:60vh}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.top{background:var(--deep);color:#f9f1da;font-size:.83rem}.top .wrap{display:flex;justify-content:space-between;gap:12px;padding:6px 0}header{background:#fff;border-bottom:1px solid var(--line)}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.88rem;letter-spacing:.06em;white-space:nowrap}.brand img{width:55px;height:46px;object-fit:contain}.head nav{display:flex;gap:clamp(10px,1.5vw,22px);flex-wrap:wrap}.head nav a{font-size:.91rem;text-decoration:none;font-weight:600}.head nav a:hover,.head nav a[aria-current]{color:var(--red)}.cart-link{white-space:nowrap;font-weight:750;text-decoration:none}.cart-link span{border-radius:30px;background:var(--gold);padding:3px 8px;color:var(--deep)}.hero,.about-cover{background:linear-gradient(90deg,#081e18ed,#0b2821ab 52%,#0c221849),url(/anh/trang-chu-banner-01.jpg) center/cover;display:grid;align-items:center;min-height:clamp(470px,60vw,690px);color:#fff}.hero-content{padding:60px 0}.hero p:not(.eyebrow),.about-cover p:not(.eyebrow){font-size:clamp(1rem,1.8vw,1.28rem);max-width:42ch;color:#fffbf2}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:800;color:var(--red)}.hero .eyebrow,.about-cover .eyebrow,.milestone small{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--green);color:#fff;padding:.72em 1.1em;font:inherit;font-weight:750;border-radius:5px;text-decoration:none;cursor:pointer}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:wait}.gold{background:var(--gold);color:var(--deep)}.outline{border-color:#f1eadb;background:#08231b44}.section{padding:clamp(46px,7vw,93px) 0}.section:nth-child(odd){background:#fff}.section h1{font-size:clamp(2.2rem,4.5vw,4.2rem);margin-bottom:.6em}.category-grid,.grid,.project-grid,.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:18px}.category-grid a{display:block;min-height:160px;background:#f2efe4;border-top:4px solid var(--red);padding:22px;text-decoration:none}.category-grid span,.category-grid b,.more{color:var(--red);font-weight:750}.category-grid h3{margin-top:12px}.card{background:#fff;border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;align-items:start}.card h3{margin:15px 0 6px}.card>a{display:block;width:100%;text-decoration:none}.card p{color:var(--muted)}.card button{margin-top:auto}.media{background:#f2f2ea;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden}.media img{width:100%;height:100%;object-fit:contain;padding:12px;max-height:250px}.service .media img{object-fit:cover;padding:0}.media.detail img{max-height:490px}.project{background:#f2efe4;overflow:hidden}.project img{aspect-ratio:16/10;object-fit:cover;width:100%}.project>div{padding:18px}.project small{color:var(--red);font-weight:700}.project p{color:var(--muted);font-size:.94rem}.more{display:inline-block;margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,5vw,64px);align-items:start}.split figure img,.article img{width:100%;max-height:480px;object-fit:cover}.preserve{white-space:pre-wrap}.rating{color:#825708}.filters{display:flex;flex-wrap:wrap;gap:12px}.filters input{min-width:min(100%,320px)}input,select,textarea{font:inherit;color:inherit;background:#fff;padding:9px 11px;border:1px solid #9daea6;border-radius:4px;max-width:100%}textarea{min-height:84px;resize:vertical}.results{margin:14px 0;color:var(--muted)}.about-cover{min-height:470px}.about-cover .wrap{padding:45px 0}.milestone{display:grid;align-items:center;min-height:clamp(360px,42vw,580px);color:#fff;background:linear-gradient(90deg,#09251fed,#09251fc2 43%,#09251f36),var(--frame) center/cover,#173c32;border-top:1px solid #ffffff38}.milestone .wrap{padding:55px 0}.milestone .year{font-size:clamp(2.8rem,7vw,6rem);font-weight:850;line-height:1;color:var(--gold);letter-spacing:-.07em}.milestone h2{margin:14px 0;max-width:24ch}.milestone p{max-width:52ch}.team article{background:#fff;border:1px solid var(--line);padding:16px}.team img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;background:#eee;margin-bottom:15px}.article{max-width:800px}.article img,.gallery{margin-bottom:24px}iframe{width:100%;height:320px;border:0;background:#e8ede5}.map-points{margin-bottom:26px}.map-points label{display:block;margin-bottom:12px}.map-points #map-result{display:grid;grid-template-columns:2fr 1fr;gap:16px}.footer{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:42px 0}footer{background:var(--deep);color:#f7efda}.footer p{margin:.34em 0}.quote form,details form{display:grid;gap:12px}.quote form label,details form label{display:grid;gap:3px;font-weight:650}.quote form .consent,details form .consent{display:flex;align-items:start;gap:8px}.cart-row{padding:12px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.cart-row input{width:80px}.cart-row strong{flex:1;min-width:130px}.cart-row button,.office-bar button{padding:.35em .7em}details{padding:14px 0;border-bottom:1px solid var(--line)}details form{margin:15px 0;max-width:700px}summary{cursor:pointer;font-weight:750}.office-bar{display:flex;justify-content:space-between}.office-bar~h2,.split+h2{margin-top:30px}.skip{position:fixed;left:15px;top:-80px;background:#fff;padding:10px;z-index:5}.skip:focus{top:12px}#toast:not(:empty){position:fixed;bottom:20px;right:20px;max-width:90vw;background:var(--deep);color:#fff;padding:12px 18px;z-index:3}#office-status,#quote-status{color:var(--red);overflow-wrap:anywhere}@media(max-width:780px){.wrap{width:calc(100% - 32px)}.head{flex-wrap:wrap;gap:8px;padding:10px 0}.head nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:7px 0}.split,.footer,.map-points #map-result{grid-template-columns:1fr}.hero,.about-cover,.milestone{background-position:60% center}.top .wrap{font-size:.72rem}}.media{position:relative}.media-note{position:absolute;bottom:5px;right:6px;background:#fff;padding:1px 5px;color:#263c33;font-size:.7rem}
