@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--green:#194c36;--deep:#173e2e;--cream:#f8f6ed;--gold:#c5ab61;--line:#d6dacc;--muted:#677265}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}::selection{background:#d9dfba}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb9639;outline-offset:5px}.announcement{text-align:center;background:var(--green);color:#f5f3db;padding:9px 20px;font-size:10px;letter-spacing:2px}.announcement span{margin-left:16px;color:#ddcb85}.header{height:108px;display:flex;align-items:center;gap:35px;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-weight:bold;font-size:38px;letter-spacing:-2px;line-height:1}.brand span{display:block;text-align:center;font:8px 'DM Sans',Arial,sans-serif;letter-spacing:4px;margin-top:9px}.header nav{display:flex;gap:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--cream);padding:16px 24px;border-radius:4px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#2b6347;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.header-cta{padding:12px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:90px 8% 65px 10.4%;align-self:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 26px}.little-flower{font-size:24px;vertical-align:middle;margin-right:10px;color:#9e8d4c}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-2.5px}h1{font-size:clamp(50px,5.4vw,82px);margin-bottom:28px}em{font-weight:500;color:#8e8f53}h1 em{position:relative}h1 em:after{content:'';position:absolute;left:0;right:0;height:8px;border-top:2px solid #b2a368;border-radius:50%;bottom:-8px;transform:rotate(-5deg)}.intro{max-width:370px;font-size:14px;color:#647060;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #9fae94;padding-bottom:5px;display:inline-flex;gap:22px;align-items:center}.hero-notes{display:flex;align-items:center;gap:15px;margin-top:45px;font-size:10px;color:#68735e}.hero-notes i{height:4px;width:4px;background:#a4a77c;border-radius:50%}.hero-visual{position:relative;background:#e4d28a;overflow:hidden}.hero-visual>img{height:100%;object-fit:cover;object-position:center 49%}.round-stamp{position:absolute;top:35px;right:28px;background:var(--cream);border:1px solid #b7bc90;outline:6px solid #f8f6edb3;border-radius:50%;width:115px;height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);font-size:8px;letter-spacing:1px;line-height:1.8}.round-stamp strong{font:italic 24px Georgia,serif;letter-spacing:-1px}.round-stamp>span{font-size:17px;margin-top:4px}.image-caption{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:15px 25px;background:#f4efdbdd;font-size:8px;letter-spacing:1.2px}.values-strip{padding:23px 4%;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:19px}.values-strip b{font-size:25px;color:#a7a56f}.section{padding:95px 7.5%}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:115px;padding-bottom:110px}h2{font-size:clamp(36px,3.8vw,57px);margin-bottom:25px}.section-number{font-size:9px;letter-spacing:1.5px;color:#7a876f;display:block;margin-bottom:24px}.story-copy{padding-top:5px}.large-copy{font:25px/1.45 Georgia,serif;max-width:440px}.story-copy>p:not(.large-copy),.commitment-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.story-copy .text-link{margin-top:10px}.goodness{background:#e9eddf}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:13px;margin-bottom:5px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.benefits article{padding:0 38px;border-right:1px solid #c9d1bf}.benefits article:first-child{padding-left:0}.benefits article:last-child{border:0}.benefit-icon{display:block;font-size:43px;margin-bottom:25px;font-family:Georgia,serif;color:#6d855b}.benefits .section-number{margin-bottom:12px}.benefits h3{font:26px Georgia,serif}.benefits p{color:#65725d;font-size:13px;margin:0;max-width:290px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.product-image{height:460px;overflow:hidden;position:relative;background:#e6d48f}.product-image img{height:100%;object-fit:cover;object-position:center 60%;transition:transform .5s}.product:hover .product-image img{transform:scale(1.035)}.product-tag{position:absolute;z-index:1;left:22px;top:20px;background:#f8f6ed;padding:6px 13px;font-size:9px;letter-spacing:1px;border-radius:2px}.product-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.product-title h3{font:25px Georgia,serif;margin:0}.product-title h3 span{font:11px 'DM Sans',sans-serif;display:inline-block;margin-left:10px;color:#7e865e}.product-title>a{border:1px solid #b6c0a9;border-radius:50%;height:35px;width:35px;text-align:center;font-size:23px;line-height:32px}.product>p{font-size:11px;color:#79816d;margin-top:5px}.cold-note{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.cold-note>span{font-size:30px}.cold-note p{font-size:11px;color:var(--muted);margin:0}.cold-note strong{color:var(--green);margin-right:8px}.commitment{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#efeedd;align-items:center}.commitment-image{height:600px;overflow:hidden;border-radius:48% 48% 4px 4px}.commitment-image img{height:100%;object-fit:cover}.commitment-copy h2{font-size:45px}.commitment-copy .eyebrow{font-size:9px}details{border-bottom:1px solid #c9d0bb}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:500;padding:20px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:9px;color:#829172}summary>b{margin-left:auto;font-size:20px;font-weight:400;transition:transform .2s}details[open] summary>b{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 20px 5px 30px}.indonesia{text-align:center;background:var(--green);color:#f5f2db;padding-top:90px;padding-bottom:85px;position:relative;overflow:hidden}.indonesia:before,.indonesia:after{content:'✳';position:absolute;font-size:240px;opacity:.08;top:40px}.indonesia:before{left:-70px}.indonesia:after{right:-70px}.indonesia h2{font-size:clamp(40px,5vw,70px)}.indonesia em{color:#d5c581}.indonesia>p:not(.eyebrow){font-size:13px;color:#c2cdb4}.indonesia-label{display:inline-block;font-size:10px;letter-spacing:3px;border-top:1px solid #65816a;margin-top:20px;padding-top:23px}.indonesia-label b{margin-left:15px;color:#dbca8c}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%}.faq details:first-child{border-top:1px solid #c9d0bb}.faq summary{font-size:14px}.faq details>p{padding-left:0}.faq details .text-link{margin-bottom:20px}.contact{background:#e4e9d7;display:flex;justify-content:space-between;align-items:center;padding-top:65px;padding-bottom:65px}.contact h2{margin:0}.contact .eyebrow{margin-bottom:20px}.contact .light{background:var(--cream);color:var(--green)}footer{padding:55px 5.2% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px}.footer-top>p{font-size:12px;color:var(--muted);margin:0}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#78816e}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{max-height:850px}}@media(max-width:1050px){.header{gap:20px;padding:0 4%}.header nav{gap:18px}.header-cta{font-size:10px;gap:15px}.hero-copy{padding:60px 8%}h1{font-size:60px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-notes{gap:10px;flex-wrap:wrap}.hero{min-height:580px}.hero-visual img{object-position:56% center}.values-strip{font-size:16px}.section{padding:75px 6%}.commitment-copy h2{font-size:36px}.commitment-image{height:540px}.product-image{height:390px}.product-title h3{font-size:22px}.product-title h3 span{display:block;margin:8px 0}.footer-bottom{flex-wrap:wrap}}
@media(max-width:760px){html{scroll-padding-top:25px}.announcement{font-size:8px;letter-spacing:1px;padding:9px}.header{height:88px;position:relative;padding:0 6%}.brand{font-size:33px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid #c9d0bb;border-radius:3px;background:transparent;padding:8px 12px;color:var(--green);font-size:12px}.header nav{display:none;position:absolute;left:0;right:0;top:87px;padding:25px 6%;background:var(--cream);z-index:10;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #173e2e0b}.header nav.open{display:flex;flex-direction:column;gap:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7% 45px}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:59px;letter-spacing:-2px}.intro{font-size:13px;max-width:340px}.hero-actions{margin-top:25px}.hero-notes{margin-top:28px;font-size:9px}.hero-visual{height:540px}.hero-visual>img{object-position:center 53%}.round-stamp{width:95px;height:95px;top:25px;right:25px;font-size:7px}.round-stamp strong{font-size:21px}.image-caption{font-size:6px;padding:13px 16px}.values-strip{padding:18px 5%;gap:15px;justify-content:center;flex-wrap:wrap;font-size:14px}.values-strip b{font-size:18px}.values-strip span:nth-of-type(n+3),.values-strip b:nth-of-type(n+2){display:none}.section{padding:60px 7%}.story,.commitment,.faq{grid-template-columns:1fr;gap:32px}h2{font-size:39px;letter-spacing:-1.5px}.large-copy{font-size:24px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.section-heading>p{font-size:12px}.benefits{grid-template-columns:1fr;margin-top:35px;gap:28px}.benefits article,.benefits article:first-child{padding:0 0 25px;border-right:0;border-bottom:1px solid #c9d1bf;display:grid;grid-template-columns:60px 1fr}.benefit-icon{grid-row:1/4;margin:0;font-size:35px}.benefits .section-number{margin:3px 0 10px}.benefits h3{margin-bottom:15px}.benefits p{max-width:none}.product-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.product-image{height:420px}.product-title h3 span{display:inline-block;margin-left:8px}.cold-note{align-items:flex-start}.commitment-image{height:450px;max-width:450px;width:100%;margin:auto}.commitment-copy h2{font-size:38px}.indonesia h2{font-size:43px}.indonesia p br{display:none}.contact{align-items:flex-start;gap:30px;flex-direction:column}.footer-top{gap:25px;align-items:flex-start;flex-wrap:wrap}.footer-top>p{width:100%;order:3}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom>span:nth-child(2){max-width:300px}footer{padding:40px 7% 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
