.hero-mobile-heading,.hero-mobile-intro,.hero-mobile-label,.hero-mobile-photo-label{display:none}@media (max-width:767px){html{scroll-padding-top:80px}.site-header>div{height:68px;padding-inline:24px}.site-header a>span:first-child{letter-spacing:.12em;font-size:16px}.menu-trigger{min-height:44px}.architect-hero{color:#063a32;background:#f4f7f3}#main-content .architect-hero-main{gap:0;padding:68px 0 0}.architect-hero .architect-copy{color:#063a32;padding:26px 24px 28px}.architect-grid,.architect-coordinate,.blueprint-stamp{display:none}.architect-kicker{color:#567064;letter-spacing:.12em;gap:9px;font-size:9px}.live-mark{background:#0a5c4f;width:6px;height:6px}.hero-desktop-heading,.hero-desktop-label,.architect-copy .architect-intro{display:none}.architect-copy h1{clip-path:none;white-space:normal;width:auto;height:auto;margin:14px 0 12px;padding:0;position:static;overflow:visible}.hero-mobile-heading{color:#063a32;letter-spacing:-.05em;font-size:clamp(29px,8.15vw,48px);font-weight:500;line-height:1.36;display:block}.hero-mobile-heading em{color:#668574;font-style:normal;font-weight:400}.hero-mobile-intro{color:#50655b;font-size:13px;line-height:1.85;display:block}.hero-mobile-label{display:inline}.architect-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.architect-primary{color:#fff;background:#063a32;border-radius:3px;justify-content:space-between;gap:8px;min-height:48px;padding:14px;font-size:12px}.architect-primary:hover{background:#0a5c4f}.architect-secondary{color:#063a32;border:1px solid #063a3225;border-radius:3px;justify-content:space-between;min-height:48px;padding:14px 10px;font-size:12px}.architect-image{height:clamp(250px,42svh,420px);box-shadow:none;order:-1;margin:0}.architect-image-photo{object-position:50% 58%;clip-path:none;animation:none;transform:none}.architect-image:after{display:none}.architect-image .image-shade{background:linear-gradient(#0000,#06241b85);inset:55% 0 0}.hero-mobile-photo-label{color:#fff;letter-spacing:.1em;gap:6px;font-size:8px;display:grid;position:absolute;bottom:22px;left:24px}.hero-mobile-photo-label>span:last-child{color:#ffffffb3;font-size:7px}.image-index,.image-dimensions,.image-caption{display:none}.image-caption strong{font-size:23px;line-height:1.5}.image-open{color:#fff;background:#ffffff14;border:1px solid #ffffff70;border-radius:50%;width:40px;height:40px;bottom:20px;right:24px}.architect-footer{color:#063a32;border-top:1px solid #063a3215;min-height:0;padding:18px 24px}.architect-footer-lead{display:none}.architect-services{color:#668574;justify-content:space-between;width:100%}.architect-services b{color:#294e40;font-size:11px;font-weight:500}#main-content>section:not(.architect-hero){padding-block:64px}#main-content>section>div{padding-inline:24px}#main-content h2{letter-spacing:-.04em;text-wrap:pretty;font-size:28px;font-weight:500;line-height:1.4}.project-filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:3px 0 8px;overflow-x:auto}.project-filters button{border:1px solid #063a321c;border-radius:24px;flex:none;min-height:44px;padding:10px 15px;font-size:12px}.project-filters button[aria-pressed=true]{color:#fff;background:#063a32;border-color:#063a32}.project-collection{scroll-snap-type:x mandatory;padding-inline:24px;scrollbar-width:thin;gap:20px;margin-inline:-24px;padding-bottom:16px;scroll-padding-left:24px;display:flex;overflow-x:auto}.project-collection .project-link{scroll-snap-align:start;flex:0 0 88%;min-width:0}.project-collection .project-link>div:first-child{height:320px}.project-collection .project-link>div:nth-child(2){flex-wrap:wrap;gap:12px}.project-collection .project-link h3{margin-top:8px;font-size:20px;line-height:1.5}.project-collection .project-link .text-right{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.project-collection .project-link .text-right>span{margin:0}#du-an .mt-20{margin-top:32px;padding-top:24px}#du-an .btn-jade-outline{white-space:normal;padding-inline:18px;font-size:10px}#du-toan>div>div:first-child{gap:20px;padding-bottom:28px}.estimate-advisory{background:0 0;border:0;margin:24px 0;padding:0}.estimate-advisory>span{letter-spacing:.08em;font-size:9px}.estimate-advisory>p{font-size:12px;line-height:1.85}.estimate-configurator{gap:20px}.estimate-live-card{z-index:0;border-radius:8px;height:auto;min-height:200px;padding:18px;position:relative;top:auto}.estimate-live-card .construction-stage>svg{height:154px}.estimate-live-total{padding-left:14px}.estimate-live-total strong{font-size:clamp(20px,5.3vw,30px)}.estimate-live-total>span,.estimate-live-total .estimate-live-note{font-size:10px}.estimate-controls{background:0 0;border:0;min-width:0;padding:0}.estimate-step-tabs{z-index:10;background:#f2f5f3;border-radius:0;margin:0 0 18px;padding:8px 0;top:68px}.estimate-step-tabs button{border-radius:4px;min-height:46px;font-size:12px}.estimate-step-hint{margin-bottom:24px;font-size:12px}.estimate-step-panel>.grid{gap:12px}.estimate-step-panel button{min-height:52px}.estimate-step-footer{padding-block:20px 4px;font-size:12px}.estimate-step-footer button{min-height:44px}.estimate-details{border-radius:8px;margin-top:32px;padding:24px 20px}.estimate-details .py-3.flex{flex-wrap:wrap;gap:6px;font-size:12px}.estimate-details .py-3.flex>span:last-child{margin-left:auto}.consultation-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:28px 22px}.consultation-form input:not([type=checkbox]),.consultation-form select{min-width:0;min-height:48px;font-size:16px}.consultation-form .consent input{flex:none;width:18px;height:18px}.consultation-form fieldset{gap:18px 12px}}@media (max-width:359px){.architect-actions{gap:8px}.architect-primary,.architect-secondary{padding-inline:10px;font-size:11px}.project-collection .project-link{flex-basis:94%}.estimate-live-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:14px}.consultation-form fieldset>label{grid-column:1/-1}}@media (max-width:767px){.estimate-floor-picker{flex-wrap:wrap;gap:16px}.estimate-floor-picker>div{justify-content:space-between;width:100%}.estimate-floor-picker button{width:40px;min-height:44px}.estimate-foundation-picker{flex-wrap:wrap;gap:12px}.estimate-foundation-picker select{max-width:100%;min-height:44px;font-size:14px}}@media (min-width:768px) and (max-width:1023px){.estimate-live-card{z-index:0;position:relative;top:auto}.estimate-step-tabs{top:80px}}
@media (min-width:768px){.architect-hero{background:#063a32}.architect-hero-main{isolation:isolate;align-items:flex-end;max-width:none;min-height:max(700px,100svh - 64px);padding:80px 0 0;display:flex}.architect-hero .architect-copy{z-index:2;width:100%;max-width:1360px;margin-inline:auto;padding:160px 32px 52px}.architect-grid,.blueprint-stamp,.architect-coordinate,.hero-desktop-heading,.hero-desktop-label,.architect-copy .architect-intro{display:none}.architect-copy h1{font-size:inherit;line-height:inherit;margin:20px 0}.hero-mobile-heading{color:#fff;letter-spacing:-.055em;text-wrap:balance;max-width:850px;font-size:clamp(48px,4.5vw,80px);font-weight:500;line-height:1.2;display:block}.hero-mobile-heading em{color:#c3ddce;font-style:normal;font-weight:400}.architect-kicker{color:#d3e4da;letter-spacing:.15em;gap:10px;font-size:10px}.live-mark{background:#bbdcc9}.kicker-city{color:#d3e4da;opacity:.8;margin-left:22px}.hero-mobile-intro{color:#e0e9e3;font-size:15px;line-height:1.85;display:block}.hero-mobile-label{display:inline}.architect-actions{gap:14px;margin-top:30px;display:flex}.architect-primary,.architect-secondary{border-radius:3px;justify-content:space-between;gap:22px;width:210px;min-height:54px;padding:16px 20px;font-size:13px;display:flex}.architect-primary{color:#063a32;background:#edf4eb}.architect-primary:hover{background:#fff}.architect-secondary{color:#fff;background:#ffffff04;border:1px solid #ffffff70}.architect-secondary:hover{background:#ffffff16}.architect-image{z-index:0;height:auto;box-shadow:none;perspective:none;transform-style:flat;margin:0;position:absolute;inset:80px 0 0;transform:none!important}.architect-image-photo{object-fit:cover;object-position:50% 49%;clip-path:none;animation:none;transform:none}.architect-image:before,.architect-image:after,.image-caption,.image-index,.image-dimensions,.image-open{display:none}.architect-image .image-shade{background:linear-gradient(90deg,#031d18aa 0%,#031d1850 52%,#031d180a 100%),linear-gradient(#031d1800 20%,#031d1826 42%,#031d19e0 100%);inset:0}.hero-mobile-photo-label{z-index:1;color:#d2e3d9;letter-spacing:.15em;text-align:right;gap:7px;font-size:9px;display:grid;position:absolute;bottom:52px;left:auto;right:max(32px,50vw - 648px)}.hero-mobile-photo-label>span:last-child{color:#a6beb2;font-size:8px}.architect-footer{border-top:1px solid #ffffff20;max-width:none;min-height:64px;padding:20px max(32px,50vw - 648px)}.architect-footer-lead,.architect-scroll{display:none}.architect-services{color:#8daf9c;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.architect-services>span:nth-child(2){justify-self:center}.architect-services>span:last-child{justify-self:end}.architect-services b{color:#d8e9df;margin-left:12px;font-size:12px;font-weight:500}}@media (min-width:768px) and (max-width:1023px){.architect-hero-main{min-height:max(720px,100svh - 64px)}.architect-hero .architect-copy{padding:180px 32px 48px}.hero-mobile-heading{font-size:54px}.hero-mobile-photo-label{display:none}}
.hero-display-line{display:block}.hero-photo-plane{position:absolute;inset:-2%}.model-roof{transition:transform .38s cubic-bezier(.22,1,.36,1)}.model-tier-removing{animation:model-storey-out .28s var(--exit-delay,0s) cubic-bezier(.4,0,1,1) both;pointer-events:none}.model-view-actions button:disabled{opacity:.35;cursor:default}@media (max-width:1023px){.estimate-live-card .model-dimensions{font-size:16px}.estimate-live-card .construction-preview-heading{justify-content:flex-start;height:32px}.estimate-live-card .construction-preview-heading>span{display:none}.estimate-live-card .model-view-actions{gap:4px}.estimate-live-card .model-view-actions button{min-width:28px;min-height:28px;padding:5px}}@keyframes model-storey-out{to{opacity:0;transform:translateY(-20px)}}@media (prefers-reduced-motion:no-preference){.motion-enabled .architect-kicker{animation:.65s 50ms both atelier-rise}.motion-enabled .hero-display-line{animation:.85s cubic-bezier(.16,1,.3,1) both atelier-rise}.motion-enabled .hero-display-line:nth-child(2){animation-delay:.13s}.motion-enabled .hero-mobile-intro{animation:.75s .23s both atelier-rise}.motion-enabled .architect-actions{animation:.75s .34s both atelier-rise}.motion-enabled .architect-image-photo{animation:1.7s cubic-bezier(.16,1,.3,1) both atelier-photo-in}.motion-enabled .hero-mobile-photo-label{animation:.7s .4s both atelier-rise}.motion-enabled .live-mark{animation:.8s .1s both atelier-mark-in}.motion-enabled [data-motion-reveal]{opacity:0;filter:none;transition:opacity .65s,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.motion-enabled [data-motion-reveal][data-motion-revealed=true],.motion-enabled [data-motion-reveal]:focus-within{opacity:1;transform:none}.motion-enabled .project-link{animation:none}.motion-enabled .estimate-step-panel:not([hidden]){animation:.36s cubic-bezier(.16,1,.3,1) both atelier-panel-in}.motion-enabled .estimate-live-total>strong{animation:.45s ease-out both atelier-amount-in}.motion-enabled .blueprint-content{animation:.45s cubic-bezier(.16,1,.3,1) both atelier-panel-in}.architect-primary,.architect-secondary,.estimate-step-tabs button,.project-filters button{transition:background-color .25s,color .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1)}.architect-actions button svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.architect-primary:active,.architect-secondary:active,.project-filters button:active,.estimate-step-tabs button:active{transform:scale(.97)}.project-link:active>div:first-child img{transform:scale(1.025)}@supports (animation-timeline:view()){.motion-enabled .hero-photo-plane{animation:linear both atelier-photo-scroll;animation-timeline:view();animation-range:exit}}}@keyframes atelier-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes atelier-photo-in{0%{transform:scale(1.055)}to{transform:scale(1)}}@keyframes atelier-photo-scroll{0%{translate:0}to{translate:0 3%}}@keyframes atelier-mark-in{0%{opacity:0;transform:rotate(45deg)scale(.4)}to{opacity:1;transform:rotate(45deg)scale(1)}}@keyframes atelier-panel-in{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes atelier-amount-in{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.architect-primary:hover,.architect-secondary:hover{transform:translateY(-3px)}.architect-primary:hover svg{transform:translate(3px,-3px)}.architect-secondary:hover svg{transform:translate(2px,3px)}.motion-enabled .project-link:hover img{transform:scale(1.045)}.motion-enabled .process-step[data-motion-revealed=true]:hover{transform:translateY(-5px)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.motion-enabled [data-motion-reveal]{transition-duration:.5s,.6s;transform:translateY(16px)}.motion-enabled [data-motion-reveal][data-motion-revealed=true],.motion-enabled [data-motion-reveal]:focus-within{transform:none}.motion-enabled .architect-image-photo{animation-duration:1.15s}}@media (prefers-reduced-motion:reduce){.model-roof{transition:none}.model-tier-removing{opacity:0;animation:none}.hero-photo-plane{animation:none!important;translate:none!important}.hero-display-line,.hero-mobile-intro,.architect-actions,.hero-mobile-photo-label,.architect-kicker,.estimate-live-total>strong,.blueprint-content{opacity:1!important;animation:none!important;transform:none!important}}