:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f4f2e8;--ink:#213329;--blue:#294cff}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body:has(.home){height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:#07251d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:15px}button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:1px solid #789584}input:focus,textarea:focus{background:#fff;border-color:#7f9b88;outline:none;box-shadow:0 0 0 3px #73978214}input,textarea{transition:border-color .18s,box-shadow .18s,background .18s}.home{isolation:isolate;flex-direction:column;height:100dvh;min-height:0;padding:clamp(20px,3.5vh,40px) 5vw;display:flex;position:relative}.backdrop{z-index:-2;background:#08271f url(/hero-architecture.png) 50%/cover no-repeat;position:absolute;inset:0}.backdrop:after{content:"";background:linear-gradient(90deg,#03251e24,#0000 50%),linear-gradient(#0000 65%,#021a1550);position:absolute;inset:0}.navigation{color:#f2f0e4;flex-shrink:0;align-items:center;gap:25px;width:100%;display:flex}.brand{letter-spacing:-4px;align-items:center;gap:14px;font-family:Helvetica Neue,-apple-system,sans-serif;font-size:49px;font-weight:200;line-height:1;text-decoration:none;display:flex}.sun{flex-shrink:0;width:37px;height:37px;display:block;position:relative}.sun i{background:linear-gradient(#f2f0e4 0 36%,#0000 36% 64%,#f2f0e4 64%);width:1px;height:37px;position:absolute;top:0;left:18px}.nav-divider{background:#eaeedf30;width:1px;height:24px}.studio{white-space:nowrap;color:#c0cbbf;font-size:14px}.contact-link{color:#f0f0e3;background:#09271f9c;border:1px solid #e9efdf40;border-radius:30px;align-items:center;gap:26px;margin-left:auto;padding:12px 18px;font-size:14px;text-decoration:none;display:flex}.contact-link:hover{background:#244535}.composition{flex:1;grid-template-columns:minmax(0,1fr) minmax(440px,44%);align-items:center;gap:60px;min-height:0;padding-top:clamp(12px,3vh,36px);display:grid}.intro{color:#f0efe3;max-width:530px}.intro h1{letter-spacing:-4.8px;margin:0 0 45px;font-size:clamp(64px,6.2vw,100px);font-weight:300;line-height:1.04}.intro h1 em{letter-spacing:-4px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:1.11em;font-weight:400}.intro p{letter-spacing:3px;color:#c4ccbb;border-top:1px solid #d4dfc74a;width:fit-content;margin:0;padding-top:19px;font-size:12px;line-height:1.8}.intro b{padding:0 5px;font-weight:400}.studio-location{letter-spacing:.9px;color:#b0beac;align-items:center;gap:9px;margin-top:36px;font-size:11px;line-height:1.8;display:flex}.studio-location>span{background:#c1ee57;border-radius:50%;flex-shrink:0;width:6px;height:6px}.contact-panel{background:#fbfbf8;border:1px solid #ffffff80;border-radius:28px;min-width:0;padding:clamp(22px,3vh,34px);box-shadow:0 25px 90px #00180f38}.contact-panel h2{letter-spacing:-1.2px;align-items:center;gap:12px;margin:0 0 20px;font-size:32px;font-weight:400;line-height:1.15;display:flex}.title-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-top:7px}.email-strip{background:#f0f1ec;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.email-strip>div:first-child{flex-direction:column;gap:5px;display:flex}.email-strip>div:first-child>span{color:#747e6e;font-size:13px}.email-strip a{color:#27483a;letter-spacing:-.15px;font-size:16px;font-weight:400;text-decoration:none}.socials{flex-shrink:0;gap:8px;display:flex}.socials a{color:#2c4135;border:1px solid #cfd4c9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,border-color .18s;display:flex}.socials a:hover{background:#e1e5da;border-color:#89977f}.social-icon{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.facebook-icon{width:16px;height:16px;-webkit-mask-image:url(/facebook.svg);mask-image:url(/facebook.svg)}.zalo-icon{width:23px;height:23px;-webkit-mask-image:url(/zalo.svg);mask-image:url(/zalo.svg)}.separator{color:#939b8b;letter-spacing:1px;align-items:center;gap:19px;margin:20px 0;font-size:11px;display:flex}.separator:before,.separator:after{content:"";background:#e2e5db;flex:1;height:1px}.form-heading{letter-spacing:-.1px;margin:0 0 11px;font-size:15px;font-weight:400}.input-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}input,textarea{width:100%;min-width:0;box-shadow:none;color:#28372e;background:#fdfdfa;border:1px solid #dedfd7;border-radius:9px;padding:13px;font-size:15px}input::placeholder,textarea::placeholder{color:#8c9584}textarea{resize:none;height:clamp(76px,12vh,120px);min-height:0;margin-top:9px;line-height:1.5;display:block}fieldset{border:0;min-width:0;margin:20px 0;padding:0}legend{color:#535f50;margin-bottom:11px;padding:0;font-size:13px;font-weight:400}.service-chips{flex-wrap:wrap;gap:7px;display:flex}.service-chips button{color:#727e6b;background:0 0;border:1px solid #dfe2d8;border-radius:8px;min-height:36px;padding:8px 10px;font-size:13px}.service-chips button:hover{color:#30402d;border-color:#8b9b81}.service-chips button[aria-pressed=true]{color:#283f2f;background:#eef1e7;border-color:#52654b}.service-picker{display:none}.send{color:#fff;letter-spacing:.1px;background:#122b20;border:0;border-radius:10px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:49px;font-size:15px;font-weight:400;display:flex}.send:hover{background:#234533}.send:disabled{opacity:.65;cursor:wait}.form-footnote{min-height:32px;padding-top:10px}.privacy{color:#7b8771;text-align:center;margin:0;font-size:11px;line-height:1.5}.form-status{margin:0;font-size:12px;line-height:1.4}.form-status.error{color:#a92020}.form-status.success{color:#236139}.sr-only,.trap{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:761px) and (max-height:800px){.home{padding-top:20px;padding-bottom:20px}.brand{font-size:42px}.contact-panel{padding:22px}.contact-panel h2{margin-bottom:14px;font-size:28px}.email-strip{padding:11px 14px}.separator{margin:15px 0}.form-heading{margin-bottom:9px}fieldset{margin:14px 0}legend{margin-bottom:9px}.service-chips{gap:6px}.service-chips button{min-height:32px;padding:7px 9px}.send{min-height:43px}.form-footnote{min-height:29px;padding-top:8px}.intro h1{font-size:clamp(60px,6vw,85px)}}@media (max-width:1050px) and (min-width:761px){.home{padding-left:30px;padding-right:30px}.composition{grid-template-columns:minmax(0,1fr) minmax(405px,48%);gap:25px}.intro h1{font-size:68px}.intro p{letter-spacing:2px;font-size:11px}.studio-location{letter-spacing:0;font-size:10px}.contact-panel{padding:24px}.service-chips button{font-size:12px}}@media (max-width:760px){.home{gap:0;padding:16px 20px}.navigation{gap:13px}.brand{gap:10px;font-size:36px}.sun{width:30px;transform:scale(.8)}.studio{font-size:11px}.nav-divider{height:20px}.contact-link{gap:12px;padding:9px 13px;font-size:12px}.composition{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:18px;padding-top:16px}.intro{padding:0 3px}.intro h1{letter-spacing:-2px;margin:0 0 11px;font-size:42px;line-height:1}.intro h1 br{display:none}.intro h1 em{letter-spacing:-2px;margin-left:8px;font-size:1.08em}.intro p{letter-spacing:2px;border-top:0;padding-top:0;font-size:10px}.studio-location{display:none}.backdrop{background-position:43%}.backdrop:after{background:linear-gradient(#03251e10,#07251d66)}.contact-panel{border-radius:23px;justify-self:center;width:100%;max-width:560px;padding:22px}.contact-panel h2{margin-bottom:16px;font-size:28px}.email-strip{padding:12px 14px}.email-strip>div:first-child>span{font-size:12px}.email-strip a{font-size:15px}.socials a{width:38px;height:38px}.separator{margin:15px 0}.form-heading{margin-bottom:10px;font-size:14px}input,textarea{padding:11px 12px;font-size:16px}textarea{height:84px;margin-top:8px}fieldset{margin:15px 0}legend{margin-bottom:9px;font-size:13px}.desktop-services{display:none}.service-picker{display:block;position:relative}.service-picker summary{cursor:pointer;background:#fdfdfa;border:1px solid #dedfd7;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;font-size:14px;list-style:none;display:flex}.service-picker summary::-webkit-details-marker{display:none}.service-picker[open] summary{border-color:#7f9b88}.service-picker .service-chips{z-index:5;background:#fbfbf8;border:1px solid #d5ddce;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;right:0;box-shadow:0 8px 30px #162e1c26}.service-picker .service-chips button{min-height:38px;padding:7px 8px;font-size:12px}.send{min-height:45px;font-size:15px}.form-footnote{min-height:36px;padding-top:9px}.privacy,.form-status{font-size:11px}}@media (max-width:760px) and (max-height:740px){.home{padding:12px 16px}.brand{font-size:32px}.composition{gap:12px;padding-top:10px}.intro h1{margin-bottom:7px;font-size:35px}.intro p{font-size:9px}.contact-panel{padding:18px}.contact-panel h2{margin-bottom:11px;font-size:25px}.email-strip{padding:9px 12px}.separator{margin:11px 0}.form-heading{margin-bottom:8px;font-size:13px}input,textarea{padding:9px 11px}textarea{height:64px}fieldset{margin:11px 0}legend{margin-bottom:7px}.send{min-height:42px}.form-footnote{min-height:32px;padding-top:7px}}@media (max-width:380px){.studio,.nav-divider{display:none}.intro h1{font-size:33px}.intro p{letter-spacing:1.8px}.contact-panel{padding:16px}.email-strip{padding:8px 10px}.email-strip a{font-size:14px}.socials{gap:6px}.socials a{width:34px;height:34px}.form-footnote{min-height:37px}.privacy{font-size:10px}}@media (max-height:600px) and (min-width:761px){.home{padding:12px 3vw}.navigation{height:33px}.brand{font-size:33px}.composition{grid-template-columns:minmax(0,1fr) minmax(440px,48%);gap:30px;padding-top:8px}.contact-panel{border-radius:22px;padding:16px 20px}.contact-panel h2{margin-bottom:9px;font-size:24px}.email-strip{padding:8px 12px}.email-strip>div:first-child>span{font-size:11px}.socials a{width:33px;height:33px}.separator{margin:10px 0}.form-heading{margin-bottom:7px;font-size:13px}input,textarea{padding:9px 11px}textarea{height:58px}fieldset{margin:10px 0}legend{margin-bottom:6px;font-size:12px}.service-chips button{min-height:29px;padding:6px 8px;font-size:12px}.send{min-height:36px}.form-footnote{min-height:26px;padding-top:6px}.intro h1{margin-bottom:25px;font-size:60px}.studio-location{margin-top:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (max-width:760px) and (max-height:620px){.home{padding:10px 16px}.composition{gap:10px;padding-top:10px}.intro h1{margin-bottom:5px;font-size:30px}.intro p{font-size:9px}.contact-panel{padding:14px 16px}.contact-panel h2{margin-bottom:9px;font-size:24px}.separator{margin:8px 0}.form-heading{display:none}textarea{height:58px}fieldset{margin:9px 0}.form-footnote{min-height:30px}.privacy{font-size:10px}.service-picker .service-chips button{min-height:32px}}