/* Pandawa label composition translated to the existing website. */
:root{--brand-orange:#ed571c;--brand-yellow:#ffbd19;--brand-blue:#294cbe;--brand-green:#496c2f;--brand-pink:#f6bbb8;--brand-purple:#b9a0d6;--paper:#fffaf1}
.announcement{background:var(--brand-orange);color:#3b200f;font-weight:600}
.header{background:#fffaf1f5}.header nav,.menu-toggle,.button,.text-link,.footer-top{font-family:'DM Sans',Arial,sans-serif}
main>.section-wave,main section>.section-wave{display:none}
main>section:not(.hero){position:relative}
.eyebrow{font-size:.66rem;letter-spacing:.13em}
.hero{--hero-rust:#d34d1c}
.hero-transition{height:12px;background:var(--paper);position:relative;overflow:hidden}
.hero-transition .hero-brand-border{display:block;position:static;width:100%;height:12px;background:var(--brand-orange);mask:url('assets/hero-scallop.png') left top/443px 12px repeat-x;-webkit-mask:url('assets/hero-scallop.png') left top/443px 12px repeat-x;opacity:1}
.retail-trust{background:var(--paper);padding-top:34px;padding-bottom:42px}
.roots{background:#ffe7da;padding:90px 6% 100px;color:#633021;isolation:isolate}
.roots:before{content:'';position:absolute;inset:0 0 auto;height:18px;background:var(--brand-orange);mask:url('assets/hero-border.webp') left center/207px 18px repeat-x;-webkit-mask:url('assets/hero-border.webp') left center/207px 18px repeat-x;pointer-events:none}
.heritage-story h2{color:#a83d20}.heritage-story h2 em{color:#a83d20}
.heritage-story:after{background:#d5532e;mask:url('assets/hero-botanical.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-botanical.webp') center/contain no-repeat;width:130px;height:115px;opacity:.65}
.heritage-visual figure>img{border-radius:130px 130px 12px 12px;filter:none;border:7px solid #fffaf1;box-shadow:0 0 0 1px #d5532e66}
.heritage-today{opacity:1;filter:drop-shadow(8px 12px 8px #63302122)}
.flavors{background:var(--paper);padding:85px 0 90px}
.flavors .split-heading{align-items:end}.flavors h2 em{color:var(--brand-orange)}
.product-info h3{color:#633021}.product-info{padding:22px 5px 0}
.product-card .original-product,.product-details .original-product{border-radius:100px 100px 16px 16px!important;background:#ffd798!important;border:1px solid #ed571c44}
.original-product.product-beras-kencur{background:#f1e8db!important}.original-product.product-kunyit-sirih{background:#cce293!important}.original-product.product-jahe-kunyit{background:#f6bab5!important}.original-product.product-kefir{background:#c6d4ff!important}
.original-product:before{content:'';position:absolute;width:84%;aspect-ratio:1;left:8%;top:13%;background:var(--brand-orange);opacity:.2;mask:url('assets/hero-flower.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-flower.webp') center/contain no-repeat;z-index:-1}
.original-product:after{content:'';position:absolute;inset:auto 0 13px;height:15px;background:var(--brand-orange);opacity:.7;mask:url('assets/hero-border.webp') left center/173px 15px repeat-x;-webkit-mask:url('assets/hero-border.webp') left center/173px 15px repeat-x}
.product-kunyit-sirih:before,.product-kunyit-sirih:after{background:#496c2f}.product-beras-kencur:before,.product-beras-kencur:after{background:#917248}.product-jahe-kunyit:before,.product-jahe-kunyit:after{background:#bd4c41}.product-kefir:before,.product-kefir:after{background:var(--brand-blue)}
.product-spark{width:40px;height:40px;font-size:0;background:#fffaf1;mask:url('assets/hero-corner.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-corner.webp') center/contain no-repeat}
.volume-tag{font-family:'DM Sans',sans-serif;color:#633021;background:#fffaf1;border-radius:4px;font-size:.7rem;bottom:34px;left:50%;right:auto;transform:translateX(-50%);padding:5px 12px;white-space:nowrap;z-index:2}
.product-facts button{font-family:'DM Sans',sans-serif}
.real-ingredients{background:#d7e8ae;color:#28442a;padding:85px 0 75px;isolation:isolate}
.real-ingredients:after{content:'';position:absolute;width:300px;height:330px;right:-130px;top:10%;background:#527636;opacity:.16;mask:url('assets/hero-botanical.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-botanical.webp') center/contain no-repeat;z-index:-1;pointer-events:none}
.real-ingredients h2 em{color:#496c2f}.ingredient-composition{max-width:1100px;margin:30px auto 40px}.ingredient-item figcaption{font-family:var(--heading);font-size:1.2rem;color:#28442a}
.real-ingredients .ribbon{background:#496c2f;color:#fffaf1;transform:none;border:0;margin-bottom:0;font-size:1.5rem;padding:20px 0}
.ribbon-group b{font-size:0;display:block;width:28px;height:28px;background:#ffbd19;mask:url('assets/hero-flower.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-flower.webp') center/contain no-repeat}
.process-journey{background:var(--brand-blue);color:var(--paper);border-top:14px solid var(--paper)}
.journey-heading h2,.journey-heading h2 em{color:var(--paper)}.journey-heading .journey-skip{color:var(--paper)}
.journey-stage{position:relative}.journey-heading{padding-top:16px}
.journey-card{border-radius:18px;background:#fffaf1;color:#173b39;border:1px solid #fffaf1}
.journey-card-copy{position:relative}.journey-card .step-label{font:700 .74rem 'DM Sans',sans-serif;letter-spacing:.13em;color:var(--brand-blue);border-bottom:1px solid #294cbe33;padding-bottom:14px}
.journey-card h3{color:var(--brand-blue)}.journey-dots button{color:var(--paper);border-color:#fffaf188}.journey-dots button[aria-current]{background:var(--brand-yellow);color:#173b39;border-color:var(--brand-yellow)}
.journey-footer{color:var(--paper)}.journey-disclosure{opacity:.85}
.ritual{background:var(--brand-pink);color:#6c2b25;border-top:0;isolation:isolate}
.ritual-copy{position:relative;padding:85px 9%}.ritual-copy h2,.ritual-copy h2 em{color:#9d382d}
.ritual-copy:after{content:'';display:block;width:70px;height:70px;margin-top:34px;background:#cc5d4b;mask:url('assets/hero-flower.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-flower.webp') center/contain no-repeat;transform:rotate(12deg)}
.feeling-chips span{border:1px solid #a6413433;background:#fffaf1aa;color:#6c2b25;font-family:'DM Sans',sans-serif}
.ritual-art{margin:38px 35px 38px 0;border:8px solid #fffaf1;border-radius:130px 130px 14px 14px;overflow:hidden;min-width:0}
.ritual-art img{height:100%;object-fit:cover}.ritual-art figcaption{border-radius:5px;font-family:'DM Sans',sans-serif}
.beverage-teaser{background:#e8def1;color:#51366b;padding:85px 9%;overflow:hidden;isolation:isolate}
.beverage-teaser h2 em{color:var(--brand-blue)}
.teaser-art{position:relative;isolation:isolate;min-height:300px}.teaser-art:before{content:'';position:absolute;inset:-15px 0;background:var(--brand-purple);opacity:.65;mask:url('assets/hero-flower.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-flower.webp') center/contain no-repeat;z-index:-1}
.teaser-art>span{color:var(--brand-blue);font-family:var(--heading);font-size:1.55rem}
.stockists{background:var(--brand-yellow);padding:90px 6%;overflow:hidden;isolation:isolate;color:#533116}
.stockists h2,.stockists h2 em{color:#533116}.stockists:after{content:'';position:absolute;width:260px;height:260px;right:-80px;bottom:-80px;background:#ed571c;opacity:.45;mask:url('assets/hero-flower.webp') center/contain no-repeat;-webkit-mask:url('assets/hero-flower.webp') center/contain no-repeat;z-index:-1}
.stockists .button{background:var(--brand-blue);color:#fffaf1}.stockists .text-link{color:#533116}.stockists .small-note{color:#533116}
.business-section{background:#c8400c;color:#fffaf1;padding:80px 0 65px}
.business-heading h2,.business-heading h2 em{color:#fffaf1}.business-heading .button{background:#fffaf1;color:#a83d20}
.business-card{border:6px solid #fffaf1;border-radius:100px 100px 12px 12px;background:#ffd798;aspect-ratio:1.02}
.business-card figcaption{border-radius:4px;background:#fffaf1;color:#633021;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.85rem}
.business-section .carousel-controls button{border-color:#fffaf1aa;color:#fffaf1;background:transparent}
.gallery-footer{padding-top:12px}.business-section .small-note{color:#fffaf1;opacity:.9}
.faq{background:var(--paper);padding:85px 6%;gap:8%}.faq h2 em{color:var(--brand-orange)}
.certification-status p{border-radius:4px;border:1px solid #d6d5b9}.cert-active{background:#edf3d8}.cert-pending{background:#fff0ce}
.questions details{border-bottom-color:#d9c7b0}.questions summary{padding-block:22px}.questions p{color:#40534a}
footer{background:var(--brand-blue);color:var(--paper);position:relative;padding-top:70px}
footer:before{content:'';position:absolute;inset:0 0 auto;height:17px;background:var(--brand-yellow);mask:url('assets/hero-border.webp') left center/196px 17px repeat-x;-webkit-mask:url('assets/hero-border.webp') left center/196px 17px repeat-x}
.footer-brand img{filter:brightness(0) invert(1);mix-blend-mode:normal}.footer-top h3{color:#ffcf47}.footer-top a,.footer-top button{color:#fffaf1}.footer-bottom{border-top-color:#fffaf133;color:#fffaf1}
.floating-actions{background:#fffaf1f5}.floating-actions a,.floating-actions button{font-family:'DM Sans',sans-serif}
.page-intro{background:#ffe7da;padding-top:75px}.page-intro h1 em{color:var(--brand-orange)}
/* The label tile is a full-colour image, not an alpha silhouette. */
.roots:before,.original-product:after,footer:before{mask:none;-webkit-mask:none;background:url('assets/hero-border.webp') left center/207px 18px repeat-x;filter:saturate(1.2);opacity:1}
.original-product:after{background-size:173px 15px}footer:before{background-size:196px 17px}
@media(max-width:900px){.ritual-copy{padding:65px 6%}.ritual-art{margin-right:20px;border-radius:90px 90px 12px 12px}}
@media(max-width:700px){
 .hero{padding-bottom:0}.hero-transition{height:9px}.hero-transition .hero-brand-border{height:9px;mask-size:332px 9px;-webkit-mask-size:332px 9px}
 .retail-trust{padding-top:27px;padding-bottom:32px}.roots{padding:62px 6% 65px}.roots:before{height:12px;mask-size:138px 12px;-webkit-mask-size:138px 12px}
 .heritage-visual figure>img{border-width:5px;border-radius:90px 90px 10px 10px}.heritage-story:after{width:85px;height:80px;margin-top:20px}.flavors{padding:60px 0}
 .product-card .original-product,.product-details .original-product{border-radius:85px 85px 12px 12px!important}.original-product:after{height:12px;mask-size:138px 12px;-webkit-mask-size:138px 12px}
 .product-facts>div{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:8px}
 .real-ingredients{padding:60px 0 45px}.real-ingredients:after{width:200px;height:230px;right:-100px}.real-ingredients .ribbon{font-size:1.05rem;padding:17px 0}.ingredient-item figcaption{font-size:1rem}
 .process-journey{border-top-width:9px}.journey-heading{padding-top:5px}.journey-card{border-radius:12px}.journey-card .step-label{padding-bottom:8px}.journey-card h3{font-size:1.6rem}
 .ritual-copy{padding:60px 6% 28px}.ritual-copy:after{width:46px;height:46px;margin-top:25px}.ritual-art{margin:0 6% 40px;width:88%;height:330px;min-height:0;border-width:5px;border-radius:100px 100px 10px 10px}
 .beverage-teaser{padding:60px 6%;gap:30px}.teaser-art{min-height:260px;padding-left:16%;gap:30px}.teaser-art:before{inset:0 7%}.teaser-art>span{font-size:1.3rem}
 .stockists{padding:65px 6%}.stockists:after{width:180px;height:180px;right:-65px;bottom:-65px}
 .business-section{padding:60px 0 45px}.business-card{border-width:5px;border-radius:85px 85px 10px 10px}.faq{padding:60px 6%;gap:26px}.questions summary{padding-block:18px}
 footer{padding-top:55px}footer:before{height:12px;mask-size:138px 12px;-webkit-mask-size:138px 12px}.page-intro{padding-top:50px}
 .roots:before,.original-product:after,footer:before{background-size:138px 12px}
}