:root{--green:#0d512c;--green-2:#19713f;--lime:#b7d73c;--gold:#bd8c26;--cream:#f8f4e8;--ink:#163126;--white:#fff;--line:rgba(13,81,44,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Be Vietnam Pro",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:84px;padding:0 max(4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(248,244,232,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;border-radius:50%}.brand span{line-height:1.15}.brand strong{display:block;text-transform:uppercase;color:var(--green);font-size:.96rem;letter-spacing:.05em}.brand small{font-size:.72rem;color:#64776c}.site-header nav{display:flex;gap:28px;font-size:.9rem;font-weight:600}.site-header nav a:hover{color:var(--green-2)}.header-call,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-weight:700;transition:.2s ease}.header-call{background:var(--green);color:white;padding:10px 20px}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:8vw max(5vw,48px) 5vw;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--gold);margin:0 0 18px}.hero h1,.section h2{font-family:Lora,serif}.hero h1{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.91;letter-spacing:-.055em;margin:0;color:var(--green);font-weight:600}.hero h1 em{color:var(--gold);font-weight:500}.lead{max-width:660px;font-size:1.15rem;margin:34px 0;color:#445d50}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{padding:14px 25px}.button-primary{background:var(--green);color:white}.button-ghost{border:1px solid var(--green)}.button:hover,.header-call:hover{transform:translateY(-2px)}.hero-facts{display:flex;gap:3.2vw;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--line)}.hero-facts div{display:flex;flex-direction:column}.hero-facts dt{font-size:1.45rem;color:var(--green);font-weight:800}.hero-facts dd{margin:0;color:#65786e;font-size:.78rem}.hero-product{position:relative;min-height:640px;background:var(--green);display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.hero-product:before{content:"THANH MAI";position:absolute;transform:rotate(90deg);right:-165px;color:rgba(255,255,255,.07);font-weight:800;font-size:8rem;letter-spacing:.05em}.hero-product .sun-disc{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--lime);filter:blur(.2px);top:11%;right:8%;z-index:-1}.hero-product img{height:min(70vh,720px);width:auto;object-fit:contain;clip-path:inset(0 round 170px);filter:drop-shadow(0 35px 34px rgba(0,0,0,.28))}.hero-product>p{position:absolute;left:7%;bottom:7%;padding:16px 22px;background:var(--cream);border-left:5px solid var(--gold);line-height:1.25}.hero-product>p span{display:block;text-transform:uppercase;font-size:.64rem;letter-spacing:.12em;color:#718279}.hero-product>p strong{font-family:Lora,serif;color:var(--green);font-size:1.35rem}.section{padding:110px max(6vw,48px)}.intro{display:grid;grid-template-columns:80px .8fr 1fr;gap:5vw;border-top:1px solid var(--line)}.section-number{font-family:Lora,serif;color:var(--gold);font-size:1.4rem}.section h2{font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--green)}.intro-copy{font-size:1.08rem;color:#40584c}.intro-copy p:first-child{margin-top:0}.products{background:#efe8d4}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:60px}.section-heading>p{max-width:350px;color:#66776e}.product-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.product-grid article{background:var(--cream);padding:34px;border:1px solid rgba(13,81,44,.08);min-height:230px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.product-grid .product-feature{grid-row:span 3;min-height:650px;background:linear-gradient(180deg,rgba(13,81,44,.02),rgba(13,81,44,.88)),url("nuoc-mau-dua-thanh-mai.png") center/cover;color:white}.product-grid h3{font-family:Lora,serif;font-size:1.65rem;color:var(--green);margin:8px 0}.product-grid .product-feature h3{font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;color:white}.product-grid p{margin:0;color:#566d61}.product-feature p{color:#e8f0eb;max-width:520px}.product-index{position:absolute;top:28px;right:28px;color:var(--gold);font-weight:800}.product-label{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem!important;font-weight:800}.flow{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:var(--green);color:white}.flow h2{color:white}.flow-copy>p:not(.eyebrow){color:#c8d8ce;max-width:550px}.partners{margin-top:50px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.partners span{width:100%;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;color:#91ab9b}.partners strong{padding:8px 16px;border:1px solid rgba(255,255,255,.25);border-radius:100px}.flow-steps{list-style:none;margin:0;padding:0}.flow-steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)}.flow-steps li:first-child{padding-top:0}.flow-steps span{font-family:Lora,serif;color:var(--lime);font-size:1.25rem}.flow-steps strong{font-size:1.16rem}.flow-steps p{margin:4px 0 0;color:#b9cec1}.join{background:#dfe9bb}.join>.eyebrow{color:var(--green)}.join-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(13,81,44,.2);margin-top:60px}.join-options article{background:#dfe9bb;padding:34px}.join-options h3{color:var(--green);font-family:Lora,serif;font-size:1.4rem;margin:0 0 14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-details>div{padding:24px 0;border-bottom:1px solid var(--line)}.contact-details span{text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-size:.7rem;font-weight:800}.contact-details p{margin:7px 0}.contact-details a{color:var(--green);font-weight:700}footer{padding:38px max(6vw,48px);background:#092f1d;color:#adc0b5;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.78rem}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:54px;height:54px;border-radius:50%}.footer-brand p{margin:0}.footer-brand strong{color:white;font-size:.88rem}
@media(max-width:900px){.site-header{height:72px}.site-header nav{display:none}.brand img{width:48px;height:48px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 28px}.hero-product{min-height:600px}.intro{grid-template-columns:45px 1fr}.intro-copy{grid-column:2}.section{padding:80px 28px}.product-grid{grid-template-columns:1fr}.product-grid .product-feature{grid-row:auto;min-height:580px}.flow,.contact{grid-template-columns:1fr}.join-options{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){body{font-size:15px}.brand small{display:none}.header-call{padding:8px 14px;font-size:.82rem}.hero h1{font-size:3.25rem}.hero-copy{padding:55px 22px}.hero-facts{gap:20px;justify-content:space-between}.hero-facts dt{font-size:1.12rem}.hero-product{min-height:500px}.hero-product img{height:440px;clip-path:inset(0 round 110px)}.hero-product .sun-disc{width:82%;right:-8%}.section{padding:70px 22px}.intro{display:block}.section-number{margin-bottom:20px}.product-grid .product-feature{min-height:510px}.product-grid article{padding:28px}.flow-steps li{grid-template-columns:48px 1fr}.contact-title h2{font-size:2.55rem}footer{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-call{transition:none}}
.hero.hero-banner{display:block;min-height:0;background:#fff;padding:0;overflow:hidden}.hero-banner>img{width:100%;height:auto;aspect-ratio:3.2/1;object-fit:cover;object-position:center}.hero-summary{background:var(--green);color:#fff;padding:24px max(6vw,48px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4vw}.hero-summary>p{max-width:620px;margin:0;font-family:Lora,serif;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.35}.hero-summary .hero-facts{margin:0;padding:0;border:0;display:flex;gap:2.5vw}.hero-summary .hero-facts dt{color:var(--lime)}.hero-summary .hero-facts dd{color:#cfe0d6}.hero-summary .button-primary{background:var(--lime);color:var(--green)}@media(max-width:900px){.hero-summary{grid-template-columns:1fr auto}.hero-summary .hero-facts{grid-column:1/-1;grid-row:2}.hero-banner>img{aspect-ratio:2.25/1}}@media(max-width:560px){.hero-banner>img{aspect-ratio:1.75/1}.hero-summary{padding:22px;display:block}.hero-summary .hero-facts{margin:22px 0;display:flex}.hero-summary .button{width:100%}}
.capacity{background:#fff}.photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:360px;gap:16px}.photo-grid figure{margin:0;position:relative;overflow:hidden;background:var(--green)}.photo-grid .photo-wide{grid-column:span 2}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-grid figure:hover img{transform:scale(1.025)}.photo-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 28px 22px;background:linear-gradient(transparent,rgba(4,35,19,.86));color:#fff;display:flex;justify-content:space-between;gap:16px;align-items:end}.photo-grid figcaption strong{font-family:Lora,serif;font-size:1.35rem}.photo-grid figcaption span{font-size:.78rem;color:#d6e2db}@media(max-width:700px){.photo-grid{display:block}.photo-grid figure{height:330px;margin-bottom:14px}.photo-grid figcaption{display:block}.photo-grid figcaption span{display:block}}
.product-grid .product-feature{background-image:linear-gradient(180deg,rgba(13,81,44,.02),rgba(13,81,44,.88)),url("nuoc-mau-dua-thanh-mai.webp")}