@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#183e30;--paper:#f8f6ee;--sage:#dce5d6;--line:rgba(24,62,48,.2);--muted:#5f7164}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #6d8d70;outline-offset:6px}.skip{position:fixed;top:-100px;background:white;padding:16px;z-index:20}.skip:focus{top:0}.announcement{background:var(--ink);color:#eeeede;text-align:center;font-size:9px;letter-spacing:2px;padding:13px 20px}.announcement span{margin-left:30px;letter-spacing:.6px;color:#ccd6c8}header{padding:29px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-weight:600;letter-spacing:4px}.logo span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-style:italic;font-size:15px;letter-spacing:.3px;margin-top:3px}nav{display:flex;gap:32px;font-size:11px}nav a:hover,.text-link:hover{color:#789173}.button{display:inline-flex;align-items:center;justify-content:center;padding:18px 26px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.7px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#315b40}.button.small{background:transparent;color:var(--ink);padding:13px 20px}.button.small:hover{background:var(--sage)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:690px}.hero-copy{padding:84px 11% 40px;position:relative;overflow:hidden}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;margin:0 0 28px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(47px,4.8vw,75px);line-height:1.03;letter-spacing:-2.2px;position:relative;z-index:1}em{font-weight:400;color:#668162}.lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-style:italic;margin:28px 0 15px}.hero-copy>p:not(.eyebrow):not(.lead){font-size:13px;line-height:1.9;max-width:325px;margin:0 0 30px}.hero-note{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.2px;border-top:1px solid var(--line);padding-top:21px;margin-top:54px;position:relative;z-index:1}.hero-image,.story-photo{position:relative;overflow:hidden;background:var(--sage)}img{display:block;width:100%;height:100%;object-fit:cover}.hero-image>img{position:absolute;object-position:65% center}.photo-label{position:absolute;bottom:25px;left:28px;color:white;text-shadow:0 1px 10px #102918;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px}.botanical{object-fit:contain;pointer-events:none}.hero-leaf{position:absolute;width:190px;height:270px;right:-63px;bottom:55px;opacity:.25;transform:rotate(-15deg)}.ribbon{padding:25px 6%;background:#e5eadc;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ribbon span{font-size:9px;letter-spacing:1.7px;text-align:center}.ribbon i{display:block;width:4px;height:4px;border-radius:50%;background:#738869}.section{padding:105px 7%}.philosophy{display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.philosophy-heading{position:relative}.philosophy-heading .botanical{width:140px;height:170px;object-position:left;margin-top:25px;opacity:.65}.philosophy-copy>p{font-size:17px;line-height:1.95;margin:0 0 24px}.philosophy-copy>p:first-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.5}.signature{font-size:12px!important;letter-spacing:3px;margin-top:35px!important}.signature span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-style:italic;letter-spacing:0;margin-top:4px}h2{font-size:clamp(40px,4.2vw,62px);line-height:1.07;letter-spacing:-1.5px}.section-title{max-width:620px;text-align:center;margin:0 auto 55px}.section-title>p:last-child{font-size:13px;line-height:1.8;margin:24px 0 0;color:var(--muted)}.benefits{background:#eef0e7;border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.benefit-grid article{padding:10px 25px 0;border-left:1px solid var(--line)}.benefit-grid article:first-child{border-left:0;padding-left:0}.benefit-grid article:last-child{padding-right:0}.number{font-size:9px;letter-spacing:1.5px;margin:0 0 35px}h3{font-size:29px;line-height:1.15}.benefit-grid article>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 0}.ingredients{background:var(--ink);color:#f3f0df}.ingredients em{color:#bac9ab}.ingredient-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}.ingredient-heading>p{font-size:13px;line-height:1.9;max-width:295px;color:#c6d1c1}.active-list article{display:grid;grid-template-columns:35px 1fr 1fr 155px;align-items:center;gap:25px;padding:32px 0;border-top:1px solid #ffffff26}.active-list article>span:first-child{font-size:11px;color:#b9c7ad}.active-list h3{font-size:34px}.active-list p{font-size:12px;line-height:1.9;margin:0;color:#c6d1c1}.active-tag{font-size:8px;letter-spacing:1px;text-align:right;color:#c9d0b7}.formula-footnote{border-top:1px solid #ffffff26;padding-top:25px;font-size:11px;color:#c6d1c1;margin-bottom:0}.beach-story{display:grid;grid-template-columns:1.12fr 1fr}.story-photo{min-height:640px}.story-photo>img{position:absolute;object-position:43% center}.story-copy{background:#dce5d6;padding:85px 13%;position:relative;overflow:hidden}.story-copy h2{position:relative;font-size:clamp(47px,4.7vw,68px);margin-top:105px}.story-copy>p:not(.eyebrow){font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;line-height:1.5;position:relative}.story-copy .story-detail{font-family:'DM Sans',Arial,sans-serif!important;font-size:13px!important;line-height:1.9!important;color:#526553}.story-leaf{position:absolute;width:190px;height:230px;top:24px;right:-16px;transform:rotate(-35deg);opacity:.45}.text-link{display:inline-block;font-size:10px;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid var(--ink);margin-top:23px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:0;margin:0}.steps li{border-top:1px solid var(--line);padding-top:25px}.steps span{font-family:'Cormorant Garamond',Georgia,serif;font-size:37px;color:#829276;display:block;margin-bottom:25px}.steps h3{font-size:31px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;background:#eeeee4;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;position:relative;cursor:pointer;padding:24px 35px 24px 0;font-size:13px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:21px;font-size:20px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 30px 25px 0}.shop{background:#dce5d6;padding:110px 7%;text-align:center;position:relative;overflow:hidden}.shop .button{margin-top:34px}.shop>p:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-style:italic;margin:24px 0 0}.shop-leaf{position:absolute;left:0;bottom:-75px;width:240px;height:340px;opacity:.3;transform:rotate(25deg)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:55px 7% 25px;gap:40px}footer>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}footer>div{display:flex;justify-content:end;gap:25px;font-size:11px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;font-size:9px;letter-spacing:.4px;color:var(--muted);margin-top:15px}
@media(min-width:1700px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:20px}.hero-copy{padding:65px 9% 35px}.hero{min-height:640px}h1{font-size:52px}.philosophy{gap:40px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:35px}.benefit-grid article:nth-child(3){border-left:0;padding-left:0}.active-list article{grid-template-columns:25px 1fr 1fr}.active-tag{grid-column:2;text-align:left}.story-copy{padding:65px 10%}.story-photo{min-height:620px}.steps{gap:30px}.faq{gap:35px}.shop-leaf{width:160px}}
@media(max-width:600px){.announcement{font-size:8px;letter-spacing:1.5px}.announcement span{display:none}header{padding:21px 6%;gap:15px}.logo{font-size:23px;letter-spacing:3px}.logo span{font-size:12px}header nav{display:none}.button.small{padding:11px 12px;font-size:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 32px}h1{font-size:clamp(43px,11.8vw,66px);letter-spacing:-1.5px}.lead{font-size:23px}.hero-copy>p:not(.eyebrow):not(.lead){max-width:88%}.hero-image{min-height:470px}.hero-note{font-size:7px;margin-top:38px}.hero-leaf{right:-78px;bottom:58px}.photo-label{font-size:20px;left:22px;bottom:23px}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px 6%}.ribbon span{font-size:8px;letter-spacing:1.2px}.ribbon i{display:none}.section{padding:65px 7%}h2{font-size:45px}.philosophy{grid-template-columns:1fr;gap:25px}.philosophy-heading .botanical{position:absolute;right:0;bottom:0;width:95px;height:130px;margin:0;opacity:.4}.philosophy-copy>p:first-child{font-size:26px}.philosophy-copy>p{font-size:14px;line-height:1.9}.section-title{margin-bottom:38px}.benefit-grid{gap:35px 15px}.benefit-grid article{padding:0 0 0 15px}.number{font-size:8px;letter-spacing:1px;margin-bottom:20px}.benefit-grid h3{font-size:27px}.benefit-grid article>p:last-child{font-size:12px}.ingredient-heading{display:block;margin-bottom:30px}.ingredient-heading>p{margin-top:25px}.active-list article{grid-template-columns:20px 1fr;gap:12px;padding:26px 0}.active-list h3{font-size:32px}.active-list p{grid-column:2}.active-tag{grid-column:2;font-size:8px}.beach-story{grid-template-columns:1fr}.story-photo{min-height:490px}.story-copy{padding:48px 7% 55px}.story-copy h2{font-size:51px;margin-top:70px}.story-leaf{width:140px;height:180px;top:10px}.story-copy>p:not(.eyebrow){font-size:25px}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:40px 1fr;gap:10px 18px;padding-top:22px}.steps span{grid-row:1/3;margin:0;font-size:33px}.steps h3{font-size:30px}.steps p{grid-column:2;margin:0;font-size:13px}.faq{grid-template-columns:1fr;gap:25px}summary{font-size:13px}.shop{padding:70px 7%}.shop h2{font-size:43px}.shop-leaf{width:130px;left:-50px;bottom:-60px;height:240px}footer{grid-template-columns:1fr 1fr;padding:40px 7% 25px;gap:25px}footer>p{grid-column:1/-1;grid-row:2}footer>div{flex-direction:column;align-items:end;gap:15px}footer small{margin-top:0;font-size:8px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* English leads; Malay provides a lighter secondary reading. */
.en{display:block;font-weight:700}.ms{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:11px;line-height:1.75;font-weight:400;font-style:normal;letter-spacing:0;color:var(--muted);margin-top:8px}
h1,h2,h3,h1 em,h2 em{font-weight:700}h1 .ms,h2 .ms{font-size:13px;line-height:1.75;letter-spacing:0;margin-top:19px;max-width:440px}h3 .ms{font-size:11px;line-height:1.6;margin-top:10px}
.hero-copy>p:not(.eyebrow):not(.lead){font-size:15px}.hero-copy .lead .en{font-weight:700}.lead .ms{font-size:11px}.eyebrow .ms,.number .ms,.active-tag .ms,.hero-note .ms{font-size:8px;margin-top:5px}.logo>span{font-size:14px}.logo .en{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;letter-spacing:.2px}.logo .ms{font-size:8px;margin-top:4px}.announcement .en{margin:0;color:#eeeede;letter-spacing:1.3px}.announcement .ms{margin:5px 0 0;font-size:8px;color:#cbd5c7}.button{flex-direction:column;gap:0}.button .ms{color:#dce5d6;font-size:9px;margin-top:5px}.button.small .ms{color:var(--muted);font-size:8px}.button.small .en{font-size:11px}nav .ms{font-size:9px;margin-top:4px}
.hero-note>span{flex:1}.hero-note .en{display:block;font-size:8px}.hero-note .ms{font-size:7px}.ribbon>span{flex:1}.ribbon .ms{font-size:8px;margin-top:6px}.philosophy-copy>p:first-child{font-size:29px}.philosophy-copy>p .ms{font-size:12px;line-height:1.9;margin-top:14px}.philosophy-copy>p:not(:first-child):not(.signature){font-size:18px}.signature .ms{font-size:9px}.section-title>p:last-child{font-size:15px}.benefit-grid article>p:last-child,.active-list p,.ingredient-heading>p,.steps p,details p{font-size:14px}.benefit-grid .ms,.active-list p .ms,.ingredient-heading>p .ms,.steps p .ms,details p .ms{font-size:11px}.ingredients .ms{color:#b3c5ac}.story-copy h2{margin-top:85px}.story-copy .ms{color:#526553}.story-copy .story-detail{font-size:14px!important}.story-copy>p .ms{font-size:11px;line-height:1.85}.photo-label .ms{color:#fff;font-size:10px;text-shadow:0 1px 6px #102918}.text-link .ms{font-size:9px}summary .en{font-size:15px}summary .ms{font-size:11px;margin-top:7px}.shop>p:last-child .ms{font-size:11px}footer .ms{font-size:10px}footer small .ms{font-size:8px}
@media(max-width:600px){h1 .ms,h2 .ms{font-size:12px;margin-top:16px}header{align-items:center}.logo>span{font-size:12px}.logo .ms{font-size:7px}.button.small{padding:10px 11px}.button.small .en{font-size:9px}.button.small .ms{font-size:7px}.announcement .en{font-size:7px;letter-spacing:.8px}.announcement .ms{font-size:7px;line-height:1.6}.hero-image{min-height:470px}.hero-note .en{font-size:7px}.hero-note .ms{font-size:7px}.ribbon .ms{font-size:7px}.philosophy-copy>p:first-child{font-size:27px}.philosophy-copy>p:not(:first-child):not(.signature){font-size:16px}.philosophy-copy>p .ms{font-size:11px}.benefit-grid h3{font-size:27px}.benefit-grid h3 .ms{font-size:10px}.benefit-grid article>p:last-child{font-size:13px}.benefit-grid article>p:last-child .ms{font-size:10px}.story-copy h2{margin-top:65px}.steps li>span{grid-row:1/3}.steps h3 .ms{font-size:10px}summary .en{font-size:14px}.shop h2{font-size:41px}.shop-leaf{opacity:.18}}
/* Refined ritual: quiet numbering and compact supporting copy. */
.ritual .steps{gap:52px;max-width:1080px;margin:0 auto}
.ritual .steps li{padding-top:26px}
.ritual .steps li>span{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:2px;font-weight:500;margin-bottom:25px;color:#70836b}
.ritual .steps h3{font-size:29px;line-height:1.2}
.ritual .steps h3 .ms{font-size:10px;margin-top:7px;color:#71806f}
.ritual .steps p{font-size:12px;line-height:1.9;margin-top:19px;max-width:270px}
.ritual .steps p .en{font-size:12px;font-weight:400;color:#415c4b;line-height:1.9}
.ritual .steps p .ms{font-size:10px;font-weight:400;line-height:1.85;margin-top:10px;color:#758171}
@media(max-width:600px){.ritual .steps{gap:28px}.ritual .steps li{grid-template-columns:28px 1fr;gap:8px 16px;padding-top:23px}.ritual .steps li>span{font-size:10px;letter-spacing:1px;padding-top:8px;margin:0}.ritual .steps h3{font-size:27px}.ritual .steps h3 .ms{font-size:10px}.ritual .steps p{margin-top:8px;max-width:100%;font-size:12px}.ritual .steps p .en{font-size:12px}.ritual .steps p .ms{font-size:10px;margin-top:9px}}

.explore-button{flex-direction:row;gap:16px;padding:16px 25px}.flower-cart{width:37px;height:37px;flex:0 0 37px;color:#e0d5ab}.explore-button .button-copy{display:block;text-align:left}.explore-button .button-copy .en{font-size:11px;letter-spacing:.6px}.explore-button .button-copy .ms{font-size:9px;margin-top:5px;color:#cbd8c7}.explore-button:hover .flower-cart{color:#f5e8bb}@media(max-width:600px){.explore-button{gap:13px;padding:15px 21px}.flower-cart{width:33px;height:33px;flex-basis:33px}}

.testimonials{background:#e8eddf;border-top:1px solid var(--line)}.testimonials .section-title{max-width:750px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1200px;margin:0 auto}.review{margin:0;padding:30px 27px;background:#f8f6ee;border:1px solid rgba(24,62,48,.15);display:flex;flex-direction:column}.stars{color:#8b794c;font-size:14px;letter-spacing:4px;margin-bottom:27px}.review blockquote{margin:0 0 32px;flex:1}.review blockquote .en{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;line-height:1.5;font-weight:600;margin:0}.review blockquote .ms{font-size:11px;line-height:1.85;margin:18px 0 0}.review figcaption{border-top:1px solid var(--line);padding-top:22px}.review figcaption strong{font-size:12px;font-weight:700;letter-spacing:.2px}.review .skin-type{font-size:10px;margin-top:9px;color:#577052;font-weight:600}.review figcaption .ms{font-size:9px;margin-top:4px}@media(max-width:900px){.review-grid{gap:18px}.review{padding:25px 19px}.review blockquote .en{font-size:23px}}@media(max-width:600px){.review-grid{grid-template-columns:1fr;gap:20px}.review{padding:28px 25px}.review blockquote .en{font-size:25px}.review blockquote{margin-bottom:25px}.stars{margin-bottom:22px}.testimonials h2{font-size:43px}}

.why-toner{position:relative;isolation:isolate;overflow:hidden;background:#123c32;padding:100px 7%;color:#f8f6ee;min-height:880px}.why-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.why-toner:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,35,28,.94) 0%,rgba(9,35,28,.86) 34%,rgba(9,35,28,.45) 61%,rgba(9,35,28,.04) 100%)}.why-content{max-width:535px}.why-content h2{font-size:76px}.why-content h2 em{color:#d4ddb9}.why-content h2 .ms{color:#d2dccd;font-size:12px}.why-content .eyebrow .ms{color:#c1d0bd}.why-intro{margin:35px 0 25px}.why-intro .en{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;line-height:1.3;margin:0}.why-content>p:not(.eyebrow){font-size:14px;line-height:1.9;margin:0 0 23px}.why-content>p .en{font-weight:600}.why-content .ms{font-size:11px;color:#d2dccd;line-height:1.85;margin-top:10px}.why-intro .ms{font-size:11px;margin:10px 0 0}.why-signoff{border-top:1px solid #ffffff38;padding-top:23px;margin-top:31px}.why-signoff .en{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.3;font-weight:600}.why-content .text-link{border-color:#d2dccd;color:#f8f6ee;margin-top:28px}.why-content .text-link .ms{font-size:9px;margin-top:5px}
@media(max-width:900px){.why-toner{padding:80px 7%;min-height:840px}.why-content{max-width:480px}.why-content h2{font-size:65px}.why-toner:before{background:linear-gradient(90deg,rgba(9,35,28,.93),rgba(9,35,28,.76) 55%,rgba(9,35,28,.25))}}@media(max-width:600px){.why-toner{padding:55px 7% 340px;min-height:0}.why-background{object-position:70% bottom}.why-toner:before{background:linear-gradient(180deg,rgba(9,35,28,.97) 0%,rgba(9,35,28,.91) 48%,rgba(9,35,28,.67) 70%,rgba(9,35,28,.08) 100%)}.why-content h2{font-size:59px}.why-intro{margin-top:30px}.why-intro .en{font-size:29px}.why-content>p:not(.eyebrow){font-size:14px}.why-content .ms{font-size:11px}.why-signoff .en{font-size:27px}}