:root{--ink:#1a1c1a;--ink2:#252924;--muted:#777972;--paper:#f8f7f3;--paper2:#eeece5;--accent:#a57a59;--line:#d6d6ce;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{max-width:1440px;margin-inline:auto;padding-inline:clamp(22px,6vw,100px)}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f7f3f5;border-bottom:1px solid #e1e0d8;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:30px;height:83px;display:flex}.brand{align-items:center;gap:14px;min-width:195px;display:inline-flex}.brand-mark{font-family:var(--serif);letter-spacing:-5px;font-size:35px;line-height:1}.brand-mark span{color:var(--accent)}.brand-copy{letter-spacing:2.2px;font-size:13px;font-weight:700}.brand-copy span{letter-spacing:1.7px;color:var(--muted);margin-top:4px;font-size:8px;font-weight:500;display:block}.nav{align-items:center;gap:clamp(14px,2.4vw,36px);display:flex}.nav a{white-space:nowrap;font-size:12px;font-weight:600;transition:color .2s}.nav>a:not(.nav-cta){position:relative}.nav>a:not(.nav-cta):after{content:"";background:var(--accent);height:1px;transition:right .2s;position:absolute;bottom:-8px;left:0;right:100%}.nav>a:hover:after,.nav>a.active:after{right:0}.nav>a:hover,.nav>a.active{color:var(--accent)}.nav .nav-cta{background:var(--ink);letter-spacing:1px;padding:14px 20px;font-size:10px;color:#fff!important}.menu-toggle{background:0 0;border:0;font-size:24px;display:none}.eyebrow{letter-spacing:2.4px;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:700;display:inline-block}.eyebrow.light{color:#c59e7f}.hero{background:#eeeae2;overflow:hidden}.hero-shell{grid-template-columns:51% 49%;min-height:700px;padding-right:0;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;padding:clamp(80px,10vw,148px) 22px 42px 0;display:flex}.hero h1{font-family:var(--serif);letter-spacing:-3px;margin:34px 0 28px;font-size:clamp(54px,6.2vw,94px);font-weight:400;line-height:1.11}.hero h1 em,.display-title em,.split-text em,.footer h2 em,.page-hero h1 em,.contact-strip h2 em{color:var(--accent);font-weight:400}.hero-copy>p{color:#666b64;max-width:445px;margin:0;font-size:15px;line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:39px;display:flex}.button{letter-spacing:1px;border:0;justify-content:space-between;align-items:center;gap:30px;min-width:190px;padding:20px 24px;font-size:11px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#514237}.button.light{color:#20221f;background:#f4f0e9}.under-link{text-underline-offset:7px;font-size:12px;text-decoration:underline}.hero-foot{color:#75776f;letter-spacing:1.3px;justify-content:space-between;align-self:stretch;gap:15px;margin-top:auto;padding-top:100px;font-size:9px;line-height:1.7;display:flex}.hero-visual{background:#383b34;min-height:700px;position:relative;overflow:hidden}.photo{background:#d8d3ca;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.photo:hover img{transform:scale(1.035)}.hero-visual .photo img{object-position:center}.photo-fallback{color:#ffffffbf;background:linear-gradient(145deg,#d1c7b5,#8e9082 55%,#4c5750);flex-direction:column;justify-content:space-between;height:100%;min-height:180px;padding:28px;display:flex;position:relative}.photo-fallback span{letter-spacing:2px;font-size:10px;font-weight:700}.photo-fallback i{clip-path:polygon(0% 100%,50% 0%,100% 100%);border:1px solid #fff6;align-self:flex-end;width:53%;height:60%;display:block}.photo-label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:1px;background:#12131099;padding:10px 13px;font-size:9px;font-weight:700;position:absolute;bottom:18px;left:20px}.hero-stamp{color:#24231f;letter-spacing:1px;background:#c18d67;width:190px;padding:26px 20px;font-size:11px;line-height:1.4;position:absolute;bottom:0;left:0}.hero-stamp b{font-family:var(--serif);letter-spacing:-1px;font-size:24px;display:block}.hero-stamp span{margin-top:16px;font-size:9px;display:block}.hero-side{color:#fff;writing-mode:vertical-rl;letter-spacing:2px;font-size:10px;position:absolute;top:40%;right:18px}.dark-marquee{color:#d0c8ba;background:#1e231f}.dark-marquee .container{font-family:var(--serif);justify-content:space-between;align-items:center;gap:20px;padding-top:21px;padding-bottom:21px;font-size:20px;display:flex}.marquee-dot{font-family:var(--sans);color:var(--accent);font-size:13px}.section{padding-block:clamp(80px,9vw,146px)}.intro-grid{grid-template-columns:52% 48%;gap:40px;display:grid}.display-title{font-family:var(--serif);letter-spacing:-1.9px;margin:23px 0 0;font-size:clamp(44px,4.6vw,69px);font-weight:400;line-height:1.2}.intro-grid>div:nth-child(2){max-width:510px;padding-top:33px}.lead{font-family:var(--serif);letter-spacing:-.5px;margin:0 0 24px;font-size:clamp(24px,2.2vw,34px);line-height:1.5}.intro-grid p:not(.lead),.detail-body p:not(.lead){color:#676b65;line-height:1.95}.arrow-link{letter-spacing:1px;border-bottom:1px solid #b8b5ac;align-items:center;gap:45px;margin-top:24px;padding-bottom:14px;font-size:11px;font-weight:700;display:inline-flex}.arrow-link span{font-size:22px;font-weight:400}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:46px;display:flex}.section-heading .display-title{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px}.section-projects{background:#f0eee8}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px;display:grid}.project-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.project-card{min-width:0;display:block}.project-image{aspect-ratio:1.3;position:relative;overflow:hidden}.project-image .photo{height:100%;min-height:0}.project-grid.featured .project-image{aspect-ratio:1.47}.project-arrow{background:var(--paper);padding:10px 16px;font-size:25px;transition:background .2s;position:absolute;bottom:0;right:0}.project-card:hover .project-arrow{background:#c18d67}.project-meta{color:#838278;letter-spacing:1.4px;text-transform:uppercase;justify-content:space-between;margin-top:17px;font-size:10px;font-weight:700;display:flex}.project-card h3{font-family:var(--serif);letter-spacing:-.6px;margin:8px 0 0;font-size:clamp(26px,2.5vw,37px);font-weight:400}.mini-note{color:#777870;margin-top:25px;font-size:12px;line-height:1.8}.split-feature{color:#fff;background:#262b26;grid-template-columns:50% 50%;min-height:620px;display:grid}.split-feature>.photo{min-height:620px}.split-text{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(55px,8vw,125px);display:flex}.split-text h2{font-family:var(--serif);letter-spacing:-1.8px;margin:26px 0;font-size:clamp(39px,4.4vw,66px);font-weight:400;line-height:1.22}.split-text p{color:#b1b6ae;max-width:460px;line-height:2}.light-link{color:#fff;border-color:#777e75}.principles-section{background:#f8f7f3}.principles{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line);grid-template-columns:10% 30% 1fr 30px;align-items:center;gap:18px;padding:28px 3px;display:grid}.principle>span{color:var(--accent);font-size:11px;font-weight:700}.principle h3{font-family:var(--serif);margin:0;font-size:clamp(22px,2.6vw,35px);font-weight:400}.principle p{color:var(--muted);max-width:500px;margin:0;font-size:13px;line-height:1.7}.principle b{font-size:20px;font-weight:400}.media-section{background:#eeece5}.media-grid{grid-template-columns:1fr 1fr;gap:38px;display:grid}.media-grid .photo{height:350px;min-height:350px;margin-bottom:26px}.media-grid h3,.media-grid h2{font-family:var(--serif);margin:13px 0;font-size:32px;font-weight:400}.media-grid p{color:var(--muted);line-height:1.9}.contact-strip{text-align:center;background:#b9977c;padding:100px 20px}.contact-strip .eyebrow{color:#34352f}.contact-strip h2{font-family:var(--serif);letter-spacing:-2px;margin:20px auto 38px;font-size:clamp(40px,5.2vw,80px);font-weight:400;line-height:1.2}.contact-strip h2 em{color:#f1e9e0}.footer{color:#f4f3ec;background:#1c221e;padding-top:90px}.footer-grid{grid-template-columns:2fr 1fr;gap:50px;padding-bottom:100px;display:grid}.footer h2{font-family:var(--serif);letter-spacing:-1.8px;margin:20px 0 40px;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.2}.big-link{border-bottom:1px solid #727970;justify-content:space-between;gap:80px;min-width:300px;padding-bottom:14px;font-size:14px;display:inline-flex}.big-link span{font-size:28px}.footer-info{flex-direction:column;justify-content:center;gap:13px;display:flex}.footer-info>span{color:#a4a99e;letter-spacing:2px;margin-top:18px;font-size:10px}.footer-info a{font-size:18px}.footer-info p{color:#a4a99e;margin:0}.footer-bottom{color:#989f95;letter-spacing:1px;border-top:1px solid #3e4640;justify-content:space-between;gap:20px;padding:23px 0 33px;font-size:9px;display:flex}.footer-bottom>div{gap:30px;display:flex}.floating-zalo{z-index:39;color:#fff;letter-spacing:.8px;background:#185ef2;border-radius:40px;padding:17px 18px;font-size:11px;font-weight:700;position:fixed;bottom:25px;right:24px;box-shadow:0 8px 26px #00000026}.floating-zalo span{margin-left:7px}.page-hero{padding:110px 0 105px}.page-hero h1{font-family:var(--serif);letter-spacing:-3px;margin:23px 0;font-size:clamp(54px,6vw,89px);font-weight:400;line-height:1.15}.page-hero p{color:#abb0a9;max-width:570px;font-size:15px;line-height:1.95}.dark-page{color:#f4f3eb;background:#252c26}.project-detail-hero{background:#eae7de;padding-bottom:60px}.project-detail-hero .eyebrow{margin-top:58px;display:block}.project-detail-hero h1{margin-bottom:45px}.back-link{color:#77796f;letter-spacing:1px;font-size:11px;font-weight:700}.detail-facts{gap:clamp(30px,7vw,130px);display:flex}.detail-facts>div{flex-direction:column;gap:10px;display:flex}.detail-facts span,.contact-details span{letter-spacing:1.3px;color:#8e8e85;font-size:10px;font-weight:700}.detail-facts b{font-size:14px;font-weight:600}.detail-photo{margin-top:55px}.detail-photo .photo{height:clamp(340px,55vw,680px)}.detail-body{grid-template-columns:1fr 1fr;gap:80px;display:grid}.detail-body>div:nth-child(2){padding-top:30px}.next-project{background:#ece9e1;padding:70px 0}.next-project h2{font-size:clamp(34px,5vw,65px);font-family:var(--serif);margin:18px 0 0;font-weight:400}.next-project h2 span{float:right}.filters{flex-wrap:wrap;gap:6px;margin:0 0 40px;display:flex}.filters button{color:#646861;background:0 0;border:1px solid #d7d6ce;padding:13px 17px;font-size:11px;transition:background .2s}.filters button span{opacity:.7;margin-left:8px;font-size:9px}.filters button.selected,.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.muted{color:#8b8e88;font-size:12px}.about-grid{grid-template-columns:48% 1fr;align-items:center;gap:clamp(36px,7vw,110px);display:grid}.about-grid>.photo{height:600px}.about-grid p{color:#676b65;line-height:1.9}.about-grid .lead{color:#2c2d28}.credentials{background:#f0eee8}.credential-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.credential-grid article{border-top:1px solid #bfc0b7;padding-top:28px}.credential-grid article>span{color:#a57a59;letter-spacing:1px;font-size:10px}.credential-grid h3{font-family:var(--serif);font-size:27px;font-weight:400}.credential-grid p{color:#777972;font-size:13px;line-height:1.8}.services-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:42px;display:grid}.service-card{border:1px solid #d4d2c9;flex-direction:column;align-items:flex-start;min-height:310px;padding:clamp(26px,3.5vw,55px);display:flex}.service-card>span{letter-spacing:1px;color:var(--accent);font-size:10px}.service-card h2{font-family:var(--serif);margin:28px 0 16px;font-size:clamp(31px,3.2vw,49px);font-weight:400}.service-card p{color:var(--muted);margin:0 0 35px;line-height:1.9}.service-card a{letter-spacing:1px;margin-top:auto;font-size:11px;font-weight:700}.split-feature.compact,.split-feature.compact>.photo{min-height:540px}.process-list{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-list>div{border-top:1px solid #c1c3b9;padding-top:25px}.process-list span{color:var(--accent)}.process-list h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.4}.process-list p{color:var(--muted);font-size:13px;line-height:1.8}.training-grid h2{font-size:38px}.training-grid .photo{height:450px}.training-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:100px;padding-top:50px;display:flex}.training-bottom h2{font-family:var(--serif);font-size:36px;font-weight:400}.contact-layout{grid-template-columns:40% 1fr;gap:clamp(50px,8vw,130px);display:grid}.contact-details{flex-direction:column;gap:36px;margin-top:50px;display:flex}.contact-details>div{flex-direction:column;gap:9px;display:flex}.contact-details a{font-size:20px}.contact-details p{margin:0;font-size:20px}.form-panel{background:#eeece6;padding:clamp(24px,4vw,60px)}.form-panel h2{font-family:var(--serif);margin:18px 0;font-size:40px;font-weight:400}.form-panel>p{color:var(--muted);margin-bottom:30px;line-height:1.8}.contact-form{flex-direction:column;gap:21px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:17px;display:grid}.contact-form label{color:#43483f;flex-direction:column;gap:10px;font-size:12px;font-weight:600;display:flex}.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{color:#30322e;background:#fff;border:1px solid #d1d0c5;border-radius:0;outline-color:#a57a59;width:100%;min-width:0;padding:16px}.contact-form textarea{resize:vertical}.contact-form .checklabel{flex-direction:row;align-items:flex-start;gap:12px;font-size:12px;font-weight:400;line-height:1.7;display:flex}.checklabel input{accent-color:var(--ink);margin-top:5px}.checklabel a{text-decoration:underline}.form-status{color:#545a52;font-size:13px;line-height:1.7}.bot-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.prose{max-width:900px}.prose h2{font-family:var(--serif);margin-top:44px;font-size:34px;font-weight:400}.prose p{color:var(--muted);line-height:2}.prose a{text-decoration:underline}.site-header a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #a57a59}@media (max-width:1100px){.nav{gap:15px}.nav a{font-size:11px}.hero-shell,.hero-visual{min-height:600px}.split-text{padding:65px}.credential-grid{grid-template-columns:1fr 1fr}.principle{grid-template-columns:8% 32% 1fr 20px}}@media (max-width:780px){.nav-wrap{height:72px}.menu-toggle{display:block}.nav{border-bottom:1px solid var(--line);background:#f8f7f3;flex-direction:column;align-items:stretch;gap:0;padding:22px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 20px 25px #0000000d}.nav.is-open{display:flex}.nav a{border-bottom:1px solid #e1dfd5;padding:14px 8px;font-size:15px}.nav .nav-cta{text-align:center;margin-top:15px}.hero-shell{grid-template-columns:1fr;padding-bottom:25px;padding-right:clamp(22px,6vw,100px)}.hero-copy{padding:75px 0 35px}.hero h1{font-size:clamp(48px,10vw,75px)}.hero-foot{padding-top:45px}.hero-visual{min-height:500px}.dark-marquee .container{flex-wrap:wrap;justify-content:center}.intro-grid,.detail-body,.about-grid,.contact-layout{grid-template-columns:1fr;gap:25px}.intro-grid>div:nth-child(2){padding-top:0}.split-feature{grid-template-columns:1fr}.split-feature>.photo{height:420px;min-height:400px}.split-text{padding:60px 7vw}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid.featured{gap:20px}.principle{grid-template-columns:40px 1fr 25px}.principle p{grid-area:2/2}.principle b{grid-area:1/3}.process-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.about-grid>.photo{height:480px}.contact-layout{gap:50px}.section-heading{align-items:start}.section-heading .arrow-link{align-self:end}}@media (max-width:560px){.hero-copy{padding-top:55px}.hero h1{letter-spacing:-1.5px;font-size:50px}.hero-actions{gap:20px}.hero-visual{min-height:390px}.hero-stamp{width:150px;padding:18px;font-size:9px}.hero-stamp b{font-size:21px}.hero-side{font-size:8px}.dark-marquee{display:none}.section{padding-block:75px}.display-title{letter-spacing:-1px;font-size:43px}.section-heading{display:block}.section-heading .arrow-link{margin-top:28px}.project-grid,.project-grid.featured,.media-grid,.services-grid{grid-template-columns:1fr}.project-image,.project-grid.featured .project-image{aspect-ratio:1.25}.principle{gap:12px}.media-grid .photo{height:280px;min-height:280px}.contact-strip{padding:75px 15px}.footer h2{font-size:46px}.footer-grid{padding-bottom:55px}.footer-info a{font-size:16px}.footer-bottom>div{flex-direction:column;gap:7px}.page-hero{padding:77px 0}.page-hero h1{letter-spacing:-1px;font-size:53px}.credential-grid,.process-list,.field-row{grid-template-columns:1fr}.detail-facts{flex-wrap:wrap;gap:15px}.detail-facts>div{min-width:40%}.detail-photo{margin-top:24px}.detail-photo .photo{height:320px}.filters button{padding:11px;font-size:10px}.training-grid .photo{height:290px}.training-bottom{flex-direction:column;align-items:start}.form-panel{padding:25px}.floating-zalo{padding:13px 15px;bottom:15px;right:14px}.hero-foot{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}