@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/font-1.woff2) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-2.woff2) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-3.woff2) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-4.woff2) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-5.woff2) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-6.woff2) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-7.woff2) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-8.woff2) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-9.woff2) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-10.woff2) format('truetype');
}

:root{--green:#223B35;--cream:#F4F0E8;--gold:#B7A17A;--ink:#534A42;--line:#d9d1c4;--serif:'Playfair Display',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--green);font-weight:400}h1,h2{font-family:var(--serif);line-height:1.22;letter-spacing:-1.8px}h1{font-size:clamp(48px,5.25vw,82px)}h2{font-size:clamp(35px,3.6vw,55px)}h3{font-family:var(--serif);font-size:25px;line-height:1.4}em{font-weight:400}p+p{margin-top:18px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}.brand{font-size:23px;font-weight:600;letter-spacing:2px;line-height:1.3;color:var(--green)}.brand span{display:block;font-size:8px;letter-spacing:2.2px;margin-top:9px}nav{display:flex;align-items:center;gap:32px;font-size:11px}nav a:hover,.text-link:hover{color:#8a703f}.nav-cta{border:1px solid var(--green);padding:12px 20px}.nav-cta span{margin-left:24px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.hero-copy{padding:64px 9% 52px 10%}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.3px;color:#796440;margin-bottom:24px}.hero .eyebrow{font-size:8px}.hero h1{margin-bottom:28px}.hero-copy>p:not(.eyebrow){max-width:510px;font-size:12px}.hero-copy .intro{font-size:15px!important}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 25px;background:var(--green);border:1px solid var(--green);color:var(--cream);font-size:12px;cursor:pointer;transition:background .2s}.button:hover{background:#36584e}.text-link{font-size:11px;border-bottom:1px solid var(--gold);padding-bottom:5px}.hero-note{font-size:8px;letter-spacing:2px;margin-top:40px}.hero-visual{position:relative;min-height:650px;background:#b3a08a;overflow:hidden}.hero-visual img{position:absolute;inset:0;filter:brightness(.72) saturate(.65);object-position:center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#142820b5)}figcaption{position:absolute;bottom:70px;left:10%;z-index:1;color:var(--cream)}figcaption span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:18px}figcaption i{font-family:var(--serif);font-size:38px;line-height:1.35}.photo-note{position:absolute;right:20px;top:22px;font-size:8px;color:#fff;letter-spacing:2px;z-index:2;background:#223b3580;padding:5px 9px}.principles{display:flex;justify-content:space-evenly;align-items:center;padding:25px 5%;border-block:1px solid var(--line);font-size:10px;letter-spacing:.5px}.principles b{color:var(--gold);font-size:20px;font-weight:400}.section{padding:100px 7%}.purpose{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.section-intro{font-size:16px;line-height:1.9}.purpose-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.purpose-grid button{background:transparent;text-align:left;position:relative;border:0;border-top:1px solid var(--line);padding:22px 20px 22px 0;color:var(--ink);cursor:pointer}.purpose-grid button:hover strong{color:#8a703f}.purpose-grid span{font-size:9px;color:#826c45}.purpose-grid strong{display:block;font-weight:500;font-size:13px;margin:7px 0}.purpose-grid small{display:block;font-size:11px;line-height:1.8}.purpose-grid i{position:absolute;right:0;top:27px;font-style:normal}.collections{background:#eae5db}.section-top{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.section-top>p{max-width:400px;font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.image-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:#d5c9b5}.image-wrap img{filter:saturate(.65);transition:transform .6s}.collection:hover img{transform:scale(1.04)}.image-wrap>span{position:absolute;bottom:15px;left:13px;color:white;font-size:7px;letter-spacing:1.4px;text-shadow:0 1px 7px #000;background:#223b3577;padding:4px 7px}.card-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px;gap:8px}.card-head h3{font-size:23px}.card-head a{font-size:22px}.collection p{font-size:11px}.collection>small{font-size:7px;letter-spacing:1px;display:block;margin-top:19px}.editorial-note{font-size:10px;line-height:1.8;opacity:.8;margin-top:30px;max-width:950px}.concept{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.concept-images{position:relative;min-height:760px}.concept-images img{position:absolute;inset:0;filter:saturate(.5) brightness(.8)}.concept-copy{padding:70px 12%}.concept h2{color:var(--cream);font-size:45px;margin-bottom:25px}.concept .eyebrow{color:#d5c4a5}.concept-copy>p:not(.eyebrow){font-size:12px}.concept-list{margin:25px 0 30px}.concept-list>div{display:flex;gap:22px;border-top:1px solid #ffffff26;padding:18px 0;font-size:11px}.concept-list b{font-size:10px;color:#d5c4a5;font-weight:400}.concept-list strong{display:block;font-weight:500;font-size:13px;margin-bottom:5px}.light{color:var(--cream)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:55px}.steps article{border-top:1px solid var(--gold);padding-top:20px}.steps span{font-family:var(--serif);font-size:35px;color:#9b865e}.steps h3{font-size:22px;margin:15px 0 12px}.steps p{font-size:11px}.trust{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#e8e4db}.trust-items{margin-top:30px;display:grid;gap:20px}.trust-items p{margin:0;font-size:12px;border-bottom:1px solid #cfc7b9;padding-bottom:18px}.trust-items strong{display:block;color:var(--green);font-weight:500;margin-bottom:3px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq>div>p:not(.eyebrow){margin-top:20px;font-size:12px;max-width:280px}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding-right:28px;position:relative;font-size:13px;color:var(--green);font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:0;font-weight:300;font-size:20px}details[open] summary:after{content:'−'}details p{font-size:12px;margin-top:15px;max-width:580px}.brief{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.brief .eyebrow{color:#d5c4a5}.brief h2{color:var(--cream);font-size:52px}.brief-copy>p:not(.eyebrow){font-size:12px;max-width:360px;margin-top:30px}.contact{display:block;font-family:var(--serif);font-size:30px;margin-top:35px}.email{font-size:12px;border-bottom:1px solid #b7a17a}.brief-copy .brief-foot{font-size:9px!important;letter-spacing:1.5px;line-height:2.3;margin-top:55px!important}form{background:var(--cream);padding:38px;color:var(--ink)}form h3{font-size:30px}.form-intro{font-size:10px;margin:8px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:10px;font-weight:500}.full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #b9b0a1;border-radius:0;background:transparent;color:var(--green);padding:10px 0;font-size:11px;outline-offset:3px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#857c70;opacity:1;font-weight:300}.consent{display:flex;align-items:flex-start;gap:10px;margin:23px 0 18px;font-size:10px;line-height:1.7}.consent input{width:15px;min-height:15px;flex:none;accent-color:var(--green);margin-top:3px}form .button{width:100%}.form-note{font-size:9px;margin-top:12px;line-height:1.8}#email-fallback{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}#form-status{font-size:11px}#email-preview{font-size:10px;margin:10px 0}.copy-button{padding:8px 12px;border:1px solid var(--green);background:transparent;color:var(--green);font-size:10px;margin-right:15px;cursor:pointer}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:35px}footer .brand{font-size:19px}footer .brand span{font-size:6px}footer p{font-size:9px;line-height:1.8}footer .footer-small{font-size:8px;margin:0}.mobile-cta{display:none}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-copy{padding-top:90px}}@media(max-width:1100px){nav{gap:18px}.hero-copy{padding:45px 8%}.hero{min-height:650px}.hero-visual{min-height:650px}.collection-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.image-wrap{aspect-ratio:1.1}.purpose,.trust,.faq{gap:40px}.concept-copy{padding:55px 9%}.concept h2{font-size:36px}.brief{gap:40px}.brief h2{font-size:44px}.section{padding:75px 6%}.section-top{gap:40px}.steps{gap:18px}.steps h3{font-size:19px}form{padding:28px}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:80px;padding:0 6%}.brand{font-size:20px}.brand span{font-size:6.5px}.menu-toggle{display:block;border:1px solid var(--line);padding:5px 12px;background:none;color:var(--green);font-size:22px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:25px 6%;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 7%}.hero h1{font-size:57px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .intro{font-size:14px!important}.actions{gap:20px}.button{padding:16px 19px;font-size:11px}.hero-note{margin-top:28px;font-size:7px}.hero-visual{min-height:430px}figcaption{bottom:40px;left:7%}figcaption i{font-size:32px}.principles{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:14px;padding:22px 5%;font-size:9px}.principles b{display:none}.section{padding:60px 7%}.purpose,.trust,.faq,.brief{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}h2{font-size:37px;letter-spacing:-1px}.section-intro{font-size:14px}.purpose-grid{gap:0 20px}.purpose-grid strong{font-size:12px}.purpose-grid small{font-size:10px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:22px}.collection-grid{gap:32px 16px}.image-wrap{aspect-ratio:3/4}.image-wrap>span{font-size:6px;letter-spacing:.4px;left:6px;right:6px;bottom:10px;padding:3px}.card-head{margin:15px 0 10px}.card-head h3{font-size:21px}.collection p{font-size:10px}.collection>small{font-size:6px;line-height:1.9}.concept{grid-template-columns:1fr}.concept-images{min-height:380px}.concept-copy{padding:50px 7%}.concept h2{font-size:37px}.steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:0 15px;padding-top:15px}.steps span{grid-row:1/3;font-size:30px}.steps h3{margin:0 0 7px;font-size:23px}.steps p{grid-column:2;font-size:12px}.faq>div>p:not(.eyebrow){max-width:none}.brief h2{font-size:43px}.brief-copy .brief-foot{margin-top:30px!important}form{padding:28px 22px}.form-grid{gap:16px}.form-grid label{font-size:9px}input,select,textarea{font-size:12px}footer{display:block;padding:38px 7% 90px}footer p{margin-top:25px!important}.mobile-cta{display:block;position:fixed;bottom:12px;left:6%;right:6%;background:var(--gold);color:#172f28;text-align:center;padding:12px;font-size:12px;z-index:8;box-shadow:0 3px 20px #0002}.editorial-note{font-size:9px}}@media(max-width:360px){.hero h1{font-size:49px}.form-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.image-wrap{aspect-ratio:1.1}.purpose-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Modern hospitality typography — Vietnamese glyphs served locally. */
:root{--serif:'Be Vietnam Pro',Arial,sans-serif}
h1,h2{font-weight:300;letter-spacing:-.045em;line-height:1.25}
h1 em,h2 em{font-style:normal;font-weight:400}
h3{font-family:var(--sans);font-weight:500;letter-spacing:-.025em}
.hero h1{font-size:clamp(46px,4.75vw,73px)}
.hero-copy .intro{font-weight:400;line-height:1.9}
.brand{font-weight:500;letter-spacing:2.5px}
.eyebrow{font-weight:500;letter-spacing:2.2px}
figcaption i{font-family:var(--sans);font-size:32px;font-weight:300;font-style:normal;letter-spacing:-1px;line-height:1.5}
.card-head h3{font-size:21px;line-height:1.5}
.steps span{font-family:var(--sans);font-size:30px;font-weight:300}
.steps h3{font-size:18px;line-height:1.6}
.concept h2{font-size:40px}
.contact{font-family:var(--sans);font-weight:300;letter-spacing:1px}
form h3{font-size:25px;font-weight:400}
@media(max-width:1100px){.concept h2{font-size:34px}.steps h3{font-size:17px}}
@media(max-width:760px){.hero h1{font-size:49px}h2{font-size:34px}.concept h2{font-size:33px}.brief h2{font-size:39px}.card-head h3{font-size:18px}figcaption i{font-size:28px}.steps h3{font-size:20px}}
@media(max-width:360px){.hero h1{font-size:43px}}


/* Refined ivory edition: photography, clear typography and open space. */
:root{--cream:#faf8f3;--line:#e4dfd5;--ink:#514e47}
body{font-size:16px;background:var(--cream);line-height:1.85}
.header{background:#fffefa;height:94px}nav{font-size:12px}
.hero{padding:48px 5% 64px;gap:5%;min-height:0;align-items:center;grid-template-columns:1fr 1.05fr}
.hero-copy{padding:25px 0}.hero h1{font-size:clamp(44px,4.4vw,68px);line-height:1.23}
.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .intro{font-size:17px!important}
.hero-visual{min-height:570px;background:#eee9df}.hero-visual img{filter:none;object-position:center}
.hero-visual:after{display:none}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;background:#faf8f3ed;padding:18px 22px;color:var(--green)}
figcaption span{margin:0;font-size:9px}figcaption i{display:none}
.photo-note{font-size:9px;background:#faf8f3e8;color:var(--green);letter-spacing:1px}
.hero-note{font-size:9px}.eyebrow{font-size:10px;letter-spacing:1.8px}.hero .eyebrow{font-size:9px}
.button{font-size:13px}.text-link{font-size:12px}.principles{font-size:12px;padding:26px 5%}
.section{padding:96px 7%}.purpose{gap:65px}.section-intro{font-size:17px}
.purpose-grid strong{font-size:15px}.purpose-grid small{font-size:13px}.purpose-grid button{padding-block:26px}
.collections{background:#fffefa}.section-top>p{font-size:14px;max-width:430px}
.collection-grid{grid-template-columns:1fr 1fr;gap:55px 38px}.image-wrap{aspect-ratio:1.32;background:#f0ece4}.image-wrap img{filter:none}
.image-wrap>span{background:#faf8f3ed;color:var(--green);text-shadow:none;font-size:9px;left:16px;bottom:16px;padding:7px 10px}
.card-head h3{font-size:26px}.collection p{font-size:14px;max-width:510px}.collection>small{font-size:9px}.editorial-note{font-size:12px;opacity:1;color:#6b665b}
.concept{margin:32px 7%;background:transparent;color:var(--ink);grid-template-columns:1fr 1fr;gap:6%;align-items:center}
.concept-images{min-height:650px}.concept-images img{filter:none}.concept-copy{padding:30px 0}.concept h2{color:var(--green);font-size:39px}.concept .eyebrow{color:#796440}
.concept-copy>p:not(.eyebrow){font-size:14px}.concept-list>div{border-color:var(--line);font-size:13px;padding:20px 0}.concept-list b{color:#796440}.concept-list strong{font-size:15px}.light{color:var(--green)}
.steps p{font-size:13px}.steps h3{font-size:19px}.trust{background:#f2eee5}.trust-items p{font-size:14px}.trust-items strong{font-size:15px}
.faq>div>p:not(.eyebrow){font-size:14px}summary{font-size:15px}details p{font-size:14px}
.brief{background:#fffefa;color:var(--ink);border-top:1px solid var(--line);gap:70px}.brief .eyebrow{color:#796440}.brief h2{color:var(--green);font-size:46px}.brief-copy>p:not(.eyebrow){font-size:14px}.contact,.email{color:var(--green)}
.brief-copy .brief-foot{color:#796440;font-size:10px!important}form{padding:36px;background:#f6f3ec;border:1px solid var(--line)}.form-intro,.form-grid label{font-size:12px}input,select,textarea{font-size:14px;padding:12px 0}.consent{font-size:12px}.form-note{font-size:11px}#form-status{font-size:13px}#email-preview{font-size:12px}.copy-button{font-size:12px}
footer{border-top:1px solid var(--line);background:var(--cream)}footer p{font-size:11px}footer .footer-small{font-size:10px}
@media(min-width:1600px){.hero-copy{padding-top:25px}}
@media(max-width:1100px){.hero{gap:4%;padding:36px 5% 50px}.hero-visual{min-height:520px}.hero h1{font-size:47px}.section{padding:75px 6%}.concept{margin:20px 6%;gap:5%}.concept h2{font-size:32px}.concept-images{min-height:650px}.brief{gap:35px}.brief h2{font-size:39px}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header{height:80px}nav{background:#fffefa}.hero{padding:22px 6% 38px;gap:25px}.hero-copy{padding:16px 0}.hero h1{font-size:46px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .intro{font-size:16px!important}.hero-visual{width:100%;min-height:400px}.hero-visual figcaption{padding:13px 16px}.principles{font-size:11px}.section{padding:62px 6%}.purpose-grid strong{font-size:14px}.purpose-grid small{font-size:12px}.collection-grid{grid-template-columns:1fr;gap:38px}.image-wrap{aspect-ratio:1.25}.image-wrap>span{font-size:9px;right:auto;left:14px}.card-head h3{font-size:24px}.collection p{font-size:14px}.collection>small{font-size:9px}.concept{grid-template-columns:1fr;margin:0 6%;gap:20px}.concept-images{min-height:390px}.concept-copy{padding:18px 0 35px}.concept h2{font-size:33px}.steps{grid-template-columns:1fr}.steps p{font-size:14px}.brief h2{font-size:38px}.brief{gap:36px}.form-grid{gap:18px}.form-grid label{font-size:12px}input,select,textarea{font-size:16px}form{padding:26px 20px}.editorial-note{font-size:11px}.mobile-cta{font-size:13px}.eyebrow{font-size:9px}.section-intro{font-size:16px}}
@media(max-width:420px){.hero h1{font-size:40px}.purpose-grid,.form-grid{grid-template-columns:1fr}.hero-visual{min-height:350px}.brand{font-size:18px}.brand span{letter-spacing:1.5px}}

/* Complete approved editorial content */
:root{--cream:#F4F0E8;--ink:#534A42}h2{font-size:clamp(32px,3.2vw,48px);max-width:800px;line-height:1.4;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,4.3vw,68px)}.understanding{border-top:1px solid var(--line);text-align:center}.understanding h2{margin:0 auto 30px;max-width:920px}.reading{max-width:800px;margin-top:28px}.understanding .reading{margin:30px auto 0}.reading p{font-size:16px}.solution-grid,.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px;margin-top:48px}.solution-grid article,.product-grid article{border-top:1px solid var(--line);padding-top:26px}.solution-grid h3{font-size:26px;margin:12px 0}.solution-grid p,.product-grid p{font-size:14px}.solution-grid .tagline{font-size:17px;color:var(--green);margin-bottom:12px}.solution-grid button{background:none;color:var(--green);border:0;border-bottom:1px solid var(--gold);margin-top:22px;cursor:pointer}.product-grid h3{font-size:23px;margin-bottom:15px}.solutions{background:#fffefa}.sourcing{background:#f8f6f0}.brief h2{font-size:clamp(32px,3.1vw,46px);line-height:1.45}.steps{gap:30px}.steps h3{font-size:20px}.editorial-note a{text-decoration:underline;text-underline-offset:4px}.concept-list strong{font-weight:400}.hero-visual{min-height:620px}.hero-visual img{object-position:50% 50%}.collection-grid h3{font-size:24px}.brief-copy>p{max-width:460px!important}nav{gap:22px}.section-top h2{max-width:720px}.trust h2{font-size:40px}.steps p{font-size:14px}.hero-copy>p:not(.eyebrow){font-size:15px}
@media(max-width:760px){.solution-grid,.product-grid{grid-template-columns:1fr;gap:30px}.hero-visual{min-height:400px}.section{padding:60px 6%}.solution-grid h3{font-size:24px}.trust h2{font-size:33px}.solution-grid p,.product-grid p{font-size:15px}.reading p{font-size:15px}.collection-grid h3{font-size:23px}.hero .actions{align-items:stretch}.hero .button{max-width:100%;gap:15px}.contact{font-size:27px}.email{overflow-wrap:anywhere}.brief h2{font-size:34px}}

.review-status{padding:10px 5%;font-size:12px;background:#e8e1d3;color:#223B35;text-align:center}.review-status a{text-decoration:underline}.source-credit{display:block;font-size:11px;margin:10px 0;color:#655740;text-decoration:underline;text-underline-offset:3px}.hero-visual img,.concept-images img,.image-wrap img{object-fit:contain;background:#eee9df}.hero-visual figcaption{display:none}.photo-note{top:auto;bottom:12px;right:12px}.image-wrap>span{bottom:auto;top:12px}.hero-visual{background:#eee9df}.concept-images{background:#eee9df}

/* Stronger, squared typography and compact original brand artwork */
:root{--sans:Arial,Helvetica,sans-serif;--serif:Arial,Helvetica,sans-serif}body{font-family:var(--sans);font-size:16px}h1,h2,h3{font-family:var(--sans);font-style:normal;letter-spacing:-.025em}h1,h2{font-weight:700}h1 em,h2 em{font-weight:700}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.16}.hero-copy .intro{font-weight:400}h3,.card-head h3{font-weight:700}.eyebrow{font-weight:700}.brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;letter-spacing:0;line-height:1}.brand .logo-frame{display:block;position:relative;width:190px;height:86px;overflow:hidden;margin:0;isolation:isolate}.brand .logo-frame img{position:absolute;width:214px;height:214px;max-width:none;left:-11px;top:-62px;object-fit:contain;mix-blend-mode:multiply}.brand .brand-service{font-family:Arial,Helvetica,sans-serif;letter-spacing:1.5px;font-size:7.5px;margin:0 0 8px 0;color:var(--green)}.header{height:112px}.solution-english{display:block;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:0;margin-top:8px;color:#70624c}.hero,.understanding,.sourcing,.brief{position:relative;isolation:isolate}.hero:before,.understanding:before,.sourcing:before,.brief:before{content:"";position:absolute;inset:0;background-image:url('assets/gifting-pattern.svg');background-size:520px 440px;background-repeat:repeat;opacity:.21;pointer-events:none;z-index:-1}.hero:before{background-position:right top;opacity:.24}.understanding:before{opacity:.14}.brief:before{opacity:.18}.trust h2{font-weight:700}.steps span{font-family:var(--sans);font-weight:600}footer .brand .logo-frame{width:165px;height:74px}footer .brand .logo-frame img{width:186px;height:186px;left:-10px;top:-54px}footer .brand .brand-service{font-size:6.5px}
@media(max-width:760px){.header{height:104px}.brand .logo-frame{width:155px;height:70px}.brand .logo-frame img{width:175px;height:175px;left:-9px;top:-51px}.brand .brand-service{font-size:6px;letter-spacing:1.1px;margin-bottom:6px}nav{top:104px}.hero h1{font-size:43px}.solution-english{font-size:15px}.hero:before,.understanding:before,.sourcing:before,.brief:before{background-size:390px 330px}.hero:before{opacity:.18}}

/* Vietnamese heritage atmosphere across the full page */
.hero:before,.understanding:before,.sourcing:before,.brief:before{display:none}body{position:relative;isolation:isolate;background:#F4F0E8}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/ngoc-lu-drum.svg');background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.16}.hero,.understanding,.solutions,.collections,#products,.process,.trust,.sourcing,.faq,.brief,footer,.principles{background-color:transparent}.header{background:#faf8f0ed}.review-status{background:#e8e1d3df}.english-caption{display:block;font-weight:400;font-size:.78em;letter-spacing:1px;margin-top:6px;opacity:.8}.brand .brand-service{font-size:7px;letter-spacing:.65px}.brand-service .english-caption{font-size:6px;letter-spacing:1px;margin-top:4px}.brand .logo-frame{isolation:auto}.brand .logo-frame img{mix-blend-mode:multiply}.solution-english{margin-top:8px}form{background:#f6f3ecf2}.image-wrap{background:#eee9df}footer{border-top:1px solid var(--line)}
@media(max-width:760px){body:before{background-size:auto 110vh;background-position:62% center;opacity:.13}.brand .brand-service{font-size:5.7px}.brand-service .english-caption{font-size:5px}.header{height:112px}nav{top:112px}}

/* Final supplied transparent logo; compact header/footer. */
.brand .logo-frame{width:148px;height:66px;overflow:visible;display:flex;align-items:center}.brand .logo-frame img{position:static;width:148px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal}.header{height:100px}footer .brand .logo-frame{width:128px;height:57px}footer .brand .logo-frame img{position:static;width:128px;height:auto}.brand .brand-service{font-size:6.2px;margin:0 0 4px}.brand-service .english-caption{font-size:5.3px;margin-top:3px}h1,h2,h3{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.035em}h1 em,h2 em{font-weight:900}.hero h1{line-height:1.12}.eyebrow{font-weight:700}.vietnam-opening{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#223B35}.vietnam-opening>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-2}.vietnam-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,28,.72),rgba(10,35,28,.28) 55%,rgba(10,35,28,.06));z-index:-1}.vietnam-opening-copy{padding:80px 7%;color:#fff;max-width:820px}.vietnam-opening-copy .eyebrow{color:#e8d8b7;letter-spacing:2px}.vietnam-opening h2{font-size:clamp(40px,4.6vw,68px);line-height:1.12;color:#fff;max-width:700px;text-shadow:0 2px 20px #0002}.vietnam-opening-copy>p:not(.eyebrow){margin-top:25px;font-size:19px;line-height:1.65}.vietnam-opening .button{margin-top:30px;background:#f4f0e8;color:#223b35;border-color:#f4f0e8;font-weight:700}.vietnam-opening .photo-note{font-size:9px}.trust h2{font-weight:900}
@media(max-width:760px){.header{height:92px}.brand .logo-frame{width:126px;height:56px}.brand .logo-frame img{width:126px}.brand .brand-service{font-size:5.2px}.brand-service .english-caption{font-size:4.5px}nav{top:92px}.vietnam-opening{min-height:540px}.vietnam-opening>img{object-position:58% center}.vietnam-opening-copy{padding:55px 6% 75px}.vietnam-opening h2{font-size:43px;line-height:1.12}.vietnam-opening-copy>p:not(.eyebrow){font-size:17px}.vietnam-opening:after{background:linear-gradient(90deg,#102c24b8,#102c2445)}.hero h1{font-size:42px}}

/* Barlow locally hosted: modern squared typography with Vietnamese support. */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url('assets/barlow-regular.ttf') format('truetype')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url('assets/barlow-semibold.ttf') format('truetype')}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url('assets/barlow-bold.ttf') format('truetype')}
:root{--sans:Barlow,Arial,sans-serif;--serif:Barlow,Arial,sans-serif}
body,button,input,select,textarea,h1,h2,h3,.hero h1,.vietnam-opening h2,.trust h2{font-family:Barlow,Arial,sans-serif}
h1,h2,h3,h1 em,h2 em,.trust h2{font-weight:700;letter-spacing:-.018em}
.vietnam-opening{min-height:650px}.vietnam-opening>img{object-position:50% 52%}
.vietnam-opening-copy{max-width:560px;padding:70px 4%;align-self:flex-end}
.vietnam-opening:after{background:linear-gradient(90deg,#0a1c22ba,#0a1c2224 45%,#0a1c2205)}
.vietnam-opening-copy .eyebrow{max-width:360px;line-height:1.6}.solution-english{font-weight:400}
@media(max-width:760px){.vietnam-opening{min-height:640px}.vietnam-opening>img{object-position:47% 45%}.vietnam-opening-copy{padding:270px 6% 42px;max-width:100%}.vietnam-opening:after{background:linear-gradient(0deg,#091b22d9,#091b2252 42%,#091b2205 75%)}.vietnam-opening h2{font-size:42px}.vietnam-opening-copy .eyebrow{font-size:9px}.hero h1{font-size:44px}}

/* Compact editorial bridges: preserve the key message without interrupting the image sequence. */
#purpose{padding:38px 7%;text-align:left;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
#purpose .eyebrow{display:none}#purpose h2{font-size:30px;line-height:1.3;max-width:650px;margin:0}#purpose .reading{margin:0;max-width:650px}#purpose .reading p{font-size:16px;line-height:1.75}
#products{padding:42px 7%;border-block:1px solid var(--line)}#products h2{font-size:32px;max-width:none;line-height:1.3}#products .product-grid{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:24px}#products article{padding-top:16px}#products h3{font-size:20px;line-height:1.35;margin-bottom:8px}#products p{font-size:15px;line-height:1.65}
@media(max-width:760px){#purpose{padding:30px 6%;grid-template-columns:1fr;gap:14px}#purpose h2{font-size:26px}#purpose .reading p{font-size:15px}#products{padding:32px 6%}#products h2{font-size:27px}#products .product-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}#products h3{font-size:19px}#products p{font-size:14px}}
@media(max-width:380px){#products .product-grid{grid-template-columns:1fr}}

/* Source artwork kept intact: Ngoc Lu drum, including original bird bands. */
body:before{display:block;background-image:url('assets/ngoc-lu-drum.svg'),url('assets/hcmc-linework.svg');background-size:850px 850px,100% auto;background-position:calc(100% + 330px) -210px,center bottom;background-repeat:no-repeat;opacity:.065;mix-blend-mode:multiply;filter:grayscale(1)}
@media(max-width:760px){body:before{background-size:620px 620px,1200px auto;background-position:calc(100% + 360px) -100px,center bottom;opacity:.055}}

/* Readability: larger text, stronger ink, near-white background. */
:root{--cream:#fdfcf9;--ink:#343c38;--green:#1c352e;--line:#e5e4dd}
body{background:#fdfcf9;color:var(--ink);font-size:18px;font-weight:400;line-height:1.8}
body:before{opacity:.022}.header{background:#fdfcf9f5}
p{color:var(--ink)}h1,h2,h3{color:var(--green);font-weight:700}
.hero-copy>p:not(.eyebrow){font-size:18px}.hero-copy .intro{font-size:20px!important}
.section-intro{font-size:20px}.section-top>p,.reading p{font-size:18px}
.solution-grid p,.product-grid p,.collection p,.concept-copy>p:not(.eyebrow),.steps p,.trust-items p,details p,.faq>div>p:not(.eyebrow),.brief-copy>p:not(.eyebrow){font-size:18px;font-weight:400;line-height:1.8}
.solution-grid .tagline{font-size:20px;font-weight:600}.solution-english{font-size:18px;font-weight:600;color:#55594e}
.eyebrow{font-size:12px;font-weight:700;color:#756044}.english-caption{font-size:11px}
nav,.text-link{font-size:15px;font-weight:600}.button{font-size:16px;font-weight:600}
#purpose h2{font-size:34px}#purpose .reading p{font-size:18px;font-weight:500;line-height:1.75}
#products h2{font-size:35px}#products h3{font-size:23px}#products p{font-size:18px;font-weight:500;line-height:1.65}
.concept-list>div{font-size:17px}.concept-list strong{font-size:18px;font-weight:600}
summary{font-size:18px;font-weight:600}.editorial-note{font-size:14px;color:#525a54}
form{background:#faf9f5;border-color:#e3e2da}.form-intro,.form-grid label,.consent{font-size:15px}.form-grid label{font-weight:600}input,select,textarea{font-size:17px}.form-note{font-size:13px}.email{font-size:17px}.brief-copy .brief-foot{font-size:12px!important}
footer p,footer .footer-small{font-size:14px}.principles{font-size:14px;font-weight:600}
@media(max-width:760px){body{font-size:17px}body:before{opacity:.018}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-copy .intro{font-size:19px!important}#purpose h2{font-size:29px}#purpose .reading p{font-size:18px}#products h2{font-size:30px}#products h3{font-size:22px}#products p{font-size:17px}.solution-grid p,.product-grid p,.collection p,.concept-copy>p:not(.eyebrow),.steps p,details p,.brief-copy>p:not(.eyebrow){font-size:17px}.solution-english{font-size:17px}.section-top>p{font-size:17px}.mobile-cta{font-size:15px}.principles{font-size:13px}nav{background:#fdfcf9}.eyebrow{font-size:11px}}
.vietnam-opening-copy>p:not(.eyebrow){color:#fff;font-weight:600}.vietnam-opening-copy .eyebrow{color:#f2e6cf}.hero-copy>p:not(.eyebrow),.reading p,.solution-grid p,.collection p,.steps p,details p,.brief-copy>p:not(.eyebrow){font-weight:600}