@font-face{font-family:"RSU";font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/RSU_light.ttf') format('truetype');unicode-range:U+0E00-0E7F}
@font-face{font-family:"RSU";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/RSU_BOLD.ttf') format('truetype');unicode-range:U+0E00-0E7F}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/montserrat-latin-300-normal.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-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/montserrat-latin-400-normal.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-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/montserrat-latin-500-normal.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-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-latin-700-normal.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}
:root{--ink:#745d47;--forest:#745d47;--turquoise:#65b7c4;--brown:#745d47;--paper:#fff;--muted:#745d47;--line:#745d4733}
*{box-sizing:border-box}
html{scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:300 22px/1.7 "RSU","Montserrat",Arial,sans-serif;-webkit-font-smoothing:antialiased}
html[lang=en] body{font-family:"Montserrat",Arial,sans-serif;font-weight:300;font-size:18px;line-height:1.8}
a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}
img{display:block;max-width:100%;height:auto}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--brown);outline-offset:5px}
.skip-link{position:absolute;z-index:20;top:10px;left:15px;padding:12px 20px;background:var(--paper);color:var(--forest);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;gap:36px;padding:21px 6%;background:var(--forest);color:var(--paper);border-bottom:1px solid #ffffff25}
.brand{display:block;flex-shrink:0}
.brand img{width:119px;height:54px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.main-nav a{font-size:16px;text-decoration:none;min-height:44px;display:flex;align-items:center}
.language-link{font-size:15px;font-weight:500;margin-left:14px;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid #ffffff99;padding:4px 0}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:6%;align-items:center;position:relative;padding:72px 7% 84px;background:var(--forest);color:var(--paper)}
.hero-copy{position:relative;z-index:2;max-width:600px}
.eyebrow{font-size:13px;font-weight:500;line-height:1.6;letter-spacing:.1em;margin:0 0 24px;color:var(--brown)}
.eyebrow[lang=th]{font-size:15px;letter-spacing:0}
.hero .eyebrow{color:#fff;font-size:11px;letter-spacing:.13em}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(40px,4.2vw,64px);line-height:1.35;font-weight:500;letter-spacing:-1.8px;margin-bottom:28px}
h1 span{color:#fff}
html[lang=en] h1{font-size:clamp(36px,3.8vw,57px);line-height:1.17;letter-spacing:-2px;font-weight:700}
.hero-intro{font-size:19px;line-height:1.9;color:#fff;max-width:490px;margin-bottom:28px}
html[lang=en] .hero-intro{font-size:18px;line-height:1.8}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 29px;border:1px solid transparent;border-radius:3px;text-decoration:none;font-size:17px;line-height:1.6;font-weight:500;letter-spacing:0;white-space:normal;text-align:center}
.button-primary{background:#fff;color:#745d47;border-color:#fff}
.hero-note{font-size:14px;color:#fff;margin:19px 0 0}
.hero-art{position:relative;aspect-ratio:1;height:auto;isolation:isolate;overflow:hidden}
.bottle-pair{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-bottle{width:100%;height:100%;object-fit:cover}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:32px 7%;border-bottom:1px solid var(--line);background:var(--paper)}
.feature-strip>div{padding-left:25px;border-left:1px solid var(--line)}
.feature-strip strong{display:block;font-size:17px;line-height:1.7;font-weight:500}
.feature-strip span{font-size:16px;color:var(--muted)}
.section{padding:104px 7%}
.section-heading{max-width:720px;margin-bottom:52px}
h2{font-size:clamp(32px,3.2vw,48px);line-height:1.45;font-weight:500;letter-spacing:-1px;margin-bottom:24px}
html[lang=en] h2{font-size:clamp(32px,3.2vw,48px);line-height:1.2;letter-spacing:-1.6px;font-weight:700}
.section-heading>p:last-child{max-width:600px;font-size:19px;color:var(--muted)}
.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.formula-card{background:transparent}
.formula-card:nth-child(2){margin-top:88px}
.formula-image{height:440px;position:relative;display:flex;align-items:center;justify-content:center;background:#65b7c429}
.formula-lemon .formula-image{background:#fddc5c33}
.formula-image img{height:93%;width:auto;max-width:95%;object-fit:contain}
.formula-info{padding:28px 0 0}
.formula-info .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:12px}
h3{font-size:29px;line-height:1.5;letter-spacing:-.5px;font-weight:500;margin-bottom:16px}
html[lang=en] h3{font-size:29px;line-height:1.25;font-weight:700}
.formula-info>p:not(.eyebrow){color:var(--muted);font-size:18px;margin-bottom:20px}
.ingredient-tags{list-style:none;padding:18px 0 0;margin:0 0 24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 19px;color:#745d47}
.ingredient-tags li{font-size:14px}
.text-link{display:inline-flex;align-items:center;min-height:46px;text-decoration:none;border-bottom:1px solid var(--ink);font-size:17px;font-weight:500;padding:6px 0}
.section-note{font-size:15px;line-height:1.85;color:#745d47;margin:35px 0 0}
.ritual{background:#65b7c41a}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:0;margin:0}
.steps li{border-top:1px solid #745d4759;padding-top:22px}
.step-number{display:block;font-size:15px;color:var(--brown);margin-bottom:25px}
.steps h3{font-size:29px;margin-bottom:12px}
.steps p{font-size:18px;line-height:1.85;color:#745d47;margin-bottom:0}
.roots{display:grid;grid-template-columns:1.08fr .92fr;min-height:700px;background:var(--forest);color:var(--paper)}
.roots-photo{position:relative;min-height:700px;overflow:hidden}
.roots-photo>img{width:100%;height:100%;object-fit:cover}
.photo-label{position:absolute;bottom:27px;left:32px;background:#745d47ed;color:#fff;font-size:11px;letter-spacing:.1em;padding:10px 16px}
.roots-copy{padding:75px 12%}
.roots-copy .eyebrow{color:#fff}
.roots-copy>p:not(.eyebrow){font-size:18px;color:#fff}
.founder{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff36;padding-top:28px;margin:32px 0 24px}
.founder img{width:84px;height:102px;object-fit:cover;object-position:50% 25%;flex-shrink:0}
.founder h3,html[lang=en] .founder h3{font-size:20px;line-height:1.6;letter-spacing:0;margin-bottom:5px}
.founder>div{min-width:0;overflow-wrap:anywhere}
.founder p{font-size:14px;color:#fff;margin:0}
.roots .text-link{border-color:#fff;color:#fff}
.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:baseline;gap:22px;list-style:none;cursor:pointer;padding:25px 0;font-size:20px;font-weight:500;line-height:1.65}
summary::-webkit-details-marker{display:none}
summary .faq-action{font-size:13px;font-weight:400;color:var(--brown);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
details[open] .faq-action{visibility:hidden}
details>p{font-size:18px;line-height:1.9;color:var(--muted);padding-right:25px;margin:0 0 25px}
.contact{background:#65b7c426;text-align:left;border-top:1px solid #745d4733}
.contact>div{max-width:860px;margin:0 auto}
.contact h2{max-width:750px}
.contact p:not(.eyebrow){max-width:650px;color:#745d47}
.contact-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:32px}
.contact .button{background:var(--forest);color:#fff;border-color:var(--forest)}
.phone-link{display:inline-flex;align-items:center;min-height:48px;font-size:17px}
.site-footer{padding:48px 7% 30px;background:#745d47;color:#fff}
.site-footer>.brand{width:119px;margin-bottom:25px}
.site-footer>p{font-size:17px;margin-bottom:14px}
.site-footer .footer-note{max-width:800px;font-size:14px;line-height:1.9;color:#fff}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;border-top:1px solid #ffffff30;padding-top:25px;margin-top:30px;font-size:14px}
.footer-links>span{font-size:11px;letter-spacing:.04em;margin-right:auto}
@media(min-width:1600px){.site-header,.hero,.section,.feature-strip,.site-footer{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.site-header{gap:20px}.main-nav{gap:20px}.main-nav a{font-size:14px}.language-link{font-size:14px;margin-left:0}.hero{gap:4%;padding:62px 6% 70px;grid-template-columns:1fr 1fr}h1{font-size:49px}html[lang=en] h1{font-size:43px}.hero-intro{font-size:18px}.section{padding:85px 6%}.formula-image{height:370px}.formula-grid{gap:6%}.roots-copy{padding:60px 10%}.founder{gap:12px}.founder img{width:68px;height:90px}.founder h3,html[lang=en] .founder h3{font-size:18px}.steps{gap:22px}.questions{gap:6%}.feature-strip{padding:28px 6%;gap:25px}}
@media(max-width:760px){body,html[lang=en] body{font-size:17px;line-height:1.9}.site-header{padding:16px 7% 10px;flex-wrap:wrap;gap:12px}.brand img{width:105px;height:48px}.language-link{margin-left:auto;font-size:14px;order:2}.main-nav{order:3;margin:2px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;border-top:1px solid #ffffff25;padding-top:8px}.main-nav a{font-size:13px;line-height:1.7;min-height:44px;display:block;padding:5px 0}.hero{display:flex;flex-direction:column;padding:35px 7% 48px;gap:0;align-items:stretch}.hero-copy{display:contents}.hero-copy .eyebrow{order:0;font-size:9px;letter-spacing:.09em;margin-bottom:20px}.hero-copy h1{order:1;font-size:39px;letter-spacing:-.8px;line-height:1.4;margin-bottom:27px}html[lang=en] .hero-copy h1{font-size:35px;letter-spacing:-1px;line-height:1.2}.hero-art{order:2;width:100%;max-width:440px;align-self:center;margin-bottom:25px}.hero-copy .hero-intro{order:3;font-size:17px;line-height:1.9;margin-bottom:23px}.hero-copy .button{order:4;align-self:flex-start}.hero-copy .hero-note{order:5;font-size:13px;margin-top:17px}.feature-strip{padding:25px 7%;grid-template-columns:1fr;gap:18px}.feature-strip>div{padding-left:18px}.feature-strip>div>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.feature-strip strong{font-size:15px}.feature-strip span{font-size:15px}.section{padding:65px 7%}.section-heading{margin-bottom:34px}.eyebrow{font-size:12px;margin-bottom:18px}.eyebrow[lang=th]{font-size:14px}h2,html[lang=en] h2{font-size:32px;line-height:1.5;letter-spacing:-.6px}html[lang=en] h2{line-height:1.2}.section-heading>p:last-child{font-size:17px}.formula-grid{grid-template-columns:1fr;gap:50px}.formula-card:nth-child(2){margin-top:0}.formula-image{height:355px}.formula-info{padding-top:24px}.formula-info .eyebrow{font-size:10px}.formula-info>p:not(.eyebrow){font-size:17px}h3,html[lang=en] h3{font-size:26px}.ingredient-tags{gap:6px 17px}.ingredient-tags li{font-size:13px}.text-link{font-size:16px}.section-note{font-size:14px;margin-top:30px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.step-number{font-size:13px;margin-bottom:18px}.steps h3{font-size:27px}.steps p{font-size:16px}.roots{grid-template-columns:1fr}.roots-photo{height:360px;min-height:0}.photo-label{left:22px;bottom:22px;font-size:9px}.roots-copy{padding:55px 7% 62px}.roots-copy>p:not(.eyebrow){font-size:17px}.founder{gap:17px}.founder img{width:78px;height:102px}.founder h3,html[lang=en] .founder h3{font-size:18px;line-height:1.7}.founder p{font-size:12px}.questions{grid-template-columns:1fr;gap:0}.questions .section-heading{margin-bottom:26px}summary{font-size:18px;padding:24px 0;gap:18px}.faq-action{max-width:70px;white-space:normal!important;font-size:12px!important;text-align:right;flex-shrink:0}details>p{font-size:17px;padding-right:0}.contact-actions{flex-direction:column;align-items:flex-start;gap:17px}.button{font-size:16px;min-height:53px;padding:13px 24px}.site-footer{padding:40px 7% 25px}.site-footer>p{font-size:16px}.site-footer .footer-note{font-size:13px}.footer-links{font-size:13px;gap:15px 24px}.footer-links>span{width:100%;margin:0}}
@media(max-width:350px){.hero-copy h1{font-size:35px}.hero-art{height:320px}.formula-image{height:315px}.hero .eyebrow{font-size:8px}.main-nav a{font-size:12px}.founder h3,html[lang=en] .founder h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.site-header a:focus-visible,.hero a:focus-visible,.roots a:focus-visible,.site-footer a:focus-visible{outline-color:#fff}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] .button,html[lang=th] .main-nav a,html[lang=th] summary{font-weight:700}
html[lang=th] .hero-intro,html[lang=th] .section-heading>p:last-child,html[lang=th] .formula-info>p:not(.eyebrow),html[lang=th] .steps p,html[lang=th] .roots-copy>p:not(.eyebrow),html[lang=th] details>p,html[lang=th] .contact p:not(.eyebrow){font-size:22px;line-height:1.7}
html[lang=th] .button,html[lang=th] .text-link,html[lang=th] .phone-link,html[lang=th] summary{font-size:22px}
html[lang=th] .main-nav a,html[lang=th] .ingredient-tags li,html[lang=th] .hero-note,html[lang=th] .section-note,html[lang=th] .feature-strip span,html[lang=th] .site-footer .footer-note{font-size:19px}
html[lang=th] .site-footer>p{font-size:21px}
html[lang=th] .faq-action{font-size:17px}
@media(max-width:760px){html[lang=th] body{font-size:21px}html[lang=th] .hero-intro,html[lang=th] .section-heading>p:last-child,html[lang=th] .formula-info>p:not(.eyebrow),html[lang=th] .steps p,html[lang=th] .roots-copy>p:not(.eyebrow),html[lang=th] details>p,html[lang=th] .contact p:not(.eyebrow){font-size:21px}html[lang=th] .main-nav a{font-size:18px}html[lang=th] .site-footer .footer-note{font-size:18px}}