*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#25220d;background:#fff;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #dc520e}.wrap{max-width:1200px;margin:auto;padding:0 42px}header,.yellow{background:#fcf12c}.header{display:flex;align-items:center;justify-content:space-between;min-height:100px}.logo img{width:92px;height:65px;object-fit:contain}nav{display:flex;gap:38px;align-items:center}nav a{text-decoration:none;font-size:16px}nav a:hover,nav a[aria-current]{text-decoration:underline}#menu{display:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.4vw,74px);line-height:1.04;letter-spacing:-2.6px;margin-bottom:28px}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;letter-spacing:-1.3px;margin-bottom:28px}h3{font-size:22px;line-height:1.25;margin-bottom:15px}p{margin-bottom:22px}section{padding:90px 0}.hero{padding:42px 0 64px;text-align:center}.hero h1{max-width:970px;margin:0 auto 25px}.hero p:not(.eyebrow){max-width:650px;margin:0 auto 30px;font-size:18px;line-height:1.45}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:22px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;border:1.5px solid #25220d;background:#25220d;color:#fff;text-decoration:none;border-radius:28px;padding:12px 23px;font-size:16px;font-weight:600;cursor:pointer;margin:8px 8px 8px 0}.yellow .button{background:transparent;color:#25220d}.button.secondary{background:transparent;color:#25220d}.button:hover{background:#e56326;color:white;border-color:#e56326}.product-banner img{width:100%;height:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>img{width:100%;border-radius:3px}.top{align-items:start}.cream{background:#f5f4eb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:50px}article{border-top:1px solid #b5b3a5;padding:25px 0 5px}.number{display:block;font-size:13px;margin-bottom:28px;color:#77715b}article p{font-size:16px}.intro{max-width:800px}.benefits{gap:20px 40px}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:35px;align-items:center}.partners img{width:100%;height:100px;object-fit:contain}.brand-image{max-height:350px;object-fit:contain}.quotes{gap:35px}.quotes p{font-size:17px}blockquote{margin:0}cite{font-style:normal;font-weight:700;font-size:15px}cite span{display:block;font-weight:400;font-size:13px;margin-top:5px}.pagehero{padding:70px 0}.pagehero h1{max-width:1000px}.pagehero p{max-width:700px}.prose{max-width:1000px}.prose h2{font-size:32px;margin-top:45px}.prose p{white-space:pre-line}.story-image{float:right;width:32%;margin:0 0 35px 45px}.shelf{clear:both;padding-top:30px}.shelf img{width:420px}.callout{display:flex;gap:50px;align-items:center;justify-content:space-between}.callout h2{max-width:650px}.callout .button{flex-shrink:0}form{background:#f6f5ee;padding:32px;border:1px solid #e3e1d5}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px;background:white;border:1px solid #aaa797;border-radius:0;min-width:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.small{font-size:12px;color:#5d5949}.break{overflow-wrap:anywhere}footer{background:#242316;color:#fff;padding:65px 0 20px;font-size:14px}.footer{display:grid;grid-template-columns:1fr 1.5fr .65fr;gap:60px}.footer a{display:block;margin-bottom:10px;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-brand{font-size:28px;font-weight:700;line-height:1.15}.footer h3{font-size:15px;margin-bottom:20px}.footer p{color:#d2d0bd}.footnote{border-top:1px solid #595747;padding-top:25px;margin-top:40px;font-size:12px}.whatsapp{position:fixed;bottom:20px;right:20px;border-radius:30px;padding:11px 19px;background:#fff;color:#25220d;border:1px solid #25220d;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 3px 15px #0002}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}#form-status{font-size:14px;margin:10px 0 0}@media(max-width:800px){.wrap{padding:0 24px}.header{min-height:80px;flex-wrap:wrap}.logo img{width:75px;height:55px}#menu{display:block;background:none;border:1px solid #25220d;border-radius:20px;padding:6px 14px}nav{display:none;width:100%;padding:20px 0;gap:20px;flex-direction:column;align-items:start}nav.open{display:flex}section{padding:55px 0}.hero{padding:35px 0 45px}h1{letter-spacing:-1.5px}.split{grid-template-columns:1fr;gap:35px}.grid{grid-template-columns:1fr 1fr;gap:25px}.partners{grid-template-columns:repeat(3,1fr);gap:25px}.footer{grid-template-columns:1fr;gap:25px}.callout{display:block}.story-image{float:none;width:100%;max-height:400px;object-fit:contain;margin:0 0 35px}.pagehero{padding:45px 0}.prose h2{font-size:28px}.whatsapp{bottom:12px;right:12px}.product-banner img{min-height:150px;object-fit:cover}form{padding:23px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr;gap:0}.hero h1 br{display:none}.hero h1{font-size:43px}.partners img{height:70px}.button{font-size:14px;padding:11px 19px}.hero p:not(.eyebrow){font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Explicit mobile control colours, including Safari. */
#menu{color:#000;-webkit-text-fill-color:#000}#menu .menu-icon{color:#000;vertical-align:middle;margin-left:6px}.hero .shop-rantau{background:#b50922;color:#fff;border-color:#b50922}.hero .shop-rantau:hover,.hero .shop-rantau:focus-visible{background:#92071b;border-color:#92071b}

/* Enlarge the visible logo and clip the transparent padding in the source asset. */
a.logo{position:relative;display:block;flex:0 0 105px;width:105px;height:94px;overflow:hidden}.logo img{position:absolute;max-width:none;width:180px;height:180px;left:-37px;top:-50px;object-fit:contain}.header{padding-top:10px;padding-bottom:10px}
@media(max-width:800px){a.logo{flex-basis:91px;width:91px;height:82px}.logo img{width:156px;height:156px;left:-32px;top:-44px}.header{padding-top:10px;padding-bottom:10px}}
