*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-10{bottom:-2.5rem}.-left-10{left:-2.5rem}.-left-\[9px\]{left:-9px}.-right-10{right:-2.5rem}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-\[-4px\]{bottom:-4px}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.-z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[1px\]{height:1px}.h-full{height:100%}.max-h-\[80\%\]{max-height:80%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:.125rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[80\%\]{width:80%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[90\%\]{max-width:90%}.max-w-sm{max-width:24rem}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-full{--tw-translate-x:100%}.scale-100,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-ew-resize{cursor:ew-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-brand-orange{--tw-border-opacity:1;border-color:rgb(244 138 31/var(--tw-border-opacity,1))}.border-brand-orange\/15{border-color:rgba(244,138,31,.15)}.border-brand-orange\/20{border-color:rgba(244,138,31,.2)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-500\/10{border-color:rgba(249,115,22,.1)}.border-orange-500\/5{border-color:rgba(249,115,22,.05)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#0068FF\]{--tw-bg-opacity:1;background-color:rgb(0 104 255/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-brand-brown{--tw-bg-opacity:1;background-color:rgb(60 46 37/var(--tw-bg-opacity,1))}.bg-brand-brown\/5{background-color:rgba(60,46,37,.05)}.bg-brand-cream{--tw-bg-opacity:1;background-color:rgb(253 247 241/var(--tw-bg-opacity,1))}.bg-brand-cream\/50{background-color:hsla(30,75%,97%,.5)}.bg-brand-cream\/60{background-color:hsla(30,75%,97%,.6)}.bg-brand-cream\/80{background-color:hsla(30,75%,97%,.8)}.bg-brand-dark{--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1))}.bg-brand-orange{--tw-bg-opacity:1;background-color:rgb(244 138 31/var(--tw-bg-opacity,1))}.bg-brand-orange\/5{background-color:rgba(244,138,31,.05)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-\[url\(\'\/assets\/images\/project-bietthu\.webp\'\)\]{background-image:url(/assets/images/project-bietthu.webp)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-brand-cream{--tw-gradient-from:#fdf7f1 var(--tw-gradient-from-position);--tw-gradient-to:hsla(30,75%,97%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-brand-cream\/90{--tw-gradient-to:hsla(30,75%,97%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(30,75%,97%,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-6{padding-left:1.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-brand-brown{--tw-text-opacity:1;color:rgb(60 46 37/var(--tw-text-opacity,1))}.text-brand-orange{--tw-text-opacity:1;color:rgb(244 138 31/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-white\/95{color:hsla(0,0%,100%,.95)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-brand-brown{--tw-shadow-color:#3c2e25;--tw-shadow:var(--tw-shadow-colored)}.shadow-brand-brown\/10{--tw-shadow-color:rgba(60,46,37,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand-brown\/5{--tw-shadow-color:rgba(60,46,37,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/20{--tw-shadow-color:rgba(249,115,22,.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:bg-brand-orange:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(244 138 31/var(--tw-bg-opacity,1))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1))}.hover\:bg-brand-orange:hover{--tw-bg-opacity:1;background-color:rgb(244 138 31/var(--tw-bg-opacity,1))}.hover\:text-brand-orange:hover{--tw-text-opacity:1;color:rgb(244 138 31/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-orange-500\/20:hover{--tw-shadow-color:rgba(249,115,22,.2);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-orange-500\/25:hover{--tw-shadow-color:rgba(249,115,22,.25);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-orange-500\/30:hover{--tw-shadow-color:rgba(249,115,22,.3);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-orange-500\/40:hover{--tw-shadow-color:rgba(249,115,22,.4);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-brand-orange:focus{--tw-border-opacity:1;border-color:rgb(244 138 31/var(--tw-border-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-brand-orange\/15:focus{--tw-ring-color:rgba(244,138,31,.15)}.group:hover .group-hover\:w-full{width:100%}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:aspect-\[16\/9\]{aspect-ratio:16/9}.md\:h-12{height:3rem}.md\:w-auto{width:auto}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-24{padding-top:6rem}.md\:pb-24,.md\:py-24{padding-bottom:6rem}.md\:pt-40{padding-top:10rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:flex{display:flex}.lg\:w-2\/3{width:66.666667%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:opacity-20{opacity:.2}}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fonts/inter-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*! Font Awesome Free 6.4.0 - see /assets/vendor/FONTAWESOME-LICENSE.txt */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/fa-solid-900.woff2") format("woff2")}
.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;display:inline-block;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased}
.fa-bars:before{content:"\f0c9"}
.fa-circle-exclamation:before{content:"\f06a"}
.fa-microchip:before{content:"\f2db"}
.fa-rotate-left:before{content:"\f2ea"}
.fa-circle-check:before{content:"\f058"}
.fa-arrows-left-right:before{content:"\f07e"}
.fa-shield-halved:before{content:"\f3ed"}
.fa-file-contract:before{content:"\f56c"}
.fa-arrow-right:before{content:"\f061"}
.fa-tags:before{content:"\f02c"}
.fa-comment-dots:before{content:"\f4ad"}
.fa-phone:before{content:"\f095"}
.fa-envelope:before{content:"\f0e0"}
.fa-calculator:before{content:"\f1ec"}
.fa-industry:before{content:"\f275"}
.fa-location-dot:before{content:"\f3c5"}
.fa-chevron-down:before{content:"\f078"}
.fa-xmark:before{content:"\f00d"}
.fa-chevron-right:before{content:"\f054"}
.fa-paper-plane:before{content:"\f1d8"}

    /* Custom styles for Nhà Đẹp Plus Landing Page */

    /* Import Google Font */


    :root {
      --brand-orange: #F48A1F;
      --brand-orange-light: #FF9E3D;
      --brand-orange-dark: #D96C0F;
      --brand-brown: #3C2E25;
      --brand-cream: #FDF7F1;
      --brand-dark: #2A2A2A;
      --brand-gray: #7A7A7A;
    }

    body {
      font-family: 'Inter', sans-serif;
      background-color: var(--brand-cream);
      color: var(--brand-brown);
      scroll-behavior: smooth;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: var(--brand-cream);
    }

    ::-webkit-scrollbar-thumb {
      background: var(--brand-orange);
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: var(--brand-orange-dark);
    }

    /* Base custom classes */
    .bg-brand-cream {
      background-color: var(--brand-cream);
    }

    .bg-brand-brown {
      background-color: var(--brand-brown);
    }

    .bg-brand-orange {
      background-color: var(--brand-orange);
    }

    .bg-brand-cream\/60 {
      background-color: rgba(253, 247, 241, 0.6);
    }

    .bg-brand-dark {
      background-color: var(--brand-dark);
    }

    .text-brand-orange {
      color: var(--brand-orange);
    }

    .text-brand-orange-dark {
      color: var(--brand-orange-dark);
    }

    .text-brand-brown {
      color: var(--brand-brown);
    }

    .hover\:text-brand-orange:hover {
      color: var(--brand-orange);
    }

    .hover\:text-brand-orange-dark:hover {
      color: var(--brand-orange-dark);
    }

    .hover\:bg-brand-dark:hover {
      background-color: var(--brand-dark);
    }

    .border-brand-orange\/15 {
      border-color: rgba(244, 138, 31, 0.15);
    }

    .border-brand-orange\/20 {
      border-color: rgba(244, 138, 31, 0.2);
    }

    .border-brand-orange {
      border-color: var(--brand-orange);
    }

    .shadow-brand-brown\/5 {
      --tw-shadow-color: rgba(60, 46, 37, 0.05);
      --tw-shadow: var(--tw-shadow-colored);
    }

    .bg-brand-gradient {
      background: linear-gradient(135deg, var(--brand-orange-light) 0%, var(--brand-orange-dark) 100%);
    }

    .text-brand-gradient {
      background: linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-dark) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Glassmorphism card */
    .glass-card {
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.4);
    }

    /* Floating contact buttons */
    .floating-contact {
      position: fixed;
      bottom: 24px;
      right: 24px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 100;
    }

    .floating-btn {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
      position: relative;
    }

    .floating-btn:hover {
      transform: translateY(-4px) scale(1.05);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    }

    .btn-zalo {
      background-color: #0068FF;
    }

    .btn-phone {
      background-color: var(--brand-orange);
    }

    /* Pulsing effect for buttons */
    .pulse-ring {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      animation: pulse-animation 2s infinite;
      box-shadow: 0 0 0 0 rgba(244, 138, 31, 0.7);
    }

    .btn-zalo .pulse-ring {
      box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7);
    }

    @keyframes pulse-animation {
      0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(244, 138, 31, 0.7);
      }

      70% {
        transform: scale(1.3);
        box-shadow: 0 0 0 15px rgba(244, 138, 31, 0);
      }

      100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(244, 138, 31, 0);
      }
    }

    .btn-zalo .pulse-ring {
      animation: pulse-animation-zalo 2s infinite;
    }

    @keyframes pulse-animation-zalo {
      0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7);
      }

      70% {
        transform: scale(1.3);
        box-shadow: 0 0 0 15px rgba(0, 104, 255, 0);
      }

      100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0);
      }
    }

    /* Accordion design */
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
    }

    .faq-item.active .faq-answer {
      max-height: 1000px;
      transition: max-height 0.5s ease-in-out;
    }

    .faq-item.active .faq-icon {
      transform: rotate(180deg);
    }

    /* Gallery image transitions */
    .gallery-item {
      transition: all 0.4s ease;
    }

    .gallery-item.hidden {
      opacity: 0;
      transform: scale(0.9);
      pointer-events: none;
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
      padding: 0;
      margin: 0;
    }

    /* Form inputs */
    input:focus,
    select:focus,
    textarea:focus {
      border-color: var(--brand-orange) !important;
      box-shadow: 0 0 0 3px rgba(244, 138, 31, 0.15) !important;
    }

    .form-error {
      border-color: #EF4444 !important;
    }

    .form-error-msg {
      color: #EF4444;
      font-size: 0.75rem;
      margin-top: 0.25rem;
      margin-left: 0.25rem;
    }

    /* --- BEFORE/AFTER SLIDER STYLES --- */
    .before-after-container {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: 1rem;
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    .before-after-img {
      display: block;
      width: 100%;
      height: auto;
      user-select: none;
    }

    .before-after-overlay-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .before-after-overlay-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      max-width: none;
    }

    .before-after-slider-range {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: ew-resize;
      z-index: 30;
    }

    .before-after-handle {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 4px;
      background-color: white;
      left: 50%;
      transform: translateX(-50%);
      z-index: 20;
      pointer-events: none;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .before-after-handle-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 44px;
      height: 44px;
      background-color: var(--brand-orange);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
      border: 3px solid white;
    }

    .before-after-badge {
      position: absolute;
      bottom: 16px;
      padding: 6px 12px;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 4px;
      z-index: 10;
      pointer-events: none;
      letter-spacing: 0.05em;
      backdrop-filter: blur(4px);
    }

    .badge-before {
      left: 16px;
    }

    .badge-after {
      right: 16px;
    }

    /* --- INTERACTIVE CALCULATOR STYLES --- */
    .calc-range-slider {
      -webkit-appearance: none;
      width: 100%;
      height: 8px;
      border-radius: 4px;
      background: #E5E7EB;
      outline: none;
    }

    .calc-range-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--brand-orange);
      cursor: pointer;
      border: 3px solid white;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
      transition: transform 0.1s ease;
    }

    .calc-range-slider::-webkit-slider-thumb:hover {
      transform: scale(1.1);
    }

    /* --- VIRTUAL ASSISTANT CHAT WIDGET --- */
    .kts-chat-widget {
      position: fixed;
      bottom: 96px;
      left: 24px;
      z-index: 100;
      display: flex;
      align-items: center;
      gap: 12px;
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transform: translateY(100px) scale(0.8);
      opacity: 0;
      pointer-events: none;
    }

    .kts-chat-widget.active {
      transform: translateY(0) scale(1);
      opacity: 1;
      pointer-events: auto;
    }

    .kts-avatar-container {
      position: relative;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      border: 3px solid white;
      background-color: var(--brand-cream);
      overflow: hidden;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .kts-avatar-container:hover {
      transform: scale(1.05);
    }

    .kts-online-dot {
      position: absolute;
      bottom: 0px;
      right: 2px;
      width: 12px;
      height: 12px;
      background-color: #22C55E;
      border: 2px solid white;
      border-radius: 50%;
      z-index: 10;
    }

    .kts-chat-bubble {
      background-color: white;
      color: var(--brand-brown);
      padding: 12px 16px;
      border-radius: 1rem 1rem 1rem 0;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      max-width: 250px;
      font-size: 0.825rem;
      font-weight: 500;
      line-height: 1.4;
      border: 1px solid rgba(0, 0, 0, 0.04);
      position: relative;
      padding-right: 24px; /* Space for close button */
    }

    .kts-close-btn {
      position: absolute;
      top: 6px;
      right: 6px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #9CA3AF;
      background: none;
      border: none;
      font-size: 11px;
      cursor: pointer;
      transition: all 0.2s ease;
      z-index: 20;
    }

    .kts-close-btn:hover {
      color: #EF4444;
      background-color: rgba(0, 0, 0, 0.05);
    }

    .kts-chat-bubble::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: -8px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 0;
      border-color: transparent white transparent transparent;
    }

    /* --- SCROLL PROGRESS BAR --- */
    .scroll-progress-bar {
      position: fixed;
      top: 0;
      left: 0;
      width: 0%;
      height: 3px;
      background: linear-gradient(90deg, var(--brand-orange-light), var(--brand-orange-dark));
      z-index: 9999;
      transition: width 0.05s linear;
      box-shadow: 0 0 8px rgba(244, 138, 31, 0.4);
    }

    /* --- FADE-IN ANIMATION --- */
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(16px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-fade-in {
      animation: fadeIn 0.6s ease-out forwards;
    }

    /* --- SCROLL-TRIGGERED ANIMATIONS --- */
    .reveal-on-scroll {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .reveal-on-scroll.revealed {
      opacity: 1;
      transform: translateY(0);
    }

    /* --- RESPONSIVE TWEAKS --- */
    @media (max-width: 768px) {
      .kts-chat-widget {
        bottom: 80px;
        left: 12px;
      }

      .kts-chat-bubble {
        max-width: 200px;
        font-size: 0.75rem;
      }

      .floating-contact {
        bottom: 16px;
        right: 16px;
      }

      .floating-btn {
        width: 48px;
        height: 48px;
      }
    }

    /* --- REUSABLE DYNAMIC BEFORE-AFTER SLIDER CLASS --- */
    .before-after-slider {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .slider-after-img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      user-select: none;
    }

    .slider-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
      z-index: 10;
    }

    .slider-before-img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover;
      max-width: none;
    }

    .slider-range {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: ew-resize;
      z-index: 30;
    }

    .slider-handle {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 2px;
      background-color: white;
      z-index: 20;
      pointer-events: none;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    }
  
/* Conversion and accessibility improvements shared by all routes. */
html{scroll-padding-top:100px}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #995014!important;outline-offset:4px!important}section{scroll-margin-top:100px}input:not([type=hidden]):not([type=range]),select,textarea{min-height:48px;font-size:16px!important}#calculator select{width:100%;min-width:0;padding:12px 28px 12px 10px}#calculator .lg\:col-span-6{min-width:0}#calc-lead-form input:not([type=hidden]){border:1px solid #aaa;border-radius:8px;padding:10px;width:100%}#calc-results .flex.justify-between{gap:12px;align-items:flex-start}#calc-results [id^=res-]{white-space:nowrap}#calc-results .text-\[10px\]{font-size:13px;color:#595959}#calc-status,.lead-status{font-size:14px;line-height:1.5;color:#3c2e25}#calc-status:empty,.lead-status:empty{display:none}.project-view{min-height:44px}.mobile-actions{display:none}.reveal-on-scroll{opacity:1!important;transform:none!important}#promo-popup-modal,#kts-widget{display:none!important}#calc-results.hidden,#calc-intro.hidden{display:none!important}.lead-form{display:grid;gap:10px;max-width:600px}.lead-form input{width:100%;padding:12px;border:1px solid #aaa;border-radius:8px}.lead-form button{border:0}.nav img{height:auto}.hero img{height:auto}.service-links{display:flex;gap:12px;flex-wrap:wrap}.service-links a{padding:12px;text-decoration:underline}.image-note{font-size:14px;color:#595959}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.process-grid article{padding:20px;border:1px solid #ead9c8;border-radius:16px}.process-grid h3{font-weight:700;margin-bottom:8px}.process-grid p{font-size:14px}
@media(max-width:767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:45;display:grid;grid-template-columns:1fr 1fr 1.5fr;background:#fff;border-top:1px solid #ddd;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}.mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:#3c2e25;color:#fff;font-size:15px;font-weight:700;text-decoration:none}.mobile-actions a:last-child{background:#a64b0b}.floating-contact{display:none!important}#hero{padding-top:108px;padding-bottom:32px}#hero h1{font-size:32px}#calculator>div>div.grid{padding:16px}#calculator select{font-size:16px}#calc-results .flex.justify-between{flex-wrap:wrap}#calc-results .flex.justify-between>span:last-child{margin-left:auto}.process-grid{grid-template-columns:1fr 1fr}.nav{flex-wrap:wrap}.nav .cta{font-size:14px}.slider-range{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#calc-lead-form button{min-height:48px;font-size:16px}#calc-lead-form label{font-size:16px}#calculator input[type=range]{min-height:32px}#calc-results{scroll-margin-top:100px}.lead-form summary,summary{cursor:pointer;min-height:44px;padding:10px 0}#menu-btn,#close-menu-btn,#close-viewer-btn{min-width:44px;min-height:44px}
/* Darker text on pale brand surfaces, keeping the existing orange identity. */
section .text-brand-orange:not(i):not(.bg-brand-brown *),form a.text-brand-orange{color:#a64b0b}.filter-btn.active,.gallery-item .bg-brand-orange{background-color:#a64b0b}.text-gray-400{color:#626975}.text-gray-500{color:#58606d}.filter-btn{min-height:44px}.cta{background:#a64b0b}.bg-brand-gradient{background:linear-gradient(135deg,#b8580b,#a64b0b)}

.home-trust,.home-intent-nav{grid-column:1/-1}.home-trust{display:flex;flex-wrap:wrap;gap:12px 28px;color:#593d2b;font-size:14px}.home-trust span:before{content:'✓ ';color:#935018}.home-intent-nav h2{font-size:24px;font-weight:800;margin-bottom:16px}.home-intent-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-intent-links a{display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border:1px solid #d6c5b7;border-radius:12px;font-weight:700;min-height:68px}.home-intent-links a:hover{border-color:#a14c16;background:#fff7ec}.home-intent-section{padding:64px 24px;background:#fff}.home-intent-section:nth-child(even){background:#f7f3ee}.home-intent-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.home-intent-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.home-intent-photo p{font-size:14px;margin-top:8px;color:#665344}.home-eyebrow{font-size:12px;letter-spacing:.08em;color:#8b4719;font-weight:700}.home-intent-copy h2{font-size:30px;line-height:1.25;font-weight:800;margin:12px 0 18px}.home-intent-copy p,.home-office-proof p{line-height:1.7;color:#594b40}.home-intent-copy ul{list-style:disc;padding-left:20px;margin:18px 0;line-height:1.7}.home-intent-actions,.home-related{display:flex;gap:12px;flex-wrap:wrap}.home-intent-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #864014;border-radius:8px;font-weight:700;color:#7d3910}.home-intent-cta:first-child{background:#864014;color:white}.home-related{grid-column:1/-1}.home-related a{padding:12px;text-decoration:underline}.home-office-proof{grid-column:1/-1;max-width:780px;width:100%;margin:auto}.home-office-proof h3{font-size:24px;font-weight:700;margin-bottom:16px}.home-compare{position:relative;overflow:hidden;border-radius:14px}.home-compare img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.home-compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.home-before-label,.home-after-label{position:absolute;top:12px;background:#fff;padding:6px 12px;border-radius:6px;font-weight:700}.home-before-label{left:12px}.home-after-label{right:12px}.home-office-proof label{display:block;margin-top:12px}.home-office-proof input{width:100%;min-height:44px;accent-color:#864014}.home-intent-nav a:focus-visible,.home-intent-cta:focus-visible{outline:3px solid #864014;outline-offset:4px}
@media(max-width:1023px){#hero .grid>div:first-child{order:0}#hero .home-trust{order:1}#hero .home-intent-nav{order:2}#hero #hero-form-section{order:3}#hero .grid{gap:24px}.home-intent-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.home-intent-inner{grid-template-columns:1fr;gap:20px}.home-intent-section{padding:36px 20px}.home-intent-copy h2{font-size:26px}.home-intent-photo{order:1}.home-intent-copy{order:0}.home-office-proof,.home-related{order:2}.home-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.home-intent-nav h2{font-size:22px}.home-intent-links a{padding:12px;font-size:14px}.home-intent-actions{flex-direction:column}#hero .flex.flex-col.gap-6{gap:14px}#hero h1{font-size:30px}#hero{padding-bottom:28px}}
@media(min-width:1024px){#hero .grid>div:first-child{grid-row:1;grid-column:1/8}#hero #hero-form-section{grid-row:1;grid-column:8/13}.home-trust{grid-row:2}.home-intent-nav{grid-row:3}}
@media(max-width:767px){.home-intent-copy{display:contents}.home-intent-copy .home-eyebrow{order:0}.home-intent-copy h2{order:1;margin:0}.home-intent-photo{order:2}.home-intent-copy>p{order:3}.home-intent-copy>ul{order:4;margin:0}.home-intent-actions{order:5}.home-office-proof,.home-related{order:6}}

/* Nha Dep Plus | 13 October 2026 | scoped home-page visual refresh */
:root{--ndp-ink:#292820;--ndp-muted:#6b695f;--ndp-paper:#f6f4ee;--ndp-line:#dedbd2;--ndp-accent:#98552d;--ndp-radius:8px}
html{scroll-padding-top:92px}body{color:var(--ndp-ink);background:#fff}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #98552d;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #98552d;outline-offset:2px}section[id],div[id=c01],div[id=c02],div[id=c03],div[id=c04]{scroll-margin-top:92px}header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ndp-line);box-shadow:none!important;padding-top:14px!important;padding-bottom:14px!important}header .bg-brand-gradient{background:var(--ndp-accent);border-radius:var(--ndp-radius);box-shadow:none}.ndp-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--ndp-accent);line-height:1.8}.ndp-hero{display:grid;grid-template-columns: .85fr 1.15fr;max-width:1440px;margin:auto;padding:112px 32px 52px;gap:44px;align-items:center;background:var(--ndp-paper)}.ndp-hero-copy{padding:20px 0 20px 24px}.ndp-hero h1{font-size:clamp(34px,3.7vw,54px)!important;line-height:1.15;font-weight:650;letter-spacing:-.045em;margin:22px 0;color:var(--ndp-ink)}.ndp-hero h1 span{color:var(--ndp-accent)}.ndp-hero-description{font-size:17px;line-height:1.8;color:var(--ndp-muted);max-width:460px}.ndp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ndp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:var(--ndp-radius);font-size:14px;font-weight:650;border:1px solid var(--ndp-accent);text-align:center;transition:background .2s}.ndp-button-primary{background:var(--ndp-accent);color:white}.ndp-button-primary:hover{background:#784020}.ndp-button-outline{color:var(--ndp-accent);background:transparent}.ndp-button-outline:hover{background:#eee5d9}.ndp-hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.7;color:var(--ndp-muted);margin-top:30px;padding-top:22px;border-top:1px solid var(--ndp-line)}.ndp-hero-proof span:before{content:'✓ ';color:var(--ndp-accent)}.ndp-hero-image{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:4px}.ndp-hero-image img{display:block;width:100%;height:560px;object-fit:cover}.ndp-hero-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 28px 24px;background:linear-gradient(transparent,rgba(18,18,14,.78));color:white;display:grid;gap:5px}.ndp-hero-image figcaption span{font-size:10px;letter-spacing:.12em}.ndp-hero-image figcaption strong{font-size:20px;font-weight:550}.ndp-hero-image figcaption a{font-size:13px;text-decoration:underline;text-underline-offset:4px;width:fit-content;padding:6px 0}
.ndp-intent-section{max-width:1240px;margin:auto;padding:60px 24px}.ndp-section-head{margin-bottom:28px}.ndp-section-head h2,.ndp-enquiry-copy h2{font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.25;letter-spacing:-.025em;margin-top:10px}.ndp-intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ndp-intent-grid>a{display:block;border:1px solid var(--ndp-line);padding:24px;border-radius:var(--ndp-radius);transition:background .2s,border .2s}.ndp-intent-grid>a:hover{background:var(--ndp-paper);border-color:var(--ndp-accent)}.ndp-intent-grid span{font-size:12px;color:var(--ndp-accent)}.ndp-intent-grid h3{font-size:19px;line-height:1.3;font-weight:600;margin:20px 0 12px}.ndp-intent-grid p{font-size:14px;color:var(--ndp-muted);line-height:1.7;min-height:72px}.ndp-intent-grid b{display:block;margin-top:18px;font-size:13px;font-weight:600}
#gallery{padding-top:64px!important;padding-bottom:64px!important;background:var(--ndp-paper)!important}#gallery h2,#calculator h2,#process h2,#faq h2{letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--ndp-accent)}#gallery .text-3xl,#calculator .text-3xl{font-size:34px;letter-spacing:-.025em;font-weight:600}.gallery-item{border:1px solid var(--ndp-line)!important;border-radius:var(--ndp-radius)!important;box-shadow:none!important}.gallery-item h3{font-size:20px;font-weight:600}.gallery-item img{transition:transform .4s}.gallery-item:hover img{transform:scale(1.02)}.ndp-project-note{font-size:13px;color:var(--ndp-muted);line-height:1.6;padding:0 24px 12px}.ndp-project-enquiry{display:block;margin:0 24px 24px;color:var(--ndp-accent);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;min-height:40px;padding-top:10px}.filter-btn{box-shadow:none!important;border-radius:6px!important;min-height:44px}
.home-intent-section{padding-top:60px;padding-bottom:60px}.home-intent-photo img{border-radius:6px}.home-intent-copy h2{font-size:32px;font-weight:600;letter-spacing:-.025em}.home-intent-copy p{font-size:16px}.home-intent-cta{border-radius:6px;font-size:14px;background:white}.home-intent-cta:first-child{background:var(--ndp-accent);border-color:var(--ndp-accent)}.home-related{font-size:13px;color:var(--ndp-muted)}
.ndp-enquiry-section{max-width:1200px;margin:64px auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding:48px;background:var(--ndp-paper);border-radius:var(--ndp-radius)}.ndp-enquiry-copy>p:not(.ndp-eyebrow){font-size:15px;line-height:1.8;color:var(--ndp-muted);margin-top:18px}.ndp-enquiry-copy ol{margin-top:26px;display:grid;gap:15px;font-size:14px}.ndp-enquiry-copy li{display:flex;align-items:center;gap:14px}.ndp-enquiry-copy li span{font-size:12px;color:var(--ndp-accent);border:1px solid var(--ndp-line);padding:7px;border-radius:50%}.ndp-enquiry-note{border-top:1px solid var(--ndp-line);padding-top:20px}.ndp-enquiry-form{padding:28px;background:white;border:1px solid var(--ndp-line);border-radius:var(--ndp-radius)}.ndp-enquiry-form h3{font-size:22px;font-weight:600}.ndp-form-intro{font-size:13px;line-height:1.7;color:var(--ndp-muted);margin:10px 0 24px}#hero-quote-form input,#hero-quote-form select,#bottom-cta-form input,#bottom-cta-form select,#bottom-cta-form textarea,#calc-lead-form input{border:1px solid #d5d2c8!important;border-radius:6px!important;min-height:48px;background:white;font-size:16px!important;padding:12px!important;width:100%;max-width:100%}#hero-quote-form label,#bottom-cta-form label,#calc-lead-form label{font-size:13px!important;line-height:1.5}#hero-quote-form button[type=submit],#bottom-cta-form button[type=submit],#calc-lead-form button[type=submit]{background:var(--ndp-accent)!important;border-radius:6px!important;box-shadow:none!important;min-height:50px;padding:14px 16px!important;color:white;font-size:15px;font-weight:600;width:100%}.lead-status{margin-top:12px;font-size:14px;line-height:1.7}#calculator .shadow-lg,#calculator .shadow-xl,#bottom-register .shadow-xl{box-shadow:none!important;border-radius:8px!important}.process-grid{gap:16px}.process-grid article{border-radius:6px!important;box-shadow:none!important}#factory img{border-radius:6px}#faq .faq-item{border-radius:6px;box-shadow:none}footer{border-top:1px solid var(--ndp-line)}.floating-btn{box-shadow:0 2px 8px #0002}.ndp-intent-grid>a,.ndp-hero-image,.ndp-enquiry-form{min-width:0}
@media(max-width:1023px){.ndp-hero{gap:24px;padding:105px 24px 36px}.ndp-hero-copy{padding-left:0}.ndp-hero-image img{height:480px}.ndp-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ndp-intent-grid p{min-height:0}.ndp-enquiry-section{margin:40px 24px;padding:32px;gap:32px}}
@media(max-width:767px){header{padding-top:10px!important;padding-bottom:10px!important}.ndp-hero{display:flex;flex-direction:column;gap:24px;padding:88px 20px 28px!important}.ndp-hero-copy{padding:0}.ndp-hero h1{font-size:34px!important;line-height:1.17;margin:16px 0}.ndp-hero-description{font-size:15px;line-height:1.7}.ndp-eyebrow{font-size:10px;letter-spacing:.09em}.ndp-actions{margin-top:20px;gap:10px}.ndp-actions .ndp-button{flex:1 1 140px;padding:12px;font-size:13px}.ndp-hero-proof{margin-top:20px;padding-top:15px;gap:6px 12px;font-size:11px}.ndp-hero-image{width:100%}.ndp-hero-image img{height:auto;aspect-ratio:4/3}.ndp-hero-image figcaption{padding:40px 16px 15px}.ndp-hero-image figcaption strong{font-size:17px}.ndp-intent-section{padding:36px 20px}.ndp-section-head{margin-bottom:20px}.ndp-intent-grid{gap:10px}.ndp-intent-grid>a{padding:16px}.ndp-intent-grid h3{font-size:17px;margin:12px 0 8px}.ndp-intent-grid p{font-size:12px;line-height:1.6}.ndp-intent-grid b{font-size:12px;margin-top:12px}#gallery{padding-top:36px!important;padding-bottom:36px!important}#gallery .text-3xl,#calculator .text-3xl{font-size:28px}.gallery-item h3{font-size:19px}.home-intent-section{padding:36px 20px}.home-intent-copy h2{font-size:27px}.home-intent-copy p{font-size:15px}.home-intent-copy ul{font-size:14px}.ndp-enquiry-section{grid-template-columns:1fr;gap:26px;margin:32px 16px;padding:24px 16px}.ndp-enquiry-form{padding:20px 16px}.ndp-enquiry-copy h2{font-size:28px}.ndp-enquiry-copy>p:not(.ndp-eyebrow){font-size:14px}#calculator>.container{padding-left:20px;padding-right:20px}#bottom-register>.container{padding-left:16px;padding-right:16px}body{padding-bottom:74px}.floating-contact{bottom:0!important;left:0!important;right:0!important;flex-direction:row!important;gap:0!important;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--ndp-line);justify-content:center}.floating-btn{width:auto!important;height:44px!important;flex:1;border-radius:6px!important;box-shadow:none!important;gap:8px}.floating-btn:first-child{margin-right:10px}.floating-btn:after{font-size:14px;font-weight:600}.btn-zalo:after{content:'Trao đổi qua Zalo'}.btn-phone:after{content:'Gọi tư vấn'}.ndp-keyboard-open .floating-contact{display:none!important}.ndp-modal-open .floating-contact{display:none!important}#image-viewer-modal{z-index:150!important}#mobile-menu{z-index:160}#menu-overlay{z-index:155}.ndp-project-enquiry{margin-bottom:18px}input,select,textarea{font-size:16px!important}}
@media(max-width:359px){.ndp-hero h1{font-size:30px!important}.ndp-intent-grid{grid-template-columns:1fr}.floating-btn:after{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
.ndp-viewer-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;max-width:90%;color:white}.ndp-viewer-tools button,.ndp-viewer-tools a{padding:10px 14px;border:1px solid #ffffff65;border-radius:6px;min-height:44px;font-size:13px}.ndp-viewer-tools button[aria-pressed=true]{background:white;color:#292820}#image-viewer-modal #viewer-img{max-height:65vh}.ndp-viewer-tools a{background:#98552d;border-color:#98552d}
@media(max-width:767px){.ndp-hero-image{order:0}.ndp-hero-copy{order:1}.ndp-hero-proof{display:flex!important}.ndp-hero-proof span{flex:1 1 130px}}
/* Portfolio release: fixed image boxes, responsive cards and accessible viewer. */
.ndp-gallery-inner{max-width:1280px;margin:auto;padding:0 28px}.ndp-gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0}.ndp-gallery-filters button{padding:12px 18px;background:#fff;border:1px solid #dedbd2;border-radius:8px;font-weight:600;color:#392e26;min-height:46px}.ndp-gallery-filters button.active{background:#98552d;color:white;border-color:#98552d}.ndp-gallery-filters span{font-size:12px;opacity:.8}.ndp-gallery-status{font-size:13px;color:#6b695f;margin:16px 0}.ndp-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ndp-project-card{background:#fff;border:1px solid #e5e1d8;border-radius:12px;overflow:hidden}.ndp-project-card[hidden]{display:none!important}.ndp-project-cover{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;text-align:left}.ndp-project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.ndp-project-cover:hover img{transform:scale(1.025)}.ndp-photo-kind,.ndp-photo-count{position:absolute;bottom:12px;background:rgba(255,255,255,.95);padding:6px 9px;border-radius:4px;font-size:11px;color:#392e26}.ndp-photo-kind{left:12px}.ndp-photo-count{right:12px}.ndp-project-body{padding:22px}.ndp-project-category{color:#98552d;text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin:0 0 10px}.ndp-project-body h3{font-size:20px;line-height:1.35;font-weight:650;margin:0 0 8px}.ndp-project-place{font-size:13px;color:#6b695f;margin-bottom:12px}.ndp-project-detail{font-size:13px;line-height:1.7;color:#6b695f}.ndp-project-link{display:block;color:#98552d;font-weight:650;padding:12px 0;min-height:44px}.ndp-project-enquiry{display:block;border-top:1px solid #e5e1d8;padding:12px 0 0;font-size:12px;color:#392e26}.ndp-loadmore-wrap{text-align:center;margin-top:30px}.ndp-loadmore-wrap [hidden]{display:none}.ndp-project-dialog{width:min(1100px,96vw);max-height:94dvh;padding:0;border:0;border-radius:12px;background:#f6f4ee;color:#292820;overflow:auto}.ndp-project-dialog::backdrop{background:rgba(15,15,12,.88)}.ndp-dialog-close{position:sticky;float:right;top:10px;right:10px;margin:10px;z-index:3;width:44px;height:44px;border-radius:50%;background:#fff;color:#292820;font-size:28px;line-height:1}.ndp-dialog-stage{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;clear:both;background:#20211f;padding:14px 10px}.ndp-dialog-stage figure{margin:0;min-width:0}.ndp-dialog-stage img{height:50dvh;width:100%;object-fit:contain}.ndp-dialog-stage figcaption{color:#fff;text-align:center;padding:10px;font-size:13px}.ndp-photo-prev,.ndp-photo-next{width:44px;height:48px;background:#fff;color:#292820;border-radius:6px;font-size:30px}.ndp-dialog-details{padding:22px 30px}.ndp-dialog-details h2{font-size:24px;font-weight:650}.ndp-dialog-details p{font-size:14px;line-height:1.7;margin:12px 0}.ndp-dialog-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.ndp-dialog-thumbs button{min-width:44px;min-height:44px;border:1px solid #dedbd2;border-radius:6px;background:white}.ndp-dialog-thumbs button[aria-pressed=true]{background:#98552d;color:white}.ndp-visit-note,.ndp-location-note{font-size:13px;line-height:1.7;max-width:1040px;margin:20px auto;padding:0 24px}.ndp-visit-note a{text-decoration:underline;color:#98552d}.ndp-location-note{color:inherit}.ndp-hero h1{font-size:clamp(32px,3.1vw,48px)!important}.ndp-hero-image img{aspect-ratio:4/3;object-fit:cover}.ndp-project-dialog a:focus-visible,.ndp-project-dialog button:focus-visible{outline:3px solid #dca67d;outline-offset:3px}@media(max-width:1020px){.ndp-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ndp-gallery-inner{padding:0 18px}.ndp-project-grid{grid-template-columns:1fr;gap:20px}.ndp-gallery-filters{justify-content:flex-start;gap:8px}.ndp-gallery-filters button{padding:10px 12px;font-size:13px}.ndp-project-dialog{width:96vw;max-height:94dvh}.ndp-dialog-stage{grid-template-columns:40px 1fr 40px;padding:12px 4px}.ndp-photo-prev,.ndp-photo-next{width:36px}.ndp-dialog-stage img{height:36dvh}.ndp-dialog-details{padding:18px}.ndp-dialog-details h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.ndp-gallery-inner .ndp-section-head h2{font-size:clamp(26px,3vw,36px);line-height:1.25;font-weight:650;color:#292820;margin:12px 0 18px}.ndp-gallery-inner .ndp-section-head>p:last-child{font-size:15px;line-height:1.75;color:#57564e;max-width:820px;margin:0 auto}.ndp-gallery-inner .ndp-section-head{text-align:center}

/* Wide real project photograph and recognizable Zalo mark. */
.ndp-zalo-icon{width:42px;height:42px;display:inline-block;flex-shrink:0;vertical-align:middle}.btn-zalo .ndp-zalo-icon{width:42px;height:42px}.ndp-hero-image img{height:auto!important;width:100%;aspect-ratio:3/2!important;object-fit:contain!important}.ndp-hero{grid-template-columns:.82fr 1.18fr;align-items:center}.ndp-hero-image figcaption{padding-top:42px}.ndp-hero-image{background:#edeae3}.ndp-project-dialog .ndp-zalo-icon{width:32px;height:32px}#gallery .ndp-section-head h2{font-size:clamp(26px,3vw,36px)!important;color:#292820;font-weight:650;line-height:1.25;letter-spacing:-.025em}@media(max-width:767px){.ndp-hero-image img{aspect-ratio:3/2!important}.btn-zalo .ndp-zalo-icon{width:34px;height:34px}}